basic system promp

backend/web/src/routes/(authenticated)/[space]/(chat)/[conversation]/+page.svelte

@@ -34,7 +34,7 @@
             id: ''+currentDate.getTime(),
             role: chunk.role,
             content: chunk.content,
-          })
+          } as Message)
           lastrole=chunk.role
         } else {
           messages[messages.length-1].content += chunk.content

backend/web/src/routes/(authenticated)/[space]/history/+page.svelte

@@ -1,6 +1,15 @@
-        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores, reiciendis quo. Quos animi nisi modi cumque hic illo doloremque totam! Distinctio molestias sint magnam illum nostrum eos, fugit aliquid consequuntur?
-        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores, reiciendis quo. Quos animi nisi modi cumque hic illo doloremque totam! Distinctio molestias sint magnam illum nostrum eos, fugit aliquid consequuntur?
-        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores, reiciendis quo. Quos animi nisi modi cumque hic illo doloremque totam! Distinctio molestias sint magnam illum nostrum eos, fugit aliquid consequuntur?
-        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores, reiciendis quo. Quos animi nisi modi cumque hic illo doloremque totam! Distinctio molestias sint magnam illum nostrum eos, fugit aliquid consequuntur?
-        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores, reiciendis quo. Quos animi nisi modi cumque hic illo doloremque totam! Distinctio molestias sint magnam illum nostrum eos, fugit aliquid consequuntur?
-        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores, reiciendis quo. Quos animi nisi modi cumque hic illo doloremque totam! Distinctio molestias sint magnam illum nostrum eos, fugit aliquid consequuntur?
+<script lang="ts">
+    import type { PageProps } from './$types';
+    let { data }: PageProps = $props();
+</script>
+
+<div class="container">
+    {#each data.conversations as conversation (conversation.id)}
+        <div class="dark:bg-stone-800 rounded p-2 my-2">
+            <div class="font-bold text-base">
+                <a href={`/${data.space}/${conversation.id}`}>{conversation.title}</a>
+            </div>
+            <span class="text-xs">{conversation._date_created}</span>
+        </div>
+    {/each}
+</div>

backend/web/src/routes/(authenticated)/[space]/history/+page.ts

@@ -1,3 +1,10 @@
-export function load() {
-  return { title: 'Historique' };
+import { chatApi } from "$lib/api/endpoints/chat"
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params }) => {
+  return {
+    title: 'Historique',
+    conversations: await chatApi.allChats(params.space, 0),
+    space: params.space,
+  };
 }

backend/web/src/routes/(authenticated)/[space]/settings/agents/+page.svelte

@@ -107,8 +107,17 @@
       })
     }
 
+    const handleKeydown = (event: KeyboardEvent) => {
+      event.preventDefault()
+      if (event.key==="Escape") {
+        handleCancelEditAgent()
+      }
+    }
+
 </script>
 
+<svelte:window onkeydown={handleKeydown} />
+
 <div class="container">
 
     {#if addingAgent}
@@ -141,7 +150,7 @@
             {/key}
         {:else}
             <div class="rounded border p-2 my-2 border-stone-500 flex">
-                <div class="flex-1">
+                <div class="flex-1 p-2">
                     <span>{ agent.name }</span>
                 </div>
                 <button class="bt small mx-1"  class:highlight={agent.id===space.defaultAgentId} onclick={()=>handleDefaultAgent(agent.id)} title="Modifier">

backend/web/src/routes/(authenticated)/[space]/settings/models/+page.svelte

@@ -101,8 +101,17 @@
         .catch((err) => {console.log(err)})
     }
 
+    const handleKeydown = (event: KeyboardEvent) => {
+      event.preventDefault()
+      if (event.key==="Escape") {
+        cancelEditProviderHandler()
+      }
+    }
+
 </script>
 
+<svelte:window onkeydown={handleKeydown} />
+
 <div class="container">
 
     {#if addingProvider}
@@ -138,7 +147,7 @@
             {/key}
         {:else}
             <div class="rounded border p-2 my-2 border-stone-500 flex">
-                <div class="flex-1">
+                <div class="flex-1 p-2">
                     <span>{ p.name }</span>
                     <span class="text-stone-500">({ p.type })</span>
                 </div>