@@ -2246,9 +2293,12 @@ async def index():
let codeEditor = null; // CodeMirror instance for the code block
let secretsModal = null, wizModal = null, termModal = null;
let catalogModal = null, catalogEntries = [];
-let filesModal = null, ttModal = null;
+let filesModal = null, ttModal = null, tlModal = null;
let filesRoot = 'tools', filesPath = '', filesRoots = ['tools', 'files', 'repos'];
let ttTools = [], ttSelected = null; // tool tester: /v1/tools entries + selected name
+let tlTools = [], tlStatus = {}; // tools list: /v1/tools entries + provider status
+let _providerStatus = {}; // name → {status, error} from /api/provider-status
+let _statusPollTimer = null; // setInterval handle; cleared once all providers settle
let webTerminalEnabled = false;
let term = null, termFit = null, termSock = null; // xterm.js terminal state
let wzType = null; // 'code' | 'package' | 'repository' | 'remote' | 'rest'
@@ -2287,6 +2337,7 @@ async def index():
termModal = new bootstrap.Modal('#terminal-modal');
filesModal = new bootstrap.Modal('#files-modal');
ttModal = new bootstrap.Modal('#tooltest-modal');
+ tlModal = new bootstrap.Modal('#toolslist-modal');
document.getElementById('terminal-modal').addEventListener('hidden.bs.modal', closeTerminal);
document.getElementById('files-list').addEventListener('click', filesListClick);
document.getElementById('tt-list').addEventListener('click', ttListClick);
@@ -2298,6 +2349,8 @@ async def index():
loadConfig();
pollPendingAuth();
setInterval(pollPendingAuth, 5000);
+ pollProviderStatus();
+ _statusPollTimer = setInterval(pollProviderStatus, 4000);
loadList();
});
@@ -2329,6 +2382,60 @@ async def index():
banner.style.display = '';
}
+// ─────────────────────────────────────────────────────────────────────────────
+// Provider status polling (background startup badges)
+// ─────────────────────────────────────────────────────────────────────────────
+
+async function pollProviderStatus() {
+ try {
+ const r = await api('GET', '/api/provider-status');
+ _providerStatus = r.providers || {};
+ } catch { return; }
+ // Remove ⏳ badges the moment a provider flips to READY, however long it took.
+ updateStatusBadges();
+ // Stop polling once every provider has settled (ready or failed — no pending).
+ // Providers never go back to pending without a server restart, so no future
+ // ticks would change anything.
+ const hasPending = Object.values(_providerStatus).some(s => s.status === 'pending');
+ if (!hasPending && _statusPollTimer !== null) {
+ clearInterval(_statusPollTimer);
+ _statusPollTimer = null;
+ }
+}
+
+function updateStatusBadges() {
+ document.querySelectorAll('.provider-item[data-name]').forEach(el => {
+ const name = el.dataset.name;
+ const st = _providerStatus[name];
+ let badge = el.querySelector('.status-init-badge');
+ // Provider is READY (or not tracked): remove any existing status badge.
+ if (!st || st.status === 'ready') {
+ if (badge) badge.remove();
+ return;
+ }
+ if (!badge) {
+ badge = document.createElement('span');
+ badge.className = 'status-init-badge';
+ let row = el.querySelector('.alert-row');
+ if (!row) {
+ row = document.createElement('div');
+ row.className = 'd-flex gap-1 flex-wrap mt-1 alert-row';
+ el.querySelector('div').appendChild(row);
+ }
+ row.prepend(badge);
+ }
+ if (st.status === 'pending') {
+ badge.className = 'status-init-badge badge-status-pending';
+ badge.title = 'Provider is still initializing — tools will be available shortly';
+ badge.textContent = '⏳ initializing';
+ } else if (st.status === 'failed') {
+ badge.className = 'status-init-badge badge-status-failed';
+ badge.title = st.error || 'Setup failed';
+ badge.textContent = '✗ setup failed';
+ }
+ });
+}
+
// ─────────────────────────────────────────────────────────────────────────────
// API
// ─────────────────────────────────────────────────────────────────────────────
@@ -2358,7 +2465,11 @@ async def index():
// ─────────────────────────────────────────────────────────────────────────────
async function loadList() {
try {
- const providers = await api('GET', '/api/tools');
+ const [providers, statusRes] = await Promise.all([
+ api('GET', '/api/tools'),
+ api('GET', '/api/provider-status').catch(() => ({providers: {}})),
+ ]);
+ _providerStatus = statusRes.providers || {};
const el = document.getElementById('provider-list');
if (!providers.length) {
el.innerHTML = '
No providers yet — click + New Provider.
';
@@ -2384,8 +2495,13 @@ async def index():
const oauthBadge = (p.oauth && !p.oauth.has_refresh_token)
? `
🔐 authorize`
: '';
- const alertRow = (warnBadge || errBadge || oauthBadge)
- ? `
${warnBadge}${errBadge}${oauthBadge}
`
+ const st = _providerStatus[p.name];
+ const statusBadge = !st || st.status === 'ready' ? ''
+ : st.status === 'pending'
+ ? `
⏳ initializing`
+ : `
✗ setup failed`;
+ const alertRow = (warnBadge || errBadge || oauthBadge || statusBadge)
+ ? `
${statusBadge}${warnBadge}${errBadge}${oauthBadge}
`
: '';
const isRepo = p.is_repository || p.provider_type === 'repository';
const isPkg = p.is_package && !isRepo;
@@ -2394,7 +2510,7 @@ async def index():
if (isRepo) { badgeClass = 'badge-repo'; badgeText = 'repo'; }
else if (isPkg) { badgeClass = 'badge-pkg'; badgeText = 'pkg'; }
return `
-
+
${p.name}
@@ -4563,6 +4679,62 @@ async def index():
if (!(res.content || []).length) body.innerHTML = '(empty result)';
}
+// ─────────────────────────────────────────────────────────────────────────────
+// Registered tools list (read-only view grouped by provider)
+// ─────────────────────────────────────────────────────────────────────────────
+async function openToolsList() {
+ tlModal.show();
+ document.getElementById('tl-list').innerHTML = 'Loading…
';
+ try {
+ const [r, sr] = await Promise.all([
+ api('GET', '/v1/tools'),
+ api('GET', '/api/provider-status').catch(() => ({providers: {}})),
+ ]);
+ tlTools = r.tools || [];
+ tlStatus = sr.providers || {};
+ } catch (e) { toast(e.message, false); tlTools = []; tlStatus = {}; }
+ tlRenderList();
+}
+
+function tlRenderList() {
+ const q = (document.getElementById('tl-search').value || '').toLowerCase();
+ const listEl = document.getElementById('tl-list');
+ if (!tlTools.length) {
+ listEl.innerHTML = 'No tools registered.
Tools appear here after the server starts and providers finish initializing.
';
+ return;
+ }
+ const tools = tlTools.filter(t =>
+ t.function.name.toLowerCase().includes(q) ||
+ (t.function.description || '').toLowerCase().includes(q)
+ );
+ if (!tools.length) { listEl.innerHTML = 'No tools match the filter.
'; return; }
+ const groups = {};
+ for (const t of tools) {
+ const prov = t.function.name.includes('__') ? t.function.name.split('__')[0] : '(other)';
+ (groups[prov] = groups[prov] || []).push(t);
+ }
+ let out = '';
+ for (const prov of Object.keys(groups).sort()) {
+ const st = tlStatus[prov] || {};
+ const statusBadge = st.status === 'pending'
+ ? `⏳ initializing`
+ : st.status === 'failed'
+ ? `✗ failed`
+ : `✓ ready`;
+ const countBadge = `${groups[prov].length}`;
+ out += `${esc(prov)}${statusBadge}${countBadge}
`;
+ out += groups[prov].map(t => {
+ const short = t.function.name.includes('__') ? t.function.name.split('__').slice(1).join('__') : t.function.name;
+ const desc = t.function.description || '';
+ return `
+ ${esc(short)}
+ ${desc ? `${esc(desc)}` : ''}
+
`;
+ }).join('');
+ }
+ listEl.innerHTML = out;
+}
+
// ─────────────────────────────────────────────────────────────────────────────
// Helpers
// ─────────────────────────────────────────────────────────────────────────────
diff --git a/tests/test_frontend.py b/tests/test_frontend.py
index 8f41a2f..1a4f143 100644
--- a/tests/test_frontend.py
+++ b/tests/test_frontend.py
@@ -1879,3 +1879,89 @@ def test_html_contains_oauth_ui(self, client):
html = client.get("/").text
assert "oauth-bootstrap-btn" in html
assert "/api/oauth-bootstrap" in html
+
+
+# ---------------------------------------------------------------------------
+# GET /api/provider-status
+# ---------------------------------------------------------------------------
+
+class TestProviderStatus:
+ def test_empty_when_no_states_registered(self, client):
+ import provider_status
+ provider_status.clear()
+ r = client.get("/api/provider-status")
+ assert r.status_code == 200
+ data = r.json()
+ assert data["ok"] is True
+ assert data["providers"] == {}
+
+ def test_pending_state(self, client):
+ import provider_status
+ provider_status.clear()
+ provider_status.set_state(provider_status.ProviderState(name="myprov", status=provider_status.PENDING))
+ r = client.get("/api/provider-status")
+ assert r.status_code == 200
+ entry = r.json()["providers"]["myprov"]
+ assert entry["status"] == "pending"
+ assert entry["error"] is None
+ provider_status.clear()
+
+ def test_ready_state(self, client):
+ import provider_status
+ provider_status.clear()
+ provider_status.set_state(provider_status.ProviderState(name="myprov", status=provider_status.READY))
+ r = client.get("/api/provider-status")
+ entry = r.json()["providers"]["myprov"]
+ assert entry["status"] == "ready"
+ assert entry["error"] is None
+ provider_status.clear()
+
+ def test_failed_state_includes_error(self, client):
+ import provider_status
+ provider_status.clear()
+ provider_status.set_state(provider_status.ProviderState(
+ name="myprov", status=provider_status.FAILED, error="pip install returned exit code 1"
+ ))
+ r = client.get("/api/provider-status")
+ entry = r.json()["providers"]["myprov"]
+ assert entry["status"] == "failed"
+ assert entry["error"] == "pip install returned exit code 1"
+ provider_status.clear()
+
+ def test_multiple_providers(self, client):
+ import provider_status
+ provider_status.clear()
+ provider_status.set_state(provider_status.ProviderState(name="a", status=provider_status.READY))
+ provider_status.set_state(provider_status.ProviderState(name="b", status=provider_status.PENDING))
+ provider_status.set_state(provider_status.ProviderState(
+ name="c", status=provider_status.FAILED, error="oops"
+ ))
+ data = client.get("/api/provider-status").json()
+ assert data["providers"]["a"]["status"] == "ready"
+ assert data["providers"]["b"]["status"] == "pending"
+ assert data["providers"]["c"]["status"] == "failed"
+ assert data["providers"]["c"]["error"] == "oops"
+ provider_status.clear()
+
+
+# ---------------------------------------------------------------------------
+# UI smoke tests for new status + tools list features
+# ---------------------------------------------------------------------------
+
+class TestProviderStatusAndToolsListUI:
+ def test_index_contains_tools_list_ui(self, client):
+ html = client.get("/").text
+ for needle in ("toolslist-modal", "openToolsList()", "tl-list", "tl-search", "tlRenderList"):
+ assert needle in html, needle
+
+ def test_index_contains_provider_status_polling(self, client):
+ html = client.get("/").text
+ assert "pollProviderStatus" in html
+ assert "/api/provider-status" in html
+ assert "updateStatusBadges" in html
+
+ def test_index_contains_status_badge_classes(self, client):
+ html = client.get("/").text
+ assert "badge-status-pending" in html
+ assert "badge-status-ready" in html
+ assert "badge-status-failed" in html