@gooddata/sdk-ui-gen-ai 11.40.0-alpha.4 → 11.40.0-alpha.5

package/NOTICE

@@ -7,9 +7,9 @@
 
 The following 3rd-party software packages may be used by or distributed with gooddata-ui-sdk. Any information relevant to third-party vendors listed below are collected using common, reasonable means.
 
-Date generated: 2026-6-1
+Date generated: 2026-6-2
 
-Revision ID: 58bde4b356bb7df1b4f63c7ebd5ae8a4fee89f71
+Revision ID: 9578d3fcaf586a5a43aa0d269f308f27a7f322ef
 
 ================================================================================
 ================================================================================
@@ -38471,4 +38471,4 @@ POSSIBILITY OF SUCH DAMAGE.
 --------------------------------------------------------------------------------
 --------------------------------------------------------------------------------
 
-Report Generated by FOSSA on 2026-6-1
+Report Generated by FOSSA on 2026-6-2

package/esm/components/GenAIChat.d.ts

@@ -1,41 +1,15 @@
 import { type ComponentType } from "react";
-import { type IAnalyticalBackend, type IUserWorkspaceSettings } from "@gooddata/sdk-backend-spi";
-import { type CatalogItem, type GenAIObjectType, type IColorPalette } from "@gooddata/sdk-model";
-import { type ChatEventHandler } from "../store/events.js";
 import { type LinkHandlerEvent } from "./ConfigContext.js";
+import { type GenAiStoreProps } from "./GenAiStore.js";
 /**
  * Properties for the GenAIAssistant component.
  * @public
  */
-export type GenAIAssistantProps = {
-    /**
-     * Analytical backend to use for server communication.
-     */
-    backend?: IAnalyticalBackend;
-    /**
-     * The workspace ID the user is working with.
-     */
-    workspace?: string;
+export type GenAIAssistantProps = Omit<GenAiStoreProps, "children"> & {
     /**
      * The locale to use for the chat UI.
      */
     locale?: string;
-    /**
-     * Color palette to use for the chat UI.
-     */
-    colorPalette?: IColorPalette;
-    /**
-     * Catalog items for autocomplete.
-     */
-    catalogItems?: CatalogItem[];
-    /**
-     * User settings to use for the chat UI.
-     */
-    settings?: IUserWorkspaceSettings;
-    /**
-     * Event handlers to subscribe to chat events.
-     */
-    eventHandlers?: ChatEventHandler[];
     /**
      * When provided, references to the metadata objects will be rendered as clickable links.
      * Otherwise, the metadata objects will be rendered as plain text (using object title).
@@ -59,23 +33,6 @@ export type GenAIAssistantProps = {
      * This will disable full control permissions for the user even if the user has them defined.
      */
     disableFullControl?: boolean;
-    /**
-     * A list of object types to search for.
-     */
-    objectTypes?: GenAIObjectType[];
-    /**
-     * Only objects with these tags will be included
-     */
-    includeTags?: string[];
-    /**
-     * Objects with these tags will be excluded
-     */
-    excludeTags?: string[];
-    /**
-     * When provided, the function will be called with the store dispatch function
-     * after the store has been initialized.
-     */
-    onDispatcher?: (dispatch: (action: unknown) => void) => void;
     /**
      * Custom React node rendered when no conversation exists yet.
      */
@@ -88,20 +45,6 @@ export type GenAIAssistantProps = {
      * Additional class name applied to the root element.
      */
     className?: string;
-    /**
-     * When `true`, the assistant operates against the caller's preview agent
-     * for this workspace (backend agent id: `{userId}-{workspaceId}-preview`).
-     * New conversations are created as preview conversations and the
-     * conversation list is filtered to preview conversations only.
-     *
-     * The preview agent must already exist and be enabled; otherwise
-     * conversation creation will fail.
-     *
-     * Note: toggling this prop rebuilds the chat state from scratch.
-     *
-     * @internal
-     */
-    isPreview?: boolean;
 };
 /**
  * Properties for the GenAIChat component.

package/esm/components/GenAIChat.js

@@ -1,37 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// (C) 2024-2026 GoodData Corporation
-import { useEffect } from "react";
-import { Provider as StoreProvider } from "react-redux";
 import { BackendProvider, WorkspaceProvider, useBackendStrict, useWorkspaceStrict } from "@gooddata/sdk-ui";
-import { useGenAIStore } from "../hooks/useGenAIStore.js";
 import { IntlWrapper } from "../localization/IntlWrapper.js";
 import { PermissionsProvider } from "../permissions/PermissionsContext.js";
 import { usePermissions } from "../permissions/usePermissions.js";
 import { ConfigProvider } from "./ConfigContext.js";
 import { CustomizationProvider } from "./CustomizationProvider.js";
 import { GenAIChatWrapper } from "./GenAIChatWrapper.js";
+import { GenAiStore } from "./GenAiStore.js";
 /**
  * UI component that renders the Gen AI assistant.
  * @public
  */
 export function GenAIAssistant(props) {
-    const { backend, workspace, locale, colorPalette, eventHandlers, settings, objectTypes, catalogItems, includeTags, excludeTags, onDispatcher, isPreview, } = props;
+    const { backend, workspace, locale, colorPalette, eventHandlers, settings, objectTypes, catalogItems, includeTags, excludeTags, isPreview, onDispatcher, } = props;
     const effectiveBackend = useBackendStrict(backend);
     const effectiveWorkspace = useWorkspaceStrict(workspace);
-    const genAIStore = useGenAIStore(effectiveBackend, effectiveWorkspace, {
-        colorPalette,
-        eventHandlers,
-        settings,
-        objectTypes,
-        includeTags,
-        excludeTags,
-        catalogItems,
-        isPreview,
-    });
-    useEffect(() => {
-        onDispatcher?.(genAIStore.dispatch);
-    }, [genAIStore, onDispatcher]);
-    return (_jsx(IntlWrapper, { locale: locale, children: _jsx(StoreProvider, { store: genAIStore, children: _jsx(BackendProvider, { backend: effectiveBackend, children: _jsx(WorkspaceProvider, { workspace: effectiveWorkspace, children: _jsx(PermissionsProvider, { children: _jsx(GenAIContent, { ...props }) }) }) }) }) }));
+    return (_jsx(IntlWrapper, { locale: locale, children: _jsx(GenAiStore, { backend: effectiveBackend, workspace: effectiveWorkspace, onDispatcher: onDispatcher, colorPalette: colorPalette, eventHandlers: eventHandlers, settings: settings, objectTypes: objectTypes, includeTags: includeTags, excludeTags: excludeTags, catalogItems: catalogItems, isPreview: isPreview, children: _jsx(BackendProvider, { backend: effectiveBackend, children: _jsx(WorkspaceProvider, { workspace: effectiveWorkspace, children: _jsx(PermissionsProvider, { children: _jsx(GenAIContent, { ...props }) }) }) }) }) }));
 }
 /**
  * UI component that renders the Gen AI chat.

package/esm/components/GenAIChatConversations.d.ts

@@ -1,18 +1,21 @@
-import { type FC } from "react";
-import { setHistoryAction } from "../store/chatWindow/chatWindowSlice.js";
+import { type FC, type ReactElement } from "react";
+import { type IChatConversationLocal } from "../model.js";
 import { conversationSelector, conversationsSelector } from "../store/messages/messagesSelectors.js";
-import { deleteConversationAction, pinConversationAction, renameConversationAction, setCurrentConversationAction } from "../store/messages/messagesSlice.js";
+import { deleteConversationAction, pinConversationAction, renameConversationAction } from "../store/messages/messagesSlice.js";
 type GenAIChatConversationsStateProps = {
     conversation: ReturnType<typeof conversationSelector>;
     conversations: ReturnType<typeof conversationsSelector>;
 };
 type GenAIChatConversationsDispatchProps = {
-    setHistory: typeof setHistoryAction;
-    loadConversation: typeof setCurrentConversationAction;
     deleteConversation: typeof deleteConversationAction;
     pinConversation: typeof pinConversationAction;
     renameConversation: typeof renameConversationAction;
 };
-export type GenAIChatConversationsProps = GenAIChatConversationsStateProps & GenAIChatConversationsDispatchProps;
-export declare const GenAIChatConversations: FC;
+type GenAIChatConversationsExternalProps = {
+    wrapper?: ReactElement;
+    onClose?: () => void;
+    onSelect: (conversation: IChatConversationLocal) => void;
+};
+export type GenAIChatConversationsProps = GenAIChatConversationsStateProps & GenAIChatConversationsDispatchProps & GenAIChatConversationsExternalProps;
+export declare const GenAIChatConversations: FC<GenAIChatConversationsExternalProps>;
 export {};

package/esm/components/GenAIChatConversations.js

@@ -1,14 +1,13 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
+import { cloneElement, useCallback, useEffect, useMemo, useRef, useState, } from "react";
 import cx from "classnames";
 import { FormattedMessage, useIntl } from "react-intl";
 import { connect, useSelector } from "react-redux";
-import { DefaultUiMenuInteractiveItemWrapper, Dropdown, UiDrawer, UiIcon, UiIconButton, UiMenu, } from "@gooddata/sdk-ui-kit";
+import { DefaultUiMenuInteractiveItemWrapper, Dropdown, UiDrawer, UiIcon, UiIconButton, UiMenu, UiSkeleton, } from "@gooddata/sdk-ui-kit";
 import { catalogItemsSelector } from "../store/chatWindow/chatWindowSelectors.js";
-import { setHistoryAction } from "../store/chatWindow/chatWindowSlice.js";
-import { conversationSelector, conversationsSelector } from "../store/messages/messagesSelectors.js";
-import { deleteConversationAction, pinConversationAction, renameConversationAction, setCurrentConversationAction, } from "../store/messages/messagesSlice.js";
+import { conversationSelector, conversationsLoadedSelector, conversationsSelector, } from "../store/messages/messagesSelectors.js";
+import { deleteConversationAction, pinConversationAction, renameConversationAction, } from "../store/messages/messagesSlice.js";
 import { isConversationWithLocalId } from "../store/utils.js";
 import { generateTemporaryTitle } from "../utils.js";
 import { collectReferences, replaceReferences } from "./completion/references.js";
@@ -17,8 +16,7 @@ import { ConversationRenameDialog } from "./ConversationRenameDialog.js";
 import { useFullscreenCheck } from "./hooks/useFullscreenCheck.js";
 import { useHistoryCheck } from "./hooks/useHistoryCheck.js";
 import { ConversationDateGroup, groupConversationsByDate } from "./utils/conversationGrouper.js";
-function GenAIChatConversationsComponent({ setHistory, deleteConversation, pinConversation, renameConversation, loadConversation, conversations, conversation: currentConversation, }) {
-    const ref = useRef(undefined);
+function GenAIChatConversationsComponent({ onClose, onSelect, wrapper, deleteConversation, pinConversation, renameConversation, conversations, conversation: currentConversation, }) {
     const menuRef = useRef(undefined);
     const intl = useIntl();
     const { isFullscreen, isSmallScreen } = useFullscreenCheck();
@@ -29,6 +27,7 @@ function GenAIChatConversationsComponent({ setHistory, deleteConversation, pinCo
     const [draggedConversationId, setDraggedConversationId] = useState();
     const [activeDropZone, setActiveDropZone] = useState();
     const catalogItems = useSelector(catalogItemsSelector);
+    const conversationLoaded = useSelector(conversationsLoadedSelector);
     const groupedConversations = useMemo(() => groupConversationsByDate(conversations), [conversations]);
     const menuItems = useMemo(() => groupedConversations.map((group) => ({
         type: "group",
@@ -113,7 +112,7 @@ function GenAIChatConversationsComponent({ setHistory, deleteConversation, pinCo
                             }
                             else {
                                 pinConversation({
-                                    conversationId: selectedConversation.localId,
+                                    conversation: selectedConversation,
                                     pinned: !selectedConversation.pinned,
                                 });
                             }
@@ -141,12 +140,12 @@ function GenAIChatConversationsComponent({ setHistory, deleteConversation, pinCo
         menuRef.current?.focus();
     }, []);
     const handleSelect = useCallback((conversation) => {
-        loadConversation({ conversation });
-        setHistory({ isHistory: false });
-    }, [loadConversation, setHistory]);
+        onSelect(conversation);
+        onClose?.();
+    }, [onSelect, onClose]);
     const handleDeleteSubmit = useCallback(() => {
         if (conversationToDelete) {
-            deleteConversation({ conversationId: conversationToDelete.localId });
+            deleteConversation({ conversation: conversationToDelete });
         }
         setConversationToDelete(undefined);
         menuRef.current?.focus();
@@ -154,7 +153,7 @@ function GenAIChatConversationsComponent({ setHistory, deleteConversation, pinCo
     const handleRenameSubmit = useCallback((title) => {
         if (conversationToRename) {
             renameConversation({
-                conversationId: conversationToRename.localId,
+                conversation: conversationToRename,
                 title,
             });
         }
@@ -198,7 +197,7 @@ function GenAIChatConversationsComponent({ setHistory, deleteConversation, pinCo
         const shouldBePinned = dropZone === "pin";
         if (draggedConversation.pinned !== shouldBePinned) {
             pinConversation({
-                conversationId: draggedConversation.localId,
+                conversation: draggedConversation,
                 pinned: shouldBePinned,
             });
         }
@@ -212,15 +211,23 @@ function GenAIChatConversationsComponent({ setHistory, deleteConversation, pinCo
             setConversationToDelete(focusedItem.data);
         }
     }, []);
+    const Component = wrapper ?? _jsx(DrawerComponent, { onClose: onClose });
+    return (_jsxs(_Fragment, { children: [cloneElement(Component, {}, _jsx("div", { className: cx("gd-gen-ai-chat__window__conversations", {
+                    "gd-gen-ai-chat__window__conversations--isFullscreen": isFullscreen,
+                    "gd-gen-ai-chat__window__conversations--isSmallScreen": isSmallScreen,
+                }), children: _jsx(DrawerContent, { isOpen: isHistory, openedId: openedId, conversationLoaded: conversationLoaded, selectedId: currentConversation?.localId, menuRef: menuRef, menuItems: menuItems, conversations: conversations ?? [], handleSelect: handleSelect, draggedConversation: draggedConversation, activeDropZone: activeDropZone, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDropZoneDragOver: handleDropZoneDragOver, onDropZoneDragLeave: handleDropZoneDragLeave, onDropZoneDrop: handleDropZoneDrop, onMenuUnhandledKeyDown: handleMenuUnhandledKeyDown }) })), conversationToDelete ? (_jsx(ConversationDeleteDialog, { conversation: conversationToDelete, onClose: handleDeleteCancel, onDelete: handleDeleteSubmit })) : null, conversationToRename ? (_jsx(ConversationRenameDialog, { conversation: conversationToRename, onClose: handleRenameCancel, onRename: handleRenameSubmit })) : null] }));
+}
+function DrawerComponent({ onClose, children }) {
+    const ref = useRef(undefined);
+    const { isHistory } = useHistoryCheck();
+    const intl = useIntl();
     return (_jsxs(_Fragment, { children: [
             _jsx("div", { className: "gd-gen-ai-chat__window__drawer", ref: ref }), _jsx(UiDrawer, { anchor: "left", closeButtonSize: "medium", showCloseButton: true, open: isHistory, node: ref.current, showBackdrop: false, header: _jsxs("div", { style: { width: "100%" }, children: [
                         _jsx("div", { className: "gd-gen-ai-chat__window__conversations__header", children: intl.formatMessage({ id: "gd.gen-ai.conversations.title" }) }), _jsx("div", { className: "gd-gen-ai-chat__window__conversations__divider" })
-                    ] }), closeLabel: intl.formatMessage({ id: "gd.gen-ai.conversations.close-label" }), onClickClose: () => setHistory({ isHistory: false }), onClickOutside: () => setHistory({ isHistory: false }), children: _jsx("div", { className: cx("gd-gen-ai-chat__window__conversations", {
-                        "gd-gen-ai-chat__window__conversations--isFullscreen": isFullscreen,
-                        "gd-gen-ai-chat__window__conversations--isSmallScreen": isSmallScreen,
-                    }), children: _jsx(DrawerContent, { isOpen: isHistory, openedId: openedId, selectedId: currentConversation?.localId, menuRef: menuRef, menuItems: menuItems, conversations: conversations ?? [], handleSelect: handleSelect, draggedConversation: draggedConversation, activeDropZone: activeDropZone, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDropZoneDragOver: handleDropZoneDragOver, onDropZoneDragLeave: handleDropZoneDragLeave, onDropZoneDrop: handleDropZoneDrop, onMenuUnhandledKeyDown: handleMenuUnhandledKeyDown }) }) }), conversationToDelete ? (_jsx(ConversationDeleteDialog, { conversation: conversationToDelete, onClose: handleDeleteCancel, onDelete: handleDeleteSubmit })) : null, conversationToRename ? (_jsx(ConversationRenameDialog, { conversation: conversationToRename, onClose: handleRenameCancel, onRename: handleRenameSubmit })) : null] }));
+                    ] }), closeLabel: intl.formatMessage({ id: "gd.gen-ai.conversations.close-label" }), onClickClose: onClose, onClickOutside: onClose, children: children })
+        ] }));
 }
-function DrawerContent({ isOpen, openedId, selectedId, menuRef, conversations, menuItems, handleSelect, draggedConversation, activeDropZone, onDragStart, onDragEnd, onDropZoneDragOver, onDropZoneDragLeave, onDropZoneDrop, onMenuUnhandledKeyDown, }) {
+function DrawerContent({ isOpen, openedId, selectedId, menuRef, conversations, menuItems, handleSelect, draggedConversation, conversationLoaded, activeDropZone, onDragStart, onDragEnd, onDropZoneDragOver, onDropZoneDragLeave, onDropZoneDrop, onMenuUnhandledKeyDown, }) {
     const intl = useIntl();
     const conversationsListRef = useRef(null);
     const pinnedItems = useMemo(() => {
@@ -230,12 +237,15 @@ function DrawerContent({ isOpen, openedId, selectedId, menuRef, conversations, m
         return menuItems.filter((item) => item.id !== ConversationDateGroup.PINNED);
     }, [menuItems]);
     useEffect(() => {
-        if (!isOpen || !selectedId) {
+        if (!isOpen || !selectedId || !conversationLoaded) {
             return;
         }
         const selectedItem = conversationsListRef.current?.querySelector(`[data-conversation-id="${selectedId}"]`);
         selectedItem?.scrollIntoView({ block: "nearest" });
-    }, [isOpen, selectedId, menuItems]);
+    }, [isOpen, selectedId, menuItems, conversationLoaded]);
+    if (!conversationLoaded) {
+        return _jsx(UiSkeleton, { itemsCount: 3, itemWidth: "auto", itemHeight: 20, itemsGap: 8 });
+    }
     return (_jsx(_Fragment, { children: (conversations ?? []).length === 0 ? (_jsxs("div", { className: "gd-gen-ai-chat__window__conversations__empty", children: [
                 _jsx(UiIcon, { type: "history2", size: 20, color: "complementary-6" }), _jsx("div", { className: "gd-gen-ai-chat__window__conversations__empty__text", children: _jsx(FormattedMessage, { id: "gd.gen-ai.conversations.empty", values: {
                             br: _jsx("br", {}),
@@ -328,11 +338,9 @@ const mapStateToProps = (state) => ({
     conversations: conversationsSelector(state),
 });
 const mapDispatchToProps = {
-    setHistory: setHistoryAction,
     deleteConversation: deleteConversationAction,
     pinConversation: pinConversationAction,
     renameConversation: renameConversationAction,
-    loadConversation: setCurrentConversationAction,
 };
 export const GenAIChatConversations = connect(mapStateToProps, mapDispatchToProps)(GenAIChatConversationsComponent);
 function getConversationGroupLabel(group, intl) {

package/esm/components/GenAIChatDialog.d.ts

@@ -1,29 +1,16 @@
 import { type ComponentType, type RefObject } from "react";
-import { type EnhancedStore } from "@reduxjs/toolkit";
-import { type IAnalyticalBackend, type IUserWorkspaceSettings } from "@gooddata/sdk-backend-spi";
-import { type CatalogItem, type GenAIObjectType, type IColorPalette } from "@gooddata/sdk-model";
-import { type ChatEventHandler } from "../store/events.js";
 import { type LinkHandlerEvent } from "./ConfigContext.js";
-export type GenAIChatDialogProps = {
-    backend?: IAnalyticalBackend;
-    workspace?: string;
+import { type GenAiStoreProps } from "./GenAiStore.js";
+export type GenAIChatDialogProps = Omit<GenAiStoreProps, "children"> & {
     isOpen: boolean;
     locale?: string;
     canManage?: boolean;
     canAnalyze?: boolean;
     canFullControl?: boolean;
-    objectTypes?: GenAIObjectType[];
-    includeTags?: string[];
-    excludeTags?: string[];
-    settings?: IUserWorkspaceSettings;
     onOpen: () => void;
     onClose: () => void;
-    eventHandlers?: ChatEventHandler[];
-    colorPalette?: IColorPalette;
-    catalogItems?: CatalogItem[];
     returnFocusTo?: RefObject<HTMLElement | null> | string;
     onLinkClick?: (linkClickEvent: LinkHandlerEvent) => void;
-    onDispatcher?: (dispatch: EnhancedStore["dispatch"]) => void;
     LandingScreenComponentProvider?: () => ComponentType;
 };
-export declare function GenAIChatDialog({ backend, workspace, locale, isOpen, onOpen, onClose, settings, returnFocusTo, objectTypes, includeTags, excludeTags, canManage, canAnalyze, canFullControl, eventHandlers, catalogItems, colorPalette, onLinkClick, onDispatcher, LandingScreenComponentProvider }: GenAIChatDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GenAIChatDialog({ backend, workspace, locale, isOpen, onOpen, onClose, settings, returnFocusTo, objectTypes, includeTags, excludeTags, canManage, canAnalyze, canFullControl, eventHandlers, catalogItems, colorPalette, onLinkClick, onDispatcher, LandingScreenComponentProvider }: GenAIChatDialogProps): import("react/jsx-runtime").JSX.Element;

package/esm/components/GenAIChatDialog.js

@@ -1,10 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2024-2026 GoodData Corporation
 import { useCallback, useEffect, useMemo, useRef } from "react";
-import { Provider as StoreProvider } from "react-redux";
 import { BackendProvider, WorkspaceProvider, useBackendStrict, useWorkspaceStrict } from "@gooddata/sdk-ui";
 import { OverlayController, OverlayControllerProvider, useOverlayController } from "@gooddata/sdk-ui-kit";
-import { useGenAIStore } from "../hooks/useGenAIStore.js";
 import { IntlWrapper } from "../localization/IntlWrapper.js";
 import { isOpenSelector } from "../store/chatWindow/chatWindowSelectors.js";
 import { setOpenAction } from "../store/chatWindow/chatWindowSlice.js";
@@ -12,6 +10,7 @@ import { getIsOpened } from "../store/localStorage.js";
 import { ConfigProvider } from "./ConfigContext.js";
 import { CustomizationProvider } from "./CustomizationProvider.js";
 import { GenAIChatOverlay } from "./GenAIChatOverlay.js";
+import { GenAiStore } from "./GenAiStore.js";
 // Default z-index:
 // - High enough to be over other dialogs
 // - Below chart tooltips
@@ -19,15 +18,9 @@ const DEFAULT_CHAT_Z_INDEX = 3000;
 export function GenAIChatDialog({ backend, workspace, locale, isOpen, onOpen, onClose, settings, returnFocusTo, objectTypes, includeTags, excludeTags, canManage = false, canAnalyze = false, canFullControl = false, eventHandlers, catalogItems, colorPalette, onLinkClick, onDispatcher, LandingScreenComponentProvider, }) {
     const effectiveBackend = useBackendStrict(backend);
     const effectiveWorkspace = useWorkspaceStrict(workspace);
-    const genAIStore = useGenAIStore(effectiveBackend, effectiveWorkspace, {
-        eventHandlers,
-        colorPalette,
-        settings,
-        objectTypes,
-        includeTags,
-        excludeTags,
-        catalogItems,
-    });
+    return (_jsx(IntlWrapper, { locale: locale, children: _jsx(GenAiStore, { backend: effectiveBackend, workspace: effectiveWorkspace, onDispatcher: onDispatcher, eventHandlers: eventHandlers, colorPalette: colorPalette, settings: settings, objectTypes: objectTypes, includeTags: includeTags, excludeTags: excludeTags, catalogItems: catalogItems, children: (genAIStore) => (_jsx(GenAIChatDialogContent, { genAIStore: genAIStore, backend: effectiveBackend, workspace: effectiveWorkspace, isOpen: isOpen, onOpen: onOpen, onClose: onClose, returnFocusTo: returnFocusTo, onLinkClick: onLinkClick, catalogItems: catalogItems, canManage: canManage, canAnalyze: canAnalyze, canFullControl: canFullControl, LandingScreenComponentProvider: LandingScreenComponentProvider })) }) }));
+}
+function GenAIChatDialogContent({ genAIStore, backend, workspace, isOpen, onOpen, onClose, returnFocusTo, onLinkClick, catalogItems, canManage, canAnalyze, canFullControl, LandingScreenComponentProvider, }) {
     const open = useRef(onOpen);
     open.current = onOpen;
     const close = useRef(onClose);
@@ -60,13 +53,10 @@ export function GenAIChatDialog({ backend, workspace, locale, isOpen, onOpen, on
         genAIStore.dispatch(setOpenAction({ isOpen: false }));
         close.current();
     }, [genAIStore]);
-    useEffect(() => {
-        onDispatcher?.(genAIStore.dispatch);
-    }, [genAIStore, onDispatcher]);
     // Some apps, like Dashboards, already have an overlay controller, so we need to use that one
     const parentOverlayController = useOverlayController();
     const chatOverlayController = useMemo(() => parentOverlayController ?? OverlayController.getInstance(DEFAULT_CHAT_Z_INDEX), [parentOverlayController]);
     if (!isOpen)
         return null;
-    return (_jsx(IntlWrapper, { locale: locale, children: _jsx(StoreProvider, { store: genAIStore, children: _jsx(BackendProvider, { backend: effectiveBackend, children: _jsx(WorkspaceProvider, { workspace: effectiveWorkspace, children: _jsx(OverlayControllerProvider, { overlayController: chatOverlayController, children: _jsx(ConfigProvider, { allowNativeLinks: true, linkHandler: onLinkClick, catalogItems: catalogItems, canManage: canManage, canAnalyze: canAnalyze, canFullControl: canFullControl, children: _jsx(CustomizationProvider, { landingScreenComponentProvider: LandingScreenComponentProvider, children: _jsx(GenAIChatOverlay, { returnFocusTo: returnFocusTo, onClose: onCloseHandler }) }) }) }) }) }) }) }));
+    return (_jsx(BackendProvider, { backend: backend, children: _jsx(WorkspaceProvider, { workspace: workspace, children: _jsx(OverlayControllerProvider, { overlayController: chatOverlayController, children: _jsx(ConfigProvider, { allowNativeLinks: true, linkHandler: onLinkClick, catalogItems: catalogItems, canManage: canManage, canAnalyze: canAnalyze, canFullControl: canFullControl, children: _jsx(CustomizationProvider, { landingScreenComponentProvider: LandingScreenComponentProvider, children: _jsx(GenAIChatOverlay, { returnFocusTo: returnFocusTo, onClose: onCloseHandler }) }) }) }) }) }));
 }

package/esm/components/GenAIChatOverlay.d.ts

@@ -1,6 +1,13 @@
-import { type RefObject } from "react";
-export type GenAIChatOverlayProps = {
+import { type FC, type RefObject } from "react";
+import { setHistoryAction } from "../store/chatWindow/chatWindowSlice.js";
+import { setCurrentConversationAction } from "../store/messages/messagesSlice.js";
+export type GenAIChatOverlayDispatchProps = {
+    setHistory: typeof setHistoryAction;
+    loadConversation: typeof setCurrentConversationAction;
+};
+export type GenAIChatOverlayExternalProps = {
     returnFocusTo?: RefObject<HTMLElement | null> | string;
     onClose: () => void;
 };
-export declare function GenAIChatOverlay({ onClose, returnFocusTo }: GenAIChatOverlayProps): import("react/jsx-runtime").JSX.Element;
+export type GenAIChatOverlayProps = GenAIChatOverlayExternalProps & GenAIChatOverlayDispatchProps;
+export declare const GenAIChatOverlay: FC<GenAIChatOverlayExternalProps>;

package/esm/components/GenAIChatOverlay.js

@@ -1,21 +1,38 @@
 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 { connect } from "react-redux";
 import { Dialog } from "@gooddata/sdk-ui-kit";
+import { setHistoryAction } from "../store/chatWindow/chatWindowSlice.js";
+import { setCurrentConversationAction } from "../store/messages/messagesSlice.js";
 import { GenAIChatConversations } from "./GenAIChatConversations.js";
 import { GenAIChatHeader } from "./GenAIChatHeader.js";
 import { GenAIChatWrapper } from "./GenAIChatWrapper.js";
 import { useFullscreenCheck } from "./hooks/useFullscreenCheck.js";
-export function GenAIChatOverlay({ onClose, returnFocusTo }) {
+function GenAIChatOverlayComponent({ onClose, returnFocusTo, setHistory, loadConversation, }) {
     const intl = useIntl();
     const { isFullscreen } = useFullscreenCheck();
     const classNames = cx("gd-gen-ai-chat__window", {
         "gd-gen-ai-chat__window--fullscreen": isFullscreen,
     });
+    const onHistoryClose = useCallback(() => {
+        setHistory({ isHistory: false });
+    }, [setHistory]);
+    const onSelectConversation = useCallback((conversation) => {
+        loadConversation({ conversation });
+        setHistory({ isHistory: false });
+    }, [loadConversation, setHistory]);
     return (_jsxs(Dialog, { isModal: isFullscreen, returnFocusTo: returnFocusTo, returnFocusAfterClose: !!returnFocusTo, alignPoints: [{ align: isFullscreen ? "cc cc" : "br br" }], submitOnEnterKey: false, closeOnEscape: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: onClose, className: classNames, accessibilityConfig: {
             title: intl.formatMessage({ id: "gd.gen-ai.dialog.label" }),
             isModal: isFullscreen,
         }, children: [
-            _jsx(GenAIChatHeader, { onClose: onClose }), _jsx(GenAIChatConversations, {}), _jsx(GenAIChatWrapper, { autofocus: true })
+            _jsx(GenAIChatHeader, { onClose: onClose }), _jsx(GenAIChatConversations, { onClose: onHistoryClose, onSelect: onSelectConversation }), _jsx(GenAIChatWrapper, { autofocus: true })
         ] }));
 }
+const mapDispatchToProps = {
+    setHistory: setHistoryAction,
+    loadConversation: setCurrentConversationAction,
+};
+export const GenAIChatOverlay = connect(null, mapDispatchToProps)(GenAIChatOverlayComponent);

package/esm/components/GenAiConversations.d.ts

@@ -0,0 +1,26 @@
+import { type IChatConversationLocal } from "../model.js";
+import { type GenAiStoreProps } from "./GenAiStore.js";
+/**
+ * Properties for the GenAIConversations component.
+ * @public
+ */
+export type GenAIConversationsProps = Omit<GenAiStoreProps, "children"> & {
+    /**
+     * The locale to use for the chat UI.
+     */
+    locale?: string;
+    /**
+     * When provided, the function will be called when a conversation is selected.
+     * The function will be called with the selected conversation.
+     */
+    onConversationSelect?: (conversation: IChatConversationLocal) => void;
+    /**
+     * Additional class name applied to the root element.
+     */
+    className?: string;
+};
+/**
+ * UI component that renders the Gen AI assistant.
+ * @public
+ */
+export declare function GenAIConversations(props: GenAIConversationsProps): import("react/jsx-runtime").JSX.Element;

package/esm/components/GenAiConversations.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2024-2026 GoodData Corporation
+import { useCallback } from "react";
+import cx from "classnames";
+import noop from "lodash-es/noop.js";
+import { connect } from "react-redux";
+import { BackendProvider, WorkspaceProvider, useBackendStrict, useWorkspaceStrict } from "@gooddata/sdk-ui";
+import { IntlWrapper } from "../localization/IntlWrapper.js";
+import { PermissionsProvider } from "../permissions/PermissionsContext.js";
+import { usePermissions } from "../permissions/usePermissions.js";
+import { settingsSelector } from "../store/chatWindow/chatWindowSelectors.js";
+import { cancelAsyncAction, loadThreadAction, setCurrentConversationAction, } from "../store/messages/messagesSlice.js";
+import { ConfigProvider } from "./ConfigContext.js";
+import { CustomizationProvider } from "./CustomizationProvider.js";
+import { GenAIChatConversations } from "./GenAIChatConversations.js";
+import { GenAiStore } from "./GenAiStore.js";
+import { useThreadLoading } from "./hooks/useThreadLoading.js";
+/**
+ * UI component that renders the Gen AI assistant.
+ * @public
+ */
+export function GenAIConversations(props) {
+    const { backend, workspace, locale, eventHandlers, settings, catalogItems, onDispatcher, isPreview, objectTypes, includeTags, excludeTags, colorPalette, } = props;
+    const effectiveBackend = useBackendStrict(backend);
+    const effectiveWorkspace = useWorkspaceStrict(workspace);
+    return (_jsx(IntlWrapper, { locale: locale, children: _jsx(GenAiStore, { backend: effectiveBackend, workspace: effectiveWorkspace, onDispatcher: onDispatcher, eventHandlers: eventHandlers, settings: settings, catalogItems: catalogItems, isPreview: isPreview, excludeTags: excludeTags, includeTags: includeTags, colorPalette: colorPalette, objectTypes: objectTypes, children: _jsx(BackendProvider, { backend: effectiveBackend, children: _jsx(WorkspaceProvider, { workspace: effectiveWorkspace, children: _jsx(PermissionsProvider, { children: _jsx(GenAIConversationsContent, { ...props }) }) }) }) }) }));
+}
+const mapDispatchToProps = {
+    loadConversation: setCurrentConversationAction,
+    loadThread: loadThreadAction,
+    cancelLoading: cancelAsyncAction,
+};
+const mapStateToProps = (state) => ({
+    settings: settingsSelector(state),
+});
+const GenAIConversationsContent = connect(mapStateToProps, mapDispatchToProps)(function GenAIConversationsContent(props) {
+    const { catalogItems, className, onConversationSelect = noop, loadThread, cancelLoading, loadConversation, settings, } = props;
+    const { loading } = usePermissions();
+    const classNames = cx("gd-gen-ai-chat__embed__conversations", className);
+    useThreadLoading({
+        initializing: loading || !settings,
+        loadThread,
+        cancelLoading,
+    });
+    const onSelectConversation = useCallback((conversation) => {
+        loadConversation({ conversation });
+        onConversationSelect(conversation);
+    }, [loadConversation, onConversationSelect]);
+    return (_jsx(ConfigProvider, { catalogItems: catalogItems, allowNativeLinks: false, canFullControl: false, canManage: false, canAnalyze: false, children: _jsx(CustomizationProvider, { children: _jsx(GenAIChatConversations, { wrapper: _jsx("div", { className: classNames }), onSelect: onSelectConversation }) }) }));
+});

package/esm/components/GenAiStore.d.ts

@@ -0,0 +1,75 @@
+import { type ReactNode } from "react";
+import { type EnhancedStore } from "@reduxjs/toolkit";
+import { type IAnalyticalBackend, type IUserWorkspaceSettings } from "@gooddata/sdk-backend-spi";
+import { type CatalogItem, type GenAIObjectType, type IColorPalette } from "@gooddata/sdk-model";
+import { type ChatEventHandler } from "../store/events.js";
+/**
+ * Props for the GenAiStore component.
+ * @public
+ */
+export type GenAiStoreProps = {
+    /**
+     * Analytical backend to use for server communication.
+     */
+    backend?: IAnalyticalBackend;
+    /**
+     * The workspace ID the user is working with.
+     */
+    workspace?: string;
+    /**
+     * Catalog items for autocomplete.
+     */
+    catalogItems?: CatalogItem[];
+    /**
+     * User settings to use for the chat UI.
+     */
+    settings?: IUserWorkspaceSettings;
+    /**
+     * Event handlers to subscribe to chat events.
+     */
+    eventHandlers?: ChatEventHandler[];
+    /**
+     * A list of object types to search for.
+     */
+    objectTypes?: GenAIObjectType[];
+    /**
+     * Only objects with these tags will be included
+     */
+    includeTags?: string[];
+    /**
+     * Objects with these tags will be excluded
+     */
+    excludeTags?: string[];
+    /**
+     * Color palette to use for the chat UI.
+     */
+    colorPalette?: IColorPalette;
+    /**
+     * When provided, the function will be called with the store dispatch function
+     * after the store has been initialized.
+     */
+    onDispatcher?: (dispatch: EnhancedStore["dispatch"]) => void;
+    /**
+     * Render function or component to be wrapped with the Gen AI store.
+     */
+    children: ReactNode | ((genAIStore: EnhancedStore) => ReactNode);
+    /**
+     * When `true`, the assistant operates against the caller's preview agent
+     * for this workspace (backend agent id: `{userId}-{workspaceId}-preview`).
+     * New conversations are created as preview conversations and the
+     * conversation list is filtered to preview conversations only.
+     *
+     * The preview agent must already exist and be enabled; otherwise
+     * conversation creation will fail.
+     *
+     * Note: toggling this prop rebuilds the chat state from scratch.
+     *
+     * @internal
+     */
+    isPreview?: boolean;
+};
+/**
+ * Provides the Gen AI store to the application.
+ * @public
+ */
+export declare function GenAiStore(props: GenAiStoreProps): import("react/jsx-runtime").JSX.Element;