From 8857b5385408d01c73f9268dd6fc74bc975f817f Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Wed, 3 Sep 2025 17:58:56 +0200
Subject: [PATCH] feat: update UI configurations and enhance skills data
 structure for improved functionality

---
 app/app.config.ts                      |  2 +-
 app/components/chat/CommandPalette.vue |  4 +++-
 app/components/tool/Skills.vue         |  9 +++++----
 content.config.ts                      |  4 ++--
 content/skills.json                    |  2 +-
 locales/en.json                        |  1 +
 locales/es.json                        |  3 ++-
 locales/fr.json                        |  3 ++-
 types/chat.ts                          | 10 ++++++++--
 9 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/app/app.config.ts b/app/app.config.ts
index 87d98b2..6524026 100644
--- a/app/app.config.ts
+++ b/app/app.config.ts
@@ -1,7 +1,7 @@
 export default defineAppConfig({
   ui: {
     container: {
-      base: 'max-w-4xl',
+      base: 'max-w-3xl',
     },
     colors: {
       primary: 'neutral',
diff --git a/app/components/chat/CommandPalette.vue b/app/components/chat/CommandPalette.vue
index 586020a..4e25934 100644
--- a/app/components/chat/CommandPalette.vue
+++ b/app/components/chat/CommandPalette.vue
@@ -36,6 +36,8 @@ const { dark, toggleDark } = useTheme()
 
 defineShortcuts({
   meta_enter: () => openMessageModal.value = !openMessageModal.value,
+  enter: () => openMessageModal.value = !openMessageModal.value,
+  meta_k: () => openMessageModal.value = !openMessageModal.value,
   meta_d: () => openClearModal.value = !openClearModal.value,
   l: () => changeLocale(currentLocale.value!.code === 'en' ? 'fr' : currentLocale.value!.code === 'fr' ? 'es' : 'en'),
   t: () => toggleDark({ clientX: window.innerWidth, clientY: 0 }),
@@ -55,7 +57,7 @@ const commandPaletteUi = {
 
 <template>
   <nav
-    class="fixed z-50 pb-8 duration-700 mx-auto p-8"
+    class="fixed z-50 pb-8 duration-700 mx-auto px-8 sm:px-0"
     :class="active ? 'bottom-0 left-1/2 -translate-x-1/2' : 'max-w-[40rem] w-full md:bottom-1/5 left-1/2 -translate-x-1/2 bottom-0'"
   >
     <UCard variant="outline" class="rounded-xl shadow-lg w-full" :ui="{ body: 'p-2 sm:p-2 flex gap-2 w-full' }">
diff --git a/app/components/tool/Skills.vue b/app/components/tool/Skills.vue
index b3ead83..384c59c 100644
--- a/app/components/tool/Skills.vue
+++ b/app/components/tool/Skills.vue
@@ -10,15 +10,16 @@ const { t, locale } = useI18n()
       <p>{{ t('skills.main') }}</p>
     </div>
     <div v-if="skills" class="space-y-12 m-1 my-4">
-      <div v-for="category in skills.items" :key="category.id" class="space-y-8">
+      <div v-for="item in skills.body" :key="item.id" class="space-y-8">
         <USeparator
-          :label="locale === 'en' ? category.name.en : locale === 'es' ? category.name.es : category.name.fr"
+          :label="locale === 'en' ? item.name.en : locale === 'es' ? item.name.es : item.name.fr"
           size="xs"
+          type="dashed"
         />
         <div class="flex gap-3 flex-wrap">
           <UButton
-            v-for="skill in category.items"
-            :key="skill.id"
+            v-for="skill in item.items"
+            :key="skill.name.trim()"
             :label="skill.name"
             variant="subtle"
             color="neutral"
diff --git a/content.config.ts b/content.config.ts
index 1051f62..6ffa0b5 100644
--- a/content.config.ts
+++ b/content.config.ts
@@ -57,7 +57,7 @@ export const collections = {
     type: 'data',
     source: 'skills.json',
     schema: z.object({
-      items: z.object({
+      body: z.array(z.object({
         id: z.string(),
         name: z.object({
           en: z.string(),
@@ -68,7 +68,7 @@ export const collections = {
           name: z.string(),
           icon: z.string(),
         })),
-      }),
+      })),
     }),
   }),
 }
diff --git a/content/skills.json b/content/skills.json
index ced9e03..1540321 100644
--- a/content/skills.json
+++ b/content/skills.json
@@ -1,5 +1,5 @@
 {
-  "items": [
+  "body": [
     {
       "id": "programmation",
       "name": {
diff --git a/locales/en.json b/locales/en.json
index efd9c07..c708888 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -95,6 +95,7 @@
       "thinking": "Thinking...",
       "fetching": "Fetching the data...",
       "generating": "Generating the component...",
+      "checking": "Checking of the Résumé...",
       "done": "Done!"
     },
     "welcome": "Welcome to ArtChat",
diff --git a/locales/es.json b/locales/es.json
index 57450d5..7d90958 100644
--- a/locales/es.json
+++ b/locales/es.json
@@ -95,7 +95,8 @@
       "thinking": "Pensando...",
       "fetching": "Obteniendo los datos...",
       "generating": "Generando el componente...",
-      "done": "¡Hecho!"
+      "done": "¡Hecho!",
+      "checking": "Comprobación del currículum ..."
     },
     "welcome": "Bienvenido en Artchat",
     "ask": "Pregúntame cualquier cosa sobre Arthur Danjou"
diff --git a/locales/fr.json b/locales/fr.json
index f3bfe94..6c58771 100644
--- a/locales/fr.json
+++ b/locales/fr.json
@@ -95,7 +95,8 @@
       "thinking": "En train de réfléchir...",
       "fetching": "Récupération des données...",
       "generating": "Génération du composant...",
-      "done": "Terminé !"
+      "done": "Terminé !",
+      "checking": "Vérification du curriculum vitae ..."
     },
     "welcome": "Bienvenue sur Artchat",
     "ask": "Demandez-moi n'importe quoi sur Arthur Danjou"
diff --git a/types/chat.ts b/types/chat.ts
index 40eaf1e..9c1b4c1 100644
--- a/types/chat.ts
+++ b/types/chat.ts
@@ -34,6 +34,7 @@ export enum ChatFetchState {
   THINKING = 'chat.state.thinking',
   FETCHING = 'chat.state.fetching',
   GENERATING = 'chat.state.generating',
+  CHECKING = 'chat.state.checking',
   DONE = 'chat.state.done',
 }
 
@@ -123,13 +124,14 @@ export const ChatMessages = [
         icon: 'i-ph-person-arms-spread-duotone',
         prompt: 'command.about.prompt',
         type: ChatType.ABOUT,
+        fetchStates: [ChatFetchState.CHECKING],
       },
       {
         label: 'command.projects.label',
         icon: 'i-ph-code-duotone',
         prompt: 'command.projects.prompt',
         type: ChatType.PROJECTS,
-        fetchStates: [ChatFetchState.FETCHING, ChatFetchState.GENERATING],
+        fetchStates: [ChatFetchState.FETCHING, ChatFetchState.CHECKING, ChatFetchState.GENERATING],
       },
       {
         label: 'command.writings.label',
@@ -143,31 +145,35 @@ export const ChatMessages = [
         icon: 'i-ph-briefcase-duotone',
         prompt: 'command.experiences.prompt',
         type: ChatType.EXPERIENCES,
+        fetchStates: [ChatFetchState.CHECKING],
       },
       {
         label: 'command.skills.label',
         icon: 'i-ph-rocket-duotone',
         prompt: 'command.skills.prompt',
         type: ChatType.SKILLS,
-        fetchStates: [ChatFetchState.FETCHING],
+        fetchStates: [ChatFetchState.FETCHING, ChatFetchState.CHECKING],
       },
       {
         label: 'command.resume.label',
         icon: 'i-ph-address-book-duotone',
         prompt: 'command.resume.prompt',
         type: ChatType.RESUME,
+        fetchStates: [ChatFetchState.CHECKING],
       },
       {
         label: 'command.contact.label',
         icon: 'i-ph-envelope-duotone',
         prompt: 'command.contact.prompt',
         type: ChatType.CONTACT,
+        fetchStates: [ChatFetchState.CHECKING],
       },
       {
         label: 'command.hobbies.label',
         icon: 'i-ph-heart-duotone',
         prompt: 'command.hobbies.prompt',
         type: ChatType.HOBBIES,
+        fetchStates: [ChatFetchState.CHECKING],
       },
       {
         label: 'command.uses.label',