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:
@@ -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">
|
||||
|
Reference in New Issue
Block a user