feat: add TTS voice picker to voice mode bottom sheet

This commit is contained in:
Gan, Jimmy
2026-02-26 16:22:16 +08:00
parent ee6c404122
commit 3d6fb06439
2 changed files with 30 additions and 3 deletions
@@ -180,6 +180,14 @@
<div class="flex items-center justify-between px-4 py-2 border-b border-surface-700/50">
<span class="text-sm font-medium text-surface-300">Voice Mode</span>
<div class="flex items-center gap-2">
<select
class="bg-surface-700 text-surface-300 text-xs rounded px-1 py-0.5 outline-none max-w-[120px]"
onchange={(e) => { v.setVoice(+e.target.value); voiceTick++; }}
>
{#each v.voices as voice, i}
<option value={i} selected={i === v.voiceIdx}>{voice.name}</option>
{/each}
</select>
<button
class="px-1.5 py-0.5 rounded text-xs font-medium text-surface-400 hover:text-surface-200 hover:bg-surface-700"
onclick={() => { v.cycleLang(); voiceTick++; }}