From 8cdf24d399c13d40c10c69b5719f73d25fd3c6f8 Mon Sep 17 00:00:00 2001
From: Kresna <kresna@usetada.com>
Date: Sat, 1 Aug 2026 13:22:28 +0700
Subject: [PATCH] fix(voice-to-text): explain why Transcribe is disabled

Users tapped Record (which shows 'Stop' while recording) and expected Transcribe
to be enabled, not realizing they must stop the recording first to produce audio.
Add a hint next to the disabled Transcribe button: 'Press Stop to finish the
recording first' while recording, or 'Record or drop a file to enable this'
otherwise.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/islands/media/VoiceToText.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/islands/media/VoiceToText.tsx b/src/islands/media/VoiceToText.tsx
index 362eb1f..8ea89aa 100644
--- a/src/islands/media/VoiceToText.tsx
+++ b/src/islands/media/VoiceToText.tsx
@@ -157,10 +157,15 @@ export default function VoiceToText() {
         </div>
       </div>
 
-      <div className="flex flex-wrap gap-2">
+      <div className="flex flex-wrap items-center gap-3">
         <Button onClick={transcribe} disabled={!audioBlob || busy}>
           {busy ? 'Transcribing…' : 'Transcribe'}
         </Button>
+        {!audioBlob && !busy && (
+          <span className="text-sm text-muted-foreground">
+            {recorder.recording ? 'Press Stop to finish the recording first.' : 'Record or drop a file to enable this.'}
+          </span>
+        )}
       </div>
 
       {modelProgress !== null && (