create-walle 0.9.21 → 0.9.22

package/template/claude-task-manager/public/js/setup.js

@@ -2508,7 +2508,7 @@ function _microsoftProbeNoteText(probe, ms) {
     return 'The Mac-side check reached CTM. If the phone still fails, refresh the phone page and check the CTM traffic list below.';
   }
   if (probe.blocked_by_tunnel_auth || probe.diagnosis === 'tunnel_auth_required') {
-    return 'The tunnel is private. This Mac-side check is stopped by Microsoft because it is not a signed-in browser session; your phone should sign in with the same Microsoft/GitHub account, then CTM will load.';
+    return 'The tunnel is private. This Mac-side check is stopped by Microsoft because it is not a signed-in browser session; your phone should sign in with the same Microsoft/GitHub account, then CTM will load. If the browser is stuck on the wrong account, use Different Account above and sign in with GitHub.';
   }
   return probe.message || 'Use Recover Now if the tunnel process should be running, then check the URL again.';
 }
@@ -2544,6 +2544,7 @@ function _renderMicrosoftDevTunnelSetup(ms, d) {
   var mobileUrl = document.getElementById('setup-ms-mobile-url');
   var inspectUrl = document.getElementById('setup-ms-inspect-url');
   var setupBtn = document.getElementById('setup-ms-setup');
+  var switchLoginBtn = document.getElementById('setup-ms-switch-login');
   var stopBtn = document.getElementById('setup-ms-stop');
   var installCommand = document.getElementById('setup-ms-install-command');
   var loginCommand = document.getElementById('setup-ms-login-command');
@@ -2620,6 +2621,12 @@ function _renderMicrosoftDevTunnelSetup(ms, d) {
       : (_microsoftSetupInFlight ? 'Working...' : (!installed ? 'Set Up' : (!signedIn ? 'Open Sign-In' : 'Start Tunnel')));
     setupBtn.title = ready ? 'Microsoft tunnel phone access is ready to use.' : '';
   }
+  if (switchLoginBtn) {
+    switchLoginBtn.style.display = installed && signedIn ? '' : 'none';
+    switchLoginBtn.disabled = _microsoftSetupInFlight;
+    switchLoginBtn.textContent = 'Use Different Account';
+    switchLoginBtn.title = 'Sign out of the current Dev Tunnels account and start GitHub device sign-in.';
+  }
   if (stopBtn) {
     stopBtn.disabled = !ready;
   }
@@ -3253,7 +3260,7 @@ async function setupMicrosoftTunnel() {
   if (err) err.style.display = 'none';
   if (btn) { btn.disabled = true; btn.textContent = 'Working...'; }
   try {
-    var d = _lastNetworkSettings || await loadNetworkSettings() || {};
+    var d = await loadNetworkSettings() || _lastNetworkSettings || {};
     var ms = d.microsoft_dev_tunnel || {};
     if (_microsoftTunnelReady(d)) {
       _setMicrosoftActionStatus('Microsoft tunnel is already ready.', 'ok');
@@ -3312,6 +3319,38 @@ async function startMicrosoftTunnelLogin(deviceCode) {
   }
 }
 
+async function switchMicrosoftTunnelLogin() {
+  var err = document.getElementById('setup-network-err');
+  var btn = document.getElementById('setup-ms-switch-login');
+  if (err) err.style.display = 'none';
+  if (btn) { btn.disabled = true; btn.textContent = 'Signing out...'; }
+  _setMicrosoftActionStatus('Signing out of the current Dev Tunnels account...', '');
+  try {
+    var logoutRes = await fetch('/api/setup/network/microsoft-dev-tunnel/logout', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: '{}',
+    });
+    var logoutData = await logoutRes.json();
+    if (!logoutRes.ok || !logoutData.ok) throw new Error(logoutData.error || 'Could not sign out of Dev Tunnels');
+    if (_lastNetworkSettings) {
+      _lastNetworkSettings.microsoft_dev_tunnel = logoutData.setup || _lastNetworkSettings.microsoft_dev_tunnel || {};
+    }
+    _renderMicrosoftDevTunnelSetup((_lastNetworkSettings || {}).microsoft_dev_tunnel || {}, _lastNetworkSettings || {});
+    _setMicrosoftActionStatus('Signed out. Starting GitHub sign-in now...', '');
+    if (btn) btn.textContent = 'Opening GitHub...';
+    var loginData = await _postMicrosoftTunnelLogin(true);
+    _renderMicrosoftProgress(loginData.progress || {});
+    _setMicrosoftActionStatus('GitHub sign-in started. Enter the displayed code on the GitHub page, then click Set Up again after it finishes.', 'ok');
+    setupToast('GitHub sign-in started');
+  } catch (e) {
+    if (err) { err.textContent = e.message; err.style.display = 'block'; }
+    _setMicrosoftActionStatus(e.message || 'Could not switch Dev Tunnels account', 'error');
+  } finally {
+    if (btn) { btn.disabled = false; btn.textContent = 'Use Different Account'; }
+  }
+}
+
 async function startMicrosoftTunnel() {
   var err = document.getElementById('setup-network-err');
   var btn = document.getElementById('setup-ms-setup');
@@ -5263,6 +5302,7 @@ SETUP.setupMicrosoftTunnel = setupMicrosoftTunnel;
 SETUP.startMicrosoftTunnel = startMicrosoftTunnel;
 SETUP.stopMicrosoftTunnel = stopMicrosoftTunnel;
 SETUP.startMicrosoftTunnelLogin = startMicrosoftTunnelLogin;
+SETUP.switchMicrosoftTunnelLogin = switchMicrosoftTunnelLogin;
 SETUP.toggleMicrosoftKeepAwake = toggleMicrosoftKeepAwake;
 SETUP.recoverMicrosoftTunnel = recoverMicrosoftTunnel;
 SETUP.probeMicrosoftTunnel = probeMicrosoftTunnel;

package/template/claude-task-manager/public/js/stream-view.js

@@ -496,6 +496,16 @@ function renderConversationEvent(evt) {
   return MR.renderConversationEvent(evt);
 }
 
+function _linkConversationDocumentReferences(container, root) {
+  if (!container || !root || !window.CTMDocLinks || typeof window.CTMDocLinks.linkifyElement !== 'function') return;
+  try {
+    const sessionId = container.dataset?.sessionId || '';
+    window.CTMDocLinks.linkifyElement(root, window.CTMDocLinks.contextForSession(sessionId));
+  } catch (e) {
+    console.warn('[stream-view] document linkification failed:', e && e.message ? e.message : e);
+  }
+}
+
 // When the new element AND the last existing child are compatible collapsible
 // operational rows (`.conv-tool-group` or `.conv-warning-group`), fold the new
 // one into the previous one's items list and bump the count + last-time.
@@ -718,6 +728,7 @@ function _appendConversationEventToTurns(container, evt, opts) {
     const turn = MR.createConversationTurn(evt, { expanded: !!opts.expandPrompt });
     _removeConversationState(container);
     container.appendChild(turn);
+    _linkConversationDocumentReferences(container, turn);
     if (typeof MR.refreshPromptTurnMeta === 'function') MR.refreshPromptTurnMeta(turn);
     return turn;
   }
@@ -730,7 +741,9 @@ function _appendConversationEventToTurns(container, evt, opts) {
   if (!body) return null;
   _removePromptTurnEmpty(body);
   if (evt.data?.parentUuid) _assignConversationParentUuid(el, evt.data.parentUuid);
-  if (!_mergeConsecutiveToolGroups(body, el)) body.appendChild(el);
+  const merged = _mergeConsecutiveToolGroups(body, el);
+  if (!merged) body.appendChild(el);
+  _linkConversationDocumentReferences(container, merged ? body : el);
   if (typeof MR.refreshPromptTurnMeta === 'function') MR.refreshPromptTurnMeta(turn);
   return el;
 }
@@ -754,6 +767,7 @@ function populateConversationView(container, events) {
     if (_mergeConsecutiveToolGroups(container, el)) continue;
     container.appendChild(el);
   }
+  _linkConversationDocumentReferences(container, container);
   if (_isPromptTurnContainer(container)) _refreshLatestPromptTurnStatus(container.dataset?.sessionId || '', container);
   container.scrollTop = container.scrollHeight;
 }
@@ -1364,6 +1378,7 @@ function _applyStreamEvent(sessionId, container, msg) {
         : renderConversationEvent(msg);
       if (newEl) {
         _assignConversationParentUuid(newEl, parentUuid);
+        _linkConversationDocumentReferences(container, newEl);
         _replaceConversationParentEvent(existing, newEl);
       } else {
         _replaceConversationParentEvent(existing, null); // Event became empty after update
@@ -1385,6 +1400,7 @@ function _applyStreamEvent(sessionId, container, msg) {
         : renderConversationEvent(msg);
       if (newEl) {
         _assignConversationParentUuid(newEl, parentUuid);
+        _linkConversationDocumentReferences(container, newEl);
         _replaceConversationParentEvent(existing, newEl);
       }
       refreshLatestPromptStatus();
@@ -1399,6 +1415,7 @@ function _applyStreamEvent(sessionId, container, msg) {
         : renderConversationEvent(msg);
       if (newEl) {
         _assignConversationParentUuid(newEl, parentUuid);
+        _linkConversationDocumentReferences(container, newEl);
         _replaceConversationParentEvent(existing, newEl);
         seen.add(parentUuid);
       }
@@ -1425,6 +1442,7 @@ function _applyStreamEvent(sessionId, container, msg) {
   } else {
     container.appendChild(el);
   }
+  _linkConversationDocumentReferences(container, container);
   // Phase 4 reconciliation: respect the global "Hide tool calls" toggle
   // for newly-streamed tool-only rows so the user's preference applies
   // immediately to live updates, not just to the next full re-render.
@@ -1711,6 +1729,7 @@ async function _loadOlder(sessionId, convView) {
 	    while (pageHost.firstChild) frag.appendChild(pageHost.firstChild);
 	    // Prepend below the bar so the bar stays at the very top.
 	    convView.insertBefore(frag, bar.nextSibling);
+    _linkConversationDocumentReferences(convView, convView);
     const newScrollHeight = convView.scrollHeight;
     convView.scrollTop = prevScrollTop + (newScrollHeight - prevScrollHeight);
     // Merge new parentUuids into the dedup set so live events for primed

package/template/claude-task-manager/public/js/walle.js

@@ -8,6 +8,7 @@ let _brainReloadTimer = null;
 let _providerStatus = null;
 let _providerPollTimer = null;
 let _cachedActiveModel = null; // { model, provider } from /api/setup/status
+let _cachedSetupStatus = null;
 let _activeProviderIssue = null;
 
 const WalleCore = window.WalleCore || {};
@@ -1927,6 +1928,7 @@ WE.renderChat = function() {
   // Fetch active model for badge (once, then cached)
   if (!_cachedActiveModel) {
     fetch('/api/setup/status').then(function(r) { return r.json(); }).then(function(d) {
+      _cachedSetupStatus = d || null;
       if (d.walle_model || d.walle_provider) {
         _cachedActiveModel = { model: d.walle_model || '', provider: d.walle_provider || '' };
         var badge = document.querySelector('.we-model-badge');
@@ -6464,22 +6466,15 @@ checkProviderStatus();
 
 var _alertsPollTimer = null;
 var _serviceAlerts = [];
+var _serviceHealth = null;
 var _updatePromptShownVersions = {};
 
 function checkServiceAlerts() {
   api('/alerts').then(function(d) {
     var alerts = d.alerts || [];
     _serviceAlerts = alerts;
-    var providerIssue = null;
-    for (var i = 0; i < alerts.length; i++) {
-      var issue = _normalizeProviderIssue(alerts[i]);
-      if (issue) providerIssue = issue;
-    }
-    if (providerIssue) {
-      _activeProviderIssue = providerIssue;
-      if (currentView === 'chat') renderChatUI();
-    }
-    renderServiceAlerts(alerts);
+    _serviceHealth = d.summary || buildClientServiceHealth(alerts);
+    renderServiceAlerts(alerts, _serviceHealth);
     maybeShowUpdateWizard(alerts);
     clearTimeout(_alertsPollTimer);
     _alertsPollTimer = setTimeout(checkServiceAlerts, 60000);
@@ -6489,6 +6484,131 @@ function checkServiceAlerts() {
   });
 }
 
+function alertCreatedAtMs(alert) {
+  var t = Date.parse(alert && alert.created_at || '');
+  return Number.isFinite(t) ? t : 0;
+}
+
+function serviceAlertSkillName(alert) {
+  if (!alert) return '';
+  if (alert.skill) return String(alert.skill);
+  var service = String(alert.service || '');
+  if (service && service !== 'ai_provider' && service !== 'system') return service;
+  var msg = String(alert.message || '');
+  var quoted = msg.match(/Skill\s+"([^"]+)"/i);
+  if (quoted) return quoted[1];
+  var named = msg.match(/Skill\s+([A-Za-z0-9_.-]+)/i);
+  return named ? named[1] : '';
+}
+
+function serviceAlertProviderIssueType(issue) {
+  return String(issue && issue.type || '').toLowerCase();
+}
+
+function serviceAlertIsStickyProviderIssue(issue) {
+  var text = [
+    serviceAlertProviderIssueType(issue),
+    issue && issue.title,
+    issue && issue.message,
+  ].filter(Boolean).join(' ').toLowerCase();
+  return /auth|quota|billing|credit|insufficient|invalid|forbidden|unauthorized|permission/.test(text);
+}
+
+function serviceAlertMatchesActiveProvider(issue) {
+  if (!issue) return false;
+  var active = _cachedActiveModel || {};
+  var activeProvider = String(active.provider || '').toLowerCase();
+  var activeModel = String(active.model || '').toLowerCase();
+  var provider = String(issue.provider || '').toLowerCase();
+  var model = String(issue.model || '').toLowerCase();
+  if (activeProvider && provider && activeProvider === provider) return true;
+  if (activeModel && model && activeModel === model) return true;
+  return !activeProvider && !activeModel;
+}
+
+function serviceAlertIsCurrentProviderIssue(issue) {
+  if (!serviceAlertMatchesActiveProvider(issue)) return false;
+  if (serviceAlertIsStickyProviderIssue(issue)) return true;
+  var created = Date.parse(issue.createdAt || issue.created_at || '');
+  if (!Number.isFinite(created)) return true;
+  return Date.now() - created <= 6 * 60 * 60 * 1000;
+}
+
+function publicServiceAlert(alert) {
+  return {
+    id: alert.id || '',
+    service: alert.service || '',
+    type: alert.type || '',
+    title: alert.title || '',
+    message: alert.message || '',
+    severity: alert.severity || '',
+    action: alert.action || '',
+    action_label: alert.action_label || '',
+    action_url: alert.action_url || '',
+    created_at: alert.created_at || '',
+    skill: serviceAlertSkillName(alert),
+  };
+}
+
+function summarizeProviderIssueForHealth(issue) {
+  return {
+    id: issue.id || '',
+    type: issue.type || '',
+    severity: issue.severity || 'error',
+    title: issue.title || 'AI provider issue',
+    message: issue.message || '',
+    provider: issue.provider || '',
+    model: issue.model || '',
+    status: issue.status || '',
+    action_url: issue.actionUrl || issue.action_url || '/setup.html',
+    action_label: issue.actionLabel || issue.action_label || 'Open Setup',
+    created_at: issue.createdAt || issue.created_at || '',
+  };
+}
+
+function buildClientServiceHealth(alerts) {
+  alerts = Array.isArray(alerts) ? alerts : [];
+  var providerIssues = alerts.map(_normalizeProviderIssue).filter(Boolean).sort(function(a, b) {
+    return Date.parse(b.createdAt || b.created_at || '') - Date.parse(a.createdAt || a.created_at || '');
+  });
+  var currentIssue = null;
+  for (var i = 0; i < providerIssues.length; i++) {
+    if (serviceAlertIsCurrentProviderIssue(providerIssues[i])) {
+      currentIssue = providerIssues[i];
+      break;
+    }
+  }
+  var disabled = alerts.filter(function(a) { return String(a && a.type || '').toLowerCase() === 'skill_disabled'; }).map(publicServiceAlert);
+  var integrations = alerts.filter(function(a) {
+    return !_normalizeProviderIssue(a) && String(a && a.type || '').toLowerCase() !== 'skill_disabled' && isSessionsIntegrationAlert(a);
+  }).map(publicServiceAlert);
+  var systems = alerts.filter(function(a) {
+    return !_normalizeProviderIssue(a) && String(a && a.type || '').toLowerCase() !== 'skill_disabled' && !isSessionsIntegrationAlert(a);
+  }).map(publicServiceAlert);
+  var history = providerIssues.filter(function(issue) {
+    return !currentIssue || issue.id !== currentIssue.id;
+  }).map(summarizeProviderIssueForHealth);
+  var level = currentIssue ? (currentIssue.severity === 'warning' ? 'warning' : 'error') : ((disabled.length || integrations.length) ? 'warning' : ((history.length || systems.length) ? 'info' : 'ok'));
+  return {
+    level: level,
+    title: currentIssue ? currentIssue.title : (level === 'ok' ? 'Wall-E services healthy' : (level === 'info' ? 'Older service history' : 'Background services need review')),
+    message: currentIssue ? currentIssue.message : (level === 'ok' ? 'No current service blocker.' : 'Review provider history, disabled skills, or integrations below.'),
+    current_issue: currentIssue ? summarizeProviderIssueForHealth(currentIssue) : null,
+    disabled_skills: disabled,
+    integration_alerts: integrations,
+    provider_history: history,
+    system_alerts: systems,
+    counts: {
+      total: alerts.length,
+      current: currentIssue ? 1 : 0,
+      disabled_skills: disabled.length,
+      integration: integrations.length,
+      provider_history: history.length,
+      system: systems.length,
+    },
+  };
+}
+
 function serviceAlertPresentation(alert) {
   var providerIssue = _normalizeProviderIssue(alert);
   var kind = providerIssue ? 'provider' : (alert.type === 'auth_expired' ? 'error' : alert.type === 'update_available' ? 'info' : 'warning');
@@ -6507,7 +6627,14 @@ function safeServiceAlertId(alert) {
 function serviceAlertActionHtml(alert, safeId) {
   var actionBtn = '';
   var actionLabel = esc(alert.action_label || 'Fix');
-  if (alert.action === 'repair_slack_owner') {
+  var providerIssue = _normalizeProviderIssue(alert);
+  if (providerIssue) {
+    actionBtn = ' <button class="we-service-alert-action" type="button" onclick="WE._testProviderFromAlert(\'' + safeId + '\')">Test</button>'
+      + ' <button class="we-service-alert-action" type="button" onclick="navTo(\'setup\')">Setup</button>';
+  } else if (String(alert.type || '').toLowerCase() === 'skill_disabled') {
+    actionBtn = ' <button class="we-service-alert-action" type="button" onclick="WE._reviewSkillAlert(\'' + safeId + '\')">Review</button>'
+      + ' <button class="we-service-alert-action" type="button" onclick="WE._enableSkillFromAlert(\'' + safeId + '\')">Re-enable</button>';
+  } else if (alert.action === 'repair_slack_owner') {
     var actionName = esc(alert.action || 'custom').replace(/'/g, '&#39;');
     actionBtn = ' <button class="we-service-alert-action" type="button" onclick="WE._runAlertAction(\'' + safeId + '\', \'' + actionName + '\')">' + actionLabel + '</button>';
   } else if (alert.action === 'gws_reauth') {
@@ -6530,6 +6657,96 @@ function serviceAlertItemHtml(alert) {
     + dismissBtn + '</div>';
 }
 
+function serviceAlertById(alertId) {
+  for (var i = 0; i < _serviceAlerts.length; i++) {
+    if (String(_serviceAlerts[i].id) === String(alertId)) return _serviceAlerts[i];
+  }
+  return null;
+}
+
+function serviceAlertSummaryMeta(health) {
+  var counts = (health && health.counts) || {};
+  var parts = [];
+  if (health && health.current_issue) parts.push('current blocker');
+  if (counts.disabled_skills) parts.push(counts.disabled_skills + ' disabled skill' + (counts.disabled_skills === 1 ? '' : 's'));
+  if (counts.integration) parts.push(counts.integration + ' integration');
+  if (counts.provider_history) parts.push(counts.provider_history + ' older provider');
+  if (counts.system) parts.push(counts.system + ' system');
+  return parts.length ? parts.join(' · ') : 'No alerts';
+}
+
+function serviceAlertDisplayTime(value) {
+  var t = Date.parse(value || '');
+  if (!Number.isFinite(t)) return '';
+  try {
+    return new Intl.DateTimeFormat(undefined, { month: 'short', day: 'numeric', hour: 'numeric', minute: '2-digit' }).format(new Date(t));
+  } catch {
+    return new Date(t).toLocaleString();
+  }
+}
+
+function renderHealthIssue(issue) {
+  if (!issue) return '';
+  var safeId = esc(issue.id || '').replace(/'/g, '&#39;');
+  var provider = [issue.provider, issue.model].filter(Boolean).join(' / ');
+  var when = serviceAlertDisplayTime(issue.created_at);
+  return '<div class="we-health-current">'
+    + '<div class="we-health-current-copy">'
+    + '<div class="we-health-current-title">' + esc(issue.title || 'Current provider issue') + '</div>'
+    + '<div class="we-health-current-body">' + esc(issue.message || '') + '</div>'
+    + '<div class="we-health-current-meta">' + esc([provider, when].filter(Boolean).join(' · ')) + '</div>'
+    + '</div>'
+    + '<div class="we-health-current-actions">'
+    + '<button class="walle-btn primary" type="button" onclick="WE._testProviderFromAlert(\'' + safeId + '\')">Test provider</button>'
+    + '<button class="walle-btn" type="button" onclick="navTo(\'setup\')">Open Setup</button>'
+    + '<button class="we-service-alert-dismiss" type="button" onclick="WE._dismissAlert(\'' + safeId + '\')" title="Dismiss">&times;</button>'
+    + '</div>'
+    + '</div>';
+}
+
+function renderHealthGroup(title, alerts, opts) {
+  opts = opts || {};
+  if (!alerts || !alerts.length) return '';
+  var open = opts.open ? ' open' : '';
+  var rows = alerts.map(function(alert) {
+    var source = serviceAlertById(alert.id) || alert;
+    return serviceAlertItemHtml(source);
+  }).join('');
+  return '<details class="we-health-group"' + open + '>'
+    + '<summary><span>' + esc(title) + '</span><strong>' + alerts.length + '</strong></summary>'
+    + '<div class="we-health-group-body">' + rows + '</div>'
+    + '</details>';
+}
+
+function renderServiceHealthPanel(alerts, health) {
+  health = health || buildClientServiceHealth(alerts);
+  if ((!alerts || !alerts.length) && (!health || health.level === 'ok')) return '';
+  var level = health.level || 'info';
+  var html = '<div id="walle-service-alerts" class="we-service-alerts we-health-card ' + esc(level) + '">';
+  html += '<div class="we-health-header">';
+  html += '<div class="we-health-status-dot" aria-hidden="true"></div>';
+  html += '<div class="we-health-title-block"><div class="we-service-alerts-title">Service Health</div>'
+    + '<div class="we-health-title">' + esc(health.title || 'Wall-E services') + '</div>'
+    + '<div class="we-health-message">' + esc(health.message || '') + '</div></div>';
+  html += '<div class="we-health-meta">' + esc(serviceAlertSummaryMeta(health)) + '</div>';
+  html += '</div>';
+  if (health.current_issue) html += renderHealthIssue(health.current_issue);
+  if (health.integration_alerts && health.integration_alerts.length) {
+    html += renderHealthGroup('Integrations', health.integration_alerts, { open: !health.current_issue });
+  }
+  if (health.disabled_skills && health.disabled_skills.length) {
+    html += renderHealthGroup('Disabled background skills', health.disabled_skills, { open: !health.current_issue && !(health.integration_alerts || []).length });
+  }
+  if (health.provider_history && health.provider_history.length) {
+    html += renderHealthGroup('Older provider history', health.provider_history, { open: false });
+  }
+  if (health.system_alerts && health.system_alerts.length) {
+    html += renderHealthGroup('System alerts', health.system_alerts, { open: !health.current_issue && !(health.integration_alerts || []).length && !(health.disabled_skills || []).length });
+  }
+  html += '</div>';
+  return html;
+}
+
 function serviceAlertSearchText(alert) {
   return [
     alert && alert.id,
@@ -6580,18 +6797,14 @@ function renderStandupServiceAlerts(alerts) {
     + integrationAlerts.map(serviceAlertItemHtml).join('');
 }
 
-function renderServiceAlerts(alerts) {
+function renderServiceAlerts(alerts, health) {
   var existing = document.getElementById('walle-service-alerts');
   renderStandupServiceAlerts(alerts);
-  if (!alerts || alerts.length === 0) {
+  var html = renderServiceHealthPanel(alerts, health);
+  if (!html) {
     if (existing) existing.remove();
     return;
   }
-  var items = alerts.map(serviceAlertItemHtml).join('');
-
-  var html = '<div id="walle-service-alerts" class="we-service-alerts">'
-    + '<div class="we-service-alerts-title">Service Alerts</div>' + items + '</div>';
-
   if (existing) {
     existing.outerHTML = html;
   } else {
@@ -6730,6 +6943,89 @@ WE._runAlertAction = function(alertId, actionName) {
   });
 };
 
+function providerForAlert(alert) {
+  var issue = _normalizeProviderIssue(alert) || alert || {};
+  return String(issue.provider || (_cachedActiveModel && _cachedActiveModel.provider) || '').trim();
+}
+
+function providerLabelForTest(provider) {
+  if (!provider) return 'provider';
+  if (provider === 'deepseek') return 'DeepSeek';
+  if (provider === 'openai') return 'OpenAI';
+  if (provider === 'moonshot') return 'Moonshot / Kimi';
+  return provider.charAt(0).toUpperCase() + provider.slice(1);
+}
+
+function testSetupProvider(provider, alertId) {
+  provider = String(provider || '').trim();
+  if (!provider) {
+    if (typeof showToast === 'function') showToast('No active provider to test', 'var(--yellow, #e0af68)', 2600);
+    return;
+  }
+  var params = new URLSearchParams({ provider: provider });
+  if (_cachedSetupStatus && _cachedSetupStatus.auth_method) params.set('auth_method', _cachedSetupStatus.auth_method);
+  if (typeof showToast === 'function') showToast('Testing ' + providerLabelForTest(provider) + '...', 'var(--accent)', 1600);
+  fetch('/api/setup/test-key?' + params.toString(), { cache: 'no-store' })
+    .then(function(r) { return r.json().then(function(d) { return { ok: r.ok, data: d }; }); })
+    .then(function(result) {
+      var data = result.data || {};
+      if (result.ok && data.ok) {
+        if (typeof showToast === 'function') showToast(providerLabelForTest(provider) + ' is reachable', 'var(--green, #9ece6a)', 2600);
+        if (alertId) WE._dismissAlert(alertId);
+        else checkServiceAlerts();
+        return;
+      }
+      var msg = data.error || 'Provider test failed';
+      if (typeof showToast === 'function') showToast(msg, 'var(--red, #f7768e)', 4200);
+    })
+    .catch(function(err) {
+      if (typeof showToast === 'function') showToast(err.message || 'Provider test failed', 'var(--red, #f7768e)', 4200);
+    });
+}
+
+WE._testProviderFromAlert = function(alertId) {
+  var alert = serviceAlertById(alertId);
+  if (!alert && _serviceHealth && _serviceHealth.current_issue && String(_serviceHealth.current_issue.id) === String(alertId)) {
+    alert = _serviceHealth.current_issue;
+  }
+  testSetupProvider(providerForAlert(alert), alertId);
+};
+
+WE._reviewSkillAlert = function(alertId) {
+  var alert = serviceAlertById(alertId);
+  var name = serviceAlertSkillName(alert);
+  _skillsFilter.search = name || '';
+  _skillsFilter.status = 'All';
+  _skillsFilter.category = 'All';
+  WE.showView('skills');
+};
+
+WE._enableSkillFromAlert = function(alertId) {
+  var alert = serviceAlertById(alertId);
+  var name = serviceAlertSkillName(alert);
+  if (!name) {
+    if (typeof showToast === 'function') showToast('Could not identify the disabled skill', 'var(--red, #f7768e)', 3000);
+    return;
+  }
+  api('/skills?enabled=0').then(function(resp) {
+    var skills = resp.data || [];
+    var match = null;
+    for (var i = 0; i < skills.length; i++) {
+      if (String(skills[i].name || '').toLowerCase() === name.toLowerCase()) {
+        match = skills[i];
+        break;
+      }
+    }
+    if (!match) throw new Error('Skill is not disabled or was not found: ' + name);
+    return apiPut('/skills/' + encodeURIComponent(match.id), { enabled: 1 });
+  }).then(function() {
+    if (typeof showToast === 'function') showToast('Re-enabled ' + name, 'var(--green, #9ece6a)', 2600);
+    WE._dismissAlert(alertId);
+  }).catch(function(err) {
+    if (typeof showToast === 'function') showToast(err.message || 'Could not re-enable skill', 'var(--red, #f7768e)', 4200);
+  });
+};
+
 function findServiceAlert(alertId) {
   for (var i = 0; i < _serviceAlerts.length; i++) {
     if (String(_serviceAlerts[i].id) === String(alertId)) return _serviceAlerts[i];