From 17cf9c2d6075e2a2ef6e583d9562575ff064bf5f Mon Sep 17 00:00:00 2001
From: t0ng7u <dev@aiass.cc>
Date: Wed, 27 Aug 2025 11:57:12 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(playground):=20add=20search=20?=
 =?UTF-8?q?functionality=20to=20group=20selector?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add `filter={selectFilter}` to enable search filtering in group Select component
- Add `autoClearSearchValue={false}` to preserve search input value
- Maintain consistency with existing model selector search behavior
- Improve user experience by allowing quick filtering of group options

Files modified:
- web/src/components/playground/SettingsPanel.jsx
---
 web/src/components/playground/SettingsPanel.jsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/web/src/components/playground/SettingsPanel.jsx b/web/src/components/playground/SettingsPanel.jsx
index 4d8ba66b..8baa81c1 100644
--- a/web/src/components/playground/SettingsPanel.jsx
+++ b/web/src/components/playground/SettingsPanel.jsx
@@ -143,6 +143,8 @@ const SettingsPanel = ({
             name='group'
             required
             selection
+            filter={selectFilter}
+            autoClearSearchValue={false}
             onChange={(value) => onInputChange('group', value)}
             value={inputs.group}
             autoComplete='new-password'