From b29578b8f0f4e2ed8ae8e1ce491764dae4bd40b2 Mon Sep 17 00:00:00 2001
From: Yao Meng <yao.meng@deepseek.com>
Date: Mon, 21 Sep 2026 14:50:38 +0800
Subject: [PATCH] style(web): soften model search field and add leading icon

Signed-off-by: Yao Meng <yao.meng@deepseek.com>
---
 .../src/client/ModelSelect.module.css          | 18 ++++++++++++++++--
 .../src/client/ModelSelect.tsx                 |  3 ++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/packages/client/ui-model-selection/src/client/ModelSelect.module.css b/packages/client/ui-model-selection/src/client/ModelSelect.module.css
index ec04efe576..7f57d8371a 100644
--- a/packages/client/ui-model-selection/src/client/ModelSelect.module.css
+++ b/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 {
diff --git a/packages/client/ui-model-selection/src/client/ModelSelect.tsx b/packages/client/ui-model-selection/src/client/ModelSelect.tsx
index 0ce19850eb..c8a5ff76c9 100644
--- a/packages/client/ui-model-selection/src/client/ModelSelect.tsx
+++ b/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')}