From 41072ed44d1b8fb10fac040970b9df8da394459a Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Thu, 14 May 2026 20:33:11 +0800
Subject: [PATCH] Feat: This enables SelectWithSearch to search by label.
 (#14925)

### What problem does this PR solve?

Feat: This enables SelectWithSearch to search by label.

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

Co-authored-by: balibabu <assassin_cike@163.com>
---
 .../components/originui/select-with-search.tsx  | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/web/src/components/originui/select-with-search.tsx b/web/src/components/originui/select-with-search.tsx
index 8b55d1f8b6..93f62146ae 100644
--- a/web/src/components/originui/select-with-search.tsx
+++ b/web/src/components/originui/select-with-search.tsx
@@ -51,6 +51,13 @@ export type SelectWithSearchFlagProps = {
   optionTestIdPrefix?: string;
 };
 
+function filterFn(value: string, search: string, keywords?: string[]) {
+  const searchLower = search.toLowerCase();
+  const extendValue = (value + ' ' + (keywords?.join(' ') || '')).toLowerCase();
+  if (extendValue.includes(searchLower)) return 1;
+  return 0;
+}
+
 function findLabelWithoutOptions(
   options: SelectWithSearchFlagOptionType[],
   value: string,
@@ -195,7 +202,7 @@ export const SelectWithSearch = forwardRef<
           className="border-border-button w-full min-w-[var(--radix-popper-anchor-width)] p-0"
           align="start"
         >
-          <Command className="p-5">
+          <Command className="p-5" filter={filterFn}>
             {showSearch && (
               <CommandInput
                 placeholder={t('common.search') + '...'}
@@ -222,6 +229,11 @@ export const SelectWithSearch = forwardRef<
                           }
                           value={option.value}
                           disabled={option.disabled}
+                          keywords={
+                            typeof option.label === 'string'
+                              ? [option.label]
+                              : []
+                          }
                           onSelect={handleSelect}
                           data-testid={
                             optionTestIdPrefix && option.value
@@ -245,6 +257,9 @@ export const SelectWithSearch = forwardRef<
                       key={group.value || `item-${groupIndex}`}
                       value={group.value}
                       disabled={group.disabled}
+                      keywords={
+                        typeof group.label === 'string' ? [group.label] : []
+                      }
                       onSelect={handleSelect}
                       data-testid={
                         optionTestIdPrefix && group.value