feat: focus settings on load

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">

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 -->

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>