@gooddata/sdk-ui-gen-ai 11.35.0-alpha.4 → 11.35.0-alpha.6

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/anomalyDetection/anomalyDetectionMapping.d.ts

@@ -22,4 +22,3 @@ export declare function mapVisualizationAnomalyDetectionToBackendConfig(config?:
  * @internal
  */
 export declare function getNormalizedAnomalyDetectionValues(config?: Config): INormalizedAnomalyDetectionValues | undefined;
-//# sourceMappingURL=anomalyDetectionMapping.d.ts.map

package/esm/anomalyDetection/anomalyDetectionMapping.js

@@ -77,4 +77,3 @@ function parseColor(color) {
         value: { r: 255, g: 0, b: 0 },
     };
 }
-//# sourceMappingURL=anomalyDetectionMapping.js.map

package/esm/clustering/clusteringMapping.d.ts

@@ -9,4 +9,3 @@ export declare function mapVisualizationClusteringToChartConfig(config?: Config)
  * @internal
  */
 export declare function mapVisualizationClusteringToBackendConfig(config?: Config): IClusteringConfig | undefined;
-//# sourceMappingURL=clusteringMapping.d.ts.map

package/esm/clustering/clusteringMapping.js

@@ -26,4 +26,3 @@ export function mapVisualizationClusteringToBackendConfig(config) {
         threshold: clustering.threshold ?? 0.03,
     };
 }
-//# sourceMappingURL=clusteringMapping.js.map

package/esm/components/ChatSkeleton.d.ts

@@ -1,2 +1 @@
 export declare function ChatSkeleton(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ChatSkeleton.d.ts.map

package/esm/components/ChatSkeleton.js

@@ -4,4 +4,3 @@ import Skeleton from "react-loading-skeleton";
 export function ChatSkeleton() {
     return (_jsx(Skeleton, { count: 3, height: "2em", baseColor: "var(--gd-palette-complementary-2, #ebeff4)", highlightColor: "var(--gd-palette-complementary-0, #fff)" }));
 }
-//# sourceMappingURL=ChatSkeleton.js.map

package/esm/components/ConfigContext.d.ts

@@ -22,4 +22,3 @@ export type LinkHandlerEvent = {
 };
 export declare function ConfigProvider({ children, allowNativeLinks, linkHandler, catalogItems, canManage, canAnalyze, canFullControl }: PropsWithChildren<ConfigContext>): import("react/jsx-runtime").JSX.Element;
 export declare const useConfig: () => ConfigContext;
-//# sourceMappingURL=ConfigContext.d.ts.map

package/esm/components/ConfigContext.js

@@ -21,4 +21,3 @@ export function ConfigProvider({ children, allowNativeLinks, linkHandler, catalo
 export const useConfig = () => {
     return useContext(configContext);
 };
-//# sourceMappingURL=ConfigContext.js.map

package/esm/components/ConversationDeleteDialog.d.ts

@@ -6,4 +6,3 @@ type ConversationDeleteDialogProps = {
 };
 export declare function ConversationDeleteDialog({ conversation, onDelete, onClose }: ConversationDeleteDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=ConversationDeleteDialog.d.ts.map

package/esm/components/ConversationDeleteDialog.js

@@ -24,4 +24,3 @@ export function ConversationDeleteDialog({ conversation, onDelete, onClose }) {
                 b: (chunks) => _jsx("b", { children: chunks }),
             } }) }));
 }
-//# sourceMappingURL=ConversationDeleteDialog.js.map

package/esm/components/CustomizationProvider.d.ts

@@ -12,4 +12,3 @@ export declare const useCustomization: () => {
     LandingScreenComponent: ComponentType;
     DisclaimerComponent: ComponentType | null;
 };
-//# sourceMappingURL=CustomizationProvider.d.ts.map

package/esm/components/CustomizationProvider.js

@@ -50,4 +50,3 @@ export const useCustomization = () => {
         isSmallScreen,
     ]);
 };
-//# sourceMappingURL=CustomizationProvider.js.map

package/esm/components/ErrorBoundary.d.ts

@@ -1,3 +1,2 @@
 import { type FC, type PropsWithChildren } from "react";
 export declare const ErrorBoundary: FC<PropsWithChildren>;
-//# sourceMappingURL=ErrorBoundary.d.ts.map

package/esm/components/ErrorBoundary.js

@@ -47,4 +47,3 @@ const mapDispatchToProps = {
     clearThread: clearThreadAction,
 };
 export const ErrorBoundary = connect(mapStateToProps, mapDispatchToProps)(ErrorBoundaryComponent);
-//# sourceMappingURL=ErrorBoundary.js.map

package/esm/components/GenAIChat.d.ts

@@ -120,4 +120,3 @@ export declare function GenAIAssistant(props: GenAIAssistantProps): import("reac
  * @public
  */
 export declare const GenAIChat: typeof GenAIAssistant;
-//# sourceMappingURL=GenAIChat.d.ts.map

package/esm/components/GenAIChat.js

@@ -44,4 +44,3 @@ function GenAIContent(props) {
     const { permissions, loading } = usePermissions();
     return (_jsx(ConfigProvider, { linkHandler: onLinkClick, catalogItems: catalogItems, allowNativeLinks: props.allowNativeLinks ?? false, canFullControl: props.disableFullControl ? false : (permissions.canManageProject ?? false), canManage: props.disableManage ? false : (permissions.canManageProject ?? false), canAnalyze: props.disableAnalyze ? false : (permissions.canCreateVisualization ?? false), children: _jsx(CustomizationProvider, { landingScreenComponentProvider: LandingScreenComponentProvider, disclaimerComponentProvider: DisclaimerComponentProvider, children: _jsx(GenAIChatWrapper, { initializing: loading, className: className }) }) }));
 }
-//# sourceMappingURL=GenAIChat.js.map

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,8 +10,8 @@ type GenAIChatConversationsDispatchProps = {
     setHistory: typeof setHistoryAction;
     loadConversation: typeof setCurrentConversationAction;
     deleteConversation: typeof deleteConversationAction;
+    pinConversation: typeof pinConversationAction;
 };
 export type GenAIChatConversationsProps = GenAIChatConversationsStateProps & GenAIChatConversationsDispatchProps;
 export declare const GenAIChatConversations: FC;
 export {};
-//# sourceMappingURL=GenAIChatConversations.d.ts.map

package/esm/components/GenAIChatConversations.js

@@ -1,26 +1,29 @@
 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 { 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) => ({
@@ -33,16 +36,71 @@ function GenAIChatConversationsComponent({ setHistory, deleteConversation, loadC
             id: conversation.id,
             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" }) })),
+            iconRight: (_jsx("div", { className: "gd-gen-ai-chat__window__conversations__list__delete-button", children: _jsx(Dropdown, { onToggle: () => {
+                        setOpenedId(openedId ? undefined : conversation.id);
+                    }, isOpen: openedId === conversation.id, 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.id,
+                                    pinned: !selectedConversation.pinned,
+                                });
+                            }
+                            event.preventDefault();
+                            event.stopPropagation();
+                        }, onClose: closeDropdown, ariaAttributes: ariaAttributes })), closeOnEscape: true, autofocusOnOpen: true }) })),
             isSelected: currentConversation === "new" ? false : conversation.id === currentConversation?.id,
         })),
-    })), [groupedConversations, intl, catalogItems, currentConversation]);
+    })), [groupedConversations, intl, catalogItems, openedId, currentConversation, pinConversation]);
+    const draggedConversation = useMemo(() => conversations?.find((conversation) => conversation.id === draggedConversationId), [conversations, draggedConversationId]);
     const handleDeleteCancel = useCallback(() => {
         setConversationToDelete(undefined);
     }, []);
@@ -56,39 +114,124 @@ function GenAIChatConversationsComponent({ setHistory, deleteConversation, loadC
         }
         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.id,
+                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",
+                            }), 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,
+            openedMenu: props.openedId === props.item.id,
+        }), onDragStart: (event) => {
+            event.currentTarget.classList.add("dragging");
+            props.onDragStart(data.id, 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 +240,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:
@@ -111,4 +257,3 @@ function getConversationGroupLabel(group, intl) {
             return intl.formatMessage({ id: "gd.gen-ai.conversations.group.older" });
     }
 }
-//# sourceMappingURL=GenAIChatConversations.js.map

package/esm/components/GenAIChatDialog.d.ts

@@ -27,4 +27,3 @@ export type GenAIChatDialogProps = {
     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;
-//# sourceMappingURL=GenAIChatDialog.d.ts.map

package/esm/components/GenAIChatDialog.js

@@ -70,4 +70,3 @@ export function GenAIChatDialog({ backend, workspace, locale, isOpen, onOpen, on
         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 }) }) }) }) }) }) }) }));
 }
-//# sourceMappingURL=GenAIChatDialog.js.map

package/esm/components/GenAIChatHeader.d.ts

@@ -18,4 +18,3 @@ type GenAIChatHeaderDispatchProps = {
 export type GenAIChatHeaderProps = GenAIChatHeaderOwnProps & GenAIChatHeaderStateProps & GenAIChatHeaderDispatchProps;
 export declare const GenAIChatHeader: FC<GenAIChatHeaderOwnProps>;
 export {};
-//# sourceMappingURL=GenAIChatHeader.d.ts.map

package/esm/components/GenAIChatHeader.js

@@ -29,4 +29,3 @@ const mapDispatchToProps = {
     startNewConversation: startNewConversationAction,
 };
 export const GenAIChatHeader = connect(mapStateToProps, mapDispatchToProps)(GenAIChatHeaderComponent);
-//# sourceMappingURL=GenAIChatHeader.js.map

package/esm/components/GenAIChatOverlay.d.ts

@@ -4,4 +4,3 @@ export type GenAIChatOverlayProps = {
     onClose: () => void;
 };
 export declare function GenAIChatOverlay({ onClose, returnFocusTo }: GenAIChatOverlayProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=GenAIChatOverlay.d.ts.map

package/esm/components/GenAIChatOverlay.js

@@ -19,4 +19,3 @@ export function GenAIChatOverlay({ onClose, returnFocusTo }) {
             _jsx(GenAIChatHeader, { onClose: onClose }), _jsx(GenAIChatConversations, {}), _jsx(GenAIChatWrapper, { autofocus: true })
         ] }));
 }
-//# sourceMappingURL=GenAIChatOverlay.js.map

package/esm/components/GenAIChatWrapper.d.ts

@@ -23,4 +23,3 @@ export type GenAIChatWrapperProps = GenAIChatOwnProps & {
  */
 export declare function GenAIChatWrapperComponent({ loadThread, clearThread, cancelLoading, setAllowedRelationshipTypes, autofocus, initializing, isClearing, settings, className }: GenAIChatWrapperProps): import("react/jsx-runtime").JSX.Element;
 export declare const GenAIChatWrapper: FC<GenAIChatOwnProps>;
-//# sourceMappingURL=GenAIChatWrapper.d.ts.map

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",
@@ -129,4 +142,3 @@ const mapDispatchToProps = {
     setAllowedRelationshipTypes: setAllowedRelationshipTypesAction,
 };
 export const GenAIChatWrapper = connect(mapStateToProps, mapDispatchToProps)(GenAIChatWrapperComponent);
-//# sourceMappingURL=GenAIChatWrapper.js.map

package/esm/components/GlobalError.d.ts

@@ -10,4 +10,3 @@ type GlobalErrorProps = {
 };
 export declare function GlobalError({ errorMessage, errorDescription, errorDetails, errorTraceId, buttonsBefore, clearing, clearError }: GlobalErrorProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=GlobalError.d.ts.map

package/esm/components/GlobalError.js

@@ -20,4 +20,3 @@ export function GlobalError({ errorMessage, errorDescription, errorDetails, erro
                             _jsxs("span", { className: "gd-gen-ai-chat__global_error__trace-id-name", children: [intl.formatMessage({ id: "gd.gen-ai.global-error.traceId" }), ":"] }), " ", errorTraceId] }), _jsx(UiCopyButton, { label: intl.formatMessage({ id: "gd.gen-ai.global-error.traceId.copy" }), clipboardContent: errorTraceId ?? "" })
                 ] })) : null] }));
 }
-//# sourceMappingURL=GlobalError.js.map

package/esm/components/HeaderIcon.d.ts

@@ -7,4 +7,3 @@ type HeaderIconProps = {
 };
 export declare function HeaderIcon({ tooltip, icon, onClick, disabled }: HeaderIconProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=HeaderIcon.d.ts.map

package/esm/components/HeaderIcon.js

@@ -6,4 +6,3 @@ export function HeaderIcon({ tooltip, icon, onClick, disabled }) {
                     ariaLabel: tooltip,
                 }, variant: "tertiary" }), content: tooltip }) }));
 }
-//# sourceMappingURL=HeaderIcon.js.map

package/esm/components/Input.d.ts

@@ -6,4 +6,3 @@ export type InputOwnProps = {
     targetRef?: LegacyRef<HTMLDivElement>;
 };
 export declare const Input: FC<InputOwnProps>;
-//# sourceMappingURL=Input.d.ts.map

package/esm/components/Input.js

@@ -150,4 +150,3 @@ const mapDispatchToProps = {
     newMessage: newMessageAction,
 };
 export const Input = connect(mapStateToProps, mapDispatchToProps)(InputComponent);
-//# sourceMappingURL=Input.js.map