Fix scrolling again, add default system message

DeabLabs · Oct 20, 2023 · 54b682e · 54b682e
1 parent 69ada74
commit 54b682e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/apps/messages/src/agent.ts b/apps/messages/src/agent.ts
@@ -58,7 +58,6 @@ export default class Agent implements Party.Server {
 
   async onRequest(req: Party.Request) {
     try {
-      console.log(req.url);
       if (req.method === 'POST') {
         const body = await req.json();
         const result = valibot.safeParse(requests, body);
@@ -188,7 +187,15 @@ export default class Agent implements Party.Server {
       invariant(openai);
       const stream = await openai.chat.completions.create({
         model: 'gpt-3.5-turbo-16k',
-        messages: [...systemMessages, ...messages],
+        messages: [
+          {
+            role: 'system',
+            content:
+              'You are a chat LLM whose responses are parsed as markdown and rendered in a web UI.'
+          },
+          ...systemMessages,
+          ...messages
+        ],
         stream: true
       });
 

diff --git a/apps/web/src/routes/(app)/projects/[projectId]/topics/[topicId]/chat/chat.svelte b/apps/web/src/routes/(app)/projects/[projectId]/topics/[topicId]/chat/chat.svelte
@@ -23,9 +23,12 @@
       const lastMessageEl = messagesEl.lastElementChild;
       if (lastMessageEl instanceof HTMLElement) {
         // select the last message's element with the .prose class
-        const lastMessageContent = lastMessageEl.querySelector('.prose');
+        const lastMessageContent = lastMessageEl.querySelector('.prose > article');
         if (lastMessageContent instanceof HTMLElement) {
-          lastMessageContent.scrollIntoView({ behavior: smooth ? 'smooth' : undefined });
+          // get the last, deepest nested child element of lastMessageContent and then scroll to it
+          lastMessageContent.lastElementChild?.scrollIntoView({
+            behavior: smooth ? 'smooth' : undefined
+          });
         }
       }
     }