@gooddata/sdk-ui-gen-ai 11.35.0-alpha.5 → 11.35.0-alpha.7

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-5-4
+Date generated: 2026-5-12
 
-Revision ID: 0c39c460e837a54efedde9d37131feb930e4b8a1
+Revision ID: 52d6a5f81cbc391c8c918fe465fad2be3e3de86f
 
 ================================================================================
 ================================================================================
@@ -376,7 +376,7 @@ Revision ID: 0c39c460e837a54efedde9d37131feb930e4b8a1
 - bail (2.0.2) [MIT]
 - balanced-match (2.0.0) [MIT]
 - base64-js (1.5.1) [MIT]
-- baseline-browser-mapping (2.10.27) [Apache-2.0]
+- baseline-browser-mapping (2.10.29) [Apache-2.0]
 - batch (0.6.1) [MIT]
 - binary-extensions (2.3.0) [MIT]
 - bl (4.1.0) [MIT]
@@ -710,7 +710,7 @@ Revision ID: 0c39c460e837a54efedde9d37131feb930e4b8a1
 - magic-string (0.30.21) [MIT]
 - make-dir (2.1.0) [MIT]
 - mapbox-gl (2.15.0) [BSD-3-Clause, MIT]
-- maplibre-gl (4.7.1) [MIT, BSD-3-Clause, ISC, 0BSD]
+- maplibre-gl (4.7.1) [MIT, BSD-3-Clause, 0BSD, ISC]
 - markdown-table (3.0.4) [MIT]
 - matchmediaquery (0.4.2) [MIT]
 - math-intrinsics (1.1.0) [MIT]
@@ -5367,9 +5367,9 @@ MIT
 
 
 --------------------------------------------------------------------------------
-Package Title: baseline-browser-mapping (2.10.27)
+Package Title: baseline-browser-mapping (2.10.29)
 
-Package Locator: npm+baseline-browser-mapping$2.10.27
+Package Locator: npm+baseline-browser-mapping$2.10.29
 
 Package Depth: Transitive
 --------------------------------------------------------------------------------
@@ -9407,7 +9407,7 @@ MIT, BSD-3-Clause
 
 
 * Other Licenses *
-ISC, 0BSD
+0BSD, ISC
 
 
 --------------------------------------------------------------------------------
@@ -38277,4 +38277,4 @@ POSSIBILITY OF SUCH DAMAGE.
 --------------------------------------------------------------------------------
 --------------------------------------------------------------------------------
 
-Report Generated by FOSSA on 2026-5-4
+Report Generated by FOSSA on 2026-5-12

package/esm/components/GenAIChatConversations.d.ts

@@ -1,7 +1,7 @@
 import { type FC } from "react";
 import { setHistoryAction } from "../store/chatWindow/chatWindowSlice.js";
 import { conversationSelector, conversationsSelector } from "../store/messages/messagesSelectors.js";
-import { deleteConversationAction, setCurrentConversationAction } from "../store/messages/messagesSlice.js";
+import { deleteConversationAction, pinConversationAction, setCurrentConversationAction } from "../store/messages/messagesSlice.js";
 type GenAIChatConversationsStateProps = {
     conversation: ReturnType<typeof conversationSelector>;
     conversations: ReturnType<typeof conversationsSelector>;
@@ -10,6 +10,7 @@ type GenAIChatConversationsDispatchProps = {
     setHistory: typeof setHistoryAction;
     loadConversation: typeof setCurrentConversationAction;
     deleteConversation: typeof deleteConversationAction;
+    pinConversation: typeof pinConversationAction;
 };
 export type GenAIChatConversationsProps = GenAIChatConversationsStateProps & GenAIChatConversationsDispatchProps;
 export declare const GenAIChatConversations: FC;

package/esm/components/GenAIChatConversations.js

@@ -1,26 +1,30 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { useCallback, useMemo, useRef, useState } from "react";
+import { useCallback, useMemo, useRef, useState, } from "react";
 import cx from "classnames";
 import { FormattedMessage, useIntl } from "react-intl";
 import { connect, useSelector } from "react-redux";
-import { DefaultUiMenuInteractiveItemWrapper, UiDrawer, UiIcon, UiIconButton, UiMenu, } from "@gooddata/sdk-ui-kit";
+import { DefaultUiMenuInteractiveItemWrapper, Dropdown, UiDrawer, UiIcon, UiIconButton, UiMenu, } 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, setCurrentConversationAction } from "../store/messages/messagesSlice.js";
+import { deleteConversationAction, pinConversationAction, setCurrentConversationAction, } from "../store/messages/messagesSlice.js";
+import { isConversationWithLocalId } from "../store/utils.js";
 import { generateTemporaryTitle } from "../utils.js";
 import { collectReferences, replaceReferences } from "./completion/references.js";
 import { ConversationDeleteDialog } from "./ConversationDeleteDialog.js";
 import { useFullscreenCheck } from "./hooks/useFullscreenCheck.js";
 import { useHistoryCheck } from "./hooks/useHistoryCheck.js";
 import { ConversationDateGroup, groupConversationsByDate } from "./utils/conversationGrouper.js";
-function GenAIChatConversationsComponent({ setHistory, deleteConversation, loadConversation, conversations, conversation: currentConversation, }) {
+function GenAIChatConversationsComponent({ setHistory, deleteConversation, pinConversation, loadConversation, conversations, conversation: currentConversation, }) {
     const ref = useRef(undefined);
     const intl = useIntl();
     const { isFullscreen, isSmallScreen } = useFullscreenCheck();
     const { isHistory } = useHistoryCheck();
     const [conversationToDelete, setConversationToDelete] = useState();
+    const [openedId, setOpenedId] = useState();
+    const [draggedConversationId, setDraggedConversationId] = useState();
+    const [activeDropZone, setActiveDropZone] = useState();
     const catalogItems = useSelector(catalogItemsSelector);
     const groupedConversations = useMemo(() => groupConversationsByDate(conversations), [conversations]);
     const menuItems = useMemo(() => groupedConversations.map((group) => ({
@@ -30,19 +34,74 @@ function GenAIChatConversationsComponent({ setHistory, deleteConversation, loadC
         data: group.group,
         subItems: group.conversations.map((conversation) => ({
             type: "interactive",
-            id: conversation.id,
+            id: conversation.localId,
             stringTitle: replaceReferences(conversation.title ?? "", collectReferences(conversation.title ?? "", catalogItems)),
             data: conversation,
-            iconRight: (_jsx("div", { className: "gd-gen-ai-chat__window__conversations__list__delete-button", children: _jsx(UiIconButton, { isDesctructive: true, size: "xsmall", variant: "tertiary", label: intl.formatMessage({
-                        id: "gd.gen-ai.conversations.delete-button.aria-label",
-                    }), onClick: (event) => {
-                        event.preventDefault();
-                        event.stopPropagation();
-                        setConversationToDelete(conversation);
-                    }, tabIndex: -1, icon: "trash" }) })),
-            isSelected: currentConversation === "new" ? false : conversation.id === currentConversation?.id,
+            iconRight: (_jsx("div", { className: "gd-gen-ai-chat__window__conversations__list__delete-button", children: _jsx(Dropdown, { onToggle: () => {
+                        setOpenedId(openedId ? undefined : conversation.localId);
+                    }, isOpen: openedId === conversation.localId, alignPoints: [{ align: "bl tl" }], renderButton: ({ toggleDropdown, buttonRef, ariaAttributes, accessibilityConfig, }) => (_jsx(UiIconButton, { ref: (element) => {
+                            buttonRef.current = element;
+                        }, size: "medium", variant: "tertiary", label: intl.formatMessage({
+                            id: "gd.gen-ai.conversations.menu.aria-label",
+                        }), onClick: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                            toggleDropdown();
+                        }, accessibilityConfig: {
+                            ...accessibilityConfig,
+                            ariaExpanded: ariaAttributes["aria-expanded"],
+                            ariaHaspopup: ariaAttributes["aria-haspopup"],
+                            ariaControls: ariaAttributes["aria-controls"],
+                        }, tabIndex: -1, icon: "ellipsis" })), renderBody: ({ closeDropdown, ariaAttributes }) => (_jsx(UiMenu, { shouldCloseOnSelect: true, items: [
+                            {
+                                type: "interactive",
+                                id: conversation.pinned ? "unpin" : "pin",
+                                stringTitle: conversation.pinned
+                                    ? intl.formatMessage({
+                                        id: "gd.gen-ai.conversations.menu.unpin",
+                                    })
+                                    : intl.formatMessage({
+                                        id: "gd.gen-ai.conversations.menu.pin",
+                                    }),
+                                iconLeft: conversation.pinned ? (_jsx(UiIcon, { type: "unpin", size: 14 })) : (_jsx(UiIcon, { type: "pin", size: 14 })),
+                                data: conversation,
+                            },
+                            {
+                                type: "static",
+                                id: "delete-separator",
+                                data: (_jsx("div", { className: "gd-gen-ai-chat__window__conversations__divider_menu" })),
+                            },
+                            {
+                                type: "interactive",
+                                id: "delete",
+                                stringTitle: intl.formatMessage({
+                                    id: "gd.gen-ai.conversations.delete-dialog.submit",
+                                }),
+                                isDestructive: true,
+                                iconLeft: _jsx(UiIcon, { type: "trash", size: 14 }),
+                                data: {
+                                    ...conversation,
+                                    action: "delete",
+                                },
+                            },
+                        ], onSelect: (item, event) => {
+                            const selectedConversation = item.data;
+                            if (selectedConversation.action === "delete") {
+                                setConversationToDelete(conversation);
+                            }
+                            else {
+                                pinConversation({
+                                    conversationId: selectedConversation.localId,
+                                    pinned: !selectedConversation.pinned,
+                                });
+                            }
+                            event.preventDefault();
+                            event.stopPropagation();
+                        }, onClose: closeDropdown, ariaAttributes: ariaAttributes })), closeOnEscape: true, autofocusOnOpen: true }) })),
+            isSelected: isConversationWithLocalId(currentConversation, conversation.localId),
         })),
-    })), [groupedConversations, intl, catalogItems, currentConversation]);
+    })), [groupedConversations, intl, catalogItems, openedId, currentConversation, pinConversation]);
+    const draggedConversation = useMemo(() => conversations?.find((conversation) => conversation.localId === draggedConversationId), [conversations, draggedConversationId]);
     const handleDeleteCancel = useCallback(() => {
         setConversationToDelete(undefined);
     }, []);
@@ -52,43 +111,130 @@ function GenAIChatConversationsComponent({ setHistory, deleteConversation, loadC
     }, [loadConversation, setHistory]);
     const handleDeleteSubmit = useCallback(() => {
         if (conversationToDelete) {
-            deleteConversation({ conversationId: conversationToDelete.id });
+            deleteConversation({ conversationId: conversationToDelete.localId });
         }
         setConversationToDelete(undefined);
     }, [conversationToDelete, deleteConversation]);
+    const handleDragStart = useCallback((conversationId, event) => {
+        event.dataTransfer.effectAllowed = "move";
+        event.dataTransfer.setData("text/plain", conversationId);
+        setDraggedConversationId(conversationId);
+        setActiveDropZone("body");
+    }, []);
+    const handleDragEnd = useCallback(() => {
+        setDraggedConversationId(undefined);
+        setActiveDropZone(undefined);
+    }, []);
+    const handleDropZoneDragOver = useCallback((dropZone, event) => {
+        if (!draggedConversation) {
+            return;
+        }
+        const canDrop = dropZone === "pin" ? !draggedConversation.pinned : draggedConversation.pinned;
+        if (!canDrop) {
+            return;
+        }
+        event.preventDefault();
+        event.dataTransfer.dropEffect = "move";
+        setActiveDropZone(dropZone);
+    }, [draggedConversation]);
+    const handleDropZoneDragLeave = useCallback((event) => {
+        const nextTarget = event.relatedTarget;
+        if (nextTarget && event.currentTarget.contains(nextTarget)) {
+            return;
+        }
+        setActiveDropZone("body");
+    }, []);
+    const handleDropZoneDrop = useCallback((dropZone, event) => {
+        event.preventDefault();
+        if (!draggedConversation) {
+            return;
+        }
+        const shouldBePinned = dropZone === "pin";
+        if (draggedConversation.pinned !== shouldBePinned) {
+            pinConversation({
+                conversationId: draggedConversation.localId,
+                pinned: shouldBePinned,
+            });
+        }
+        setDraggedConversationId(undefined);
+        setActiveDropZone(undefined);
+    }, [draggedConversation, pinConversation]);
+    const handleMenuUnhandledKeyDown = useCallback((event, { focusedItem }) => {
+        if (event.key === "Delete" && focusedItem) {
+            event.preventDefault();
+            event.stopPropagation();
+            setConversationToDelete(focusedItem.data);
+        }
+    }, []);
     return (_jsxs(_Fragment, { children: [
             _jsx("div", { className: "gd-gen-ai-chat__window__drawer", ref: ref }), _jsx(UiDrawer, { anchor: "left", 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: (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", {}),
-                                    } }) })
-                        ] })) : (_jsx("div", { className: "gd-gen-ai-chat__window__conversations__list", children: _jsx(UiMenu, { onUnhandledKeyDown: (event, { focusedItem }) => {
-                                if (event.key === "Delete" && focusedItem) {
-                                    event.preventDefault();
-                                    event.stopPropagation();
-                                    setConversationToDelete(focusedItem.data);
-                                }
-                            }, InteractiveItemWrapper: (props) => {
-                                const data = props.item.data;
-                                return (_jsx("div", { className: cx("gd-gen-ai-chat__window__conversations__list__item", {
-                                        generatingTitle: data.generatingTitle,
-                                    }), children: _jsx(DefaultUiMenuInteractiveItemWrapper, { ...props, item: {
-                                            ...props.item,
-                                            stringTitle: props.item.stringTitle ||
-                                                generateTemporaryTitle(intl, data),
-                                        } }) }));
-                            }, items: menuItems, onSelect: (item, event) => {
-                                handleSelect(item.data);
-                                event.stopPropagation();
-                                event.preventDefault();
-                            }, shouldCloseOnSelect: false, size: "small", ariaAttributes: {
-                                id: "gd-gen-ai-conversations-menu",
-                                "aria-label": intl.formatMessage({ id: "gd.gen-ai.conversations.title" }),
-                            } }) })) }) }), conversationToDelete ? (_jsx(ConversationDeleteDialog, { conversation: conversationToDelete, onClose: handleDeleteCancel, onDelete: handleDeleteSubmit })) : null] }));
+                    }), children: _jsx(DrawerContent, { openedId: openedId, 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] }));
+}
+function DrawerContent({ openedId, conversations, menuItems, handleSelect, draggedConversation, activeDropZone, onDragStart, onDragEnd, onDropZoneDragOver, onDropZoneDragLeave, onDropZoneDrop, onMenuUnhandledKeyDown, }) {
+    const intl = useIntl();
+    const pinnedItems = useMemo(() => {
+        return menuItems.filter((item) => item.id === ConversationDateGroup.PINNED);
+    }, [menuItems]);
+    const restItems = useMemo(() => {
+        return menuItems.filter((item) => item.id !== ConversationDateGroup.PINNED);
+    }, [menuItems]);
+    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", {}),
+                        } }) })
+            ] })) : (_jsxs("div", { className: "gd-gen-ai-chat__window__conversations__list", children: [
+                _jsxs("div", { className: "gd-gen-ai-chat__window__conversations__drop-group", onDragLeave: onDropZoneDragLeave, onDragOver: (event) => onDropZoneDragOver("pin", event), onDrop: (event) => onDropZoneDrop("pin", event), children: [
+                        _jsx("div", { className: cx("gd-gen-ai-chat__window__conversations__drop-placeholder", {
+                                isDragging: activeDropZone === "body" && !draggedConversation?.pinned,
+                                isDraggingOver: activeDropZone === "pin",
+                                isEmpty: pinnedItems.length === 0,
+                            }), children: _jsx("div", { className: "gd-gen-ai-chat__window__conversations__drop-placeholder__content", children: intl.formatMessage({
+                                    id: "gd.gen-ai.conversations.dnd.pin-placeholder",
+                                }) }) }), _jsx(ConversationsList, { id: "gd-gen-ai-conversations-pinned", openedId: openedId, listItems: pinnedItems, onDragStart: onDragStart, onDragEnd: onDragEnd, onMenuUnhandledKeyDown: onMenuUnhandledKeyDown, handleSelect: handleSelect })
+                    ] }), _jsxs("div", { className: "gd-gen-ai-chat__window__conversations__drop-group", onDragOver: (event) => onDropZoneDragOver("unpin", event), onDragLeave: onDropZoneDragLeave, onDrop: (event) => onDropZoneDrop("unpin", event), children: [
+                        _jsx("div", { className: cx("gd-gen-ai-chat__window__conversations__drop-placeholder", {
+                                isDragging: activeDropZone === "body" && draggedConversation?.pinned,
+                                isDraggingOver: activeDropZone === "unpin",
+                            }), children: _jsx("div", { className: "gd-gen-ai-chat__window__conversations__drop-placeholder__content", children: intl.formatMessage({
+                                    id: "gd.gen-ai.conversations.dnd.unpin-placeholder",
+                                }) }) }), _jsx(ConversationsList, { id: "gd-gen-ai-conversations-rest", openedId: openedId, listItems: restItems, onDragStart: onDragStart, onDragEnd: onDragEnd, onMenuUnhandledKeyDown: onMenuUnhandledKeyDown, handleSelect: handleSelect })
+                    ] }), draggedConversation ? (_jsx("div", { className: cx("gd-gen-ai-chat__window__conversations__drop-overlay", {
+                        isDragging: !!activeDropZone,
+                    }) })) : null] })) }));
+}
+function ConversationsList({ id, openedId, listItems, handleSelect, onDragStart, onDragEnd, onMenuUnhandledKeyDown, }) {
+    const intl = useIntl();
+    return useMemo(() => {
+        return (_jsx(UiMenu, { onUnhandledKeyDown: onMenuUnhandledKeyDown, InteractiveItemWrapper: (props) => (_jsx(DraggableConversationItem, { ...props, intl: intl, openedId: openedId, onDragStart: onDragStart, onDragEnd: onDragEnd })), items: listItems, onSelect: (item, event) => {
+                handleSelect(item.data);
+                event.stopPropagation();
+                event.preventDefault();
+            }, shouldCloseOnSelect: false, size: "small", ariaAttributes: {
+                id,
+                "aria-label": intl.formatMessage({ id: "gd.gen-ai.conversations.title" }),
+            } }));
+    }, [id, handleSelect, intl, listItems, onDragEnd, onDragStart, onMenuUnhandledKeyDown, openedId]);
+}
+function DraggableConversationItem(props) {
+    const data = props.item.data;
+    return (_jsx("div", { draggable: true, className: cx("gd-gen-ai-chat__window__conversations__list__item", {
+            generatingTitle: data.generatingTitle,
+            inProgress: data.inProgress,
+            openedMenu: props.openedId === props.item.id,
+        }), onDragStart: (event) => {
+            event.currentTarget.classList.add("dragging");
+            props.onDragStart(data.localId, event);
+        }, onDragEnd: (event) => {
+            event.currentTarget.classList.remove("dragging");
+            props.onDragEnd();
+        }, children: _jsx(DefaultUiMenuInteractiveItemWrapper, { ...props, item: {
+                ...props.item,
+                stringTitle: props.item.stringTitle || generateTemporaryTitle(props.intl, data),
+            } }) }));
 }
 const mapStateToProps = (state) => ({
     conversation: conversationSelector(state),
@@ -97,11 +243,14 @@ const mapStateToProps = (state) => ({
 const mapDispatchToProps = {
     setHistory: setHistoryAction,
     deleteConversation: deleteConversationAction,
+    pinConversation: pinConversationAction,
     loadConversation: setCurrentConversationAction,
 };
 export const GenAIChatConversations = connect(mapStateToProps, mapDispatchToProps)(GenAIChatConversationsComponent);
 function getConversationGroupLabel(group, intl) {
     switch (group) {
+        case ConversationDateGroup.PINNED:
+            return intl.formatMessage({ id: "gd.gen-ai.conversations.group.pinned" });
         case ConversationDateGroup.TODAY:
             return intl.formatMessage({ id: "gd.gen-ai.conversations.group.today" });
         case ConversationDateGroup.LAST_7_DAYS:

package/esm/components/GenAIChatWrapper.js

@@ -11,7 +11,7 @@ import { settingsSelector } from "../store/chatWindow/chatWindowSelectors.js";
 import { setAllowedRelationshipTypesAction } from "../store/chatWindow/chatWindowSlice.js";
 import { asyncProcessSelector } from "../store/messages/messagesSelectors.js";
 import { cancelAsyncAction, clearThreadAction, loadThreadAction } from "../store/messages/messagesSlice.js";
-import { getAbsoluteSettingHref, getAbsoluteWorkspaceSettingHref, getSettingHref, getWorkspaceSettingHref, } from "../utils.js";
+import { getAbsoluteSettingHref, getAbsoluteShellAppOrgSettingHref, getAbsoluteShellAppWorkspaceSettingHref, getAbsoluteWorkspaceSettingHref, getSettingHref, getShellAppOrgSettingHref, getShellAppWorkspaceSettingHref, getWorkspaceSettingHref, } from "../utils.js";
 import { useConfig } from "./ConfigContext.js";
 import { useCustomization } from "./CustomizationProvider.js";
 import { ErrorBoundary } from "./ErrorBoundary.js";
@@ -49,11 +49,18 @@ export function GenAIChatWrapperComponent({ loadThread, clearThread, cancelLoadi
         navigationId: GEN_AI_INPUT_ANCHOR_ID,
         tabIndex: -1,
     });
+    // When the shell host is enabled, the standalone home-ui at `/settings` or
+    // `/workspaces/{id}/settings` is bounced to the host base path, dropping the
+    // workspaceId and hash. Switch to host-shaped URLs so the deep-link
+    // (e.g. `#/ai/change-llm-model`) reaches the settings page intact.
+    const useShellAppUrls = Boolean(settings?.enableShellApplication);
     const onSettingClick = useCallback((type) => (e) => {
         switch (type) {
             case "change-model":
                 if (allowNativeLinks) {
-                    window.location.href = getAbsoluteWorkspaceSettingHref(workspaceId, GEN_AI_SECTION, CHANGE_LLM_MODEL_ACTION);
+                    window.location.href = useShellAppUrls
+                        ? getAbsoluteShellAppWorkspaceSettingHref(workspaceId, GEN_AI_SECTION, CHANGE_LLM_MODEL_ACTION)
+                        : getAbsoluteWorkspaceSettingHref(workspaceId, GEN_AI_SECTION, CHANGE_LLM_MODEL_ACTION);
                 }
                 else {
                     linkHandler?.({
@@ -63,14 +70,18 @@ export function GenAIChatWrapperComponent({ loadThread, clearThread, cancelLoadi
                         newTab: e.metaKey,
                         section: GEN_AI_SECTION,
                         preventDefault: e.preventDefault.bind(e),
-                        itemUrl: getWorkspaceSettingHref(workspaceId, GEN_AI_SECTION, CHANGE_LLM_MODEL_ACTION),
+                        itemUrl: useShellAppUrls
+                            ? getShellAppWorkspaceSettingHref(workspaceId, GEN_AI_SECTION, CHANGE_LLM_MODEL_ACTION)
+                            : getWorkspaceSettingHref(workspaceId, GEN_AI_SECTION, CHANGE_LLM_MODEL_ACTION),
                     });
                     e.stopPropagation();
                 }
                 break;
             case "create":
                 if (allowNativeLinks) {
-                    window.location.href = getAbsoluteSettingHref(GEN_AI_SECTION, CREATE_LLM_PROVIDER_ACTION);
+                    window.location.href = useShellAppUrls
+                        ? getAbsoluteShellAppOrgSettingHref(GEN_AI_SECTION, CREATE_LLM_PROVIDER_ACTION)
+                        : getAbsoluteSettingHref(GEN_AI_SECTION, CREATE_LLM_PROVIDER_ACTION);
                 }
                 else {
                     linkHandler?.({
@@ -80,13 +91,15 @@ export function GenAIChatWrapperComponent({ loadThread, clearThread, cancelLoadi
                         newTab: e.metaKey,
                         section: GEN_AI_SECTION,
                         preventDefault: e.preventDefault.bind(e),
-                        itemUrl: getSettingHref(GEN_AI_SECTION, CREATE_LLM_PROVIDER_ACTION),
+                        itemUrl: useShellAppUrls
+                            ? getShellAppOrgSettingHref(GEN_AI_SECTION, CREATE_LLM_PROVIDER_ACTION)
+                            : getSettingHref(GEN_AI_SECTION, CREATE_LLM_PROVIDER_ACTION),
                     });
                     e.stopPropagation();
                 }
                 break;
         }
-    }, [allowNativeLinks, linkHandler, workspaceId]);
+    }, [allowNativeLinks, linkHandler, workspaceId, useShellAppUrls]);
     if (evaluated && hasUnsupportedOpenAiModel) {
         return (_jsx(GlobalError, { errorMessage: intl.formatMessage({ id: "gd.gen-ai.global-unsupported-model" }), errorDescription: intl.formatMessage({
                 id: "gd.gen-ai.global-unsupported-model.description",

package/esm/components/Input.js

@@ -90,14 +90,19 @@ function InputComponent({ isBusy, isEvaluating, newMessage, autofocus = false, c
         setValue("");
     };
     const handleKeyDown = (e) => {
-        if (e.key === "Enter" && !e.shiftKey && !isBusy && value) {
+        if (e.key === "Enter" && !e.shiftKey) {
+            const trimmed = value.trim();
+            if (isBusy || !trimmed) {
+                return true;
+            }
             e.preventDefault();
+            e.stopPropagation();
             handleSubmit();
             return true;
         }
         return false;
     };
-    const buttonDisabled = !value || isBusy || isEvaluating;
+    const buttonDisabled = !value.trim() || isBusy || isEvaluating;
     const buttonClasses = cx("gd-gen-ai-chat__input__send_button", {
         "gd-gen-ai-chat__input__send_button--disabled": buttonDisabled,
     });
@@ -111,7 +116,7 @@ function InputComponent({ isBusy, isEvaluating, newMessage, autofocus = false, c
         }), children: _jsxs("div", { className: "gd-gen-ai-chat__input__content", children: [
                 _jsx("div", { ref: targetRef, onFocus: () => {
                         editorApi?.focus();
-                    } }), _jsx(HintText, { focused: focused, where: "top" }), _jsx(SyntaxHighlightingInput, { className: "gd-gen-ai-chat__input__mc", placeholder: intl.formatMessage(msgs.placeholder), label: isMac ? intl.formatMessage(msgs.labelMac) : intl.formatMessage(msgs.labelWin), value: value, disabled: isBusy, autocompletion: {
+                    } }), _jsx(HintText, { focused: focused, where: "top" }), _jsx(SyntaxHighlightingInput, { className: "gd-gen-ai-chat__input__mc", placeholder: intl.formatMessage(msgs.placeholder), label: isMac ? intl.formatMessage(msgs.labelMac) : intl.formatMessage(msgs.labelWin), value: value, autocompletion: {
                         aboveCursor: true,
                         whenTyping: true,
                         whenTypingDelay: 300,

package/esm/components/messages/conversationContents/ConversationVisualizationContent.js

@@ -27,11 +27,7 @@ function ConversationVisualizationContentCore({ message, part, scenario, visuali
     const [visError, setVisError] = useState(null);
     const [isTable, setIsTable] = useState(false);
     const moreButtonDescId = useId();
-    const { setDrillState, DrillOverlay, DrillChooser } = useDrillState({
-        containerRef,
-        filters: [],
-        setKeyDriverAnalysis,
-    });
+    const [drillState, setDrillState] = useState(null);
     const { setSaveDialogOpen, SaveDialog } = useSaveDialog({
         message,
         part,
@@ -55,8 +51,8 @@ function ConversationVisualizationContentCore({ message, part, scenario, visuali
     }, [visError]);
     const classNames = cx("gd-gen-ai-chat__conversation__item__content", "gd-gen-ai-chat__conversation__item__content--visualization", className);
     return (_jsxs("div", { className: classNames, children: [
-            _jsx(DrillChooser, { children: _jsxs(Wrapper, { containerRef: containerRef, visualization: visualization, children: [
-                        _jsx(VisualisationMenu, { visualization: visualization, scenario: scenario, isVisualisationSaved: visualisationSaved, isVisualisationCheckLoading: visualisationCheckLoading, isTable: isTable, onTable: setIsTable, hasError: hasVisFatal, moreButtonId: moreButtonDescId, onSave: onSave, onOpen: onOpen, onCopy: onCopy, isLoading: part.reporting ?? false }), _jsx(Title, { id: moreButtonDescId, visualization: visualization, scenario: scenario, useMarkdown: useMarkdown }), _jsx(VisualisationWrapper, { message: message, colorPalette: colorPalette, isTable: isTable, visualization: visualization, agGridToken: agGridToken, execConfig: scenario?.execConfig, enableChangeAnalysis: enableChangeAnalysis, enableNewPivotTable: enableNewPivotTable, enableAccessibleChartTooltip: enableAccessibleChartTooltip, enableDrilling: !scenario || scenario.isBaseline, onDrillFired: setDrillState, onVisualisationError: onVisualizationError }), _jsx(SaveDialog, {}), _jsx(DrillOverlay, {})
+            _jsx(DrillState, { drillState: drillState, setDrillState: setDrillState, containerRef: containerRef, setKeyDriverAnalysis: setKeyDriverAnalysis, children: _jsxs(Wrapper, { containerRef: containerRef, visualization: visualization, children: [
+                        _jsx(VisualisationMenu, { visualization: visualization, scenario: scenario, isVisualisationSaved: visualisationSaved, isVisualisationCheckLoading: visualisationCheckLoading, isTable: isTable, onTable: setIsTable, hasError: hasVisFatal, moreButtonId: moreButtonDescId, onSave: onSave, onOpen: onOpen, onCopy: onCopy, isLoading: part.reporting ?? false }), _jsx(Title, { id: moreButtonDescId, visualization: visualization, scenario: scenario, useMarkdown: useMarkdown }), _jsx(VisualisationWrapper, { message: message, colorPalette: colorPalette, isTable: isTable, visualization: visualization, agGridToken: agGridToken, execConfig: scenario?.execConfig, enableChangeAnalysis: enableChangeAnalysis, enableNewPivotTable: enableNewPivotTable, enableAccessibleChartTooltip: enableAccessibleChartTooltip, enableDrilling: !scenario || scenario.isBaseline, onDrillFired: setDrillState, onVisualisationError: onVisualizationError }), _jsx(SaveDialog, {})
                     ] }) }), _jsx(VisualizationErrorReport, { error: visError })
         ] }));
 }
@@ -214,48 +210,38 @@ function VisualizationErrorReport({ error }) {
                         error: error.message,
                     } }) })) : null] }));
 }
-function useDrillState({ containerRef, filters, setKeyDriverAnalysis }) {
+function DrillState({ containerRef, filters, setKeyDriverAnalysis, children, drillState, setDrillState, }) {
     const intl = useIntl();
-    const [drillState, setDrillState] = useState(null);
     const catalogItems = useSelector(catalogItemsSelector);
-    const DrillChooser = useCallback(({ children }) => {
-        return (_jsx(Dropdown, { enableAutoToggle: false, isOpen: Boolean(drillState), onToggle: (state) => {
-                if (!state) {
+    return (_jsx(Dropdown, { enableAutoToggle: false, isOpen: Boolean(drillState), onToggle: (state) => {
+            if (!state) {
+                setDrillState(null);
+            }
+        }, closeOnEscape: true, closeOnParentScroll: true, alignPoints: [
+            {
+                align: "tl tl",
+                offset: calculateOffset(containerRef.current, drillState?.event),
+            },
+            {
+                align: "tl tr",
+                offset: calculateOffset(containerRef.current, drillState?.event),
+            },
+        ], renderBody: () => {
+            return (_jsx(DrillSelectDropdownMenu, { drillState: drillState, onSelect: (item) => {
+                    const data = item.data.context;
+                    const event = drillState?.event;
+                    if (!event) {
+                        return;
+                    }
+                    const allFilters = mergeFilters(convertIntersectionToAttributeFilters(event.drillContext.intersection ?? []), (filters?.map(getDashboardAttributeFilter).filter(Boolean) ??
+                        []));
+                    const definition = createKdaDefinitionFromDrill(catalogItems, intl.locale, data, event, allFilters);
+                    setKeyDriverAnalysis?.({ keyDriverAnalysis: definition });
+                }, onClose: () => {
                     setDrillState(null);
-                }
-            }, closeOnEscape: true, closeOnParentScroll: true, alignPoints: [
-                {
-                    align: "tl tl",
-                    offset: calculateOffset(containerRef.current, drillState?.event),
-                },
-                {
-                    align: "tl tr",
-                    offset: calculateOffset(containerRef.current, drillState?.event),
-                },
-            ], renderBody: () => {
-                return (_jsx(DrillSelectDropdownMenu, { drillState: drillState, onSelect: (item) => {
-                        const data = item.data.context;
-                        const event = drillState?.event;
-                        if (!event) {
-                            return;
-                        }
-                        const allFilters = mergeFilters(convertIntersectionToAttributeFilters(event.drillContext.intersection ?? []), filters
-                            .map(getDashboardAttributeFilter)
-                            .filter(Boolean));
-                        const definition = createKdaDefinitionFromDrill(catalogItems, intl.locale, data, event, allFilters);
-                        setKeyDriverAnalysis?.({ keyDriverAnalysis: definition });
-                    }, onClose: () => {
-                        setDrillState(null);
-                    } }));
-            }, renderButton: () => _jsx(_Fragment, { children: children }) }));
-    }, [catalogItems, containerRef, drillState, filters, intl.locale, setKeyDriverAnalysis]);
-    const DrillOverlay = useCallback(() => (_jsx(_Fragment, { children: drillState ? (_jsx("div", { className: "gd-gen-ai-chat__conversation__visualization__drill_overlay" })) : null })), [drillState]);
-    return {
-        DrillOverlay,
-        DrillChooser,
-        setDrillState,
-        drillState,
-    };
+                } }));
+        }, renderButton: () => (_jsxs(_Fragment, { children: [children, _jsx(_Fragment, { children: drillState ? (_jsx("div", { className: "gd-gen-ai-chat__conversation__visualization__drill_overlay" })) : null })
+            ] })) }));
 }
 function calculateOffset(container, drillEvent) {
     const offest = getRelativeOffset(drillEvent?.target, container);

package/esm/components/utils/conversationGrouper.d.ts

@@ -1,5 +1,6 @@
 import { type IChatConversationLocal } from "../../model.js";
 export declare enum ConversationDateGroup {
+    PINNED = "PINNED",
     TODAY = "TODAY",
     LAST_7_DAYS = "LAST_7_DAYS",
     OLDER = "OLDER"

package/esm/components/utils/conversationGrouper.js

@@ -2,11 +2,13 @@
 export { ConversationDateGroup };
 var ConversationDateGroup;
 (function (ConversationDateGroup) {
+    ConversationDateGroup["PINNED"] = "PINNED";
     ConversationDateGroup["TODAY"] = "TODAY";
     ConversationDateGroup["LAST_7_DAYS"] = "LAST_7_DAYS";
     ConversationDateGroup["OLDER"] = "OLDER";
 })(ConversationDateGroup || (ConversationDateGroup = {}));
 export const DEFAULT_CONVERSATION_DATE_GROUPS = [
+    { group: ConversationDateGroup.PINNED, maxAgeDays: Number.POSITIVE_INFINITY },
     { group: ConversationDateGroup.TODAY, maxAgeDays: 0 },
     { group: ConversationDateGroup.LAST_7_DAYS, maxAgeDays: 6 },
     { group: ConversationDateGroup.OLDER, maxAgeDays: Number.POSITIVE_INFINITY },
@@ -20,9 +22,14 @@ export function groupConversationsByDate(conversations = [], groups = DEFAULT_CO
         .slice()
         .sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());
     sorted.forEach((conversation) => {
+        if (conversation.pinned) {
+            conversationGroups.get(ConversationDateGroup.PINNED)?.push(conversation);
+            return;
+        }
         const updatedAt = new Date(conversation.updatedAt);
         const ageInDays = getAgeInDays(updatedAt, now);
         const targetGroup = groups
+            .filter((group) => group.group !== ConversationDateGroup.PINNED)
             .filter((group) => ageInDays <= group.maxAgeDays)
             .sort((a, b) => a.maxAgeDays - b.maxAgeDays)[0]?.group ?? groups[groups.length - 1].group;
         conversationGroups.get(targetGroup)?.push(conversation);

package/esm/index.d.ts

@@ -5,7 +5,7 @@
  */
 export { GenAIChat, GenAIAssistant, type GenAIChatProps, type GenAIAssistantProps, } from "./components/GenAIChat.js";
 export { makeUserMessage, makeTextContents, makeUserItem, makeAssistantItem, type Message, type BaseMessage, type UserMessage, type AssistantMessage, type Contents, type TextContents, type SearchContents, type SemanticSearchContents, type RoutingContents, type ReasoningContents, type ReasoningStep, type ReasoningThought, type VisualizationContents, type ChangeAnalysisContents, type ErrorContents, type TextContentObject, type IChatConversationLocalContent, type IChatConversationLocalItem, type IChatConversationErrorContent, type IChatConversationMultipartLocalPart, } from "./model.js";
-export { type ChatEventHandler, type BaseEvent, type ChatAssistantMessageEvent, type ChatUserMessageEvent, type ChatClosedEvent, type ChatOpenedEvent, type ChatResetEvent, type ChatFeedbackEvent, type ChatFeedbackErrorEvent, type ChatEvent, type ChatVisualizationErrorEvent, type ChatSaveVisualizationErrorEvent, type ChatSaveVisualizationSuccessEvent, type ChatCopyToClipboardEvent, isChatAssistantMessageEvent, isChatUserMessageEvent, isChatClosedEvent, isChatOpenedEvent, isChatResetEvent, isChatFeedbackEvent, isChatFeedbackErrorEvent, isChatVisualizationErrorEvent, isChatSaveVisualizationErrorEvent, isChatSaveVisualizationSuccessEvent, isChatCopyToClipboardEvent, } from "./store/events.js";
+export { type ChatEventHandler, type BaseEvent, type ChatAssistantMessageEvent, type ChatUserMessageEvent, type ChatClosedEvent, type ChatOpenedEvent, type ChatResetEvent, type ChatFeedbackEvent, type ChatFeedbackErrorEvent, type ChatEvent, type ChatVisualizationErrorEvent, type ChatSaveVisualizationErrorEvent, type ChatSaveVisualizationSuccessEvent, type ChatCopyToClipboardEvent, type ChatConversationPinnedEvent, type ChatConversationDeletedEvent, type ChatConversationPinErrorEvent, type ChatConversationDeletedErrorEvent, isChatAssistantMessageEvent, isChatUserMessageEvent, isChatClosedEvent, isChatOpenedEvent, isChatResetEvent, isChatFeedbackEvent, isChatFeedbackErrorEvent, isChatVisualizationErrorEvent, isChatSaveVisualizationErrorEvent, isChatSaveVisualizationSuccessEvent, isChatCopyToClipboardEvent, isChatConversationDeletedEvent, isChatConversationPinnedEvent, isChatConversationPinErrorEvent, isChatConversationDeletedErrorEvent, } from "./store/events.js";
 export { clearThreadAction, newMessageAction } from "./store/messages/messagesSlice.js";
 export { type LinkHandlerEvent } from "./components/ConfigContext.js";
 export { useGenAiChatAvailability } from "./hooks/useGenAiChatAvailability.js";