From b311a24b85c6aaaf835c260e932f8cfcec26c238 Mon Sep 17 00:00:00 2001
From: sikongyue <3155157671@qq.com>
Date: Wed, 19 Aug 2026 23:44:59 +0800
Subject: [PATCH] =?UTF-8?q?refactor(web):=20=E5=B7=A5=E4=BD=9C=E5=8C=BA?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=20-=20=E5=91=BD=E4=BB=A4=E9=9D=A2=E6=9D=BF?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=A1=86=E9=87=87=E7=94=A8=20shadcn=20?=
 =?UTF-8?q?=E9=A3=8E=E6=A0=BC=E5=9C=86=E8=A7=92=E8=BE=93=E5=85=A5=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/workspace-command-palette.tsx      | 48 ++++++++++---------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/web/src/components/layout/workspace-command-palette.tsx b/web/src/components/layout/workspace-command-palette.tsx
index ff8f4c0bf..8eaa02daa 100644
--- a/web/src/components/layout/workspace-command-palette.tsx
+++ b/web/src/components/layout/workspace-command-palette.tsx
@@ -91,29 +91,31 @@ export function WorkspaceCommandPalette({ open, onClose }: { open: boolean; onCl
         <div className="absolute inset-0 z-50 flex items-start justify-center bg-background/40 px-4 pt-28 backdrop-blur-sm lg:pt-32">
             <div className="absolute inset-0" onClick={onClose} />
             <div className="relative w-full max-w-xl overflow-hidden rounded-xl border border-[var(--workspace-border)] bg-[var(--workspace-surface-strong)] shadow-2xl animate-in fade-in zoom-in-95 duration-200">
-                <div className="flex items-center border-b border-[var(--workspace-border)] px-4">
-                    <Search className="mr-3 size-4 shrink-0 text-foreground/45" strokeWidth={1.6} />
-                    <input
-                        ref={inputRef}
-                        value={query}
-                        onChange={(event) => setQuery(event.target.value)}
-                        className="flex-1 bg-transparent py-4 text-[var(--fs-body)] outline-none placeholder:text-foreground/45"
-                        placeholder="搜索页面或操作…"
-                    />
-                    <kbd
-                        onClick={onClose}
-                        className="hidden h-5 cursor-pointer items-center justify-center rounded-sm border border-[var(--workspace-border)] bg-background/60 px-1.5 font-mono text-[var(--fs-tiny)] font-medium text-foreground/60 transition-colors hover:bg-surface-hover hover:text-foreground sm:inline-flex"
-                    >
-                        ESC
-                    </kbd>
-                    <button
-                        type="button"
-                        onClick={onClose}
-                        className="ml-3 rounded-md p-1 text-foreground/50 transition-colors hover:bg-surface-hover hover:text-foreground"
-                        aria-label="关闭搜索"
-                    >
-                        <X className="size-4" strokeWidth={1.6} />
-                    </button>
+                <div className="p-3 pb-2">
+                    <div className="flex h-10 items-center gap-2 rounded-[var(--r-md)] border border-[var(--workspace-border)] bg-foreground/5 px-3 transition-colors hover:border-[var(--workspace-border-strong)] focus-within:border-[var(--workspace-border-strong)] focus-within:bg-foreground/[.06]">
+                        <Search className="size-4 shrink-0 text-foreground/45" strokeWidth={1.6} />
+                        <input
+                            ref={inputRef}
+                            value={query}
+                            onChange={(event) => setQuery(event.target.value)}
+                            className="min-w-0 flex-1 bg-transparent text-[var(--fs-body)] outline-none placeholder:text-foreground/45"
+                            placeholder="搜索页面或操作…"
+                        />
+                        <kbd
+                            onClick={onClose}
+                            className="hidden h-5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-[var(--workspace-border)] bg-background/60 px-1.5 font-mono text-[var(--fs-tiny)] font-medium text-foreground/60 transition-colors hover:bg-surface-hover hover:text-foreground sm:inline-flex"
+                        >
+                            ⌘K
+                        </kbd>
+                        <button
+                            type="button"
+                            onClick={onClose}
+                            className="ml-0.5 shrink-0 rounded-md p-1 text-foreground/50 transition-colors hover:bg-surface-hover hover:text-foreground"
+                            aria-label="关闭搜索"
+                        >
+                            <X className="size-4" strokeWidth={1.6} />
+                        </button>
+                    </div>
                 </div>
 
                 <div className="max-h-80 overflow-y-auto p-2">