diff --git a/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.tsx b/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.tsx index 37a6c49b50..64dbcc6a09 100644 --- a/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.tsx +++ b/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.tsx @@ -4,9 +4,9 @@ * Height matches side panel headers (40px). */ -import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react'; -import { ChevronDown, ChevronUp, List, Search, X } from 'lucide-react'; -import { Tooltip, IconButton, Input } from '@/component-library'; +import React, { useEffect, useMemo, useRef, useState } from 'react'; +import { ChevronDown, ChevronUp, List } from 'lucide-react'; +import { Tooltip, IconButton } from '@/component-library'; import { useTranslation } from 'react-i18next'; import { SessionFilesBadge } from './SessionFilesBadge'; import './FlowChatHeader.scss'; @@ -66,13 +66,6 @@ export const FlowChatHeader: React.FC = ({ onJumpToCurrentTurn, onJumpToPreviousTurn, onJumpToNextTurn, - searchQuery = '', - onSearchChange, - searchMatchCount = 0, - searchCurrentMatch = 0, - onSearchNext, - onSearchPrev, - onSearchClose, searchOpenRequest = 0, }) => { const { t } = useTranslation('flow-chat'); @@ -105,8 +98,6 @@ export const FlowChatHeader: React.FC = ({ title: turn.title.trim() || untitledTurnLabel, })) ), [turns, untitledTurnLabel]); - const hasNoResults = searchQuery.trim().length > 0 && searchMatchCount === 0; - useEffect(() => { if (!isTurnListOpen) return; @@ -171,35 +162,6 @@ export const FlowChatHeader: React.FC = ({ }; }, [currentTurn, displayTurns.length, isTurnListOpen]); - const handleOpenSearch = useCallback(() => { - setIsSearchOpen(true); - }, []); - - const handleCloseSearch = useCallback(() => { - setIsSearchOpen(false); - onSearchClose?.(); - }, [onSearchClose]); - - const handleSearchKeyDown = useCallback( - (e: React.KeyboardEvent) => { - if (e.key === 'Escape') { - handleCloseSearch(); - e.preventDefault(); - return; - } - - if (e.key === 'Enter') { - if (e.shiftKey) { - onSearchPrev?.(); - } else { - onSearchNext?.(); - } - e.preventDefault(); - } - }, - [handleCloseSearch, onSearchNext, onSearchPrev], - ); - const handleToggleTurnList = () => { if (!hasTurnNavigation) return; setIsTurnListOpen(prev => !prev); @@ -248,83 +210,6 @@ export const FlowChatHeader: React.FC = ({
- {isSearchOpen ? ( -
- } - suffix={ - - - {searchQuery.trim() - ? hasNoResults - ? t('flowChatHeader.searchNoResults', { defaultValue: 'No results' }) - : t('flowChatHeader.searchResult', { - current: searchCurrentMatch, - total: searchMatchCount, - defaultValue: `${searchCurrentMatch} / ${searchMatchCount}`, - }) - : null} - - - - - - - } - type="text" - value={searchQuery} - onChange={e => onSearchChange?.(e.target.value)} - onKeyDown={handleSearchKeyDown} - placeholder={t('flowChatHeader.searchPlaceholder', { defaultValue: 'Search messages' })} - aria-label={t('flowChatHeader.searchPlaceholder', { defaultValue: 'Search messages' })} - error={hasNoResults} - /> - - - -
- ) : ( - - - - )}