@gravity-ui/aikit 0.4.2 → 0.4.3

package/dist/components/molecules/Suggestions/Suggestions.js

@@ -18,7 +18,7 @@ export function Suggestions(props) {
         onClick(item.title, item.id);
     };
     const renderButton = (item, index) => {
-        return (_jsx(ActionButton, { tooltipTitle: item.title, size: "m", view: item.view || 'outlined', onClick: () => handleClick(item), className: b('button', { layout }), width: "auto", children: _jsxs("div", { className: b('button-content', {
+        return (_jsx(ActionButton, { tooltipTitle: wrapText ? undefined : item.title, size: "m", view: item.view || 'outlined', onClick: () => handleClick(item), className: b('button', { layout }), width: "auto", children: _jsxs("div", { className: b('button-content', {
                     layout,
                     'text-align': item.icon ? undefined : textAlign,
                 }), children: [item.icon === 'left' && (_jsx("div", { className: b('button-icon'), children: _jsx(Icon, { data: ChevronLeft, size: 16 }) })), _jsx(Text, { as: "div", className: b(wrapText ? 'button-text-wrap' : 'button-text'), children: item.title }), item.icon === 'right' && (_jsx("div", { className: b('button-icon'), children: _jsx(Icon, { data: ChevronRight, size: 16 }) }))] }) }, item.id || index));

package/dist/components/organisms/Header/Header.js

@@ -29,7 +29,7 @@ const FOLDING_ICONS = {
  * @returns Header component
  */
 export function Header(props) {
-    const { title, preview, icon, baseActions, additionalActions, titlePosition, withIcon, className, historyButtonRef, } = useHeader(props);
+    const { title, preview, icon, baseActions, additionalActions, titlePosition, withIcon, showTitle = true, className, historyButtonRef, } = useHeader(props);
     // Render base action
     const renderBaseAction = (action) => {
         let IconComponent = ACTION_ICONS[action.id];
@@ -62,5 +62,5 @@ export function Header(props) {
     // Determine class for title positioning
     const titlePositionClass = b('title-container', { position: titlePosition });
     const iconElement = icon ? (_jsx("div", { className: b('icon'), children: icon })) : (_jsx(Icon, { data: Sparkles, size: 16 }));
-    return (_jsxs("div", { className: b('', className), children: [withIcon && iconElement, _jsxs("div", { className: titlePositionClass, children: [title && (_jsx(Text, { as: "div", variant: "subheader-2", className: b('title'), children: title })), preview && _jsx("div", { className: b('preview'), children: preview })] }), _jsxs(ButtonGroup, { children: [additionalActions.map((action, index) => renderAdditionalAction(action, index)), baseActions.map((action) => renderBaseAction(action))] })] }));
+    return (_jsxs("div", { className: b('', className), children: [withIcon && iconElement, showTitle && (_jsxs("div", { className: titlePositionClass, children: [title && (_jsx(Text, { as: "div", variant: "subheader-2", className: b('title'), children: title })), preview && _jsx("div", { className: b('preview'), children: preview })] })), _jsxs(ButtonGroup, { children: [additionalActions.map((action, index) => renderAdditionalAction(action, index)), baseActions.map((action) => renderBaseAction(action))] })] }));
 }

package/dist/components/organisms/Header/types.d.ts

@@ -20,5 +20,6 @@ export type HeaderProps = {
     foldingState?: 'collapsed' | 'opened';
     titlePosition?: 'left' | 'center';
     withIcon?: boolean;
+    showTitle?: boolean;
     className?: string;
 };

package/dist/components/organisms/Header/useHeader.d.ts

@@ -17,6 +17,7 @@ export declare function useHeader(props: HeaderProps): {
     additionalActions: ActionItem[];
     titlePosition: 'left' | 'center';
     withIcon: boolean;
+    showTitle: boolean;
     className?: string;
     historyButtonRef?: React.RefObject<HTMLElement>;
 };

package/dist/components/organisms/Header/useHeader.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { HeaderAction } from './types';
 export function useHeader(props) {
-    const { icon, title, preview, baseActions = [], handleNewChat, handleHistoryToggle, handleClose, handleFolding, foldingState = 'opened', additionalActions = [], titlePosition = 'left', withIcon = true, className, historyButtonRef, } = props;
+    const { icon, title, preview, baseActions = [], handleNewChat, handleHistoryToggle, handleClose, handleFolding, foldingState = 'opened', additionalActions = [], titlePosition = 'left', withIcon = true, showTitle = true, className, historyButtonRef, } = props;
     // Build base actions
     const baseActionsList = useMemo(() => {
         const actions = [];
@@ -66,6 +66,7 @@ export function useHeader(props) {
         additionalActions: additionalActionsList,
         titlePosition,
         withIcon,
+        showTitle,
         className,
         historyButtonRef,
     };

package/dist/components/pages/ChatContainer/ChatContainer.js

@@ -19,7 +19,7 @@ const b = block('chat-container');
  */
 export function ChatContainer(props) {
     var _a, _b;
-    const { chats = [], messages = [], onSendMessage, onDeleteChat, onCancel, onRetry, status = 'ready', error = null, showActionsOnHover = false, contextItems = [], transformOptions, messageListConfig, headerProps = {}, contentProps = {}, emptyContainerProps = {}, promptInputProps = {}, historyProps = {}, welcomeConfig, i18nConfig = {}, className, headerClassName, contentClassName, footerClassName, qa, } = props;
+    const { chats = [], messages = [], onSendMessage, onDeleteChat, onCancel, onRetry, status = 'ready', error = null, showActionsOnHover = false, contextItems = [], transformOptions, messageListConfig, headerProps = {}, contentProps = {}, emptyContainerProps = {}, promptInputProps = {}, disclaimerProps = {}, historyProps = {}, welcomeConfig, i18nConfig = {}, hideTitleOnEmptyChat = false, className, headerClassName, contentClassName, footerClassName, qa, } = props;
     const hookState = useChatContainer(props);
     // Collect i18n texts with overrides
     const headerTitle = useMemo(() => {
@@ -29,9 +29,24 @@ export function ChatContainer(props) {
             ((_b = hookState.activeChat) === null || _b === void 0 ? void 0 : _b.name) ||
             i18n('header-default-title');
     }, [(_a = i18nConfig.header) === null || _a === void 0 ? void 0 : _a.defaultTitle, headerProps.title, (_b = hookState.activeChat) === null || _b === void 0 ? void 0 : _b.name]);
+    // Determine if chat is empty
+    const isChatEmpty = hookState.chatContentView === 'empty';
+    // Calculate showTitle based on hideTitleOnEmptyChat option
+    const showTitle = useMemo(() => {
+        // If explicit showTitle is provided in headerProps, use it
+        if (headerProps.showTitle !== undefined) {
+            return headerProps.showTitle;
+        }
+        // If hideTitleOnEmptyChat is enabled, show title only when chat has messages
+        if (hideTitleOnEmptyChat && isChatEmpty) {
+            return false;
+        }
+        return true;
+    }, [hideTitleOnEmptyChat, isChatEmpty, headerProps.showTitle]);
     // Build props for Header
-    const finalHeaderProps = useMemo(() => (Object.assign(Object.assign({}, headerProps), { title: headerTitle, baseActions: hookState.baseActions, handleNewChat: hookState.handleNewChat, handleHistoryToggle: hookState.handleHistoryToggle, handleClose: hookState.handleClose, historyButtonRef: hookState.historyButtonRef })), [
+    const finalHeaderProps = useMemo(() => (Object.assign(Object.assign({}, headerProps), { title: headerTitle, showTitle, baseActions: hookState.baseActions, handleNewChat: hookState.handleNewChat, handleHistoryToggle: hookState.handleHistoryToggle, handleClose: hookState.handleClose, historyButtonRef: hookState.historyButtonRef })), [
         headerTitle,
+        showTitle,
         hookState.baseActions,
         hookState.handleNewChat,
         hookState.handleHistoryToggle,
@@ -44,9 +59,7 @@ export function ChatContainer(props) {
         var _a, _b, _c, _d;
         return Object.assign(Object.assign({}, emptyContainerProps), { image: welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.image, title: (welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.title) || ((_a = i18nConfig.emptyState) === null || _a === void 0 ? void 0 : _a.title) || i18n('empty-state-title'), description: (welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.description) ||
                 ((_b = i18nConfig.emptyState) === null || _b === void 0 ? void 0 : _b.description) ||
-                i18n('empty-state-description'), suggestionTitle: (welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.suggestionTitle) ||
-                ((_c = i18nConfig.emptyState) === null || _c === void 0 ? void 0 : _c.suggestionsTitle) ||
-                i18n('empty-state-suggestions-title'), suggestions: welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.suggestions, alignment: welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.alignment, layout: welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.layout, wrapText: welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.wrapText, showMore: welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.showMore, showMoreText: (welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.showMoreText) ||
+                i18n('empty-state-description'), suggestionTitle: (welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.suggestionTitle) || ((_c = i18nConfig.emptyState) === null || _c === void 0 ? void 0 : _c.suggestionsTitle), suggestions: welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.suggestions, alignment: welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.alignment, layout: welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.layout, wrapText: welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.wrapText, showMore: welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.showMore, showMoreText: (welcomeConfig === null || welcomeConfig === void 0 ? void 0 : welcomeConfig.showMoreText) ||
                 ((_d = i18nConfig.emptyState) === null || _d === void 0 ? void 0 : _d.showMoreText) ||
                 i18n('empty-state-show-more'), onSuggestionClick: async (clickedTitle) => {
                 await onSendMessage({ content: clickedTitle });
@@ -74,21 +87,21 @@ export function ChatContainer(props) {
         promptInputProps,
     ]);
     // Build props for Disclaimer
-    const disclaimerProps = useMemo(() => {
+    const finalDisclaimerProps = useMemo(() => {
         var _a;
         const disclaimerText = ((_a = i18nConfig.disclaimer) === null || _a === void 0 ? void 0 : _a.text) || i18n('disclaimer-text');
-        return {
-            text: disclaimerText,
-        };
-    }, [i18nConfig.disclaimer]);
+        return Object.assign(Object.assign({}, disclaimerProps), { text: disclaimerProps.text || disclaimerText });
+    }, [i18nConfig.disclaimer, disclaimerProps]);
     // Build props for ChatContent
     const finalContentProps = useMemo(() => (Object.assign(Object.assign({}, contentProps), { view: hookState.chatContentView, emptyContainerProps: finalEmptyContainerProps, messageListProps })), [hookState.chatContentView, finalEmptyContainerProps, messageListProps, contentProps]);
     // Build props for History
     const finalHistoryProps = useMemo(() => {
-        var _a;
+        var _a, _b;
         return (Object.assign(Object.assign({}, historyProps), { chats, selectedChat: hookState.activeChat, onSelectChat: hookState.handleSelectChat, onDeleteChat, open: hookState.isHistoryOpen, onOpenChange: hookState.handleHistoryOpenChange, anchorElement: hookState.historyButtonRef.current, emptyPlaceholder: ((_a = i18nConfig.history) === null || _a === void 0 ? void 0 : _a.emptyPlaceholder) ||
                 historyProps.emptyPlaceholder ||
-                i18n('history-empty') }));
+                i18n('history-empty'), emptyFilteredPlaceholder: ((_b = i18nConfig.history) === null || _b === void 0 ? void 0 : _b.emptyFilteredPlaceholder) ||
+                historyProps.emptyFilteredPlaceholder ||
+                i18n('history-empty-filtered') }));
     }, [
         chats,
         hookState.activeChat,
@@ -100,6 +113,6 @@ export function ChatContainer(props) {
         i18nConfig.history,
         historyProps,
     ]);
-    const showFooter = finalPromptInputProps || disclaimerProps;
-    return (_jsxs("div", { className: b(null, className), "data-qa": qa, children: [_jsx("div", { className: b('header', headerClassName), children: _jsx(Header, Object.assign({}, finalHeaderProps)) }), _jsx("div", { className: b('content', { view: hookState.chatContentView }, contentClassName), children: _jsx(ChatContent, Object.assign({}, finalContentProps)) }), showFooter && (_jsxs("div", { className: b('footer', { view: hookState.chatContentView }, footerClassName), children: [finalPromptInputProps && _jsx(PromptInput, Object.assign({}, finalPromptInputProps)), disclaimerProps && _jsx(Disclaimer, Object.assign({}, disclaimerProps))] })), _jsx(History, Object.assign({}, finalHistoryProps))] }));
+    const showFooter = finalPromptInputProps || finalDisclaimerProps;
+    return (_jsxs("div", { className: b(null, className), "data-qa": qa, children: [_jsx("div", { className: b('header', headerClassName), children: _jsx(Header, Object.assign({}, finalHeaderProps)) }), _jsx("div", { className: b('content', { view: hookState.chatContentView }, contentClassName), children: _jsx(ChatContent, Object.assign({}, finalContentProps)) }), showFooter && (_jsxs("div", { className: b('footer', { view: hookState.chatContentView }, footerClassName), children: [finalPromptInputProps && _jsx(PromptInput, Object.assign({}, finalPromptInputProps)), finalDisclaimerProps && _jsx(Disclaimer, Object.assign({}, finalDisclaimerProps))] })), _jsx(History, Object.assign({}, finalHistoryProps))] }));
 }

package/dist/components/pages/ChatContainer/i18n/en.json

@@ -2,9 +2,9 @@
   "header-default-title": "AI Chat",
   "empty-state-title": "Welcome to AI Chat",
   "empty-state-description": "Start a conversation by typing a message below or selecting a suggestion.",
-  "empty-state-suggestions-title": "Try asking:",
   "empty-state-show-more": "Show more examples",
   "prompt-placeholder": "Type your message...",
   "history-empty": "No chat history yet",
+  "history-empty-filtered": "No chats match your search",
   "disclaimer-text": "AI can make mistakes. Check important info."
 }

package/dist/components/pages/ChatContainer/i18n/index.d.ts

@@ -1,13 +1,13 @@
-export declare const i18n: ((key: "header-default-title" | "empty-state-title" | "empty-state-description" | "empty-state-suggestions-title" | "empty-state-show-more" | "prompt-placeholder" | "history-empty" | "disclaimer-text", params?: import("@gravity-ui/i18n").Params) => string) & {
+export declare const i18n: ((key: "header-default-title" | "empty-state-title" | "empty-state-description" | "empty-state-show-more" | "prompt-placeholder" | "history-empty" | "history-empty-filtered" | "disclaimer-text", params?: import("@gravity-ui/i18n").Params) => string) & {
     Translation: import("react").ComponentType<{
         children: (props: {
-            t: (key: "header-default-title" | "empty-state-title" | "empty-state-description" | "empty-state-suggestions-title" | "empty-state-show-more" | "prompt-placeholder" | "history-empty" | "disclaimer-text", params?: import("@gravity-ui/i18n").Params) => string;
+            t: (key: "header-default-title" | "empty-state-title" | "empty-state-description" | "empty-state-show-more" | "prompt-placeholder" | "history-empty" | "history-empty-filtered" | "disclaimer-text", params?: import("@gravity-ui/i18n").Params) => string;
         }) => React.ReactNode;
     }>;
     useTranslation: () => {
-        t: (key: "header-default-title" | "empty-state-title" | "empty-state-description" | "empty-state-suggestions-title" | "empty-state-show-more" | "prompt-placeholder" | "history-empty" | "disclaimer-text", params?: import("@gravity-ui/i18n").Params) => string;
+        t: (key: "header-default-title" | "empty-state-title" | "empty-state-description" | "empty-state-show-more" | "prompt-placeholder" | "history-empty" | "history-empty-filtered" | "disclaimer-text", params?: import("@gravity-ui/i18n").Params) => string;
     };
     keysetData: {
-        "g-aikit-ChatContainer": Record<"header-default-title" | "empty-state-title" | "empty-state-description" | "empty-state-suggestions-title" | "empty-state-show-more" | "prompt-placeholder" | "history-empty" | "disclaimer-text", import("@gravity-ui/i18n").KeyData>;
+        "g-aikit-ChatContainer": Record<"header-default-title" | "empty-state-title" | "empty-state-description" | "empty-state-show-more" | "prompt-placeholder" | "history-empty" | "history-empty-filtered" | "disclaimer-text", import("@gravity-ui/i18n").KeyData>;
     };
 };

package/dist/components/pages/ChatContainer/i18n/ru.json

@@ -2,9 +2,9 @@
   "header-default-title": "AI Чат",
   "empty-state-title": "Добро пожаловать в AI Чат",
   "empty-state-description": "Начните разговор, введя сообщение ниже или выбрав подсказку.",
-  "empty-state-suggestions-title": "Попробуйте спросить:",
   "empty-state-show-more": "Показать больше примеров",
   "prompt-placeholder": "Введите ваше сообщение...",
   "history-empty": "История чатов пока пуста",
+  "history-empty-filtered": "Ничего не найдено по вашему запросу",
   "disclaimer-text": "ИИ может ошибаться. Проверяйте важную информацию."
 }

package/dist/components/pages/ChatContainer/types.d.ts

@@ -1,6 +1,7 @@
 import type { OptionsType } from '@diplodoc/transform/lib/typings';
 import { MessageListProps } from 'src/components/organisms/MessageList';
 import type { ChatStatus, ChatType, TChatMessage, TSubmitData } from '../../../types';
+import type { DisclaimerProps } from '../../atoms/Disclaimer';
 import type { ContextItemConfig } from '../../molecules/PromptInputHeader';
 import type { SuggestionsItem } from '../../molecules/Suggestions';
 import type { HeaderProps } from '../../organisms/Header';
@@ -50,6 +51,8 @@ export interface ChatContainerI18nConfig {
     history?: {
         /** Empty state placeholder */
         emptyPlaceholder?: string;
+        /** Empty filtered state placeholder (when search returns no results) */
+        emptyFilteredPlaceholder?: string;
         /** Search placeholder */
         searchPlaceholder?: string;
     };
@@ -134,6 +137,8 @@ export interface ChatContainerProps {
     emptyContainerProps?: Partial<EmptyContainerProps>;
     /** Props override for PromptInput component */
     promptInputProps?: Partial<Omit<PromptInputProps, 'onSend' | 'onCancel'>>;
+    /** Props override for Disclaimer component */
+    disclaimerProps?: Partial<DisclaimerProps>;
     /** Props override for History component */
     historyProps?: Partial<Omit<HistoryProps, 'chats' | 'selectedChat' | 'onSelectChat' | 'onDeleteChat' | 'anchorElement'>>;
     /** Welcome screen configuration for empty state */
@@ -146,6 +151,8 @@ export interface ChatContainerProps {
     showNewChat?: boolean;
     /** Show close button */
     showClose?: boolean;
+    /** Hide header title when chat is empty */
+    hideTitleOnEmptyChat?: boolean;
     /** Additional CSS class */
     className?: string;
     /** Additional CSS class for header section */

package/dist/components/templates/History/History.d.ts

@@ -26,6 +26,8 @@ export interface HistoryProps extends QAProps, DOMProps {
     showActions?: boolean;
     /** Empty state placeholder */
     emptyPlaceholder?: React.ReactNode;
+    /** Empty filtered state placeholder (when search returns no results) */
+    emptyFilteredPlaceholder?: React.ReactNode;
     /** Additional CSS class */
     className?: string;
     /** Custom filter function for search */

package/dist/components/templates/History/History.js

@@ -8,9 +8,9 @@ import { HistoryList } from './HistoryList';
  * @returns React component
  */
 export function History(props) {
-    const { chats, selectedChat, onSelectChat, onDeleteChat, onLoadMore, hasMore = false, searchable = true, groupBy = 'date', showActions = true, emptyPlaceholder, className, qa, style, filterFunction, loading = false, open = false, onOpenChange, anchorElement, } = props;
+    const { chats, selectedChat, onSelectChat, onDeleteChat, onLoadMore, hasMore = false, searchable = true, groupBy = 'date', showActions = true, emptyPlaceholder, emptyFilteredPlaceholder, className, qa, style, filterFunction, loading = false, open = false, onOpenChange, anchorElement, } = props;
     const handleChatClick = () => {
         onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
     };
-    return (_jsx(Popup, { anchorElement: anchorElement, placement: "bottom-end", open: open, onOpenChange: onOpenChange, children: _jsx(HistoryList, { chats: chats, selectedChat: selectedChat, onSelectChat: onSelectChat, onDeleteChat: onDeleteChat, onLoadMore: onLoadMore, hasMore: hasMore, searchable: searchable, groupBy: groupBy, showActions: showActions, emptyPlaceholder: emptyPlaceholder, className: className, qa: qa, style: style, filterFunction: filterFunction, loading: loading, onChatClick: handleChatClick }) }));
+    return (_jsx(Popup, { anchorElement: anchorElement, placement: "bottom-end", open: open, onOpenChange: onOpenChange, children: _jsx(HistoryList, { chats: chats, selectedChat: selectedChat, onSelectChat: onSelectChat, onDeleteChat: onDeleteChat, onLoadMore: onLoadMore, hasMore: hasMore, searchable: searchable, groupBy: groupBy, showActions: showActions, emptyPlaceholder: emptyPlaceholder, emptyFilteredPlaceholder: emptyFilteredPlaceholder, className: className, qa: qa, style: style, filterFunction: filterFunction, loading: loading, onChatClick: handleChatClick }) }));
 }

package/dist/components/templates/History/History.scss

@@ -27,7 +27,7 @@ $block: '.#{variables.$ns}history';
 
     &__filter {
         display: flex;
-        padding: spacing(2);
+        padding: spacing(2) spacing(2) 0 spacing(2);
         align-items: center;
         gap: spacing(2);
         align-self: stretch;
@@ -44,6 +44,7 @@ $block: '.#{variables.$ns}history';
     }
 
     &__chat-item {
+        cursor: pointer;
         display: flex;
         padding: spacing(2) spacing(4);
         align-items: center;

package/dist/components/templates/History/HistoryList.d.ts

@@ -27,6 +27,8 @@ export interface HistoryListProps extends QAProps, DOMProps {
     showActions?: boolean;
     /** Empty state placeholder */
     emptyPlaceholder?: React.ReactNode;
+    /** Empty filtered state placeholder (when search returns no results) */
+    emptyFilteredPlaceholder?: React.ReactNode;
     /** Additional CSS class */
     className?: string;
     /** Custom filter function for search */

package/dist/components/templates/History/HistoryList.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { useMemo, useState } from 'react';
 import { Button, List } from '@gravity-ui/uikit';
 import { defaultChatFilter, groupChatsByDate } from '../../../utils/chatUtils';
 import { block } from '../../../utils/cn';
@@ -16,7 +16,8 @@ const b = block('history');
  * @returns React component
  */
 export function HistoryList(props) {
-    const { chats, selectedChat, onSelectChat, onDeleteChat, onLoadMore, hasMore = false, searchable = true, groupBy = 'date', showActions = true, emptyPlaceholder, className, qa, style, filterFunction = defaultChatFilter, loading = false, onChatClick, } = props;
+    const { chats, selectedChat, onSelectChat, onDeleteChat, onLoadMore, hasMore = false, searchable = true, groupBy = 'date', showActions = true, emptyPlaceholder, emptyFilteredPlaceholder, className, qa, style, filterFunction = defaultChatFilter, loading = false, onChatClick, } = props;
+    const [filteredItemCount, setFilteredItemCount] = useState(null);
     // Group chats if needed
     const groupedChats = useMemo(() => {
         if (groupBy === 'none') {
@@ -84,5 +85,10 @@ export function HistoryList(props) {
         return (_jsx(ChatItem, { chat: item, showActions: showActions, onChatClick: handleChatClick, onDeleteClick: onDeleteChat ? handleDeleteClick : undefined }, item.id));
     };
     const emptyState = emptyPlaceholder || _jsx("div", { className: b('empty'), children: i18n('empty-state') });
-    return (_jsxs("div", { className: b('container', className), "data-qa": qa, style: style, children: [_jsx("div", { className: b('list-wrapper'), children: loading ? (_jsx("div", { className: b('loader-wrapper'), children: _jsx(Loader, { view: "loading" }) })) : (_jsx(List, { items: listItems, renderItem: renderItem, virtualized: false, filterable: searchable, filterItem: wrappedFilterFunction, filterPlaceholder: i18n('search-placeholder'), filterClassName: b('filter'), emptyPlaceholder: emptyState, selectedItemIndex: selectedItemIndex, itemsClassName: b('list'), itemClassName: b('list-item') })) }), hasMore && onLoadMore && (_jsx(Button, { view: "flat-action", size: "m", width: "max", onClick: onLoadMore, children: i18n('action-load-more') }))] }));
+    const emptyFilteredState = emptyFilteredPlaceholder || (_jsx("div", { className: b('empty'), children: i18n('empty-filtered-state') }));
+    // Determine which empty placeholder to show
+    const finalEmptyPlaceholder = filteredItemCount === null || filteredItemCount === listItems.length
+        ? emptyState
+        : emptyFilteredState;
+    return (_jsxs("div", { className: b('container', className), "data-qa": qa, style: style, children: [_jsx("div", { className: b('list-wrapper'), children: loading ? (_jsx("div", { className: b('loader-wrapper'), children: _jsx(Loader, { view: "loading" }) })) : (_jsx(List, { size: "m", items: listItems, renderItem: renderItem, virtualized: false, filterable: searchable, filterItem: wrappedFilterFunction, filterPlaceholder: i18n('search-placeholder'), filterClassName: b('filter'), emptyPlaceholder: finalEmptyPlaceholder, selectedItemIndex: selectedItemIndex, itemsClassName: b('list'), itemClassName: b('list-item'), onFilterEnd: (data) => setFilteredItemCount(data.items.length) })) }), hasMore && onLoadMore && (_jsx(Button, { view: "flat-action", size: "m", width: "max", onClick: onLoadMore, children: i18n('action-load-more') }))] }));
 }

package/dist/components/templates/History/i18n/en.json

@@ -2,6 +2,7 @@
   "action-load-more": "Load earlier conversations",
   "search-placeholder": "Search your chats",
   "empty-state": "No chats found",
+  "empty-filtered-state": "No chats match your search",
   "tooltip-history": "Chat history",
   "tooltip-delete": "Delete"
 }

package/dist/components/templates/History/i18n/index.d.ts

@@ -1,13 +1,13 @@
-export declare const i18n: ((key: "action-load-more" | "search-placeholder" | "empty-state" | "tooltip-history" | "tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string) & {
+export declare const i18n: ((key: "action-load-more" | "search-placeholder" | "empty-state" | "empty-filtered-state" | "tooltip-history" | "tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string) & {
     Translation: import("react").ComponentType<{
         children: (props: {
-            t: (key: "action-load-more" | "search-placeholder" | "empty-state" | "tooltip-history" | "tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string;
+            t: (key: "action-load-more" | "search-placeholder" | "empty-state" | "empty-filtered-state" | "tooltip-history" | "tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string;
         }) => React.ReactNode;
     }>;
     useTranslation: () => {
-        t: (key: "action-load-more" | "search-placeholder" | "empty-state" | "tooltip-history" | "tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string;
+        t: (key: "action-load-more" | "search-placeholder" | "empty-state" | "empty-filtered-state" | "tooltip-history" | "tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string;
     };
     keysetData: {
-        "g-aikit-History": Record<"action-load-more" | "search-placeholder" | "empty-state" | "tooltip-history" | "tooltip-delete", import("@gravity-ui/i18n").KeyData>;
+        "g-aikit-History": Record<"action-load-more" | "search-placeholder" | "empty-state" | "empty-filtered-state" | "tooltip-history" | "tooltip-delete", import("@gravity-ui/i18n").KeyData>;
     };
 };

package/dist/components/templates/History/i18n/ru.json

@@ -2,6 +2,7 @@
   "action-load-more": "Загрузить еще",
   "search-placeholder": "Поиск по чатам",
   "empty-state": "Чаты не найдены",
+  "empty-filtered-state": "Ничего не найдено по вашему запросу",
   "tooltip-history": "История чатов",
   "tooltip-delete": "Удалить"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/aikit",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Gravity UI base kit for building ai assistant chats",
   "license": "MIT",
   "main": "./dist/index.js",