| 903 | }); |
| 904 | |
| 905 | const agentSearchBox = (force = false) => (force || agents.length >= 5) && ( |
| 906 | <div className="sidebar-agent-search"> |
| 907 | <IconSearch size={14} stroke={2} className="sidebar-agent-search-icon" /> |
| 908 | <input |
| 909 | type="text" |
| 910 | value={sidebarSearch} |
| 911 | onChange={e => setSidebarSearch(e.target.value)} |
| 912 | placeholder={isChinese ? '搜索...' : 'Search...'} |
| 913 | /> |
| 914 | {sidebarSearch && ( |
| 915 | <button onClick={() => setSidebarSearch('')} aria-label={isChinese ? '清空搜索' : 'Clear search'}> |
| 916 | <IconX size={14} stroke={2} /> |
| 917 | </button> |
| 918 | )} |
| 919 | </div> |
| 920 | ); |
| 921 | |
| 922 | const renderAgent = (agent: any, options?: { drawer?: boolean }) => { |
| 923 | const badge = getAgentBadgeStatus(agent); |