Move TTS server status from frontend to admin dashboard

- Removed TTS server status popup from main frontend interface
- Commented out checkTtsServer() function and all its calls
- Removed TTS configuration UI elements from index.html
- Added comprehensive TTS server monitoring to admin dashboard:
  - Configuration status (URL, API key)
  - Server health monitoring
  - Available voices display
  - Usage statistics and performance metrics
  - Real-time status updates
- Enhanced system health check to include TTS server
- Created dedicated /api/tts/status endpoint for detailed info

The TTS functionality remains fully operational for users, but status
monitoring is now exclusive to the admin dashboard for cleaner UX.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-06-03 19:11:26 -06:00
parent d8d330fd9d
commit c97d025acb
5 changed files with 403 additions and 485 deletions

View File

@@ -109,6 +109,7 @@
<div>
<h6 class="mb-0">Whisper/TTS</h6>
<span class="badge" id="ml-status">Checking...</span>
<small class="d-block text-muted" id="tts-details"></small>
</div>
</div>
</div>
@@ -118,6 +119,54 @@
</div>
</div>
<!-- TTS Server Status Card -->
<div class="row mb-4">
<div class="col-md-12">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="mb-0">TTS Server Status</h5>
<button class="btn btn-sm btn-outline-primary" onclick="loadTTSStatus()">
<i class="fas fa-sync"></i> Refresh
</button>
</div>
<div class="card-body">
<div class="row" id="tts-status-container">
<div class="col-md-4">
<h6>Configuration</h6>
<ul class="list-unstyled mb-0">
<li><strong>Status:</strong> <span id="tts-config-status" class="badge">Loading...</span></li>
<li><strong>Server URL:</strong> <span id="tts-server-url">-</span></li>
<li><strong>API Key:</strong> <span id="tts-api-key-status">-</span></li>
</ul>
</div>
<div class="col-md-4">
<h6>Server Health</h6>
<ul class="list-unstyled mb-0">
<li><strong>Health:</strong> <span id="tts-health-status" class="badge">Loading...</span></li>
<li><strong>Available Voices:</strong> <span id="tts-voice-count">-</span></li>
<li><strong>Error:</strong> <span id="tts-error-message" class="text-danger">-</span></li>
</ul>
</div>
<div class="col-md-4">
<h6>Usage & Performance</h6>
<ul class="list-unstyled mb-0">
<li><strong>Today's Requests:</strong> <span id="tts-usage-today">-</span></li>
<li><strong>Avg Response Time:</strong> <span id="tts-avg-response">-</span></li>
<li><strong>Total Requests:</strong> <span id="tts-usage-total">-</span></li>
</ul>
</div>
</div>
<div class="row mt-3" id="tts-voices-container" style="display: none;">
<div class="col-md-12">
<h6>Available Voices</h6>
<div id="tts-voices-list" class="d-flex flex-wrap gap-2"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Charts Row 1 -->
<div class="row mb-4">
<div class="col-md-8">