feat: 添加新建画布按钮功能

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">