From ee9e50879a7bdf631279862cd355af00df12a79c Mon Sep 17 00:00:00 2001
From: vipmax <djvipmax@gmail.com>
Date: Thu, 6 Aug 2026 12:09:22 +0300
Subject: [PATCH] feat(ui): add search icon to search-input

Co-authored-by: andreisfedotov <andreisfedotov@gmail.com>
---
 anycode/components/Search.css | 22 +++++++++++++++++++++-
 anycode/components/Search.tsx |  3 +++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/anycode/components/Search.css b/anycode/components/Search.css
index a972221..e249aa5 100644
--- a/anycode/components/Search.css
+++ b/anycode/components/Search.css
@@ -135,11 +135,31 @@
     font-weight: inherit;
 }
 
+.search-input-icon {
+    position: absolute;
+    left: 8px;
+    top: 9px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 14px;
+    height: 14px;
+    color: var(--theme-muted-foreground, var(--text-color-secondary, #888));
+    pointer-events: none;
+    z-index: 2;
+    grid-area: 1 / 1 / 2 / 2;
+}
+
+.search-input-icon svg {
+    width: 100%;
+    height: 100%;
+}
+
 .search-input {
     background-color: var(--background-color, #2d2d2d);
     border: 1px solid var(--theme-border, #3f3f3f);
     border-radius: 8px;
-    padding: 6px 106px 6px 8px;
+    padding: 6px 106px 6px 28px;
     width: 100%;
     box-sizing: border-box;
     outline: none;
diff --git a/anycode/components/Search.tsx b/anycode/components/Search.tsx
index 9389c11..a6d9967 100644
--- a/anycode/components/Search.tsx
+++ b/anycode/components/Search.tsx
@@ -804,6 +804,9 @@ const Search = ({ id, wsRef, isConnected, focusRequestToken, inputValue, onInput
             <div
                 className="search-input-wrapper"
             >
+                <span className="search-input-icon" aria-hidden="true">
+                    <Icons.Search />
+                </span>
                 <textarea
                     className="search-input"
                     value={inputValue}