From 85cf995011a1a3a4d9c0f3b801e913255721f59c Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Fri, 23 Jan 2026 10:57:39 +0800
Subject: [PATCH] fix: search click blur

---
 web/app/components/plugins/marketplace/search-box/index.tsx | 4 ++--
 web/app/components/workflow/block-selector/tool-picker.tsx  | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/app/components/plugins/marketplace/search-box/index.tsx b/web/app/components/plugins/marketplace/search-box/index.tsx
index b6e1f8ee70..0ec9029e01 100644
--- a/web/app/components/plugins/marketplace/search-box/index.tsx
+++ b/web/app/components/plugins/marketplace/search-box/index.tsx
@@ -52,7 +52,7 @@ const SearchBox = ({
               <div className="flex grow items-center gap-x-2 p-1">
                 <input
                   className={cn(
-                    'body-md-medium inline-block grow appearance-none bg-transparent text-text-secondary outline-none',
+                    'body-md-medium var-search-input inline-block grow appearance-none bg-transparent text-text-secondary outline-none',
                   )}
                   value={search}
                   onChange={(e) => {
@@ -82,7 +82,7 @@ const SearchBox = ({
                 <input
                   autoFocus={autoFocus}
                   className={cn(
-                    'system-sm-regular ml-1.5 mr-1 inline-block grow appearance-none bg-transparent text-components-input-text-filled outline-none placeholder:text-components-input-text-placeholder',
+                    'system-sm-regular var-search-input ml-1.5 mr-1 inline-block grow appearance-none bg-transparent text-components-input-text-filled outline-none placeholder:text-components-input-text-placeholder',
                     search && 'mr-2',
                   )}
                   value={search}
diff --git a/web/app/components/workflow/block-selector/tool-picker.tsx b/web/app/components/workflow/block-selector/tool-picker.tsx
index f34acefe15..58d018a134 100644
--- a/web/app/components/workflow/block-selector/tool-picker.tsx
+++ b/web/app/components/workflow/block-selector/tool-picker.tsx
@@ -188,7 +188,9 @@ const ToolPicker: FC<Props> = ({
             e.preventDefault()
           }}
         >
-          <div className="p-2 pb-1">
+          <div
+            className="p-2 pb-1"
+          >
             <SearchBox
               search={searchText}
               onSearchChange={setSearchText}