feat: parse response message

app/client/platforms/anthropic.ts

@@ -3,7 +3,7 @@ import { ChatOptions, LLMApi, MultimodalContent } from "../api";
 import { useAccessStore, useAppConfig, useChatStore } from "@/app/store";
 import { getClientConfig } from "@/app/config/client";
 import { DEFAULT_API_HOST } from "@/app/constant";
-import { MessageRole, RequestMessage } from "@/app/typing";
+import { RequestMessage } from "@/app/typing";
 import {
   EventStreamContentType,
   fetchEventSource,
@@ -237,7 +237,13 @@ export class ClaudeApi implements LLMApi {
 
     const shouldStream = !!options.config.stream;
 
-    const prompt = options.messages.map((v) => {
+    const prompt = options.messages
+      .filter((v) => {
+        if (!v.content) return false;
+        if (typeof v.content === "string" && !v.content.trim()) return false;
+        return true;
+      })
+      .map((v) => {
         const { role, content } = v;
         const insideRole = ClaudeMapper[role] ?? "user";
 
@@ -249,7 +255,9 @@ export class ClaudeApi implements LLMApi {
         }
         return {
           role: insideRole,
-        content: content.map(({ type, text, image_url }) => {
+          content: content
+            .filter((v) => v.image_url || v.text)
+            .map(({ type, text, image_url }) => {
               if (type === "text") {
                 return {
                   type,
@@ -372,19 +380,30 @@ export class ClaudeApi implements LLMApi {
             }
           },
           onmessage(msg) {
-            if (msg.data === "[DONE]" || context.finished) {
+            let chunkJson:
+              | undefined
+              | {
+                  type: "content_block_delta" | "content_block_stop";
+                  delta?: {
+                    type: "text_delta";
+                    text: string;
+                  };
+                  index: number;
+                };
+            try {
+              chunkJson = JSON.parse(msg.data);
+            } catch (e) {
+              console.error("[Response] parse error", msg.data);
+            }
+
+            if (!chunkJson || chunkJson.type === "content_block_stop") {
               return finish();
             }
-            const chunk = msg.data;
-            try {
-              const chunkJson = JSON.parse(chunk) as ChatStreamResponse;
-              const delta = chunkJson.completion;
-              if (delta) {
-                context.text += delta;
-                options.onUpdate?.(context.text, delta);
-              }
-            } catch (e) {
-              console.error("[Request] parse error", chunk, msg);
+
+            const { delta } = chunkJson;
+            if (delta?.text) {
+              context.text += delta.text;
+              options.onUpdate?.(context.text, delta.text);
             }
           },
           onclose() {
@@ -430,12 +449,17 @@ export class ClaudeApi implements LLMApi {
 
     return [
       {
-        name: "claude-instant-1",
+        name: "claude-instant-1.2",
         available: true,
         provider,
       },
       {
-        name: "claude-2",
+        name: "claude-2.0",
+        available: true,
+        provider,
+      },
+      {
+        name: "claude-2.1",
         available: true,
         provider,
       },

app/constant.ts

@@ -301,7 +301,7 @@ export const DEFAULT_MODELS = [
     },
   },
   {
-    name: "claude-instant-1",
+    name: "claude-instant-1.2",
     available: true,
     provider: {
       id: "anthropic",
@@ -310,7 +310,16 @@ export const DEFAULT_MODELS = [
     },
   },
   {
-    name: "claude-2",
+    name: "claude-2.0",
+    available: true,
+    provider: {
+      id: "anthropic",
+      providerName: "Anthropic",
+      providerType: "anthropic",
+    },
+  },
+  {
+    name: "claude-2.1",
     available: true,
     provider: {
       id: "anthropic",

app/store/chat.ts

@@ -287,7 +287,7 @@ export const useChatStore = createPersistStore(
           session.lastUpdate = Date.now();
         });
         get().updateStat(message);
-        // get().summarizeSession();
+        get().summarizeSession();
       },
 
       async onUserInput(content: string, attachImages?: string[]) {