Update web/src/components/ChatArea.tsx

web/src/components/ChatArea.tsx

@@ -10,6 +10,7 @@ import {
   Share2,
   Upload,
   X,
+  Trash2, 
   File,
   FileText,
   Presentation,
@@ -19,6 +20,7 @@ import {
   Download,
   Copy,
 } from "lucide-react";
+
 import { Message } from "./Message";
 import { Tabs, TabsList, TabsTrigger } from "./ui/tabs";
 import type {
@@ -616,16 +618,17 @@ export function ChatArea({
         {/* 叉叉：只 stopPropagation，不要一堆 stopImmediatePropagation，避免某些浏览器/事件链出问题 */}
         <button
           type="button"
-          aria-label="Remove file"
-          title="Remove"
           onClick={(e) => {
+            e.preventDefault();
             e.stopPropagation();
-            handleRemove();
+            onRemoveFile?.(index); // ✅ 用 index 删（前后端状态都会删掉）
           }}
-          className="h-7 w-7 rounded-full border border-border bg-background flex items-center justify-center hover:bg-muted flex-shrink-0"
+          className="ml-2 inline-flex h-7 w-7 items-center justify-center rounded-md border border-border bg-card hover:bg-muted"
+          title="Remove"
         >
-          <X className="h-4 w-4" />
+          <Trash2 className="h-4 w-4" />
         </button>
+
   
         {/* 文本区 */}
         <div className="min-w-0 flex-1">