Skip to content

A
aisbf
Commit 99d1cd6c authored by Your Name's avatar Your Name
Browse files
Options

feat: add navigation links and response cache page to analytics dashboard 

- Add quick links navigation to Analytics, Response Cache, and Rate Limits pages
- Create response_cache.html template with cache statistics and management
- Add /dashboard/response-cache route to display cache page (not just JSON)
- Fix rate_limits URL in navigation (use /dashboard/rate-limits)
- All three pages now have consistent navigation between them
parent a656cec9
Hide whitespace changes
Inline Side-by-side
Showing with 200 additions and 0 deletions
main.py
View file @ 99d1cd6c
......@@ -6076,6 +6076,41 @@ async def dashboard_tor_status(request: Request):
return JSONResponse(status)
@app.get("/dashboard/response-cache")
async def dashboard_response_cache(request: Request):
"""Response cache management page"""
auth_check = require_dashboard_auth(request)
if auth_check:
return auth_check
from aisbf.cache import get_response_cache
try:
cache = get_response_cache()
stats = cache.get_stats()
except Exception as e:
logger.error(f"Error getting response cache stats: {e}")
stats = {
'enabled': False,
'hits': 0,
'misses': 0,
'hit_rate': 0.0,
'size': 0,
'evictions': 0,
'backend': 'unknown',
'error': str(e)
}
return templates.TemplateResponse(
request=request,
name="dashboard/response_cache.html",
context={
"request": request,
"session": request.session,
"stats": stats
}
)
@app.get("/dashboard/response-cache/stats")
async def dashboard_response_cache_stats(request: Request):
"""Get response cache statistics"""
......
templates/dashboard/analytics.html
View file @ 99d1cd6c
......@@ -36,6 +36,21 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
{% block content %}
<h2 style="margin-bottom: 30px;">Token Usage Analytics</h2>
<!-- Quick Links Navigation -->
<div style="background: #1a1a2e; padding: 15px; border-radius: 8px; margin-bottom: 30px;">
<div style="display: flex; gap: 15px; flex-wrap: wrap;">
<a href="{{ url_for(request, '/dashboard/analytics') }}" class="btn" style="text-decoration: none;">
📊 Analytics
</a>
<a href="{{ url_for(request, '/dashboard/response-cache') }}" class="btn btn-secondary" style="text-decoration: none;">
💾 Response Cache
</a>
<a href="{{ url_for(request, '/dashboard/rate-limits') }}" class="btn btn-secondary" style="text-decoration: none;">
⏱️ Rate Limits
</a>
</div>
</div>
<!-- Date Range Filter Section -->
<div style="background: #1a1a2e; padding: 20px; border-radius: 8px; margin-bottom: 30px;">
<h3 style="margin-bottom: 15px;">Filter by Date Range</h3>
......
templates/dashboard/rate_limits.html
View file @ 99d1cd6c
......@@ -21,6 +21,21 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
{% block content %}
<h2 style="margin-bottom: 30px;">Adaptive Rate Limits</h2>
<!-- Quick Links Navigation -->
<div style="background: #1a1a2e; padding: 15px; border-radius: 8px; margin-bottom: 30px;">
<div style="display: flex; gap: 15px; flex-wrap: wrap;">
<a href="{{ url_for(request, '/dashboard/analytics') }}" class="btn btn-secondary" style="text-decoration: none;">
📊 Analytics
</a>
<a href="{{ url_for(request, '/dashboard/response-cache') }}" class="btn btn-secondary" style="text-decoration: none;">
💾 Response Cache
</a>
<a href="{{ url_for(request, '/dashboard/rate-limits') }}" class="btn" style="text-decoration: none;">
⏱️ Rate Limits
</a>
</div>
</div>
<div style="margin-bottom: 20px;">
<button onclick="loadRateLimits()" class="btn">Refresh</button>
<button onclick="clearAllRateLimiters()" class="btn btn-secondary">Reset All Rate Limiters</button>
......
templates/dashboard/response_cache.html 0 → 100644
View file @ 99d1cd6c
{% extends "base.html" %}
{% block title %}Response Cache - AISBF Dashboard{% endblock %}
{% block content %}
<h2 style="margin-bottom: 30px;">Response Cache Management</h2>
<!-- Quick Links Navigation -->
<div style="background: #1a1a2e; padding: 15px; border-radius: 8px; margin-bottom: 30px;">
<div style="display: flex; gap: 15px; flex-wrap: wrap;">
<a href="{{ url_for(request, '/dashboard/analytics') }}" class="btn btn-secondary" style="text-decoration: none;">
📊 Analytics
</a>
<a href="{{ url_for(request, '/dashboard/response-cache') }}" class="btn" style="text-decoration: none;">
💾 Response Cache
</a>
<a href="{{ url_for(request, '/dashboard/rate-limits') }}" class="btn btn-secondary" style="text-decoration: none;">
⏱️ Rate Limits
</a>
</div>
</div>
<!-- Cache Statistics -->
<div style="background: #1a1a2e; padding: 20px; border-radius: 8px; margin-bottom: 30px;">
<h3 style="margin-bottom: 20px;">Cache Statistics</h3>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;">
<div style="background: #0f3460; padding: 15px; border-radius: 8px;">
<div style="color: #a0a0a0; font-size: 14px; margin-bottom: 5px;">Status</div>
<div style="font-size: 24px; font-weight: bold; color: {% if stats.enabled %}#4ade80{% else %}#ef4444{% endif %};">
{% if stats.enabled %}Enabled{% else %}Disabled{% endif %}
</div>
</div>
<div style="background: #0f3460; padding: 15px; border-radius: 8px;">
<div style="color: #a0a0a0; font-size: 14px; margin-bottom: 5px;">Backend</div>
<div style="font-size: 24px; font-weight: bold;">{{ stats.backend|upper }}</div>
</div>
<div style="background: #0f3460; padding: 15px; border-radius: 8px;">
<div style="color: #a0a0a0; font-size: 14px; margin-bottom: 5px;">Cache Hits</div>
<div style="font-size: 24px; font-weight: bold; color: #4ade80;">{{ stats.hits }}</div>
</div>
<div style="background: #0f3460; padding: 15px; border-radius: 8px;">
<div style="color: #a0a0a0; font-size: 14px; margin-bottom: 5px;">Cache Misses</div>
<div style="font-size: 24px; font-weight: bold; color: #ef4444;">{{ stats.misses }}</div>
</div>
<div style="background: #0f3460; padding: 15px; border-radius: 8px;">
<div style="color: #a0a0a0; font-size: 14px; margin-bottom: 5px;">Hit Rate</div>
<div style="font-size: 24px; font-weight: bold; color: #60a5fa;">{{ "%.1f"|format(stats.hit_rate * 100) }}%</div>
</div>
<div style="background: #0f3460; padding: 15px; border-radius: 8px;">
<div style="color: #a0a0a0; font-size: 14px; margin-bottom: 5px;">Cache Size</div>
<div style="font-size: 24px; font-weight: bold;">{{ stats.size }}</div>
</div>
<div style="background: #0f3460; padding: 15px; border-radius: 8px;">
<div style="color: #a0a0a0; font-size: 14px; margin-bottom: 5px;">Evictions</div>
<div style="font-size: 24px; font-weight: bold; color: #f59e0b;">{{ stats.evictions }}</div>
</div>
</div>
</div>
<!-- Cache Actions -->
<div style="background: #1a1a2e; padding: 20px; border-radius: 8px; margin-bottom: 30px;">
<h3 style="margin-bottom: 20px;">Cache Actions</h3>
<div style="display: flex; gap: 15px; flex-wrap: wrap;">
<button onclick="refreshStats()" class="btn" style="padding: 10px 20px;">
🔄 Refresh Stats
</button>
<button onclick="clearCache()" class="btn btn-danger" style="padding: 10px 20px;">
🗑️ Clear Cache
</button>
</div>
</div>
<!-- Error Display -->
{% if stats.error %}
<div style="background: #7f1d1d; padding: 15px; border-radius: 8px; margin-bottom: 30px; border-left: 4px solid #ef4444;">
<strong style="color: #fca5a5;">Error:</strong>
<span style="color: #e0e0e0;">{{ stats.error }}</span>
</div>
{% endif %}
<!-- Cache Information -->
<div style="background: #1a1a2e; padding: 20px; border-radius: 8px;">
<h3 style="margin-bottom: 15px;">About Response Cache</h3>
<p style="color: #a0a0a0; line-height: 1.6;">
The response cache stores API responses to reduce redundant requests and improve performance.
When enabled, identical requests will be served from cache instead of making new API calls.
</p>
<ul style="color: #a0a0a0; line-height: 1.8; margin-top: 15px;">
<li><strong>Hit Rate:</strong> Percentage of requests served from cache</li>
<li><strong>Cache Size:</strong> Number of cached responses currently stored</li>
<li><strong>Evictions:</strong> Number of entries removed due to cache size limits</li>
</ul>
</div>
<script>
function refreshStats() {
location.reload();
}
function clearCache() {
if (!confirm('Are you sure you want to clear the entire response cache? This action cannot be undone.')) {
return;
}
fetch('{{ url_for(request, "/dashboard/response-cache/clear") }}', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
}
})
.then(response => response.json())
.then(data => {
if (data.success) {
alert('Cache cleared successfully!');
location.reload();
} else {
alert('Error clearing cache: ' + (data.error || 'Unknown error'));
}
})
.catch(error => {
alert('Error clearing cache: ' + error);
});
}
</script>
{% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment