From f87dc3efc2fa3173f31c2db42b0a450bace2477a Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Thu, 4 Sep 2025 16:41:08 +0200
Subject: [PATCH] fix: add aria-label attributes for accessibility and update
 text-muted class for consistency

---
 app/components/chat/CommandPalette.vue    | 2 ++
 app/components/chat/MessageContainer.vue  | 2 +-
 app/components/chat/MessageFromArthur.vue | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/chat/CommandPalette.vue b/app/components/chat/CommandPalette.vue
index 090139c..2ab8280 100644
--- a/app/components/chat/CommandPalette.vue
+++ b/app/components/chat/CommandPalette.vue
@@ -222,6 +222,7 @@ function goHome() {
               :icon="dark ? 'i-ph-moon-duotone' : 'i-ph-sun-duotone'"
               color="neutral"
               variant="outline"
+              aria-label="Toggle dark mode"
               class="cursor-pointer"
               size="xl"
               @click.prevent="toggleDark"
@@ -238,6 +239,7 @@ function goHome() {
               icon="i-ph-translate-duotone"
               color="neutral"
               variant="outline"
+              aria-label="Change language"
               class="cursor-pointer"
               size="xl"
               @click.prevent="changeLocale(currentLocale!.code === 'en' ? 'fr' : currentLocale!.code === 'fr' ? 'es' : 'en')"
diff --git a/app/components/chat/MessageContainer.vue b/app/components/chat/MessageContainer.vue
index 5378540..63b9ccc 100644
--- a/app/components/chat/MessageContainer.vue
+++ b/app/components/chat/MessageContainer.vue
@@ -25,7 +25,7 @@ const formatDate = computed(() => useDateFormat(props.message.createdAt, 'D MMMM
         {{ t(message.content || '') }}
       </UCard>
     </div>
-    <div class="text-muted opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-end">
+    <div class="text-muted-foreground opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-end">
       {{ formatDate }}
     </div>
   </div>
diff --git a/app/components/chat/MessageFromArthur.vue b/app/components/chat/MessageFromArthur.vue
index 197712f..4783a28 100644
--- a/app/components/chat/MessageFromArthur.vue
+++ b/app/components/chat/MessageFromArthur.vue
@@ -85,7 +85,7 @@ const dynamicComponent = computed(() => componentMap[props.message.type])
         <span class="md:hidden">Arthur DANJOU</span>
       </div>
     </div>
-    <div class="text-muted opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-start">
+    <div class="text-muted-foreground opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-start">
       {{ formatDate }}
     </div>
   </div>