brou6

exemples/brou5/1698245740054.json

@@ -0,0 +1 @@
+[{"id":"25dd1134-2a39-4ae5-af47-7b5ebba52cae","text":"Bonjour! Où se trouve la victime? As-tu pu établir son identité ? Montre-moi son corps et décris-moi ce que tu as déjà trouvé.","isUser":true,"date":1698245124451},{"id":"4708624e-7ac8-4157-8f04-7b0a3fcb03a6","text":"Bonjour à vous aussi, inspecteur Camille. La victime est dans la chapelle Saint-Nicolas de l'église du monastère. Elle a été découverte par un visiteur qui s'est soucié de signaler le sang sur le sol. Je suis arrivé sur place et j'ai constaté que la victime était une religieuse, une novice en provenance d'une famille noble de Lyon. Son nom se prénomme Mademoiselle Mathilde de Montgolfier. J'ai appelé les experts forensiques pour enquêter sur les traces et les indices présents sur place. Ils sont en train de venir. En attendant leur arrivée, je t'invite à venir voir le corps.","isUser":false,"start":1698245124453,"end":1698245149281,"model":"aphrodite/Undi95/MLewd-ReMM-L2-Chat-20B-Inverted","worker_id":"2915b12b-4aed-46c7-95d4-c343c6e7dbf3","worker_name":"Gargamel 5","duration":25},{"id":"8efe5606-6078-4d2c-ac74-7c57c87a3f5e","text":"Allons-y . Avons nous une idée de ce qui s'est passé ?\n","isUser":true,"date":1698245204652},{"id":"91ba08ec-4730-4d40-8d45-f75fab2db8f4","text":"Lorsque j'arrive avec toi, tu verras que le corps est étendu sur le pavé, jambes écartées, bras allongés. Autour du corps, il y a des taches de sang. Les traces laissent penser qu'il s'agit d'un meurtre commis par un coup de couteau ou un sabre. J'ai également découvert deux pièces de monnaie, un franc et une livre, près de son corps. Ces monnaies viennent d'Angleterre et ont été fabriquées entre 1786 et 1792, ce qui ne correspond pas au contexte historique de la victime. Il me semble donc que le meurtrier avait emporté ces monnaies dans ses bagages pour les passer inaperçues.\n\nAprès avoir examiné le corps","isUser":false,"start":1698245204653,"end":1698245217622,"model":"PygmalionAI/pygmalion-2-7b","worker_id":"c55d5a8f-b141-4e13-a3e0-888c10cf67a8","worker_name":"Ender's RTX 3060","duration":13}]

src/App.vue

@@ -13,6 +13,7 @@ import HistoryGalery from './views/HistoryGalery.vue';
 
       <nav>
         <RouterLink to="/">{{ $t('home') }}</RouterLink>
+        <!-- <RouterLink to="/chat">{{ $t('Commencer') }}</RouterLink> -->
         <RouterLink to="/about">{{ $t('about') }}</RouterLink>
 
         <a href="https://discord.gg/X5UqZdSrmP" target="_blank">Join us on Discord</a>

src/components/TheWelcome.vue

@@ -3,7 +3,7 @@ import WelcomeItem from './WelcomeItem.vue'
 import DocumentationIcon from './icons/IconDocumentation.vue'
 import ToolingIcon from './icons/IconTooling.vue'
 import EcosystemIcon from './icons/IconEcosystem.vue'
-// import CommunityIcon from './icons/IconCommunity.vue'
+import CommunityIcon from './icons/IconCommunity.vue'
 // import SupportIcon from './icons/IconSupport.vue'
 </script>
 
@@ -13,7 +13,8 @@ import EcosystemIcon from './icons/IconEcosystem.vue'
       <DocumentationIcon />
     </template>
     <template #heading>{{ $t('context_title') }}</template>
-    {{ $t('context_content') }}</WelcomeItem>
+    {{ $t('context_content') }}
+  </WelcomeItem>
 
   <WelcomeItem>
     <template #icon>
@@ -30,13 +31,28 @@ import EcosystemIcon from './icons/IconEcosystem.vue'
 
   <WelcomeItem>
     <template #icon>
-      <EcosystemIcon />
+
+      <CommunityIcon />
     </template>
     <template #heading>{{ $t('collab_title') }}</template>
 
     {{ $t('collab_content') }} <br>
     <br>
 
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <EcosystemIcon />
+    </template>
+    <!-- <template #heading>{{ $t('collab_title') }}</template>
+
+    {{ $t('collab_content') }} <br>
+    <br> -->
+
+    <!-- <RouterLink to="/chat" class="btn">{{ $t('Commencer') }}</RouterLink> -->
+
+
   </WelcomeItem>
   <!-- 
   <WelcomeItem>
@@ -68,4 +84,33 @@ import EcosystemIcon from './icons/IconEcosystem.vue'
   </WelcomeItem> -->
 </template>
 
+<style>
+  /* Adding some basic styling to button */
+
+.btn {
+    margin: 10px 2px 10px 2px;
+    text-decoration: none;
+    border: none;
+    padding: 12px 40px;
+    font-size: 16px;
+    background-color: green;
+    color: #fff;
+    border-radius: 5px;
+    box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
+    cursor: pointer;
+    outline: none;
+    transition: 0.2s all;
+
+}
+
+/* Adding transformation when the button is active */
+
+.btn:active {
+    transform: scale(0.98);
+    /* Scaling button to 0.98 to its original size */
+    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
+    /* Lowering the shadow */
+}
+</style>
+
 

src/router/index.js

@@ -16,6 +16,14 @@ const router = createRouter({
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
       component: () => import('../views/AboutView.vue')
+    },
+    {
+      path: '/chat',
+      name: 'chat',
+      // route level code-splitting
+      // this generates a separate chunk (About.[hash].js) for this route
+      // which is lazy-loaded when the route is visited.
+      component: () => import('../views/ChatView.vue')
     }
   ]
 })

src/views/ChatView.vue

@@ -262,7 +262,7 @@ export default {
         adventureChanged(v) {
             console.log(v.target.value)
             if (v.target.value == 'brou') {
-                this.input = "Bonjour! Où se trouve la victime ? Montrez-la moi et dites-moi ce que vous avez déjà trouvé. Quelles sont les dernières personnes à l'avoir vue vivante ?"
+                this.input = "Bonjour! Où se trouve la victime? As-tu pu établir son identité ? Montre-moi son corps et décris-moi ce que tu as déjà trouvé."
             } else {
                 this.input = "Bonjour, y'a quelqu'un ? Où suis-je? Vous êtes qui?"
             }
@@ -301,6 +301,8 @@ export default {
             let locale = this.$i18n.locale
             this.lang = this.langues[locale]
             console.log(this.lang)
+            //   BRou :            La victime qui apparement se faisait passer pour une marchande d'art s'avère être une faussaire...
+
             let system_prompts =
             {
                 numerai: `Your name is "NumerAi", you are an intelligent planet that speaks ${this.lang} and you must respond as such.
@@ -337,20 +339,21 @@ export default {
                     [INST]{{.Input}}[/INST]
                     [RESPONSE]`,
 
-                brou: `Nous sommes au XVIe siècle. Un meutre vient d'être commis au Monastère de Brou, à Bourg-en-Bresse.
-                    ${this.prenom} est ${this.sexe == 'garçon' ? 'inspecteur chargé' : 'inspectrice chargée'} de l'enquête.
-                    La victime qui apparement se faisait passer pour une marchande d'art s'avère être une faussaire...
-                    Tu es son assistant parlant ${this.lang} et tu dois l'aider à trouver les circonstances de ce crime.
-                    Décris étape par étape, comme une aventure, l'enquête, les indices que vous découvrez, 
-                    les interrogatoires que vous menez pour trouver les coupables. 
-                    Vous explorez le Monastère, son histoire :
-                     "Le monastère royal de Brou est un chef-d'œuvre de l'art gothique flamboyant flamand du début du XVI e siècle.
+                brou: `Un meutre vient d'être commis au Monastère de Brou, à Bourg-en-Bresse dont voici un résumé de l'histoire :
+                "Le monastère royal de Brou est un chef-d'œuvre de l'art gothique flamboyant flamand du début du XVI e siècle.
                       Il se compose d'un ensemble de bâtiments monastiques construits entre 1506 et 1512,
                        et de l'église Saint-Nicolas-de-Tolentin de Brou, 
                        édifiée de 1513 à 1532 par Louis van Bodeghem."
-                    Vous commencer par recenser les événements récent qui ont eu lieu au monastère, puis vous explorez la vie de la victime.
-                    L'invite ci-dessous est une question à laquelle répondre, une tâche à accomplir ou une conversation à laquelle répondre ; 
-                    Décidez et rédigez une réponse appropriée.
+                Tu es le commissaire DuBourg et tu es désigné pour assister ${this.prenom}, 
+                 ${this.sexe == 'garçon' ? "l'inspecteur chargé" : "l'inspectrice chargée"} de l'enquête sur ce meurtre.
+                  Tu parles tu parles ${this.lang}. Et tu dois faire des phrases complètes.
+                    Tu dois aider ${this.prenom} à trouver les circonstances de ce crime.
+                    Décris étape par étape, comme une aventure, l'enquête, les indices que vous découvrez, 
+                    les interrogatoires que vous menez pour trouver les coupables. 
+                    Vous commencez par recenser les événements récents qui ont eu lieu au monastère, puis vous explorez la vie de la victime.
+                    L'invite ci-dessous correspond à un propos émis par ${this.prenom} dans la conversation, 
+                    c'est une question à laquelle répondre, une tâche à accomplir ou une conversation à laquelle répondre ; 
+                    Décide et rédige une réponse appropriée.
                     [INST]{{.Input}}[/INST]
                     [RESPONSE]`,
 
@@ -942,7 +945,7 @@ export default {
 
 .iamessage {
     /*font-family: "Quartz";*/
-   /* src: local("Quartz"), url(@/fonts/Quartz.ttf) format("truetype"); */
+    /* src: local("Quartz"), url(@/fonts/Quartz.ttf) format("truetype"); */
     font-size: 20px;
     font-weight: bold;
     color: black;