From a4de05925a82baeff9daa2135a4aee8fadd5b1d4 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sun, 1 Feb 2026 22:08:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=96=B0=E5=BB=BA?=
 =?UTF-8?q?=E7=94=BB=E5=B8=83=E6=8C=89=E9=92=AE=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/canvas/CanvasChatPanel.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 1b0a95a80..4a6524b1d 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -3,6 +3,7 @@
 import { useChat } from "@ai-sdk/react";
 import { DefaultChatTransport } from "ai";
 import { useEffect, useRef, useState, useCallback } from "react";
+import { useRouter } from "next/navigation";
 import useSWR from "swr";
 import { Send, Loader2, ImagePlus, Paperclip, X, Sparkles, User, Bot, Plus, History, Share2, LayoutGrid, Maximize2, RefreshCw, Zap, Globe, Box, ArrowUp } from "lucide-react";
 import { Button } from "@/components/ui/button";
@@ -64,6 +65,7 @@ function extractImageUrls(text: string): string[] {
 }
 
 export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenFileList }: CanvasChatPanelProps) {
+  const router = useRouter();
   const [input, setInput] = useState("");
   const [attachments, setAttachments] = useState<Attachment[]>([]);
   const [selectedModelId, setSelectedModelId] = useState<string>("");
@@ -701,7 +703,17 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
       {/* Header - Minimal with Icons */}
       <div className="absolute top-0 right-0 z-20 p-4 flex flex-col items-end gap-2">
         <div className="flex items-center gap-1">
-          <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={() => {
+              // 创建新画布并导航
+              const newId = crypto.randomUUID();
+              router.push(`/canvas/${newId}`);
+            }}
+            title="新建画布"
+          >
             <Plus className="h-4 w-4" />
           </Button>
           <Button variant="ghost" size="icon" className="h-8 w-8 rounded-full hover:bg-muted">