clay-server 5.5.0-beta.1 → 5.5.0-beta.3

package/lib/public/modules/split-view-workers.js

@@ -1,3 +1,5 @@
+import { appendWorkerStopControls, syncWorkerForceStop } from './worker-stop-controls.js';
+import { createWorkerActivityIndicator, syncWorkerActivityIndicator, setWorkerActivityRuntime } from './worker-activity-indicator.js';
 import { syncWorkerMessagePreviews } from './worker-message-previews.js';
 import { appendWorkerRemoval, reconcileWorkerRemoval } from './split-view-worker-removal.js';
 import { workerCursorKey, workerCursorAdvances, shouldLoadWorkerPage, captureWorkerAnchor, restoreWorkerAnchor } from './split-view-worker-scroll.js';
@@ -52,14 +54,14 @@ function presentationSource(container, driver, connectionErrorBinding) {
   var inSingleton = !view && store.get('projectSplitViewSingletonOrigin') === driver.sessionOriginId;
   return inView || inSingleton ? { frame: frame, live: live, binding: binding, view: view, singleton: inSingleton } : null;
 }
-export function workerRemovalTarget(container, driverOrigin, workerOrigin, generation) {
+export function workerRemovalTarget(container, driverOrigin, workerOrigin, generation, stopping) {
   var driver = exactDriver(driverOrigin), worker = exactWorker(driver, workerOrigin, generation);
   var source = presentationSource(container, driver);
   if (!worker || worker.hidden || !driver || driver.hidden || (driver.ownerId || null) !== (store.get('myUserId') || null) ||
       document.hidden || !source || !store.get('connected') || !container.isConnected || container.hidden || container.inert ||
-      source.frame.hidden || source.frame.inert || store.get('permissions') && store.get('permissions').sessionDelete === false) return null;
+      source.frame.hidden || source.frame.inert || !stopping && store.get('permissions') && store.get('permissions').sessionDelete === false) return null;
   return { projectSlug: store.get('currentSlug'), ownerId: store.get('myUserId') || null, driverId: driver.id,
-    driverOriginId: driverOrigin, workerId: worker.id, workerOriginId: workerOrigin, generation: generation,
+    driverOriginId: driverOrigin, workerId: worker.id, workerOriginId: workerOrigin, generation: generation, forceTermination: worker.forceTermination,
     bindingGeneration: source.binding.generation, bindingRequestId: source.binding.requestId,
     viewRevision: store.get('projectSplitViewRevision'), socketGeneration: store.get('projectSplitViewSocketGeneration') };
 }
@@ -204,6 +206,12 @@ function ensurePopover() {
     element.setAttribute("role", "dialog"); element.setAttribute("aria-label", "Read-only Worker conversation"); document.body.appendChild(element);
     var header = document.createElement("header"); header.className = "split-view-worker-popover-header";
     var title = document.createElement("strong"); title.className = "worker-popover-title"; header.appendChild(title);
+    appendWorkerStopControls(header, function () {
+      var state = store.get('splitViewWorkerConversation');
+      if (!state || state.status === 'error') return null;
+      var pane = document.querySelector('.split-pane[data-session-origin="' + CSS.escape(state.driverOriginId) + '"]');
+      return workerRemovalTarget(pane, state.driverOriginId, state.workerOriginId, state.generation, true);
+    });
     var closeButton = document.createElement("button"); closeButton.type = "button"; closeButton.setAttribute("aria-label", "Close Worker conversation"); closeButton.innerHTML = iconHtml("x");
     closeButton.addEventListener("click", function () { close(true); }); header.appendChild(closeButton); element.appendChild(header);
     var source = document.createElement("div"); source.className = "split-view-worker-popover-source"; element.appendChild(source);
@@ -227,6 +235,9 @@ function ensurePopover() {
     body.addEventListener('touchstart', scrollIntent, { passive: true });
     var footer = document.createElement("footer"); footer.className = "split-view-worker-popover-footer"; element.appendChild(footer);
   }
+  syncWorkerForceStop(element, worker);
+  var stopButtons = element.querySelectorAll('.worker-conversation-stop');
+  for (var i = 0; i < stopButtons.length; i++) stopButtons[i].disabled = stopButtons[i].dataset.workerForceStop === 'true' && stopButtons[i].disabled || !store.get('connected') || state.status === 'error';
   return element;
 }
 function renderContent() {
@@ -330,9 +341,9 @@ export function handleWorkerConversationChanged(message) {
       message.subscriptionId !== state.subscriptionId || message.parentSessionOriginId !== state.driverOriginId ||
       message.workerSessionOriginId !== state.workerOriginId || message.generation !== state.generation || !ensurePopover()) return false;
   document.querySelectorAll('.split-view-worker-chip').forEach(function (chip) {
-    if (chip.dataset.workerOrigin === state.workerOriginId) {
-      var dot = chip.querySelector('.split-view-worker-dot');
-      if (dot) dot.dataset.state = message.isProcessing ? 'working' : 'ready';
+    if (chip.dataset.workerParent === state.driverOriginId && chip.dataset.workerOrigin === state.workerOriginId && Number(chip.dataset.workerGeneration) === state.generation) {
+      setWorkerActivityRuntime(chip.dataset.messagePreview, message.isProcessing === true);
+      syncWorkerActivityIndicator(chip, { isProcessing: message.isProcessing === true });
     }
   });
   refreshWorkerConversation();
@@ -341,11 +352,6 @@ export function handleWorkerConversationChanged(message) {
 export function handleWorkerSessionActivity(message) {
   var worker = sessions().find(function (item) { return item.id === message.id && item.sessionRole === 'worker'; });
   if (!worker || !store.get('connected')) return;
-  document.querySelectorAll('.split-view-worker-chip').forEach(function (chip) {
-    if (chip.dataset.workerOrigin !== worker.sessionOriginId) return;
-    var dot = chip.querySelector('.split-view-worker-dot');
-    if (dot) { dot.dataset.state = 'working'; dot.setAttribute('aria-label', 'Worker activity received'); }
-  });
   var state = store.get('splitViewWorkerConversation');
   if (state && state.workerOriginId === worker.sessionOriginId && state.generation === worker.workerGeneration) refreshWorkerConversation();
 }
@@ -359,8 +365,12 @@ export function renderPaneWorkers(container, driver) {
   var source = presentationSource(container, driver);
   root.hidden = !source || data.items.length === 0;
   if (!source) { if (store.get('splitViewWorkerConversation') && store.get('splitViewWorkerConversation').driverOriginId === driver.sessionOriginId) ensurePopover(); return; }
-  root.textContent = "";
-  data.items.forEach(function (worker) {
+  var signature = JSON.stringify([store.get('myUserId'), store.get('currentSlug'), driver.sessionOriginId, driver.title, store.get('projectSplitViewSocketGeneration'), data.items.map(function (worker) {
+    return [worker.id, worker.sessionOriginId, worker.workerGeneration, worker.vendor, worker.model, worker.title, data.currentIds.has(worker.id)];
+  })]);
+  var rebuild = root.dataset.workerSignature !== signature;
+  if (rebuild) { root.textContent = ''; root.dataset.workerSignature = signature; }
+  if (rebuild) data.items.forEach(function (worker) {
     var pill = document.createElement("span"); pill.className = "split-view-worker-pill";
     var button = document.createElement("button"); button.type = "button"; button.className = "split-view-worker-chip";
     button.dataset.workerParent = driver.sessionOriginId; button.dataset.workerOrigin = worker.sessionOriginId; button.dataset.workerGeneration = String(worker.workerGeneration);
@@ -369,8 +379,7 @@ export function renderPaneWorkers(container, driver) {
     button.title = (VENDOR_NAMES[worker.vendor] || worker.vendor || "Unknown vendor") + " · " + modelLabel + " · Split Worker #" + worker.id +
       (current ? "" : " · Archived · Gen " + worker.workerGeneration) + " · " + (worker.title || "Worker");
     button.setAttribute("aria-label", button.title + " conversation");
-    var dot = document.createElement("span"); dot.className = "split-view-worker-dot"; dot.dataset.state = !store.get('connected') ? 'disconnected' : worker.isProcessing ? 'working' : 'ready';
-    dot.setAttribute('aria-label', !store.get('connected') ? 'Disconnected' : worker.isProcessing ? 'Worker is working' : 'Worker is idle');
+    var dot = createWorkerActivityIndicator();
     if (VENDOR_AVATARS[worker.vendor]) {
       var vendorIcon = document.createElement("img"); vendorIcon.className = "split-view-worker-vendor";
       vendorIcon.src = VENDOR_AVATARS[worker.vendor]; vendorIcon.alt = ""; vendorIcon.setAttribute("aria-hidden", "true"); button.appendChild(vendorIcon);
@@ -389,8 +398,15 @@ export function renderPaneWorkers(container, driver) {
     button.addEventListener("click", function () { if (presentationSource(container, exactDriver(driver.sessionOriginId))) open(button, driver, worker); }); pill.appendChild(button); root.appendChild(pill);
     appendWorkerRemoval(pill, button, container, driver, worker);
   });
+  root.querySelectorAll('.split-view-worker-chip').forEach(function (chip) {
+    var worker = data.items.find(function (item) { return item.sessionOriginId === chip.dataset.workerOrigin; });
+    syncWorkerActivityIndicator(chip, worker);
+    var conversation = store.get('splitViewWorkerConversation');
+    chip.setAttribute('aria-expanded', conversation && conversation.driverOriginId === driver.sessionOriginId && conversation.workerOriginId === chip.dataset.workerOrigin ? 'true' : 'false');
+  });
   introduceWorkerViewer(container, driver);
   syncWorkerMessagePreviews();
+  if (rebuild) refreshIcons();
   var conversation = store.get('splitViewWorkerConversation');
   if (conversation) ensurePopover();
 }
@@ -417,8 +433,7 @@ store.subscribe(function (state, previous) {
   if (state.paneBindingSessions !== previous.paneBindingSessions || state.connected !== previous.connected) {
     document.querySelectorAll('.split-view-worker-chip').forEach(function (chip) {
       var worker = sessions().find(function (item) { return item.sessionOriginId === chip.dataset.workerOrigin; });
-      var dot = chip.querySelector('.split-view-worker-dot');
-      if (dot) dot.dataset.state = !state.connected ? 'disconnected' : worker && worker.isProcessing ? 'working' : 'ready';
+      syncWorkerActivityIndicator(chip, worker);
     });
     if (state.connected && state.splitViewWorkerConversation) refreshWorkerConversation();
   }

package/lib/public/modules/stt-settings.js

@@ -1,3 +1,4 @@
+import { getWs } from './ws-ref.js';
 import { store } from './store.js';
 import { stopSTT } from './stt-controller.js';
 export var speechLanguages = [
@@ -16,35 +17,51 @@ export function voiceProvider(id) {
   var settings = store.get('speechSettings');
   return settings && settings.providers.find(function (provider) { return provider.id === id; });
 }
+function context() { return JSON.stringify([store.get('myUserId'), store.get('speechSettingsContextGeneration')]); }
+function lostAccess() {
+  store.set({speechPopup:null,speechRetry:null,speechSettings:null,speechSettingsSaving:false,speechSettingsError:'Sign in again to manage audio transcription keys.',speechSettingsContextGeneration:(store.get('speechSettingsContextGeneration') || 0)+1,speechSettingsRequest:(store.get('speechSettingsRequest') || 0)+1});
+}
 export async function loadSpeechSettings() {
   if (store.get('speechSettingsSaving')) return;
+  var actor = context(), socket = getWs();
   var request = (store.get('speechSettingsRequest') || 0) + 1;
   store.set({ speechSettingsRequest: request });
   try {
     var response = await fetch('/api/speech/settings');
+    if ((response.status === 401 || response.status === 403) && actor === context() && socket === getWs() && store.get('speechSettingsRequest') === request) { lostAccess(); return; }
     if (!response.ok) throw new Error('Voice settings unavailable. Please try again.');
     var settings = await response.json();
-    if (store.get('speechSettingsRequest') !== request) return;
+    if (actor !== context() || socket !== getWs() || store.get('speechSettingsRequest') !== request) return;
     var previous = store.get('speechSettings');
     if ((previous && JSON.stringify(previous) !== JSON.stringify(settings)) ||
         (!previous && settings.selected !== 'browser')) stopSTT();
     if (!previous || JSON.stringify(previous) !== JSON.stringify(settings)) store.set({ speechSettings: settings, speechLang: settings.language || 'en-US', speechSettingsError: '' });
     else if (store.get('speechSettingsError')) store.set({ speechSettingsError: '' });
-  } catch (error) { if (store.get('speechSettingsRequest') === request) store.set({ speechSettingsError: 'Voice settings unavailable. Please try again.' }); }
+  } catch (error) { if (actor === context() && socket === getWs() && store.get('speechSettingsRequest') === request) store.set({ speechSettingsError: 'Voice settings unavailable. Please try again.' }); }
 }
 export async function saveSpeechSettings(change) {
   if (store.get('speechSettingsSaving')) throw new Error('Voice settings are being saved. Please wait.');
+  var actor = context(), socket = getWs(), request = (store.get('speechSettingsRequest') || 0) + 1;
   stopSTT();
-  store.set({ speechRetry: null, speechSettingsSaving: true, speechSettingsRequest: (store.get('speechSettingsRequest') || 0) + 1 });
+  store.set({ speechRetry: null, speechSettingsSaving: true, speechSettingsRequest: request });
   try {
     var response = await fetch('/api/speech/settings', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(change) });
     var result = await response.json();
+    if (actor !== context() || socket !== getWs() || store.get('speechSettingsRequest') !== request) throw new Error('Account or connection changed. Reopen API connections.');
+    if (response.status === 401 || response.status === 403) { lostAccess(); throw new Error('Sign in again to manage audio transcription keys.'); }
     if (!response.ok) throw new Error(result.error || 'Could not save voice settings.');
     store.set({ speechSettings: result, speechLang: result.language || 'en-US', speechSettingsError: '' });
-  } finally { store.set({ speechSettingsSaving: false }); }
+  } finally { if (actor === context() && store.get('speechSettingsRequest') === request) store.set({ speechSettingsSaving: false }); }
   try { window.top.document.dispatchEvent(new window.top.Event('clay:speech-settings-saved')); } catch (error) { /* Standalone host. */ }
 }
 export async function saveSpeechLanguage(code) {
   await saveSpeechSettings({ language: code });
   window.dispatchEvent(new CustomEvent('clay:speech-language-saved', { detail: code }));
 }
+
+store.subscribe(function (state, previous) {
+  if (state.myUserId !== previous.myUserId || state.projectSplitViewSocketGeneration !== previous.projectSplitViewSocketGeneration || state.currentSlug !== previous.currentSlug || state.connected === false && previous.connected !== false) {
+    stopSTT();
+    store.set({speechPopup:null,speechRetry:null,speechSettings:null,speechSettingsSaving:false,speechSettingsError:state.connected === false ? 'Reconnect before loading audio transcription providers.' : 'Account or connection changed. Reload providers to continue.',speechSettingsContextGeneration:(state.speechSettingsContextGeneration || 0)+1,speechSettingsRequest:(state.speechSettingsRequest || 0)+1});
+  }
+});

package/lib/public/modules/user-settings-layout.js

@@ -1,3 +1,4 @@
+import { initPersonalProviders, loadPersonalProviders, leavePersonalProviders } from './user-settings-providers.js';
 import { initPersonalIntegrations, loadPersonalIntegrations } from './user-settings-integrations.js';
 import { getWs } from './ws-ref.js';
 import { store } from './store.js';
@@ -20,13 +21,14 @@ export function buildUserSettingsLayout() {
   var push=document.getElementById('settings-notif-push').closest('label');
   heading(notifications,'This device','Browser permission and push delivery are configured separately on each browser.');notifications.appendChild(push);
   var accountNotifications=document.createElement('h3');accountNotifications.textContent='Account preferences';notifications.querySelector('.settings-card').before(accountNotifications);
-  var chat = section('us-chat'); chat.querySelector('h2').textContent = 'Conversation';
-  var voice = document.getElementById('us-lang-select').closest('.settings-card');
-  voice.innerHTML = '<div id="us-voice-settings"></div>';
+  var chat = section('us-chat');
+  var providers = document.createElement('div'); providers.className = 'us-section'; providers.dataset.section = 'us-providers';
+  providers.innerHTML = '<h2>AI providers</h2><p class="settings-hint">Set up coding agents on the server and manage your personal audio transcription API keys.</p><div class="settings-section-heading"><h3 id="coding-agents" data-settings-section>Coding agents</h3><span id="us-provider-refresh"></span></div><div id="us-coding-agents"></div><h3 id="api-connections" data-settings-section>API connections</h3><div id="us-voice-settings"></div>';
+  root.querySelector('.us-modal-content').appendChild(providers);
   var ai = document.createElement('div'); ai.className = 'us-section'; ai.dataset.section = 'us-ai';
   ai.innerHTML = '<h2>AI preferences</h2><p class="settings-hint">Defaults for new Clay interviews and built-in AI assistance. Project defaults, individual Mates and existing conversation runtimes stay separate.</p><div id="us-default-ai"></div>';
   root.querySelector('.us-modal-content').appendChild(ai);
-  heading(ai, 'Execution behavior');
+  heading(ai, 'Execution behavior'); ai.lastElementChild.id = 'execution-behavior';
   ['us-auto-continue'].forEach(function (id) {ai.appendChild(document.getElementById(id).closest('.settings-card'));});
   document.getElementById('us-auto-continue').closest('label').querySelector('.settings-hint').textContent = 'When a rate-limited conversation becomes eligible to retry, Clay can send a continuation automatically. This may resume work and consume usage without another message from you.';
   heading(ai, 'Command permissions', 'These are personal Claude CLI allow rules, separate from model selection and Clay session approval modes. Managed defaults are shown for reference. Server access restrictions still apply. On an OS-user server these install in your OS home; otherwise they install in the shared server process home and can affect other Claude CLI launches there.');
@@ -36,7 +38,8 @@ export function buildUserSettingsLayout() {
   root.querySelector('.us-modal-content').appendChild(agent);
   section('us-mates').remove();
   var experiments = document.createElement('details'); experiments.className = 'us-experiments'; experiments.innerHTML = '<summary>Experimental features</summary><p class="settings-hint">Personal opt-ins for features that may change.</p>';
-  experiments.appendChild(document.getElementById('us-capsules-enabled').closest('.settings-card'));chat.appendChild(experiments);section('us-experimental').remove();
+  experiments.appendChild(document.getElementById('us-capsules-enabled').closest('.settings-card'));ai.appendChild(experiments);experiments.id = 'experimental-features';section('us-experimental').remove();chat.remove();
+  initPersonalProviders();
   section('us-email').remove();
   initPersonalIntegrations();
   var account = section('us-account');heading(account, 'Sign out');account.appendChild(document.getElementById('us-logout-btn').closest('.settings-card'));section('us-logout').remove();
@@ -47,12 +50,12 @@ export function buildUserSettingsLayout() {
 }
 export function loadUserSettingsExtras(page) {
   if (page === 'us-integrations') loadPersonalIntegrations();
-  if (page === 'us-chat') loadSpeechSettings();
+  if (page === 'us-providers') { loadSpeechSettings(); loadPersonalProviders(); } else leavePersonalProviders();
   if (page === 'us-agent') mountAgentBehavior(document.getElementById('us-agent-behavior'));
   if (page === 'us-ai') { mountDefaultAi(document.getElementById('us-default-ai')); requestDefaultAi(); var ws=getWs();if(ws && ws.readyState===1)ws.send(JSON.stringify({type:'get_claude_allow_list'})); }
 }
 export function leaveAgentBehaviorPage() {unmountAgentBehavior();resetAgentBehavior();}
-export function finishUserSettingsExtras() {leaveAgentBehaviorPage();closeSpeechPicker();unmountDefaultAi(document.getElementById('us-default-ai'));}
+export function finishUserSettingsExtras() {leavePersonalProviders();leaveAgentBehaviorPage();closeSpeechPicker();unmountDefaultAi(document.getElementById('us-default-ai'));}
 // Returns the draft prompt for leaving one personal page (or every page when
 // pageId is omitted); the shell shows it with the shared confirmation.
 export function personalLeavePrompt(pageId) {
@@ -64,7 +67,7 @@ export function personalLeavePrompt(pageId) {
   var key = document.getElementById('us-linear-key');
   var keyDraft = key && key.value && store.get('personalLinearEditing') && !(key.form && key.form.hidden);
   var dirty = leaving('us-integrations') && (store.get('personalEmailDirty') || store.get('personalLinearDirty') || keyDraft) ||
-    leaving('us-chat') && store.get('userVoiceDirty') ||
+    leaving('us-providers') && store.get('userVoiceDirty') ||
     leaving('us-notifications') && store.get('notificationDraft') ||
     leaving('us-appearance') && (store.get('appearanceDraft') || store.get('userTerminalDirty')) ||
     leaving('us-account') && (store.get('userProfileDirty') || pinDirty) ||

package/lib/public/modules/user-settings-provider-install.js

@@ -0,0 +1,42 @@
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { personalProviderContext } from './personal-provider-context.js';
+function send(type,provider,reviewId,render) {
+  var ws = getWs();
+  if (!ws || ws.readyState !== 1 || !store.get('personalProvidersOpen') || store.get('personalProviderContext') !== personalProviderContext()) return false;
+  var requestId = type === 'stop' || type === 'cancel' ? store.get('personalProviderInstallRequest') : crypto.randomUUID();
+  store.set({personalProviderInstallRequest:requestId});
+  ws.send(JSON.stringify({requestId:requestId,type:'personal_provider_install_'+type,vendor:provider.id,personalRequestId:store.get('personalProviderRevision'),reviewId:reviewId}));
+  if (type === 'review' || type === 'start') setTimeout(function () { if (store.get('personalProviderInstallRequest') === requestId && store.get('personalProviderInstallAwaiting') === requestId) { store.set({personalProviderInstallBusy:false,personalProviderInstall:{vendor:provider.id,state:'unknown',message:'Installation response timed out. Reopen settings and refresh status; never assume an installation completed.'}}); if (render) render(); } },10000);
+  store.set({personalProviderInstallAwaiting:requestId}); return true;
+}
+export function resetProviderInstall() { store.set({personalProviderInstall:null,personalProviderInstallBusy:false,personalProviderInstallRequest:null,personalProviderInstallAwaiting:null}); }
+export function handleProviderInstall(message,render) {
+  if (message.type !== 'personal_provider_install') return false;
+  if (!store.get('personalProvidersOpen') || !store.get('personalProviderRevision') || message.requestId !== store.get('personalProviderInstallRequest') || message.personalRequestId !== store.get('personalProviderRevision') || store.get('personalProviderContext') !== personalProviderContext()) return true;
+  store.set({personalProviderInstallAwaiting:null,personalProviderInstall:message,personalProviderInstallBusy:['review','started','stopping','unknown'].indexOf(message.state)>=0}); render();
+  var editor=document.getElementById('provider-setup-'+message.vendor); var status=editor && editor.querySelector('[data-install-status]'); if (status) status.focus({preventScroll:true}); return true;
+}
+export function renderProviderInstall(editor,provider,render) {
+  if (!provider.canInstall) return;
+  var item = store.get('personalProviderInstall');
+  var actions = document.createElement('div'); actions.className = 'settings-form-actions';
+  if (!item || item.vendor !== provider.id || ['review','started','stopping','unknown'].indexOf(item.state)<0) {
+    var review = document.createElement('button'); review.type='button'; review.className='settings-btn-sm'; review.textContent='Review installation'; review.disabled=!!store.get('personalProviderInstallBusy') || !!store.get('personalProviderSigningIn');
+    review.onclick=function () { if (send('review',provider,null,render)) { store.set({personalProviderInstallBusy:true}); review.disabled=true; } }; actions.appendChild(review);
+  }
+  if (item && item.vendor === provider.id) {
+    var status=document.createElement('p'); status.className='settings-status'; status.role='status'; status.tabIndex=-1; status.dataset.installStatus=''; status.textContent=item.message; editor.appendChild(status);
+    if (item.state==='review') {
+      var details=document.createElement('p'); details.className='settings-hint'; details.textContent='Runtime account: '+item.runtime.user+' (UID '+item.runtime.uid+'), HOME '+item.runtime.home+'. '+item.effects; editor.appendChild(details);
+      var command=document.createElement('pre'); command.className='settings-hint'; command.style.whiteSpace='pre-wrap'; command.style.overflowWrap='anywhere'; command.textContent=item.command; editor.appendChild(command);
+      var source=document.createElement('a'); source.className='settings-link'; source.href=item.source; source.target='_blank'; source.rel='noopener noreferrer'; source.textContent='Official setup instructions'; editor.appendChild(source);
+      var confirm=document.createElement('button'); confirm.type='button'; confirm.className='settings-btn-sm'; confirm.textContent='Install for this account'; confirm.onclick=function () { if (send('start',provider,item.reviewId,render)) { confirm.disabled=true; } }; actions.appendChild(confirm);
+      var cancel=document.createElement('button'); cancel.type='button'; cancel.className='settings-btn-sm'; cancel.textContent='Cancel installation'; cancel.onclick=function () { send('cancel',provider,item.reviewId); resetProviderInstall(); render(); }; actions.appendChild(cancel);
+    }
+    if (item.state==='started') {
+      var stop=document.createElement('button'); stop.type='button'; stop.className='settings-btn-sm'; stop.textContent='Stop installation'; stop.onclick=function () { send('stop',provider); stop.disabled=true; }; actions.appendChild(stop);
+    }
+  }
+  editor.appendChild(actions);
+}

package/lib/public/modules/user-settings-providers.js

@@ -0,0 +1,102 @@
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { requestVendorLogin, cancelVendorLogin } from './vendor-login.js';
+import { renderProviderInstall, handleProviderInstall, resetProviderInstall } from './user-settings-provider-install.js';
+import { personalProviderContext } from './personal-provider-context.js';
+
+function render() {
+  var root = document.getElementById('us-coding-agents'); if (!root) return;
+  root.replaceChildren();
+  var status = document.createElement('p'); status.className = 'settings-status'; status.role = 'status';
+  status.textContent = store.get('personalProvidersError') || store.get('personalProvidersNotice') || (store.get('personalProvidersLoading') ? 'Checking installations…' : '');
+  status.dataset.state = store.get('personalProvidersError') ? 'error' : store.get('personalProvidersNotice') ? 'info' : ''; root.appendChild(status);
+  var refresh = document.createElement('button'); refresh.type = 'button'; refresh.className = 'settings-btn-sm';
+  refresh.textContent = 'Refresh status'; refresh.disabled = !!store.get('personalProvidersLoading') || !!store.get('personalProviderSigningIn') || !!store.get('personalProviderInstallBusy');
+  refresh.onclick = loadPersonalProviders;
+  var headingActions=document.getElementById('us-provider-refresh'); if (headingActions) headingActions.replaceChildren(refresh);
+  var catalog = store.get('personalProviderCatalog'); if (!catalog) return;
+  var runtime=catalog.runtime;
+  var scope = document.createElement('p'); scope.className = 'settings-hint'; scope.textContent = 'Account: ' + (catalog.accountName || catalog.owner) + ' · ' + (runtime.shared ? 'Shared server OS account: ' : 'Mapped OS account: ') + runtime.user; root.appendChild(scope);
+  if (runtime.shared) { var shared=document.createElement('p'); shared.className='settings-hint'; shared.textContent='Provider credentials are shared across Clay Studio accounts.'; root.appendChild(shared); }
+  var details=document.createElement('details'); details.className='settings-runtime-details settings-hint'; details.open=!!store.get('personalProviderRuntimeDetailsOpen');
+  var summary=document.createElement('summary'); summary.textContent='Runtime details';
+  var exact=document.createElement('p'); exact.className='settings-hint'; exact.dataset.providerRuntime=''; exact.textContent='OS account: '+runtime.user+' · UID '+runtime.uid+' · HOME '+runtime.home;
+  details.append(summary,exact); details.ontoggle=function () { if (details.isConnected && store.get('personalProviderCatalog') === catalog) store.set({personalProviderRuntimeDetailsOpen:details.open}); }; root.appendChild(details);
+  catalog.providers.forEach(function (provider) {
+    var row = document.createElement('div'); row.className = 'us-voice-row'; row.dataset.codingProvider = provider.id;
+    var controls = document.createElement('div'); controls.className = 'us-voice-row-controls';
+    var logo = document.createElement('img'); logo.src = provider.icon; logo.alt = ''; logo.className = 'us-voice-provider-logo';
+    var copy = document.createElement('div'); copy.className = 'us-voice-provider-copy';
+    var name = document.createElement('strong'); name.textContent = provider.name;
+    var state = document.createElement('small'); state.textContent = (provider.installed === true ? 'Installed' : provider.installed === false ? 'Not installed' : 'Installation unavailable') + ((store.get('personalProviderSignInResults') || {})[provider.id] ? ' · Sign-in reported success · Not tested' : ' · Authentication unknown · Not tested');
+    copy.append(name, state);
+    var manage = document.createElement('button'); manage.type = 'button'; manage.className = 'settings-btn-sm';
+    manage.textContent = provider.installed ? 'Manage' : provider.canInstall ? 'Install' : 'Setup instructions'; manage.setAttribute('aria-label', manage.textContent + ' ' + provider.name);
+    manage.setAttribute('aria-expanded', String(store.get('personalProviderEditing') === provider.id));
+    manage.setAttribute('aria-controls', 'provider-setup-' + provider.id);
+    manage.onclick = function () { store.set({personalProviderEditing:store.get('personalProviderEditing') === provider.id ? null : provider.id}); render(); var button = root.querySelector('[data-coding-provider="' + provider.id + '"] button'); if (button) button.focus(); };
+    controls.append(logo, copy, manage); row.appendChild(controls);
+    var editor = document.createElement('div'); editor.id = 'provider-setup-' + provider.id; editor.className = 'settings-card'; editor.hidden = store.get('personalProviderEditing') !== provider.id;
+    var detail = document.createElement('p'); detail.className = 'settings-hint'; detail.textContent = provider.reason || (provider.installed ? 'Runtime: '+runtime.user+' · HOME '+runtime.home+'. Sign-in uses this account. It can replace that OS account’s provider credentials. Sign-in does not send or replay any task. Provider logout and credential inspection are unavailable here.' : provider.setup); editor.appendChild(detail);
+    if (provider.reason && !provider.installed) { var setup = document.createElement('p'); setup.className = 'settings-hint'; setup.textContent = provider.setup; editor.appendChild(setup); }
+    if (!provider.installed && !provider.canInstall && provider.setupUrl) { var source=document.createElement('a'); source.className='settings-link'; source.href=provider.setupUrl; source.target='_blank'; source.rel='noopener noreferrer'; source.textContent='Official setup instructions'; editor.appendChild(source); }
+    renderProviderInstall(editor,provider,render);
+    if (provider.canSignIn) {
+      function signIn(mode) {
+        if (store.get('personalProviderSigningIn') || !store.get('personalProviderRevision') || store.get('personalProvidersLoading')) return;
+        var results=Object.assign({},store.get('personalProviderSignInResults') || {}); delete results[provider.id];
+        store.set({personalProviderSigningIn:provider.id,personalProvidersError:'',personalProvidersNotice:'',personalProviderSignInResults:results});
+        if (!requestVendorLogin(provider.id, {personalRequestId:store.get('personalProviderRevision'),mode:mode})) {
+          store.set({personalProviderSigningIn:null,personalProvidersError:'Reconnect the workspace and refresh status before signing in.'}); render();
+        }
+        render();
+      }
+      var actions = document.createElement('div'); actions.className = 'settings-form-actions';
+      var button = document.createElement('button'); button.type = 'button'; button.className = 'settings-btn-sm'; button.textContent = 'Sign in'; button.disabled = !!store.get('personalProviderSigningIn') || !store.get('personalProviderRevision');
+      button.onclick = function () { signIn(provider.browser ? 'browser' : 'terminal'); }; actions.appendChild(button);
+      if (provider.browser) { var terminal = document.createElement('button'); terminal.type = 'button'; terminal.className = 'settings-btn-sm'; terminal.textContent = 'Use terminal sign-in'; terminal.disabled = !!store.get('personalProviderSigningIn') || !store.get('personalProviderRevision'); terminal.onclick = function () { signIn('terminal'); }; actions.appendChild(terminal); }
+      if (store.get('personalProviderSigningIn') === provider.id) { var cancel = document.createElement('button'); cancel.type = 'button'; cancel.className = 'settings-btn-sm'; cancel.textContent = 'Cancel sign-in'; cancel.onclick = function () { cancelVendorLogin(provider.id); store.set({personalProviderSigningIn:null}); render(); }; actions.appendChild(cancel); }
+      editor.appendChild(actions);
+    }
+    row.appendChild(editor); root.appendChild(row);
+  });
+}
+export function loadPersonalProviders() {
+  resetProviderInstall();
+  var ws = getWs();
+  var id = crypto.randomUUID();
+  store.set({personalProvidersOpen:true,personalProviderRequest:id,personalProviderContext:personalProviderContext(),personalProviderRevision:null,personalProvidersLoading:true,personalProvidersError:'',personalProvidersNotice:'',personalProviderSignInResults:{}});
+  if (!ws || ws.readyState !== 1) { store.set({personalProvidersLoading:false,personalProvidersError:'Connect to a project workspace to check provider installations and sign in.'}); render(); return; }
+  ws.send(JSON.stringify({type:'vendor_login_catalog_request', requestId:id})); render();
+  setTimeout(function () { if (store.get('personalProviderRequest') === id && store.get('personalProvidersLoading')) { store.set({personalProvidersLoading:false,personalProvidersError:'Provider status timed out. Reconnect, then refresh status.'}); render(); } },10000);
+}
+export function handlePersonalProviderMessage(message) {
+  if (handleProviderInstall(message,render)) return true;
+  if (message.type !== 'vendor_login_catalog') {
+    if (message.personalRequestId && store.get('personalProvidersOpen') && store.get('personalProviderContext') === personalProviderContext() && message.personalRequestId === store.get('personalProviderRevision') && ['vendor_login_ready','vendor_login_error','auth_refreshed'].indexOf(message.type) >= 0) {
+      var succeeded=message.type === 'auth_refreshed' && !message.error;
+      var results=Object.assign({},store.get('personalProviderSignInResults') || {});
+      if (succeeded) results[message.vendor]=true; else if (message.type === 'vendor_login_error') delete results[message.vendor];
+      store.set({personalProviderSigningIn:message.type === 'vendor_login_ready' ? message.vendor : null,personalProviderSignInResults:results,personalProvidersError:message.error || '',personalProvidersNotice:succeeded ? 'Sign-in reported success. Explicitly retry your task to test provider access.' : ''}); render();
+    }
+    if (message.type === 'vendor_login_state' && store.get('personalProviderSigningIn') && !(message.flows || []).some(function (flow) { return flow.personalRequestId === store.get('personalProviderRevision'); })) { store.set({personalProviderSigningIn:null}); render(); }
+    return false;
+  }
+  if (!store.get('personalProvidersOpen') || message.requestId !== store.get('personalProviderRequest') || store.get('personalProviderContext') !== personalProviderContext()) return true;
+  store.set({personalProvidersLoading:false,personalProvidersError:message.error || '',personalProviderCatalog:message.error ? null : message,personalProviderRevision:message.revision || null}); render(); return true;
+}
+export function leavePersonalProviders() {
+  if (!store.get('personalProvidersOpen')) return;
+  resetProviderInstall();
+  var signing = store.get('personalProviderSigningIn'); if (signing) cancelVendorLogin(signing);
+  var ws = getWs(); if (ws && ws.readyState === 1) ws.send(JSON.stringify({type:'vendor_login_personal_release'}));
+  store.set({personalProvidersOpen:false,personalProviderRequest:null,personalProviderRevision:null,personalProviderSigningIn:null,personalProvidersLoading:false});
+}
+export function initPersonalProviders() {
+  store.subscribe(function (state, previous) {
+    if (state.myUserId !== previous.myUserId || state.currentSlug !== previous.currentSlug || state.projectSplitViewSocketGeneration !== previous.projectSplitViewSocketGeneration || state.connected === false && previous.connected !== false) {
+      leavePersonalProviders(); store.set({personalProviderCatalog:null,personalProviderEditing:null,personalProviderRuntimeDetailsOpen:false,personalProvidersNotice:'',personalProviderSignInResults:{},personalProvidersError:'Connection or account changed. Refresh status to continue.'}); render();
+    }
+  });
+  render();
+}

package/lib/public/modules/user-settings-voice.js

@@ -3,73 +3,82 @@ import { saveSpeechSettings, loadSpeechSettings } from './stt-settings.js';
 import { confirmSettingsAction } from './server-settings-state.js';
 
 export function initPersonalVoice() {
-  var root = document.getElementById('us-voice-settings');
-  root.innerHTML = '<h3>Voice providers</h3><p class="settings-hint">Manage your personal API keys here. Choose the voice model, transcription mode and language from the microphone menu in the composer. Browser speech needs no API key.</p><div class="us-voice-providers" aria-label="Voice providers"></div><div id="us-voice-connection" hidden><form id="us-voice-key-form"><label class="settings-label" for="us-voice-key">API key</label><input id="us-voice-key" class="us-text-input" type="password" autocomplete="off" spellcheck="false" maxlength="4096" required><p id="us-voice-privacy" class="settings-hint"></p><div class="settings-form-actions"><button type="submit" class="settings-btn-sm">Save key</button><button type="button" id="us-voice-key-cancel" class="settings-btn-sm">Cancel</button><a id="us-voice-get-key" target="_blank" rel="noopener noreferrer">Get API key ↗</a></div></form><button type="button" id="us-voice-remove" class="settings-btn-sm">Remove saved key</button></div><p class="settings-status" role="status" id="us-voice-status"></p><button type="button" class="settings-btn-sm" id="us-voice-retry" hidden>Reload providers</button>';
-  var list = root.querySelector('.us-voice-providers'); var editor = root.querySelector('#us-voice-connection');
-  var form = root.querySelector('form'); var key = form.querySelector('input'); var status = root.querySelector('[role=status]');
-  var remove = root.querySelector('#us-voice-remove'); var retry = root.querySelector('#us-voice-retry');
+  var root = document.getElementById('us-voice-settings'); if (!root) return;
+  root.innerHTML = '<p class="settings-hint">Audio transcription: convert microphone audio into text for voice input. Choose the model, mode and language in the microphone menu. Browser speech needs no API key.</p><h4>Your connections</h4><div id="us-api-connections"></div><p id="us-api-empty" class="settings-hint">No API connections yet. Choose a provider below to add an audio transcription key.</p><section class="us-integration-catalog"><h4>Available providers</h4><div class="us-integration-tiles"></div></section><div id="us-api-setup"></div><div id="us-voice-connection" hidden><form id="us-voice-key-form"><label class="settings-label" for="us-voice-key">API key</label><input id="us-voice-key" class="us-text-input" type="password" autocomplete="off" spellcheck="false" maxlength="4096"><p id="us-voice-key-help" class="settings-hint"></p><p id="us-voice-privacy" class="settings-hint"></p><div class="settings-form-actions"><button type="submit" class="settings-btn-sm">Save connection</button><button type="button" id="us-voice-key-cancel" class="settings-btn-sm">Cancel</button><button type="button" id="us-voice-remove" class="settings-btn-sm">Remove saved key</button><a id="us-voice-get-key" target="_blank" rel="noopener noreferrer">Get API key ↗</a></div></form></div><p class="settings-status" role="status" aria-live="polite" id="us-voice-status"></p><button type="button" class="settings-btn-sm" id="us-voice-retry" hidden>Reload providers</button>';
+  var list = root.querySelector('#us-api-connections'), tiles = root.querySelector('.us-integration-tiles');
+  var editor = root.querySelector('#us-voice-connection'), form = root.querySelector('form');
+  var key = form.querySelector('input'), status = root.querySelector('[role=status]');
+  var remove = root.querySelector('#us-voice-remove'), retry = root.querySelector('#us-voice-retry');
   function sync() {
-    var settings = store.get('speechSettings'); var busy = !!store.get('speechSettingsSaving');
+    var settings = store.get('speechSettings'), busy = !!store.get('speechSettingsSaving');
+    root.appendChild(editor); retry.before(status); list.replaceChildren(); tiles.replaceChildren();
     if (settings) {
-      var signature = settings.providers.map(function (provider) { return provider.id; }).join(',');
-      if (list.dataset.catalog !== signature) {
-        root.appendChild(editor); list.replaceChildren(); list.dataset.catalog = signature;
-        settings.providers.forEach(function (provider) {
-          var row = document.createElement('div'); row.className = 'us-voice-row'; row.dataset.voiceProvider = provider.id;
-          var controls = document.createElement('div'); controls.className = 'us-voice-row-controls';
-          var image = document.createElement('img'); image.className = 'us-voice-provider-logo'; image.src = provider.icon; image.alt = '';
-          var copy = document.createElement('div'); copy.className = 'us-voice-provider-copy';
-          var name = document.createElement('strong'); name.textContent = provider.name;
-          var state = document.createElement('small'); state.className = 'us-voice-key-state'; copy.appendChild(name); copy.appendChild(state);
-          var button = document.createElement('button'); button.type = 'button'; button.className = 'settings-btn-sm us-voice-key-action'; button.dataset.voiceKey = provider.id;
-          button.setAttribute('aria-controls','us-voice-connection');
-          button.onclick = function () { discardThen(function () { store.set({userVoiceKeyProvider:provider.id}); status.textContent = ''; sync(); key.focus(); }); };
-          controls.appendChild(image); controls.appendChild(copy); controls.appendChild(button); row.appendChild(controls); list.appendChild(row);
-        });
-      }
-      list.querySelectorAll('[data-voice-provider]').forEach(function (row) {
-        var id = row.dataset.voiceProvider; var connected = settings.configured.indexOf(id) >= 0; var button = row.querySelector('[data-voice-key]');
-        row.querySelector('.us-voice-key-state').textContent = connected ? 'Key saved' : 'Not connected';
-        button.textContent = connected ? 'API key' : 'Connect'; button.disabled = busy;
-        button.setAttribute('aria-label', (connected ? 'Manage ' : 'Connect ') + row.querySelector('strong').textContent + ' API key');
-        button.setAttribute('aria-expanded',String(store.get('userVoiceKeyProvider') === id));
+      root.querySelector('#us-api-empty').hidden = !!settings.configured.length;
+      settings.providers.forEach(function (provider) {
+        var connected = settings.configured.indexOf(provider.id) >= 0;
+        var row = document.createElement('div'); row.className = 'us-voice-row'; row.dataset.voiceProvider = provider.id;
+        var controls = document.createElement('div'); controls.className = 'us-voice-row-controls';
+        var image = document.createElement('img'); image.className = 'us-voice-provider-logo'; image.src = provider.icon; image.alt = '';
+        var copy = document.createElement('div'); copy.className = 'us-voice-provider-copy';
+        var name = document.createElement('strong'); name.textContent = provider.name; copy.appendChild(name);
+        var button = document.createElement('button'); button.type = 'button'; button.className = connected ? 'settings-btn-sm' : 'us-integration-tile'; button.dataset.voiceKey = provider.id;
+        button.setAttribute('aria-label', (connected ? 'Manage ' : 'Add ') + provider.name + ' API key');
+        button.setAttribute('aria-controls','us-voice-connection'); button.setAttribute('aria-expanded',String(store.get('userVoiceKeyProvider') === provider.id)); button.disabled = busy;
+        button.onclick = function () { discardThen(function () { key.value = ''; store.set({userVoiceKeyProvider:provider.id,userVoiceDirty:false}); status.textContent = ''; sync(); key.focus(); }); };
+        if (connected) {
+          var purpose = document.createElement('small'); purpose.textContent = 'Audio transcription'; copy.appendChild(purpose);
+          var saved = document.createElement('span'); saved.className = 'us-integration-state'; saved.textContent = 'Key saved'; button.textContent = 'Manage';
+          controls.append(image,copy,saved,button); row.appendChild(controls); list.appendChild(row);
+        } else {
+          var title = document.createElement('span'); title.textContent = provider.name; button.append(image,title); tiles.appendChild(button);
+        }
       });
       var provider = settings.providers.find(function (item) { return item.id === store.get('userVoiceKeyProvider'); });
       editor.hidden = !provider;
       if (provider) {
         var connected = settings.configured.indexOf(provider.id) >= 0;
         var row = Array.from(list.children).find(function (item) { return item.dataset.voiceProvider === provider.id; });
-        if (editor.parentElement !== row) row.appendChild(editor);
-        if (status.parentElement !== editor) editor.appendChild(status);
+        (row || root.querySelector('#us-api-setup')).appendChild(editor); editor.appendChild(status);
         form.querySelector('label').textContent = provider.name + ' API key';
-        key.placeholder = connected ? 'Enter a replacement key' : 'Enter API key'; remove.hidden = !connected;
-        root.querySelector('#us-voice-privacy').textContent = 'Stored privately on your Clay server and shared by all ' + provider.name + ' voice models. Audio is sent to ' + provider.name + '; usage is billed to your account.';
+        key.required = !connected; key.placeholder = connected ? '•••••••• — saved key' : 'Enter API key'; remove.hidden = !connected;
+        root.querySelector('#us-voice-key-help').textContent = connected ? 'Leave blank to keep the saved key. Key saved does not verify provider access.' : 'Enter an API key for audio transcription. Saving does not verify provider access.';
+        root.querySelector('#us-voice-privacy').textContent = 'Stored privately on your Clay Studio server for your account and shared by all ' + provider.name + ' voice models. Audio is sent to ' + provider.name + '; usage is billed to your provider account.';
         root.querySelector('#us-voice-get-key').href = provider.url;
-      } else { if (editor.parentElement !== root) root.appendChild(editor); retry.before(status); }
-    } else list.textContent = 'Loading providers…';
+      }
+    } else { list.textContent = store.get('speechSettingsError') ? 'Provider collection unavailable.' : 'Loading providers…'; root.querySelector('#us-api-empty').hidden = true; editor.hidden = true; }
     editor.querySelectorAll('input,button').forEach(function (control) { control.disabled = busy || !settings; });
     retry.hidden = !store.get('speechSettingsError'); retry.disabled = busy;
-    if (store.get('speechSettingsError')) { status.textContent = store.get('speechSettingsError'); status.dataset.state = 'error'; }
+    if (store.get('speechSettingsError')) { status.textContent = store.get('speechSettingsError'); status.dataset.state = 'error'; status.dataset.loadError = 'true'; }
+    else if (status.dataset.loadError) { status.textContent = ''; status.dataset.state = ''; delete status.dataset.loadError; }
   }
   function discardThen(action) {
     if (!key.value) { action(); return; }
-    confirmSettingsAction('Discard the unsaved voice API key?', 'Discard', function () { key.value = ''; store.set({userVoiceDirty:false}); action(); });
+    confirmSettingsAction('Discard the unsaved audio transcription API key?', 'Discard', function () { key.value = ''; store.set({userVoiceDirty:false}); action(); });
   }
   function closeEditor() {
     var id = store.get('userVoiceKeyProvider'); key.value = ''; store.set({userVoiceKeyProvider:null,userVoiceDirty:false}); sync();
     var button = root.querySelector('[data-voice-key="' + id + '"]'); if (button) button.focus();
   }
   async function save(value) {
-    var provider = store.get('userVoiceKeyProvider'); if (!provider) return;
+    var provider = store.get('userVoiceKeyProvider'); if (!provider || store.get('speechSettingsSaving')) return;
+    var actor = store.get('myUserId'), generation = store.get('speechSettingsContextGeneration');
+    var configured = (store.get('speechSettings') || {}).configured || [];
+    if (value === '' && configured.indexOf(provider) >= 0) { closeEditor(); status.textContent = 'No key changes. Your voice model and language are unchanged.'; return; }
     status.textContent = 'Saving…'; status.dataset.state = '';
-    try { await saveSpeechSettings({provider:provider,key:value}); closeEditor(); status.textContent = value === null ? 'Key removed. Reconnect this provider before using its voice models.' : 'Key saved. Your voice model and language are unchanged.'; }
-    catch (error) { status.textContent = error.message; status.dataset.state = 'error'; sync(); }
+    try {
+      await saveSpeechSettings({provider:provider,key:value});
+      if (actor !== store.get('myUserId') || generation !== store.get('speechSettingsContextGeneration')) return;
+      closeEditor(); status.textContent = value === null ? 'Key removed. Reconnect this provider before using its voice models.' : 'Key saved. Your voice model and language are unchanged.';
+    } catch (error) { if (actor === store.get('myUserId') && generation === store.get('speechSettingsContextGeneration')) { status.textContent = error.message; status.dataset.state = 'error'; sync(); } }
   }
   key.oninput = function () { store.set({userVoiceDirty:!!key.value}); };
   form.onsubmit = function (event) { event.preventDefault(); save(key.value); };
   root.querySelector('#us-voice-key-cancel').onclick = function () { discardThen(function () { closeEditor(); status.textContent = ''; }); };
-  remove.onclick = function () { confirmSettingsAction('Remove this provider’s saved voice key? Models using it will require reconnection.', 'Remove key', function () { save(null); }); };
+  remove.onclick = function () { confirmSettingsAction('Remove this provider’s saved audio transcription key? Models using it will require reconnection.', 'Remove key', function () { save(null); }); };
   retry.onclick = loadSpeechSettings;
-  store.subscribe(function (state, previous) { if (state.speechSettings !== previous.speechSettings || state.speechSettingsSaving !== previous.speechSettingsSaving || state.speechSettingsError !== previous.speechSettingsError) sync(); });
+  store.subscribe(function (state, previous) {
+    if (state.speechSettingsContextGeneration !== previous.speechSettingsContextGeneration) { key.value = ''; status.textContent = ''; store.set({userVoiceKeyProvider:null,userVoiceDirty:false}); }
+    if (state.speechSettings !== previous.speechSettings || state.speechSettingsSaving !== previous.speechSettingsSaving || state.speechSettingsError !== previous.speechSettingsError || state.speechSettingsContextGeneration !== previous.speechSettingsContextGeneration) sync();
+  });
   sync();
 }

package/lib/public/modules/vendor-login-browser.js

@@ -81,7 +81,7 @@ export function openLoginBrowser(msg) {
     }
     cancel();
     if (isMcp) ws.send(JSON.stringify({ type: 'mcp_connection_action', action: 'signin', id: msg.connectionId }));
-    else requestVendorLogin(msg.vendor, { mode: mode });
+    else requestVendorLogin(msg.vendor, { mode: mode, sessionId: msg.sessionId, workerAuthRequestId: msg.workerAuthRequestId, personalRequestId: msg.personalRequestId });
   }
   dialog.querySelector('[data-action="cancel"]').onclick = cancel;
   dialog.querySelector('[data-action="retry"]').onclick = function () { restart("browser"); };