debug(dashboard): add visible API debug panel to diagnose fetch failures in browser
Some checks failed
CI / Check (push) Has been cancelled
CI / Clippy (push) Has been cancelled
CI / Formatting (push) Has been cancelled
CI / Test (push) Has been cancelled
CI / Release Build (push) Has been cancelled

API endpoints return valid data via curl but browser JS shows 'Failed to load'.
Added verbose logging and a fixed-position debug panel to api.js that displays
the exact error type (JSON parse, API error, or network exception) on-page.
Bumped cache-bust to ?v=4.
This commit is contained in:
2026-03-02 13:39:33 -05:00
parent 1766a12ea2
commit 2212f0b736
2 changed files with 55 additions and 17 deletions

View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LLM Proxy Gateway - Admin Dashboard</title>
<link rel="stylesheet" href="/css/dashboard.css?v=3">
<link rel="stylesheet" href="/css/dashboard.css?v=4">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="icon" href="img/logo-icon.png" type="image/png" sizes="any">
<link rel="apple-touch-icon" href="img/logo-icon.png">
@@ -166,19 +166,19 @@
</div>
<!-- Scripts (cache-busted with version query params) -->
<script src="/js/api.js?v=3"></script>
<script src="/js/auth.js?v=3"></script>
<script src="/js/dashboard.js?v=3"></script>
<script src="/js/websocket.js?v=3"></script>
<script src="/js/charts.js?v=3"></script>
<script src="/js/pages/overview.js?v=3"></script>
<script src="/js/pages/analytics.js?v=3"></script>
<script src="/js/pages/costs.js?v=3"></script>
<script src="/js/pages/clients.js?v=3"></script>
<script src="/js/pages/providers.js?v=3"></script>
<script src="/js/pages/models.js?v=3"></script>
<script src="/js/pages/monitoring.js?v=3"></script>
<script src="/js/pages/settings.js?v=3"></script>
<script src="/js/pages/logs.js?v=3"></script>
<script src="/js/api.js?v=4"></script>
<script src="/js/auth.js?v=4"></script>
<script src="/js/dashboard.js?v=4"></script>
<script src="/js/websocket.js?v=4"></script>
<script src="/js/charts.js?v=4"></script>
<script src="/js/pages/overview.js?v=4"></script>
<script src="/js/pages/analytics.js?v=4"></script>
<script src="/js/pages/costs.js?v=4"></script>
<script src="/js/pages/clients.js?v=4"></script>
<script src="/js/pages/providers.js?v=4"></script>
<script src="/js/pages/models.js?v=4"></script>
<script src="/js/pages/monitoring.js?v=4"></script>
<script src="/js/pages/settings.js?v=4"></script>
<script src="/js/pages/logs.js?v=4"></script>
</body>
</html>