create-walle 0.9.13 → 0.9.15

package/template/claude-task-manager/public/js/terminal-restore-state.js

@@ -0,0 +1,57 @@
+'use strict';
+
+(function initTerminalRestoreState(root, factory) {
+  if (typeof module === 'object' && module.exports) {
+    module.exports = factory();
+  } else {
+    root.TerminalRestoreState = factory();
+  }
+})(typeof globalThis !== 'undefined' ? globalThis : this, function buildTerminalRestoreState() {
+  const STATES = Object.freeze({
+    INACTIVE: 'inactive',
+    ACTIVATING: 'activating',
+    RESTORE_SAVED: 'restore_saved',
+    RESTORE_SNAPSHOT: 'restore_snapshot',
+    WAIT_FRESH_SNAPSHOT: 'wait_fresh_snapshot',
+    ATTACHING: 'attaching',
+    SNAPSHOT_REQUESTED: 'snapshot_requested',
+  });
+
+  function shouldShowInitialOverlay({ hasTerminal, canRestoreExitedText, hasCachedSnapshot, shouldRestoreSavedText }) {
+    return Boolean(hasTerminal && !canRestoreExitedText && !hasCachedSnapshot && !shouldRestoreSavedText);
+  }
+
+  function activationRestoreDecision({
+    canRestoreExitedText,
+    shouldRestoreSavedText,
+    hasCachedSnapshot,
+    cachedSnapshotDimsMatch,
+  } = {}) {
+    if (canRestoreExitedText) {
+      return { state: STATES.RESTORE_SAVED, action: 'restore-saved-scrollback', reason: 'exited-saved-scrollback' };
+    }
+    if (shouldRestoreSavedText) {
+      return { state: STATES.RESTORE_SAVED, action: 'restore-saved-scrollback', reason: 'snapshot-shorter-than-saved' };
+    }
+    if (hasCachedSnapshot && cachedSnapshotDimsMatch) {
+      return { state: STATES.RESTORE_SNAPSHOT, action: 'restore-cached-snapshot', reason: 'cached-dims-match' };
+    }
+    if (hasCachedSnapshot && !cachedSnapshotDimsMatch) {
+      return { state: STATES.WAIT_FRESH_SNAPSHOT, action: 'show-loading-overlay', reason: 'cached-dims-mismatch' };
+    }
+    return { state: STATES.WAIT_FRESH_SNAPSHOT, action: 'wait-fresh-snapshot', reason: 'no-local-restore' };
+  }
+
+  function activationRequestDecision({ needsAttach } = {}) {
+    return needsAttach
+      ? { state: STATES.ATTACHING, messageType: 'attach', clearStaleQueue: true, reason: 'needs-attach' }
+      : { state: STATES.SNAPSHOT_REQUESTED, messageType: 'snapshot', clearStaleQueue: true, reason: 'refresh-snapshot' };
+  }
+
+  return {
+    STATES,
+    shouldShowInitialOverlay,
+    activationRestoreDecision,
+    activationRequestDecision,
+  };
+});

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

@@ -7,9 +7,18 @@ window.WalleSession = (function() {
   'use strict';
 
   // ---------- state helper ----------
+  function initialModelFromSession(s) {
+    var meta = (s && s.meta) || {};
+    return {
+      model: meta.model_registry_id || meta.modelRegistryId || meta.model_id || '',
+      provider: meta.model_provider ? providerLabel(meta.model_provider) : '',
+    };
+  }
+
   function getState(id) {
     var s = state.sessions.get(id);
     if (!s) return null;
+    var initialModel = initialModelFromSession(s);
     if (!s.walleState) {
       s.walleState = {
         messages: [],
@@ -17,16 +26,28 @@ window.WalleSession = (function() {
         totalCost: 0,
         totalTokens: 0,
         messageCount: 0,
-        selectedModel: '',
+        selectedModel: initialModel.model,
         selectedModelLabel: '',
-        selectedModelProvider: '',
-        _currentAssistant: null
+        selectedModelProvider: initialModel.provider,
+        _currentAssistant: null,
+        _modelHydrated: true,
+        _modelManual: false,
+        promptNavIdx: -1
       };
+    } else if (!s.walleState._modelHydrated) {
+      s.walleState.selectedModel = s.walleState.selectedModel || initialModel.model;
+      s.walleState.selectedModelProvider = s.walleState.selectedModelProvider || initialModel.provider;
+      s.walleState._modelHydrated = true;
+    } else if (initialModel.model && !s.walleState.selectedModel && !s.walleState._modelManual) {
+      s.walleState.selectedModel = initialModel.model;
+      s.walleState.selectedModelProvider = s.walleState.selectedModelProvider || initialModel.provider;
     }
+    if (typeof s.walleState.promptNavIdx !== 'number') s.walleState.promptNavIdx = -1;
     return s.walleState;
   }
 
   var _walleModelRegistryCache = null;
+  var _walleModelRegistryLoaded = false;
   var _walleModelRegistryPromise = null;
   var _walleModelPicker = null;
 
@@ -163,17 +184,31 @@ window.WalleSession = (function() {
     var toolbarModelBtn = createModelPickerButton(id, 'toolbar');
     toolbar.appendChild(toolbarModelBtn);
 
-    // Message count badge (like prompt nav badge)
+    // Prompt navigation for user messages (shares terminal prompt-nav styling)
     var msgNav = document.createElement('div');
-    msgNav.className = 'prompt-nav';
+    msgNav.className = 'prompt-nav walle-prompt-nav';
+    msgNav.id = 'walle-prompt-nav-' + id;
     msgNav.style.position = 'relative';
+    var prevBtn = document.createElement('button');
+    prevBtn.className = 'prompt-nav-btn';
+    prevBtn.dataset.dir = 'prev';
+    prevBtn.title = 'Previous prompt (Alt+\u2191)';
+    prevBtn.innerHTML = '▲';
+    prevBtn.onclick = function() { promptNavGo(id, -1); };
+    msgNav.appendChild(prevBtn);
     var msgBadge = document.createElement('span');
     msgBadge.className = 'prompt-nav-badge';
     msgBadge.id = 'walle-msg-badge-' + id;
-    msgBadge.title = 'Message count';
-    var ws0 = getState(id);
-    msgBadge.textContent = '\u26A0 ' + (ws0 ? ws0.messageCount : 0) + ' messages';
+    msgBadge.title = 'Click to see all prompts';
+    msgBadge.onclick = function() { promptNavToggleList(id); };
     msgNav.appendChild(msgBadge);
+    var nextBtn = document.createElement('button');
+    nextBtn.className = 'prompt-nav-btn';
+    nextBtn.dataset.dir = 'next';
+    nextBtn.title = 'Next prompt (Alt+\u2193)';
+    nextBtn.innerHTML = '▼';
+    nextBtn.onclick = function() { promptNavGo(id, 1); };
+    msgNav.appendChild(nextBtn);
     toolbar.appendChild(msgNav);
 
     // Review action button (rightmost)
@@ -260,6 +295,8 @@ window.WalleSession = (function() {
     for (var i = 0; i < ws.messages.length; i++) {
       renderMessage(messagesArea, ws.messages[i]);
     }
+    syncPromptMessageDomIndices(id);
+    updatePromptNav(id);
     scrollToBottom(messagesArea);
 
     loadWalleModels().then(function() { syncWalleModelButtons(id); }).catch(function() {});
@@ -269,6 +306,7 @@ window.WalleSession = (function() {
   function renderMessage(container, msg) {
     var el = document.createElement('div');
     el.className = 'walle-msg';
+    el.dataset.walleRole = msg.role || '';
 
     var avatar = document.createElement('div');
     avatar.className = 'walle-msg-avatar ' + (msg.role === 'user' ? 'user' : 'assistant');
@@ -464,6 +502,7 @@ window.WalleSession = (function() {
 
     var ws = getState(id);
     if (!ws) return;
+    if (ws.isGenerating) return;
 
     var msg = { role: 'user', content: text, timestamp: Date.now() };
     ws.messages.push(msg);
@@ -472,12 +511,18 @@ window.WalleSession = (function() {
     var messagesArea = document.getElementById('walle-messages-' + id);
     if (messagesArea) {
       renderMessage(messagesArea, msg);
+      syncPromptMessageDomIndices(id);
+      updatePromptNav(id);
       scrollToBottom(messagesArea);
     }
 
-    // Send via WebSocket (include model if user selected one)
+    // Send via WebSocket (include model/provider when the session is pinned)
     var model = ws.selectedModel || '';
-    send({ type: 'walle-message', id: id, text: text, model: model, contextSessionId: resolveContextSessionId(id) });
+    var modelItem = findModelItem(model);
+    var session = state.sessions.get(id);
+    var meta = (session && session.meta) || {};
+    var provider = modelItem ? modelItem.provider : (model && model === meta.model_id ? (meta.model_provider || '') : '');
+    send({ type: 'walle-message', id: id, text: text, model: model, provider: provider, contextSessionId: resolveContextSessionId(id) });
 
     // Clear input
     textarea.value = '';
@@ -600,6 +645,8 @@ window.WalleSession = (function() {
     ws.isGenerating = false;
 
     renderMessage(messagesArea, assistantMsg);
+    syncPromptMessageDomIndices(id);
+    updatePromptNav(id);
     scrollToBottom(messagesArea);
     updateSendButton(id, false);
     updateHeaderStats(id);
@@ -611,6 +658,12 @@ window.WalleSession = (function() {
     var ws = getState(id);
     if (!ws) return;
 
+    var session = state.sessions.get(id);
+    if (session) {
+      session.needsAttach = false;
+      session._walleHistoryRequested = true;
+    }
+
     ws.messages = [];
     ws.messageCount = 0;
     ws.totalCost = 0;
@@ -635,6 +688,7 @@ window.WalleSession = (function() {
     if (document.getElementById('walle-session-' + id)) {
       renderSession(id);
     }
+    updatePromptNav(id);
   }
 
   // ---------- handleError ----------
@@ -736,18 +790,31 @@ window.WalleSession = (function() {
   }
 
   // ---------- model picker ----------
+  function invalidateWalleModelCache() {
+    _walleModelRegistryCache = null;
+    _walleModelRegistryLoaded = false;
+  }
+
   function loadWalleModels() {
-    if (_walleModelRegistryCache) return Promise.resolve(_walleModelRegistryCache);
+    if (_walleModelRegistryLoaded && Array.isArray(_walleModelRegistryCache)) {
+      return Promise.resolve(_walleModelRegistryCache);
+    }
     if (_walleModelRegistryPromise) return _walleModelRegistryPromise;
-    _walleModelRegistryPromise = fetch('/api/models/registry')
-      .then(function(r) { return r.json(); })
+    _walleModelRegistryPromise = fetch('/api/models/registry', { cache: 'no-store' })
+      .then(function(r) {
+        if (!r.ok) throw new Error('HTTP ' + r.status);
+        return r.json();
+      })
       .then(function(data) {
-        _walleModelRegistryCache = normalizeWalleModels(data.models || data || []);
+        if (data && data.error) throw new Error(data.error);
+        var rows = Array.isArray(data) ? data : (Array.isArray(data?.models) ? data.models : []);
+        _walleModelRegistryCache = normalizeWalleModels(rows);
+        _walleModelRegistryLoaded = true;
         return _walleModelRegistryCache;
       })
       .catch(function() {
-        _walleModelRegistryCache = [];
-        return _walleModelRegistryCache;
+        invalidateWalleModelCache();
+        return [];
       })
       .finally(function() {
         _walleModelRegistryPromise = null;
@@ -898,8 +965,10 @@ window.WalleSession = (function() {
 
   function findModelItem(modelId) {
     if (!_walleModelRegistryCache || !modelId) return null;
+    var id = String(modelId);
     for (var i = 0; i < _walleModelRegistryCache.length; i++) {
-      if (_walleModelRegistryCache[i].id === modelId) return _walleModelRegistryCache[i];
+      var item = _walleModelRegistryCache[i];
+      if (item.id === id || item.modelId === id) return item;
     }
     return null;
   }
@@ -910,6 +979,7 @@ window.WalleSession = (function() {
     ws.selectedModel = item ? item.id : '';
     ws.selectedModelLabel = item ? item.baseLabel : '';
     ws.selectedModelProvider = item ? item.providerLabel : '';
+    ws._modelManual = true;
     syncWalleModelButtons(id);
     closeModelPicker();
   }
@@ -962,7 +1032,7 @@ window.WalleSession = (function() {
     popover.appendChild(footer);
 
     var showLegacy = false;
-    var models = _walleModelRegistryCache || [];
+    var models = _walleModelRegistryLoaded ? (_walleModelRegistryCache || []) : [];
 
     function makeSection(titleText) {
       var title = document.createElement('div');
@@ -1026,7 +1096,7 @@ window.WalleSession = (function() {
 
     function renderList() {
       while (body.firstChild) body.removeChild(body.firstChild);
-      if (!models.length && !_walleModelRegistryCache) {
+      if (!models.length && !_walleModelRegistryLoaded) {
         renderLoading();
         return;
       }
@@ -1090,7 +1160,7 @@ window.WalleSession = (function() {
       }
     });
 
-    if (_walleModelRegistryCache) {
+    if (_walleModelRegistryLoaded) {
       renderList();
     } else {
       renderLoading();
@@ -1143,6 +1213,128 @@ window.WalleSession = (function() {
     });
   }
 
+  // ---------- prompt navigation ----------
+  function getPromptEntries(ws) {
+    var prompts = [];
+    var messages = (ws && ws.messages) || [];
+    for (var i = 0; i < messages.length; i++) {
+      var m = messages[i];
+      if (!m || m.role !== 'user') continue;
+      prompts.push({ messageIndex: i, content: m.content || '', timestamp: m.timestamp || 0 });
+    }
+    return prompts;
+  }
+
+  function promptPreview(text) {
+    if (typeof _extractPromptPreview === 'function') {
+      var extracted = _extractPromptPreview(text);
+      if (extracted) return extracted;
+    }
+    var line = String(text || '').split('\n').map(function(s) { return s.trim(); }).filter(Boolean)[0] || '';
+    return line || '(empty prompt)';
+  }
+
+  function syncPromptMessageDomIndices(id) {
+    var area = document.getElementById('walle-messages-' + id);
+    if (!area) return;
+    var nodes = area.querySelectorAll('.walle-msg[data-walle-role="user"]');
+    for (var i = 0; i < nodes.length; i++) {
+      nodes[i].dataset.wallePromptIdx = String(i);
+    }
+  }
+
+  function updatePromptNav(id) {
+    var ws = getState(id);
+    if (!ws) return;
+    var nav = document.getElementById('walle-prompt-nav-' + id);
+    if (!nav) return;
+    var prompts = getPromptEntries(ws);
+    var total = prompts.length;
+    if (ws.promptNavIdx >= total) ws.promptNavIdx = -1;
+    var badge = nav.querySelector('.prompt-nav-badge');
+    var prevBtn = nav.querySelector('[data-dir="prev"]');
+    var nextBtn = nav.querySelector('[data-dir="next"]');
+    if (badge) {
+      badge.textContent = total === 0
+        ? '0 prompts'
+        : (ws.promptNavIdx >= 0 ? (ws.promptNavIdx + 1) + '/' + total : total + (total === 1 ? ' prompt' : ' prompts'));
+    }
+    if (prevBtn) prevBtn.disabled = total === 0;
+    if (nextBtn) nextBtn.disabled = total === 0;
+  }
+
+  function jumpToPrompt(id, idx) {
+    var ws = getState(id);
+    if (!ws) return false;
+    var prompts = getPromptEntries(ws);
+    if (idx < 0 || idx >= prompts.length) return false;
+    syncPromptMessageDomIndices(id);
+    var area = document.getElementById('walle-messages-' + id);
+    if (!area) return false;
+    var target = area.querySelector('.walle-msg[data-walle-prompt-idx="' + idx + '"]');
+    if (!target) return false;
+    ws.promptNavIdx = idx;
+    var top = Math.max(0, target.offsetTop - area.offsetTop - 8);
+    area.scrollTop = top;
+    updatePromptNav(id);
+    return true;
+  }
+
+  function promptNavGo(id, dir) {
+    var ws = getState(id);
+    if (!ws) return;
+    var total = getPromptEntries(ws).length;
+    if (total === 0) return;
+    var idx = ws.promptNavIdx;
+    var next = idx < 0 ? (dir < 0 ? total - 1 : 0) : idx + dir;
+    if (next < 0 || next >= total) return;
+    jumpToPrompt(id, next);
+  }
+
+  function promptNavToggleList(id) {
+    var ws = getState(id);
+    if (!ws) return;
+    var nav = document.getElementById('walle-prompt-nav-' + id);
+    if (!nav) return;
+    var existing = nav.querySelector('.prompt-nav-list');
+    if (existing) { existing.remove(); return; }
+    var prompts = getPromptEntries(ws);
+    if (prompts.length === 0) return;
+
+    var list = document.createElement('div');
+    list.className = 'prompt-nav-list';
+    list.addEventListener('wheel', function(e) { e.stopPropagation(); }, { passive: false });
+    var seen = {};
+    for (var i = prompts.length - 1; i >= 0; i--) {
+      var text = promptPreview(prompts[i].content);
+      var fullText = text;
+      if (text.length > 80) text = text.slice(0, 80) + '\u2026';
+      if (seen[text]) continue;
+      seen[text] = true;
+      var item = document.createElement('div');
+      item.className = 'prompt-nav-list-item' + (i === ws.promptNavIdx ? ' current' : '');
+      item.textContent = text;
+      item.title = fullText;
+      item.onclick = (function(idx) { return function() {
+        if (jumpToPrompt(id, idx)) list.remove();
+      }; })(i);
+      list.appendChild(item);
+    }
+    nav.appendChild(list);
+
+    setTimeout(function() {
+      function close(e) {
+        if (!list.contains(e.target)) {
+          list.remove();
+          document.removeEventListener('click', close);
+          document.removeEventListener('mousedown', close);
+        }
+      }
+      document.addEventListener('click', close);
+      document.addEventListener('mousedown', close);
+    }, 0);
+  }
+
   // ---------- helpers ----------
   function scrollToBottom(el) {
     if (el) {
@@ -1232,11 +1424,22 @@ window.WalleSession = (function() {
       costEl.textContent = '$' + ws.totalCost.toFixed(2);
     }
 
-    // Update toolbar message count badge
-    var msgBadge = document.getElementById('walle-msg-badge-' + id);
-    if (msgBadge) {
-      msgBadge.textContent = '\u26A0 ' + ws.messageCount + ' messages';
-    }
+    updatePromptNav(id);
+  }
+
+  function handleModel(msg) {
+    var id = msg.id;
+    var s = state.sessions.get(id);
+    if (!s) return;
+    s.meta = s.meta || {};
+    if (msg.model_id) s.meta.model_id = msg.model_id;
+    if (msg.model_provider) s.meta.model_provider = msg.model_provider;
+    var ws = getState(id);
+    if (!ws || ws._modelManual || !msg.model_id) return;
+    ws.selectedModel = msg.model_id;
+    ws.selectedModelLabel = '';
+    ws.selectedModelProvider = msg.model_provider ? providerLabel(msg.model_provider) : ws.selectedModelProvider;
+    syncWalleModelButtons(id);
   }
 
   // ---------- public API ----------
@@ -1248,6 +1451,11 @@ window.WalleSession = (function() {
     handleResponse: handleResponse,
     handleHistory: handleHistory,
     handleError: handleError,
-    populateWalleModelSelector: populateWalleModelSelector
+    handleModel: handleModel,
+    promptNavGo: promptNavGo,
+    promptNavToggleList: promptNavToggleList,
+    updatePromptNav: updatePromptNav,
+    populateWalleModelSelector: populateWalleModelSelector,
+    invalidateModelCache: invalidateWalleModelCache
   };
 })();

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

@@ -2045,6 +2045,7 @@ function renderChatUI() {
   html += '</div>'; // container
 
   safeSetHtml(body, html);
+  renderServiceAlerts(_serviceAlerts);
 
   // Update elapsed timer if processing
   if (chatThinkingState.isProcessing && chatThinkingState.startTime) {
@@ -6095,10 +6096,13 @@ checkProviderStatus();
 // ---------------------------------------------------------------------------
 
 var _alertsPollTimer = null;
+var _serviceAlerts = [];
+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]);
@@ -6109,6 +6113,7 @@ function checkServiceAlerts() {
       if (currentView === 'chat') renderChatUI();
     }
     renderServiceAlerts(alerts);
+    maybeShowUpdateWizard(alerts);
     clearTimeout(_alertsPollTimer);
     _alertsPollTimer = setTimeout(checkServiceAlerts, 60000);
   }).catch(function() {
@@ -6130,8 +6135,14 @@ function renderServiceAlerts(alerts) {
     var safeId = esc(a.id).replace(/'/g, '&#39;');
     var dismissBtn = '<button class="we-service-alert-dismiss" onclick="WE._dismissAlert(\'' + safeId + '\')" title="Dismiss">&times;</button>';
     var actionBtn = '';
-    if (a.action_url && /^(\/|https?:\/\/)/.test(a.action_url)) {
-      actionBtn = ' <a href="' + esc(a.action_url) + '" class="we-service-alert-action">Fix</a>';
+    var actionLabel = esc(a.action_label || 'Fix');
+    if (a.action === 'repair_slack_owner') {
+      var actionName = esc(a.action || 'custom').replace(/'/g, '&#39;');
+      actionBtn = ' <button class="we-service-alert-action" onclick="WE._runAlertAction(\'' + safeId + '\', \'' + actionName + '\')">' + actionLabel + '</button>';
+    } else if (a.action === 'show_update_wizard') {
+      actionBtn = ' <button class="we-service-alert-action" onclick="WE._showUpdateWizardFromAlert(\'' + safeId + '\')">' + actionLabel + '</button>';
+    } else if (a.action_url && /^(\/|https?:\/\/)/.test(a.action_url)) {
+      actionBtn = ' <a href="' + esc(a.action_url) + '" class="we-service-alert-action">' + actionLabel + '</a>';
     }
     return '<div class="we-service-alert-item ' + kind + '">'
       + '<span class="we-service-alert-icon">' + icon + '</span>'
@@ -6150,6 +6161,136 @@ function renderServiceAlerts(alerts) {
   }
 }
 
+function _findUpdateAlert(alerts) {
+  alerts = alerts || _serviceAlerts || [];
+  for (var i = 0; i < alerts.length; i++) {
+    if (alerts[i] && alerts[i].type === 'update_available') return alerts[i];
+  }
+  return null;
+}
+
+function maybeShowUpdateWizard(alerts) {
+  var alert = _findUpdateAlert(alerts);
+  if (!alert) return;
+  var version = alert.latest || 'unknown';
+  if (_updatePromptShownVersions[version]) return;
+  var key = 'walle:updatePrompt:' + version;
+  try {
+    if (window.localStorage && localStorage.getItem(key)) return;
+    if (window.localStorage) localStorage.setItem(key, 'shown');
+  } catch {}
+  _updatePromptShownVersions[version] = true;
+  showUpdateWizard(alert, { automatic: true });
+  WE._trackUpgradePrompt('shown');
+}
+
+function copyTextToClipboard(text) {
+  if (navigator.clipboard && navigator.clipboard.writeText) {
+    return navigator.clipboard.writeText(text);
+  }
+  var ta = document.createElement('textarea');
+  ta.value = text;
+  ta.style.position = 'fixed';
+  ta.style.left = '-9999px';
+  document.body.appendChild(ta);
+  ta.select();
+  try { document.execCommand('copy'); } finally { ta.remove(); }
+  return Promise.resolve();
+}
+
+function showUpdateWizard(alert, opts) {
+  opts = opts || {};
+  var existing = document.getElementById('we-update-wizard');
+  if (existing) existing.remove();
+  var command = 'npx create-walle@latest update';
+  var overlay = document.createElement('div');
+  overlay.id = 'we-update-wizard';
+  overlay.className = 'we-update-wizard-overlay';
+  overlay.innerHTML = ''
+    + '<div class="we-update-wizard" role="dialog" aria-modal="true" aria-labelledby="we-update-title">'
+    + '<button class="we-update-wizard-close" type="button" aria-label="Close">&times;</button>'
+    + '<div class="we-update-wizard-kicker">Update available</div>'
+    + '<h3 id="we-update-title">Update CTM / Wall-E</h3>'
+    + '<p>Version <strong>' + esc(alert.latest || 'latest') + '</strong> is available. You are running <strong>' + esc(alert.current || 'unknown') + '</strong>.</p>'
+    + '<div class="we-update-command">' + esc(command) + '</div>'
+    + '<div class="we-update-wizard-actions">'
+    + '<button class="btn primary we-update-copy" type="button">Copy Command</button>'
+    + '<button class="btn we-update-later" type="button">Later</button>'
+    + '<button class="btn danger we-update-dismiss" type="button">Dismiss</button>'
+    + '</div>'
+    + '</div>';
+  document.body.appendChild(overlay);
+
+  var close = function(action) {
+    overlay.remove();
+    if (action) WE._trackUpgradePrompt(action);
+  };
+  overlay.addEventListener('click', function(e) {
+    if (e.target === overlay) close('later');
+  });
+  overlay.querySelector('.we-update-wizard-close').addEventListener('click', function() { close('later'); });
+  overlay.querySelector('.we-update-later').addEventListener('click', function() { close('later'); });
+  overlay.querySelector('.we-update-dismiss').addEventListener('click', function() {
+    WE._dismissAlert(alert.id || 'version_update');
+    close();
+  });
+  overlay.querySelector('.we-update-copy').addEventListener('click', function(e) {
+    var btn = e.currentTarget;
+    copyTextToClipboard(command).then(function() {
+      btn.textContent = 'Copied';
+      WE._trackUpgradePrompt('copy_command');
+      if (typeof showToast === 'function') showToast('Update command copied', 'var(--green, #9ece6a)', 1800);
+    }).catch(function() {
+      btn.textContent = command;
+    });
+  });
+}
+
+WE._showUpdateWizardFromAlert = function(alertId) {
+  var alert = null;
+  for (var i = 0; i < _serviceAlerts.length; i++) {
+    if (String(_serviceAlerts[i].id) === String(alertId)) alert = _serviceAlerts[i];
+  }
+  showUpdateWizard(alert || _findUpdateAlert(_serviceAlerts) || { id: 'version_update' }, { automatic: false });
+  WE._trackUpgradePrompt('shown');
+};
+
+WE._trackUpgradePrompt = function(action) {
+  resolveWalleBase().then(function() {
+    var token = window._ctmState?.token || '';
+    fetch(WALLE_BASE + '/api/wall-e/update/prompt-event?token=' + encodeURIComponent(token), {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ action: action })
+    }).catch(function() {});
+  }).catch(function() {});
+};
+
+WE._runAlertAction = function(alertId, actionName) {
+  if (actionName !== 'repair_slack_owner') return;
+  resolveWalleBase().then(function() {
+    var token = window._ctmState?.token || '';
+    fetch(WALLE_BASE + '/api/wall-e/slack/repair-owner?token=' + encodeURIComponent(token), { method: 'POST' })
+      .then(function(r) { return r.json().then(function(d) { return { ok: r.ok, data: d }; }); })
+      .then(function(result) {
+        if (result.ok && result.data && result.data.ok) {
+          if (typeof showToast === 'function') showToast('Slack sync fixed automatically', 'var(--green, #9ece6a)', 2500);
+          checkServiceAlerts();
+          return;
+        }
+        var msg = (result.data && result.data.error) || 'Could not fix Slack sync automatically';
+        if (result.data && result.data.needsSlackAuth) {
+          if (typeof navTo === 'function') navTo('setup');
+          msg = 'Connect Slack first, then Wall-E can finish setup automatically.';
+        }
+        if (typeof showToast === 'function') showToast(msg, 'var(--red, #f7768e)', 3500);
+      })
+      .catch(function(e) {
+        if (typeof showToast === 'function') showToast(e.message, 'var(--red, #f7768e)', 3500);
+      });
+  });
+};
+
 WE._dismissAlert = function(alertId) {
   resolveWalleBase().then(function() {
     var token = window._ctmState?.token || '';