From da523034c836fff4d092a738ca97c697b5dac67e Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Mon, 26 Jan 2026 21:55:47 +0800
Subject: [PATCH] fix: use native button element for file list button

---
 components/canvas/CanvasChatPanel.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index f1e9529..9669f36 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -327,13 +327,13 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
           <Button variant="ghost" size="icon" className="h-8 w-8 rounded-full hover:bg-muted">
             <Share2 className="h-4 w-4" />
           </Button>
-          <Button 
-            variant="ghost" 
-            size="icon" 
-            className="h-8 w-8 rounded-full hover:bg-muted"
+          <button 
+            type="button"
+            className="h-8 w-8 rounded-full hover:bg-muted inline-flex items-center justify-center"
             onClick={(e) => {
               e.preventDefault();
               e.stopPropagation();
+              console.log('[CanvasChatPanel] File list button clicked, onOpenFileList:', !!onOpenFileList);
               if (onOpenFileList) {
                 onOpenFileList();
               }
@@ -341,7 +341,7 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
             title="已生成文件列表"
           >
             <LayoutGrid className="h-4 w-4" />
-          </Button>
+          </button>
           <Button variant="ghost" size="icon" className="h-8 w-8 rounded-full hover:bg-muted">
             <Maximize2 className="h-4 w-4" />
           </Button>