feat: add new chat button in header

components/chat-new.tsx

@@ -0,0 +1,25 @@
+"use client";
+import React from "react";
+import { ListPlus } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { emitter, mittKey } from "@/lib/mitt";
+import { toast } from "sonner";
+import { useChatStore } from "@/lib/store/chat";
+
+function ChatNew() {
+  const newSession = useChatStore((state) => state.newSession);
+
+  function onCreate() {
+    emitter.emit(mittKey.STOP_LOADING);
+    toast.success("已创建新的聊天");
+    setTimeout(newSession);
+  }
+
+  return (
+    <Button variant="ghost" size="icon" onClick={onCreate}>
+      <ListPlus strokeWidth={1.4} />
+    </Button>
+  );
+}
+
+export default ChatNew;

components/chat.tsx

@@ -43,6 +43,7 @@ function Chat() {
   });
 
   const { append: topicAppend, setMessages: topicSetMessages } = useChat({
+    streamProtocol: "text",
     onFinish(msg) {
       checkAutoTopic(() => updateCurrentTopic(trimTopic(msg.content)));
     },

components/header.tsx

@@ -4,6 +4,8 @@ import { Button } from "@/components/ui/button";
 import HeaderTopic from "@/components/header-topic";
 import ChatList from "@/components/dialog/chat-list";
 import Settings from "@/components/settings/settings";
+import { Separator } from "@/components/ui/separator";
+import ChatNew from "@/components/chat-new";
 
 function Header() {
   return (
@@ -12,10 +14,12 @@ function Header() {
       <ChatList
         trigger={
           <Button variant="ghost" size="icon">
-            <GalleryVertical strokeWidth={1.5} size={20} />
+            <GalleryVertical strokeWidth={1.6} size={20} />
           </Button>
         }
       />
+      <Separator orientation="vertical" className="h-1/2" />
+      <ChatNew />
       <span className="flex-1" />
       <Settings
         trigger={

lib/store/chat.ts

@@ -114,15 +114,15 @@ export const useChatStore = create<ChatStore>()(
         set({ sessions: get().sessions });
       },
 
-      checkAutoTopic(newTopic: () => void) {
+      checkAutoTopic(cb: () => void) {
         const currentSession = get().currentSession();
         if (
           currentSession.topic !== DEFAULT_TOPIC ||
           currentSession.messages.length < AUTO_TOPIC_LENGTH
         ) {
           return;
         }
-        newTopic();
+        cb();
       },
 
       resetSession() {

package.json

@@ -34,7 +34,7 @@
     "react-textarea-autosize": "^8.5.5",
     "remark-breaks": "3.0.3",
     "remark-gfm": "3.0.1",
-    "sonner": "^1.7.0",
+    "sonner": "^1.7.1",
     "tailwind-merge": "^2.5.5",
     "zod": "^3.23.8",
     "zustand": "^5.0.2"