From b312065d3d90a77e8ccba8b31863336efb7bbf77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oriol=20G=C3=B3mez?= <ogomez.s92@gmail.com>
Date: Fri, 22 Aug 2025 19:01:45 +0200
Subject: [PATCH] feat: focus settings on load

---
 frontend-vue/src/components/chat/MessageItem.vue       | 2 +-
 frontend-vue/src/components/chat/MessagesContainer.vue | 3 ++-
 frontend-vue/src/components/dialogs/SettingsDialog.vue | 3 +++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend-vue/src/components/chat/MessageItem.vue b/frontend-vue/src/components/chat/MessageItem.vue
index eed3e07..218e811 100644
--- a/frontend-vue/src/components/chat/MessageItem.vue
+++ b/frontend-vue/src/components/chat/MessageItem.vue
@@ -7,7 +7,7 @@
     :data-message-id="message.id"
     :tabindex="tabindex || -1"
     :aria-label="messageAriaLabel"
-    role="listitem"
+    role="option"
     @keydown="handleKeydown"
   >
     <div class="message__content">
diff --git a/frontend-vue/src/components/chat/MessagesContainer.vue b/frontend-vue/src/components/chat/MessagesContainer.vue
index 891e4b3..0bb21af 100644
--- a/frontend-vue/src/components/chat/MessagesContainer.vue
+++ b/frontend-vue/src/components/chat/MessagesContainer.vue
@@ -1,10 +1,11 @@
 <template>
-  <div class="messages-container" ref="containerRef" @keydown="handleKeydown" tabindex="0" role="list"
+  <div class="messages-container" ref="containerRef" @keydown="handleKeydown" tabindex="0" role="listbox"
     :aria-label="messagesAriaLabel">
     <div class="messages" role="presentation">
       <!-- Regular Messages -->
       <MessageItem v-for="(message, index) in messages" :key="message.id" :message="message"
         :tabindex="index === focusedMessageIndex ? 0 : -1" :data-message-index="index"
+        :aria-selected="index === focusedMessageIndex ? 'true' : 'false'"
         @focus="focusedMessageIndex = index" />
 
       <!-- Unsent Messages -->
diff --git a/frontend-vue/src/components/dialogs/SettingsDialog.vue b/frontend-vue/src/components/dialogs/SettingsDialog.vue
index 7f11684..73cc260 100644
--- a/frontend-vue/src/components/dialogs/SettingsDialog.vue
+++ b/frontend-vue/src/components/dialogs/SettingsDialog.vue
@@ -6,6 +6,7 @@
         
         <label class="setting-item">
           <input 
+          ref="soundInput"
             type="checkbox" 
             v-model="localSettings.soundEnabled"
             class="checkbox"
@@ -245,6 +246,7 @@ const isSaving = ref(false)
 const isResetting = ref(false)
 const showResetConfirm = ref(false)
 const selectedVoiceURI = ref('')
+const soundInput = ref()
 
 // Computed property for current server URL
 const currentServerUrl = computed(() => authStore.serverUrl)
@@ -338,6 +340,7 @@ onMounted(() => {
   
   // Set up voice selection
   selectedVoiceURI.value = appStore.settings.selectedVoiceURI || ''
+  soundInput.value.focus();
 })
 </script>