Fix TTS voice sorting and display

Author: adriantache

composeApp/build.gradle.kts

@@ -2,7 +2,7 @@
 import org.jetbrains.compose.desktop.application.dsl.TargetFormat
 import org.jetbrains.kotlin.gradle.dsl.JvmTarget
 
-val version = "1.0.43"
+val version = "1.0.44"
 val versionNumber = getVersionInt()
 
 plugins {

composeApp/src/androidMain/kotlin/platformSpecific/tts/TtsHelperImpl.kt

@@ -54,7 +54,7 @@ object TtsHelperImpl : TtsHelper {
 
     override fun getVoices(): List<TtsVoice> {
         return tts.voices.orEmpty()
-            .sortedBy { it.name }
+            .sortedBy { it.name.lowercase() }
             .map { getTtsVoice(it.name) }
             .filter { it.locale?.language == "en" }
     }
@@ -115,7 +115,16 @@ object TtsHelperImpl : TtsHelper {
             sections[0],
             sections[1]
         )
-        val description = sections.drop(2).filter { it.length > 1 }.joinToString(" ")
+        val description = sections.drop(2)
+            .filter { it.length > 1 }
+            .mapIndexed { index, string ->
+                if (index != 0) return@mapIndexed string
+
+                string.mapIndexed { index, char ->
+                    if (index == 0) char.uppercase() else char
+                }
+            }
+            .joinToString(" ")
         val name = "${locale.displayName} $description"
 
         return TtsVoice(

composeApp/src/commonMain/kotlin/presentation/settings/tts/TtsVoiceSelectionView.kt

@@ -37,7 +37,7 @@ fun TtsVoiceSelectionView(
         ttsHelper?.let { ttsHelper ->
             selectedTtsVoice = voice
             ttsHelper.setVoice(voice)
-            ttsHelper.speak("Hello! This is ${voice.id} speaking.")
+            ttsHelper.speak("Hello! This is ${voice.name} speaking.")
         } ?: onDismiss()
     }
 
@@ -73,7 +73,7 @@ fun VoiceRow(
                 onClick = null,
             )
             Spacer(modifier = Modifier.width(8.dp))
-            Column {
+            Column(Modifier.weight(1f)) {
                 Text(
                     text = voice.name ?: voice.id,
                     style = MaterialTheme.typography.subtitle1,
@@ -83,6 +83,7 @@ fun VoiceRow(
             }
             Spacer(modifier = Modifier.width(8.dp))
             Text(
+                modifier = Modifier.width(150.dp),
                 text = voice.locale?.displayName.orEmpty(),
                 style = MaterialTheme.typography.subtitle2,
                 color = AppColor.onCard()