From 00735ec0cd766423c8f9f56abbed3d44e929c138 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Mon, 9 Feb 2026 01:20:02 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=94=BB=E5=B8=83=E8=81=8A?=
 =?UTF-8?q?=E5=A4=A9=E9=9D=A2=E6=9D=BF=E6=94=B6=E8=B5=B7=E4=B8=8E=E5=8D=95?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=B1=95=E5=BC=80=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/canvas/[id]/page.tsx              | 31 ++++++++++++---------------
 components/canvas/CanvasChatPanel.tsx | 20 +++++++----------
 2 files changed, 22 insertions(+), 29 deletions(-)

diff --git a/app/canvas/[id]/page.tsx b/app/canvas/[id]/page.tsx
index a09057e..bff1411 100644
--- a/app/canvas/[id]/page.tsx
+++ b/app/canvas/[id]/page.tsx
@@ -531,23 +531,20 @@ export default function CanvasEditorPage({ params }: PageProps) {
 
         {/* 3. Floating Actions (Top Right) */}
         {!isPanelOpen && (
-          <div className="absolute top-4 right-4 z-20 flex items-center gap-2">
-             <div className="bg-background/80 backdrop-blur-md border rounded-xl p-1.5 shadow-sm flex items-center gap-1">
-                {/* Panel Toggle */}
-                <Tooltip>
-                  <TooltipTrigger asChild>
-                    <Button
-                      variant="ghost"
-                      size="icon"
-                      onClick={() => setIsPanelOpen(!isPanelOpen)}
-                      className="rounded-lg h-8 w-8"
-                    >
-                      <PanelRight className="h-4 w-4" />
-                    </Button>
-                  </TooltipTrigger>
-                  <TooltipContent>显示面板</TooltipContent>
-                </Tooltip>
-             </div>
+          <div className="absolute top-4 right-4 z-20">
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button
+                  variant="secondary"
+                  size="icon"
+                  onClick={() => setIsPanelOpen(true)}
+                  className="h-10 w-10 rounded-full border bg-background/90 shadow-sm backdrop-blur-md"
+                >
+                  <PanelRight className="h-4 w-4" />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>打开聊天面板</TooltipContent>
+            </Tooltip>
           </div>
         )}
 
diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 58e5904..8e73fc2 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -1532,21 +1532,17 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
           >
             <LayoutGrid className="h-4 w-4" />
           </Button>
-          <Button variant="ghost" size="icon" className="h-8 w-8 rounded-full hover:bg-muted">
+          <Button
+            variant="ghost"
+            size="icon"
+            className="h-8 w-8 rounded-full hover:bg-muted"
+            onClick={onClose}
+            disabled={!onClose}
+            title="收起聊天面板"
+          >
             <Maximize2 className="h-4 w-4" />
           </Button>
         </div>
-        
-        {onClose && (
-          <Button 
-            variant="secondary" 
-            size="sm" 
-            onClick={onClose} 
-            className="h-7 px-3 text-xs rounded-full bg-muted/80 backdrop-blur-sm hover:bg-muted shadow-sm"
-          >
-            收起
-          </Button>
-        )}
       </div>
       
       {/* 消息列表 */}