From 33a2191d2df7c4500cf1d458af8315131d85dd9e Mon Sep 17 00:00:00 2001
From: jerry609 <1772030600@qq.com>
Date: Fri, 13 Mar 2026 13:13:07 +0800
Subject: [PATCH] fix(web): rebuild studio search and gallery polish

---
 web/src/components/research/SearchBox.tsx  |  4 ++--
 web/src/components/studio/PaperGallery.tsx | 11 +++++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/web/src/components/research/SearchBox.tsx b/web/src/components/research/SearchBox.tsx
index 8d942ed1..3675061f 100644
--- a/web/src/components/research/SearchBox.tsx
+++ b/web/src/components/research/SearchBox.tsx
@@ -174,7 +174,7 @@ export function SearchBox({
     >
       <div
         className={cn(
-          "relative rounded-2xl border bg-background shadow-md transition-all duration-200",
+          "relative overflow-hidden rounded-2xl border bg-background shadow-md transition-all duration-200",
           "focus-within:shadow-lg focus-within:border-primary/50",
           "hover:shadow-lg",
           disabled && "opacity-60"
@@ -189,7 +189,7 @@ export function SearchBox({
           placeholder={placeholder}
           disabled={disabled || isSearching}
           className={cn(
-            "min-h-[56px] max-h-[200px] resize-none border-0 bg-transparent",
+            "min-h-[56px] max-h-[200px] resize-none border-0 bg-transparent !rounded-none !border-0 !shadow-none",
             "px-5 sm:px-6 pt-4 pb-[56px]",
             "text-base placeholder:text-muted-foreground/50",
             "focus-visible:ring-0 focus-visible:ring-offset-0"
diff --git a/web/src/components/studio/PaperGallery.tsx b/web/src/components/studio/PaperGallery.tsx
index 53b112be..699dd12e 100644
--- a/web/src/components/studio/PaperGallery.tsx
+++ b/web/src/components/studio/PaperGallery.tsx
@@ -430,9 +430,12 @@ export function PaperGallery() {
                         </div>
                     ) : (
                         /* Tiled catalog grid (Image-2 style) */
-                        <div className="grid grid-cols-1 gap-px border border-zinc-300 bg-zinc-300 md:grid-cols-2 xl:grid-cols-4">
+                        <div className="grid grid-cols-1 gap-0 md:grid-cols-2 xl:grid-cols-4">
                             {sortedPapers.map((paper, index) => {
                                 const rowIndex = Math.floor(index / gridColumns)
+                                const colIndex = index % gridColumns
+                                const isFirstRow = rowIndex === 0
+                                const isFirstCol = colIndex === 0
                                 return (
                                     <article
                                         key={paper.id}
@@ -445,7 +448,11 @@ export function PaperGallery() {
                                         }}
                                         role="button"
                                         tabIndex={0}
-                                        className="group relative flex min-h-[300px] cursor-pointer flex-col bg-background p-6 text-left transition-colors hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-500 focus-visible:ring-offset-2"
+                                        className={cn(
+                                            "group relative flex min-h-[300px] cursor-pointer flex-col border-r border-b border-zinc-300 bg-background p-6 text-left transition-colors hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-500 focus-visible:ring-offset-2",
+                                            isFirstRow && "border-t",
+                                            isFirstCol && "border-l",
+                                        )}
                                     >
                                         {/* Delete button */}
                                         <button