fix

components/Playground/index.tsx

@@ -60,14 +60,22 @@ const Playground = () => {
 
   const modifiedHandleSubmit = async (e: FormEvent<HTMLFormElement>, chatRequestOptions?: ChatRequestOptions) => {
     e.preventDefault();
-
-    // Append the system message if:
-    // 1. This is the first message in the chat.
-    // 2. The system message has changed.
-    if (messages.length === 0 || systemMessage !== lastAppendedSystemMessage) {
-      await appendSystemMessage();
+  
+    // Step 1: Determine if the system message needs to be appended
+    const hasSystemMessage = messages.some(msg => msg.role === "system");
+  
+    // Step 2: Append the system message if required
+    if (!hasSystemMessage) {
+      const systemMessageToAdd: Message = {
+        id: `${Date.now()}-system`,
+        createdAt: new Date(),
+        content: systemMessage,
+        role: "system"
+      };
+      await append(systemMessageToAdd);
     }
-
+  
+    // Step 3: Append the user message
     await handleSubmit(e, chatRequestOptions);
   };