create-walle 0.9.21 → 0.9.23

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 || {};
@@ -107,6 +108,90 @@ WE._dismissProviderIssue = function() {
   renderChatUI();
 };
 
+// --- Wall-E self-healing repair banner ---
+// Service-level banner (Wall-E daemon is down), independent of the chat view.
+// Driven by WebSocket 'walle-repair-needed' / 'walle-repair-cleared' events and
+// restored on load via GET /api/walle/repair/status.
+let _repairIncident = null;
+
+WE.onRepairEvent = function(incident) {
+  _repairIncident = incident || null;
+  WE._renderRepairBanner();
+};
+
+WE._fetchRepairStatus = function() {
+  api('/api/walle/repair/status').then(function(resp) {
+    _repairIncident = (resp && resp.incident) || null;
+    WE._renderRepairBanner();
+  }).catch(function() {});
+};
+
+WE._renderRepairBanner = function() {
+  var el = document.getElementById('walle-repair-banner');
+  if (!el) return;
+  var inc = _repairIncident;
+  if (!inc || (inc.status !== 'detected' && inc.status !== 'repairing' && inc.status !== 'failed')) {
+    el.style.display = 'none';
+    el.innerHTML = '';
+    return;
+  }
+  var repairing = inc.status === 'repairing';
+  var failed = inc.status === 'failed';
+  var title = failed ? 'Wall-E auto-repair failed'
+    : repairing ? 'Wall-E auto-repair in progress'
+    : 'Wall-E is down and could not recover';
+  var tail = inc.crashLogTail ? '<details class="we-provider-issue-details"><summary>Crash log (tail)</summary><pre>' + esc(inc.crashLogTail) + '</pre></details>' : '';
+  var actions = '';
+  if (repairing) {
+    actions = inc.repairSessionId
+      ? '<button class="walle-btn primary" onclick="WE._openRepairSession(\'' + esc(inc.repairSessionId) + '\')">Open repair session</button>'
+      : '';
+  } else {
+    actions = '<button class="walle-btn primary" onclick="WE.startRepair()">Start auto-repair</button>'
+      + '<button class="walle-btn" onclick="WE.dismissRepair()">Dismiss</button>';
+  }
+  var html = '<div class="we-provider-issue ' + (failed ? 'error' : repairing ? 'warning' : 'error') + '" role="alert">';
+  html += '<div class="we-provider-issue-main">';
+  html += '<div class="we-provider-issue-title">' + esc(title) + '</div>';
+  html += '<div class="we-provider-issue-body">' + esc(inc.reason || '') + (inc.code ? ' (' + esc(inc.code) + ')' : '') + '</div>';
+  html += tail;
+  html += '</div>';
+  html += '<div class="we-provider-issue-actions">' + actions + '</div>';
+  html += '</div>';
+  el.innerHTML = html;
+  el.style.display = 'block';
+};
+
+WE.startRepair = function() {
+  apiPost('/api/walle/repair/start', {}).then(function(resp) {
+    if (resp && resp.ok) {
+      if (typeof showToast === 'function') showToast('Auto-repair started with ' + (resp.cli || 'a coding agent'), 'var(--accent)');
+      if (resp.sessionId) WE._openRepairSession(resp.sessionId);
+    } else {
+      var msg = (resp && resp.error) === 'no_cli_available'
+        ? 'No coding CLI (claude/codex/gemini) is available to run the repair.'
+        : 'Could not start auto-repair: ' + ((resp && (resp.message || resp.error)) || 'unknown');
+      if (typeof showToast === 'function') showToast(msg, '#e03131', 6000);
+    }
+  }).catch(function(err) {
+    if (typeof showToast === 'function') showToast('Repair request failed: ' + (err.message || 'unknown'), '#e03131');
+  });
+};
+
+WE.dismissRepair = function() {
+  apiPost('/api/walle/repair/dismiss', {}).then(function() {
+    _repairIncident = null;
+    WE._renderRepairBanner();
+  }).catch(function() {});
+};
+
+WE._openRepairSession = function(id) {
+  try {
+    if (typeof navTo === 'function') navTo('sessions');
+    if (typeof activateTab === 'function') activateTab(id);
+  } catch (e) {}
+};
+
 // Render an assistant message that may begin with a `<think>...</think>`
 // chain-of-thought block (DeepSeek V4 deep-thinking, Anthropic extended
 // thinking, gemma4 native thinking). The thoughts render as a collapsible
@@ -149,6 +234,7 @@ function truncate(s, max) {
 WE.init = function() {
   try { var saved = localStorage.getItem('walle-view'); if (saved) currentView = saved; } catch(e) {}
   WE.showView(currentView);
+  WE._fetchRepairStatus();
 };
 
 WE.toggleMoreTabs = function() {
@@ -670,17 +756,18 @@ function renderQuestionsContent(pending, answered) {
   var body = document.getElementById('walle-body');
   if (!body) return;
 
+  // Digest-delivery panel (always shown). The CTM tab is the always-on surface; Slack DM
+  // and email are opt-in push channels toggled here.
+  var html = '<div id="walle-digest-settings" class="walle-digest-settings"></div>';
+
   if (pending.length === 0 && answered.length === 0) {
-    body.textContent = '';
-    var div = document.createElement('div');
-    div.className = 'walle-empty';
-    div.textContent = 'No questions yet.';
-    body.appendChild(div);
+    html += '<div class="walle-empty">No questions right now.</div>';
+    safeSetHtml(body, html);
+    WE._renderDigestSettings();
     return;
   }
 
   // All user content is sanitized through esc()
-  var html = '';
 
   if (pending.length > 0) {
     html += '<div class="walle-section-title">Pending Questions (' + esc(String(pending.length)) + ')</div>';
@@ -711,8 +798,9 @@ function renderQuestionsContent(pending, answered) {
         html += '</div>';
       } else {
         html += '<div class="walle-question-answer">';
-        html += '<input class="walle-question-input" id="walle-qa-' + qId + '" placeholder="Type your answer..." autocomplete="off">';
+        html += '<input class="walle-question-input" id="walle-qa-' + qId + '" placeholder="Type your answer..." autocomplete="off" onkeydown="if(event.key===\'Enter\'){WE._answerQuestion(\'' + qId + '\')}">';
         html += '<button class="walle-btn primary" onclick="WE._answerQuestion(\'' + qId + '\')">Answer</button>';
+        html += '<button class="walle-btn" onclick="WE._answerQuestion(\'' + qId + '\',\'dismissed\')">Dismiss</button>';
         html += '</div>';
       }
       html += '</div>';
@@ -735,8 +823,47 @@ function renderQuestionsContent(pending, answered) {
   }
 
   safeSetHtml(body, html);
+  WE._renderDigestSettings();
 }
 
+// Digest-delivery settings panel. CTM tab is always on; Slack/email are opt-in.
+WE._renderDigestSettings = function() {
+  var el = document.getElementById('walle-digest-settings');
+  if (!el) return;
+  api('/questions/digest/settings').then(function(resp) {
+    var s = (resp && resp.settings) || {};
+    var html = '<div class="walle-digest-row">'
+      + '<span class="walle-digest-label">Question delivery</span>'
+      + '<span class="walle-digest-chip on" title="Always on">CTM tab ✓</span>'
+      + '<label class="walle-digest-chip"><input type="checkbox" id="dg-slack" ' + (s.slack_enabled ? 'checked' : '') + '> Slack DM</label>'
+      + '<label class="walle-digest-chip"><input type="checkbox" id="dg-email" ' + (s.email_enabled ? 'checked' : '') + '> Email</label>'
+      + '<button class="walle-btn" onclick="WE._saveDigestSettings()">Save</button>'
+      + '</div>'
+      + '<div class="walle-digest-row walle-digest-targets">'
+      + '<input class="walle-question-input" id="dg-slack-ch" placeholder="Slack channel/DM id (e.g. D0123)" value="' + esc(s.slack_channel || '') + '">'
+      + '<input class="walle-question-input" id="dg-email-to" placeholder="Email address" value="' + esc(s.email_to || '') + '">'
+      + '</div>';
+    safeSetHtml(el, html);
+  }).catch(function() {
+    safeSetHtml(el, '');
+  });
+};
+
+WE._saveDigestSettings = function() {
+  var get = function(id) { var e = document.getElementById(id); return e; };
+  var payload = {
+    slack_enabled: !!(get('dg-slack') && get('dg-slack').checked),
+    email_enabled: !!(get('dg-email') && get('dg-email').checked),
+    slack_channel: (get('dg-slack-ch') && get('dg-slack-ch').value.trim()) || '',
+    email_to: (get('dg-email-to') && get('dg-email-to').value.trim()) || ''
+  };
+  apiPost('/questions/digest/settings', payload).then(function() {
+    if (typeof showToast === 'function') showToast('Digest delivery saved', 'var(--accent)');
+  }).catch(function(err) {
+    if (typeof showToast === 'function') showToast('Error: ' + (err.message || 'unknown'), '#f00');
+  });
+};
+
 WE._answerQuestion = function(id, directAnswer) {
   var answer = directAnswer;
   if (!answer) {
@@ -744,11 +871,16 @@ WE._answerQuestion = function(id, directAnswer) {
     if (!input || !input.value.trim()) return;
     answer = input.value.trim();
   }
+  // resolution_type must be one of brain.answerQuestion's accepted values
+  // (answered | inferred | dismissed | expired). The Dismiss button passes
+  // directAnswer='dismissed'; a typed/explicit answer resolves as 'answered'.
+  var resolutionType = directAnswer === 'dismissed' ? 'dismissed' : 'answered';
+  var isDismiss = resolutionType === 'dismissed';
   apiPost('/questions/' + id + '/answer', {
     answer: answer,
-    resolution_type: directAnswer ? 'human' : 'answered'
+    resolution_type: resolutionType
   }).then(function() {
-    if (typeof showToast === 'function') showToast('Answer submitted', 'var(--accent)');
+    if (typeof showToast === 'function') showToast(isDismiss ? 'Question dismissed' : 'Answer submitted', 'var(--accent)');
     WE.renderQuestions();
   }).catch(function(err) {
     if (typeof showToast === 'function') showToast('Error: ' + (err.message || 'unknown'), '#f00');
@@ -1927,6 +2059,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 +6597,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 +6615,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 +6758,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 +6788,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 +6928,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 +7074,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];
@@ -8829,7 +9256,7 @@ WE.renderListening = function() {
     if (!list) return;
     var recordings = (result && result.data) || [];
     if (recordings.length === 0) {
-      safeSetHtml(list, '<div class="li-empty">No recordings yet. Click "New Recording" or press Cmd+Shift+R to start.</div>');
+      safeSetHtml(list, '<div class="li-empty">No recordings yet. Click "New Recording" or press Ctrl+Shift+R to start.</div>');
       return;
     }
     var h = '';