style(web): soften model search field and add leading icon

Signed-off-by: Yao Meng <[email protected]>

packages/client/ui-model-selection/src/client/ModelSelect.module.css

@@ -155,9 +155,23 @@
   cursor: pointer;
 }
 
-.search {
+.menu .search {
   flex-shrink: 0;
-  margin: 4px;
+  gap: 8px;
+  height: 34px;
+  margin: 6px;
+  padding: 0 10px;
+  border: none;
+  border-radius: 10px;
+  background: var(--dsw-alias-bg-module-platform);
+}
+
+.search:focus-within {
+  box-shadow: inset 0 0 0 1px var(--dsw-alias-border-l2);
+}
+
+.search input {
+  font-size: 13px;
 }
 
 .groups {

packages/client/ui-model-selection/src/client/ModelSelect.tsx

@@ -30,7 +30,7 @@ import clsx from 'clsx'
 import type { ModelReasoningEffort, ModelSelection } from '@deepseek-ai/dsh-api-remotes/client'
 import {
   IconCheckOutlineRegular, IconChevronDownOutlineRegular, IconChevronRightOutlineRegular,
-  IconDataOutlineRegular, IconWarningOutlineRegular, Input, rankByName, StateDot, Toast,
+  IconDataOutlineRegular, IconSearchOutlineRegular, IconWarningOutlineRegular, Input, rankByName, StateDot, Toast,
 } from '@deepseek-ai/dsh-client-ui-primitives'
 import type { PropsLocale } from '@deepseek-ai/dsh-client-ui-slots'
 import type { ModelSelectInjected } from './slots.ts'
@@ -433,6 +433,7 @@ export function ModelSelect(
           {pane === 'model' && (
             <>
               <Input
+                icon={<IconSearchOutlineRegular />}
                 className={clsx(css.search)}
                 type="search"
                 aria-label={t('search.placeholder')}