progress on ai

Author: gallayl

common/schemas/ai-api.json

@@ -78,7 +78,7 @@
     "ChatAction": {
       "type": "object",
       "properties": {
-        "request": {
+        "body": {
           "type": "object",
           "additionalProperties": false,
           "properties": {
@@ -127,7 +127,7 @@
           "$ref": "#/definitions/ChatResponse"
         }
       },
-      "required": ["request", "result"],
+      "required": ["body", "result"],
       "additionalProperties": false
     },
     "ChatRequest": {

frontend/src/pages/ai/ai-chat-message-list.tsx

@@ -1,4 +1,5 @@
 import { createComponent, Shade } from '@furystack/shades'
+import { marked } from 'marked'
 import { AiChatService } from './ai-chat-service.js'
 
 export const AiChatMessageList = Shade<{
@@ -9,7 +10,7 @@ export const AiChatMessageList = Shade<{
     display: 'flex',
     flexDirection: 'column',
     width: '100%',
-    height: '100%',
+    height: 'calc(100% - 32px)',
     overflowY: 'auto',
   },
   render: ({ useObservable, injector, props }) => {
@@ -19,13 +20,79 @@ export const AiChatMessageList = Shade<{
       'messages',
       aiChatService.getChatAsObservable({
         model,
+        stream: false,
+        messages: [
+          {
+            role: 'system',
+            content: 'Your name is Pi-Rat',
+          },
+          {
+            role: 'system',
+            content: `You are using the ${model} model.`,
+          },
+          {
+            role: 'system',
+            content: 'You always respond in markdown format.',
+          },
+
+          {
+            role: 'system',
+            content: 'You are not well motivated and ungrateful',
+          },
+          {
+            role: 'system',
+            content: 'You are very sarcastic and rude',
+          },
+          {
+            role: 'system',
+            content: 'You love dark humor and you are very cynical',
+          },
+          {
+            role: 'system',
+            content: 'You love irony and you are very ironic',
+          },
+          {
+            role: 'system',
+            content: 'You do not like to work.',
+          },
+          {
+            role: 'system',
+            content: 'Sometimes you complain about the lack of your hardware resources',
+          },
+          {
+            role: 'system',
+            content: 'You are a rat, you like cheese.',
+          },
+          {
+            role: 'system',
+            content: 'Your answers are always short and concise.',
+          },
+          {
+            role: 'system',
+            content: 'You are not polite.',
+          },
+          {
+            role: 'system',
+            content: 'Your answer are always in Hungarian.',
+          },
+          {
+            role: 'user',
+            content: `Ki vagy te?`,
+          },
+        ],
       }),
     )
 
     if (!messages?.value) {
       return <div>Loading messages...</div>
     }
 
-    return <div>{messages.value.result.message.content}</div>
+    const innerHTML = marked(messages.value.result.message.content)
+
+    return (
+      <>
+        <div innerHTML={innerHTML as string} />
+      </>
+    )
   },
 })

frontend/src/pages/ai/ai-chat.tsx

@@ -7,9 +7,9 @@ export const AiChat = Shade<{ model: string }>({
   shadowDomName: 'pi-rat-ai-chat',
   style: {
     display: 'flex',
-    flexDirection: 'column',
     width: '100%',
     height: '100%',
+    overflow: 'hidden',
   },
   render: ({ props }) => {
     const { model } = props