improved visualization in admin menu and change model of transcribe

backend/.env.example

@@ -25,7 +25,7 @@ OPENAI_API_KEY=sk-...
 VOICE_MODE=browser
 TTS_MODEL=tts-1
 TTS_VOICE=alloy
-STT_MODEL=whisper-1
+STT_MODEL=gpt-4o-mini-transcribe
 
 # Admin bootstrap (only used on first startup)
 ADMIN_EMAIL=admin@fluentgerman.ai

backend/app/config.py

@@ -35,7 +35,7 @@ class Settings(BaseSettings):
     voice_mode: Literal["api", "browser"] = "api"
     tts_model: str = "tts-1"
     tts_voice: str = "alloy"
-    stt_model: str = "whisper-1"
+    stt_model: str = "gpt-4o-mini-transcribe"
 
     # Admin bootstrap
     admin_email: str = "admin@fluentgerman.ai"

backend/app/services/voice_service.py

@@ -26,6 +26,7 @@ async def transcribe(audio_bytes: bytes, filename: str = "audio.webm") -> str:
     transcript = await client.audio.transcriptions.create(
         model=settings.stt_model,
         file=audio_file,
+        prompt="FluentGerman.ai — German language tutor. Deutsch, Grammatik, Übung, Aussprache.",
     )
     return transcript.text
 

frontend/css/style.css

@@ -631,6 +631,15 @@ textarea {
   animation: recordPulse 1.8s infinite;
 }
 
+/* Admin voice-record button */
+.btn.recording {
+  background: linear-gradient(135deg, #fb7185, #e11d48) !important;
+  color: #fff !important;
+  border-color: transparent !important;
+  box-shadow: 0 0 0 0 rgba(251, 113, 133, 0.5);
+  animation: recordPulse 1.8s infinite;
+}
+
 .mic-btn.hidden {
   display: none;
 }