clay-server 2.33.0 → 2.33.1

package/lib/public/index.html

@@ -858,6 +858,7 @@
       </div>
     </div>
     <div class="user-island-actions">
+      <button id="user-theme-toggle-btn" title="Switch theme" aria-label="Switch theme"><i data-lucide="moon"></i></button>
       <button id="user-settings-btn" title="User settings"><i data-lucide="settings"></i></button>
     </div>
   </div>
@@ -928,23 +929,48 @@
         <div class="us-section" data-section="us-account">
           <h2>Account</h2>
           <div class="settings-card">
-            <div class="settings-field-row">
-              <div>
-                <div class="settings-label">Username</div>
-                <div class="settings-value" id="us-username">-</div>
+            <div class="us-account-hero">
+              <div class="us-account-avatar" aria-hidden="true">
+                <img id="us-account-avatar-img" class="us-account-avatar-img hidden" alt="">
+                <span id="us-account-avatar-fallback" class="us-account-avatar-fallback">?</span>
+              </div>
+              <div class="us-account-hero-copy">
+                <div class="us-account-name" id="us-account-name">-</div>
+                <div class="us-account-subline" id="us-account-subline">-</div>
+                <div class="settings-hint">Your profile is stored on this server and used across sessions.</div>
               </div>
             </div>
           </div>
           <h3>Security</h3>
           <div class="settings-card">
-            <div class="settings-field">
-              <label class="settings-label">PIN</label>
-              <div class="settings-hint">6-digit code used to sign in to your account.</div>
-              <div class="us-pin-row">
-                <input type="password" class="us-text-input us-pin-input" id="us-pin-input" maxlength="6" inputmode="numeric" pattern="[0-9]*" placeholder="Enter new PIN" autocomplete="off">
-                <button class="us-btn" id="us-pin-save" disabled>Change PIN</button>
+            <div class="settings-field-row">
+              <div>
+                <label class="settings-label">PIN</label>
+                <div class="settings-hint">Protect the web UI with a 6-digit PIN.</div>
               </div>
-              <div class="us-pin-msg hidden" id="us-pin-msg"></div>
+              <button class="settings-btn-sm" id="us-pin-set-btn">Set PIN</button>
+            </div>
+            <div class="settings-field hidden" id="us-pin-form">
+              <div class="settings-pin-form-title" id="us-pin-form-title">Change PIN</div>
+              <div class="settings-pin-current-row" id="us-pin-current-row">
+                <label class="settings-label" for="us-pin-current-input">Current PIN</label>
+                <input type="password" class="us-text-input us-pin-input" id="us-pin-current-input" maxlength="6" inputmode="numeric" pattern="[0-9]*" placeholder="000000" autocomplete="off">
+              </div>
+              <div class="settings-pin-row">
+                <div class="settings-pin-field">
+                  <label class="settings-label" for="us-pin-input">New PIN</label>
+                  <input type="password" class="us-text-input us-pin-input" id="us-pin-input" maxlength="6" inputmode="numeric" pattern="[0-9]*" placeholder="000000" autocomplete="off">
+                </div>
+                <div class="settings-pin-field">
+                  <label class="settings-label" for="us-pin-confirm-input">Confirm PIN</label>
+                  <input type="password" class="us-text-input us-pin-input" id="us-pin-confirm-input" maxlength="6" inputmode="numeric" pattern="[0-9]*" placeholder="000000" autocomplete="off">
+                </div>
+              </div>
+              <div class="settings-pin-actions-row">
+                <button class="us-btn" id="us-pin-save" disabled>Save</button>
+                <button class="settings-btn-sm settings-btn-ghost" id="us-pin-cancel">Cancel</button>
+              </div>
+              <div class="settings-hint settings-pin-error hidden" id="us-pin-msg"></div>
             </div>
           </div>
         </div>
@@ -987,6 +1013,21 @@
         <!-- Chat section -->
         <div class="us-section" data-section="us-chat">
           <h2>Chat</h2>
+          <div class="settings-card">
+            <div class="settings-field">
+              <label class="settings-label" for="us-lang-select">Voice Input Language</label>
+              <div class="settings-hint">Used by speech-to-text when you dictate messages.</div>
+              <select id="us-lang-select" class="settings-select us-lang-select">
+                <option value="en-US">English</option>
+                <option value="ko-KR">Korean</option>
+                <option value="ja-JP">Japanese</option>
+                <option value="zh-CN">Chinese</option>
+                <option value="es-ES">Spanish</option>
+                <option value="fr-FR">French</option>
+                <option value="de-DE">German</option>
+              </select>
+            </div>
+          </div>
           <div class="settings-card">
             <label class="settings-toggle-row">
               <div>

package/lib/public/modules/app-connection.js

@@ -7,19 +7,15 @@ import { getStatusDot, getSendBtn } from './dom-refs.js';
 import { setSendBtnMode, blinkIO, setActivity } from './app-favicon.js';
 import { startLogoAnimation, stopLogoAnimation } from './ascii-logo.js';
 import { hasSendableContent } from './input.js';
-import { isNotifAlertEnabled } from './notifications.js';
 import { processMessage } from './app-messages.js';
 import { flushPendingExtMessages } from './app-misc.js';
 import { resetTerminals } from './terminal.js';
 import { closeDmUserPicker } from './sidebar-mates.js';
 import { openDm } from './app-dm.js';
 
-var wasConnected = false;
 var reconnectTimer = null;
 var reconnectDelay = 1000;
 var connectTimeoutId = null;
-var disconnectNotifTimer = null;
-var disconnectNotifShown = false;
 var connectOverlay = null;
 
 export function initConnection() {
@@ -162,24 +158,6 @@ export function connect() {
 
   newWs.onopen = function () {
     if (connectTimeoutId) { clearTimeout(connectTimeoutId); connectTimeoutId = null; }
-    // Cancel pending "connection lost" notification if reconnected quickly
-    if (disconnectNotifTimer) {
-      clearTimeout(disconnectNotifTimer);
-      disconnectNotifTimer = null;
-    }
-    // Only show "restored" notification if "lost" was actually shown
-    var isMobileDevice = /Mobi|Android|iPad|iPhone|iPod/.test(navigator.userAgent) ||
-      (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
-    if (wasConnected && disconnectNotifShown && !isMobileDevice && isNotifAlertEnabled() && !document.hasFocus() && "serviceWorker" in navigator && Notification.permission === "granted") {
-      navigator.serviceWorker.ready.then(function (reg) {
-        return reg.showNotification("Clay", {
-          body: "Server connection restored",
-          tag: "claude-disconnect",
-        });
-      }).catch(function () {});
-    }
-    disconnectNotifShown = false;
-    wasConnected = true;
     setStatus("connected");
     reconnectDelay = 1000;
     if (reconnectTimer) { clearTimeout(reconnectTimer); reconnectTimer = null; }
@@ -200,23 +178,6 @@ export function connect() {
     closeDmUserPicker();
     setStatus("disconnected");
     setActivity(null);
-    // Delay "connection lost" notification by 5s to suppress brief disconnects
-    if (!disconnectNotifTimer) {
-      disconnectNotifTimer = setTimeout(function () {
-        disconnectNotifTimer = null;
-        disconnectNotifShown = true;
-        var isMobileDevice = /Mobi|Android|iPad|iPhone|iPod/.test(navigator.userAgent) ||
-          (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
-        if (!isMobileDevice && isNotifAlertEnabled() && !document.hasFocus() && "serviceWorker" in navigator && Notification.permission === "granted") {
-          navigator.serviceWorker.ready.then(function (reg) {
-            return reg.showNotification("Clay", {
-              body: "Server connection lost",
-              tag: "claude-disconnect",
-            });
-          }).catch(function () {});
-        }
-      }, 5000);
-    }
     scheduleReconnect();
   };
 

package/lib/public/modules/app-messages.js

@@ -37,7 +37,7 @@ import { handleMcpServersState } from './mcp-ui.js';
 import { handleLoopRegistryUpdated, handleScheduleRunStarted, handleScheduleRunFinished, handleLoopScheduled, isSchedulerOpen, enterCraftingMode, exitCraftingMode, handleLoopRegistryFiles } from './scheduler.js';
 
 // --- App module imports ---
-import { scrollToBottom, addToMessages, addUserMessage, addSystemMessage, removeMatePreThinking, appendDelta, finalizeAssistantBlock, addConflictMessage, addContextOverflowMessage, addAuthRequiredMessage, showSuggestionChips } from './app-rendering.js';
+import { scrollToBottom, addToMessages, addUserMessage, addSystemMessage, removeMatePreThinking, appendDelta, finalizeAssistantBlock, addConflictMessage, addContextOverflowMessage, showSuggestionChips } from './app-rendering.js';
 import { setActivity, startUrgentBlink, stopUrgentBlink, blinkSessionDot, updateCrossProjectBlink } from './app-favicon.js';
 import { setStatus } from './app-connection.js';
 import { getModelEffortLevels, accumulateUsage, updateUsagePanel, accumulateContext, updateContextPanel, renderCtxPopover, updateStatusPanel } from './app-panels.js';
@@ -343,7 +343,7 @@ export function processMessage(msg) {
         } else {
           _miUpdate.currentModel = store.get('currentModel');
         }
-        if (msg.vendor) _miUpdate.currentVendor = msg.vendor;
+        if (msg.vendor && !store.get('vendorSelectionLocked')) _miUpdate.currentVendor = msg.vendor;
         if (msg.availableVendors) _miUpdate.availableVendors = msg.availableVendors;
         if (msg.installedVendors) _miUpdate.installedVendors = msg.installedVendors;
         store.set(_miUpdate);
@@ -506,10 +506,16 @@ export function processMessage(msg) {
         }
         store.set({ activeSessionId: msg.id, cliSessionId: msg.cliSessionId || null, vendorCapabilities: msg.capabilities || {} });
         if (msg.vendor) {
-          store.set({ currentVendor: msg.vendor });
+          if (!store.get('vendorSelectionLocked') || msg.hasHistory) {
+            store.set({ currentVendor: msg.vendor });
+          }
+          if (msg.hasHistory) {
+            store.set({ vendorSelectionLocked: false });
+          }
         } else if (msg.hasHistory) {
           // Existing session without explicit vendor: reset to claude
           store.set({ currentVendor: "claude" });
+          store.set({ vendorSelectionLocked: false });
         } else if (!msg.hasHistory) {
           // New session without vendor: use mate's default vendor if in DM mode
           var _dmTarget = store.get('dmTargetUser');
@@ -523,6 +529,9 @@ export function processMessage(msg) {
             }
           }
         }
+        if (!msg.hasHistory && !msg.vendor) {
+          // Preserve explicit pre-message vendor choice on brand-new sessions.
+        }
         // Show vendor toggle only for new sessions (no history)
         var _vtw = document.getElementById("vendor-toggle-wrap");
         if (_vtw) {
@@ -914,7 +923,12 @@ export function processMessage(msg) {
       case "auth_required":
         removeMatePreThinking();
         setActivity(null);
-        addAuthRequiredMessage(msg);
+        stopThinking();
+        markAllToolsDone();
+        closeToolGroup();
+        appendDelta((msg.text || "Authentication required.") + "\n");
+        setStatus("connected");
+        if (!store.get('loopActive')) enableMainInput();
         break;
 
       case "rate_limit":

package/lib/public/modules/app-notifications.js

@@ -10,6 +10,7 @@ import { openDm } from './app-dm.js';
 import { getCachedProjects } from './app-projects.js';
 import { switchProject } from './app-projects.js';
 import { mateAvatarUrl } from './avatar.js';
+import { openTerminal } from './terminal.js';
 var notifications = [];
 var unreadCount = 0;
 var bannerContainer = null;
@@ -21,6 +22,8 @@ var badgeEl = null;
 // per-banner-instance and doesn't need to persist. The next server push
 // (next hour) acts as a fresh ping.
 var pendingUpdateMsg = null;
+var activeAuthRequiredMsg = null;
+var authReminderVisible = false;
 
 // ========================================================
 // Init
@@ -54,7 +57,14 @@ function showAllBanners() {
   // Re-add update banner if present (may be suppressed by recent dismiss)
   if (pendingUpdateMsg) showUpdateBanner(pendingUpdateMsg);
 
-  // Check if any banner actually got rendered (update banner can be suppressed)
+  for (var i = 0; i < notifications.length; i++) {
+    showBanner(notifications[i], false);
+  }
+
+  if (activeAuthRequiredMsg) showAuthRequiredBanner(activeAuthRequiredMsg);
+  if (authReminderVisible) showLoginReminderBanner();
+
+  // Check if any banner actually got rendered (update/auth banners can be suppressed)
   var hasVisibleBanner = bannerContainer.children.length > 0;
   if (notifications.length === 0 && !hasVisibleBanner) {
     showBanner({
@@ -64,11 +74,6 @@ function showAllBanners() {
       body: "",
       slug: "",
     }, 3000);
-    return;
-  }
-
-  for (var i = 0; i < notifications.length; i++) {
-    showBanner(notifications[i], false);
   }
 }
 
@@ -80,20 +85,26 @@ function showBanner(notif, autoDismissMs) {
   if (!bannerContainer) return;
 
   var isEmpty = notif.id === "_empty";
-  var projectIcon = isEmpty ? null : getProjectIcon(notif.slug);
-  var projectName = isEmpty ? "" : getProjectName(notif.slug);
   var isPermission = notif.type === "permission_request" && notif.meta && notif.meta.requestId;
+  var isAuthRequired = notif.type === "auth_required";
+  var projectIcon = isEmpty ? null : getProjectIcon(notif.slug);
+  var projectName = isEmpty ? "" : (isAuthRequired ? "CLAY" : getProjectName(notif.slug));
   var mate = isEmpty ? null : getMateForNotification(notif);
 
   var banner = document.createElement("div");
-  banner.className = "notif-banner" + (isPermission ? " notif-banner-permission" : "");
+  banner.className = "notif-banner" + (isAuthRequired ? " notif-banner-update notif-banner-auth" : isPermission ? " notif-banner-permission" : "");
   if (!isEmpty) banner.setAttribute("data-notif-id", notif.id);
+  if (isAuthRequired) banner.setAttribute("data-auth-banner", "true");
 
   var iconHtmlStr = mate
     ? '<img class="notif-banner-avatar" src="' + escapeHtml(mateAvatarUrl(mate, 32)) + '" alt="' + escapeHtml(mate.displayName || mate.name || "Mate") + '">'
-    : projectIcon
+    : isAuthRequired
+      ? '<img src="/icon-banded-76.png" width="32" height="32" alt="Clay" style="border-radius:8px">'
+      : projectIcon
       ? '<span class="notif-banner-emoji">' + projectIcon + '</span>'
-      : iconHtml(isEmpty ? "check-circle" : "folder");
+      : isEmpty
+        ? '<img src="/icon-banded-76.png" width="32" height="32" alt="Clay" style="border-radius:8px">'
+        : iconHtml("folder");
 
   // Format permission title as "Can I ..." style
   if (isPermission && notif.meta) {
@@ -112,6 +123,11 @@ function showBanner(notif, autoDismissMs) {
         '<button class="notif-banner-deny">No</button>' +
         '<button class="notif-banner-goto" title="Go to session">' + iconHtml("external-link") + '</button>' +
       '</div>';
+  } else if (isAuthRequired) {
+    actionsHtml =
+      '<div class="notif-banner-actions">' +
+        '<button class="notif-banner-auth-login notif-banner-update-now">Open terminal &amp; log in</button>' +
+      '</div>';
   }
 
   banner.innerHTML =
@@ -133,19 +149,22 @@ function showBanner(notif, autoDismissMs) {
   });
 
   if (!isEmpty) {
-    // Click banner body -> navigate + dismiss
-    banner.addEventListener("click", function (e) {
-      if (e.target.closest(".notif-banner-close")) return;
-      removeBanner(banner);
-      dismissNotif(notif.id);
-      navigateToNotification(notif);
-    });
+    if (!isAuthRequired) {
+      // Click banner body -> navigate + dismiss
+      banner.addEventListener("click", function (e) {
+        if (e.target.closest(".notif-banner-close")) return;
+        removeBanner(banner);
+        dismissNotif(notif.id);
+        navigateToNotification(notif);
+      });
+    }
 
     // Close button -> dismiss
     var closeBtn = banner.querySelector(".notif-banner-close");
     if (closeBtn) {
       closeBtn.addEventListener("click", function (e) {
         e.stopPropagation();
+        if (isAuthRequired) activeAuthRequiredMsg = null;
         removeBanner(banner);
         dismissNotif(notif.id);
       });
@@ -191,6 +210,21 @@ function showBanner(notif, autoDismissMs) {
         });
       }
     }
+
+    if (isAuthRequired) {
+      var loginBtn = banner.querySelector(".notif-banner-auth-login");
+      if (loginBtn) {
+        loginBtn.addEventListener("click", function (e) {
+          e.stopPropagation();
+          activeAuthRequiredMsg = null;
+          removeBanner(banner);
+          dismissNotif(notif.id);
+          var authMeta = notif.meta || {};
+          startLoginCommand(authMeta.loginCommand || ((authMeta.vendor || "claude") === "codex" ? "codex login --device-auth" : "claude login"));
+          showLoginReminderBanner();
+        });
+      }
+    }
   }
 
   // Auto-dismiss (number = ms, false = stay)
@@ -201,6 +235,85 @@ function showBanner(notif, autoDismissMs) {
   }
 }
 
+function startLoginCommand(loginCommand) {
+  var ws = getWs();
+  if (!ws || ws.readyState !== 1) return;
+  var termCommand = (loginCommand || "claude login") + "\n";
+  store.set({ pendingTermCommand: termCommand });
+  ws.send(JSON.stringify({ type: "term_create", cols: 80, rows: 24 }));
+  openTerminal();
+}
+
+function showLoginReminderBanner() {
+  if (!bannerContainer) return;
+  authReminderVisible = true;
+  var existing = bannerContainer.querySelector('[data-auth-reminder="true"]');
+  if (existing) removeBanner(existing);
+  var banner = document.createElement("div");
+  banner.className = "notif-banner notif-banner-update";
+  banner.setAttribute("data-notif-id", "_auth_reminder");
+  banner.setAttribute("data-auth-reminder", "true");
+  banner.innerHTML =
+    '<div class="notif-banner-icon">' + iconHtml("check-circle") + '</div>' +
+    '<div class="notif-banner-body">' +
+      '<div class="notif-banner-project">CLAY</div>' +
+      '<div class="notif-banner-title">Login started</div>' +
+      '<div class="notif-banner-text">After the login completes, open a new session so Clay picks up the fresh auth state.</div>' +
+      '<div class="notif-banner-actions">' +
+        '<button class="notif-banner-new-session notif-banner-update-now">Open new session</button>' +
+      '</div>' +
+    '</div>' +
+    '<button class="notif-banner-close">' + iconHtml("x") + '</button>';
+
+  bannerContainer.appendChild(banner);
+  refreshIcons();
+
+  requestAnimationFrame(function () {
+    banner.classList.add("show");
+  });
+
+  var newSessionBtn = banner.querySelector(".notif-banner-new-session");
+  if (newSessionBtn) {
+    newSessionBtn.addEventListener("click", function (e) {
+      e.stopPropagation();
+      authReminderVisible = false;
+      var ws = getWs();
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: "new_session" }));
+      }
+      removeBanner(banner);
+    });
+  }
+
+  var closeBtn = banner.querySelector(".notif-banner-close");
+  if (closeBtn) {
+    closeBtn.addEventListener("click", function (e) {
+      e.stopPropagation();
+      authReminderVisible = false;
+      removeBanner(banner);
+    });
+  }
+}
+
+export function showAuthRequiredBanner(msg) {
+  if (!bannerContainer) return;
+  var vendor = (msg && (msg.vendor || (msg.meta && msg.meta.vendor))) || "claude";
+  var loginCommand = (msg && (msg.loginCommand || (msg.meta && msg.meta.loginCommand))) || (vendor === "codex" ? "codex login --device-auth" : "claude login");
+  activeAuthRequiredMsg = Object.assign({}, msg || {}, {
+    id: (msg && msg.id) || ("_auth_" + Date.now()),
+    type: "auth_required",
+    vendor: vendor,
+    loginCommand: loginCommand,
+    meta: Object.assign({}, msg && msg.meta ? msg.meta : {}, {
+      vendor: vendor,
+      loginCommand: loginCommand,
+    }),
+  });
+  var existing = bannerContainer.querySelector('[data-auth-banner="true"]');
+  if (existing) removeBanner(existing);
+  showBanner(activeAuthRequiredMsg, false);
+}
+
 function removeBanner(banner) {
   if (!banner || !banner.parentNode) return;
   banner.classList.remove("show");
@@ -306,7 +419,7 @@ export function handleNotificationCreated(msg) {
   // Auto-dismiss if it's for the session the user is currently viewing
   var activeSession = store.get('activeSessionId') || null;
   console.log("[notif] created:", notif.type, "sessionId=" + notif.sessionId + "(" + typeof notif.sessionId + ")", "active=" + activeSession + "(" + typeof activeSession + ")", "match=" + (notif.sessionId == activeSession));
-  if (notif.sessionId && String(notif.sessionId) === String(activeSession)) {
+  if (notif.type !== "auth_required" && notif.sessionId && String(notif.sessionId) === String(activeSession)) {
     dismissNotif(notif.id);
     return;
   }
@@ -315,7 +428,7 @@ export function handleNotificationCreated(msg) {
   unreadCount = msg.unreadCount;
   updateBadge();
 
-  var _autoDismiss = notif.type === "permission_request" ? false : true;
+  var _autoDismiss = notif.type === "permission_request" || notif.type === "auth_required" ? false : true;
   showBanner(notif, _autoDismiss);
 }
 

package/lib/public/modules/app-panels.js

@@ -410,7 +410,7 @@ export function initPanels() {
     if (vendor === (store.get('currentVendor') || "claude")) return;
     var installed = store.get('installedVendors') || [];
     if (installed.indexOf(vendor) === -1) return;
-    store.set({ currentVendor: vendor, currentModel: "", currentModels: [] });
+    store.set({ currentVendor: vendor, currentModel: "", currentModels: [], vendorSelectionLocked: true });
     var ws = getWs();
     if (ws) ws.send(JSON.stringify({ type: "set_vendor", vendor: vendor }));
   }

package/lib/public/modules/app-rendering.js

@@ -7,7 +7,6 @@ import { getMessagesEl, getInputEl, getSendBtn } from './dom-refs.js';
 import { escapeHtml, copyToClipboard } from './utils.js';
 import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks } from './markdown.js';
 import { iconHtml, refreshIcons } from './icons.js';
-import { openTerminal } from './terminal.js';
 import { userAvatarUrl } from './avatar.js';
 import { closeToolGroup } from './tools.js';
 import { showImageModal, showPasteModal } from './app-misc.js';
@@ -491,80 +490,6 @@ export function addContextOverflowMessage(msg) {
   scrollToBottom();
 }
 
-export function addAuthRequiredMessage(msg) {
-  var div = document.createElement("div");
-  div.className = "auth-required-msg";
-
-  var vendor = msg.vendor || "claude";
-  var loginCmd = msg.loginCommand || (vendor === "codex" ? "codex login --device-auth" : "claude login");
-  var vendorName = msg.text || "Claude Code is not logged in.";
-
-  var header = document.createElement("div");
-  header.className = "auth-required-header";
-  header.textContent = vendorName;
-  div.appendChild(header);
-
-  var hint = document.createElement("div");
-  hint.className = "auth-required-hint";
-
-  if (msg.canAutoLogin) {
-    if (msg.linuxUser) {
-      hint.textContent = "Opening a terminal as " + msg.linuxUser + " to log in...";
-    } else {
-      hint.textContent = "Opening a terminal to log in...";
-    }
-    div.appendChild(hint);
-
-    var guide = document.createElement("div");
-    guide.className = "auth-required-guide";
-    if (vendor === "codex") {
-      guide.textContent = "Run the login command in the terminal and follow the instructions to authenticate.";
-    } else {
-      guide.textContent = "When a login URL appears in the terminal, click it to open in your browser. Do not press 'c' as it will try to open the browser on the server.";
-    }
-    div.appendChild(guide);
-
-    var sessionHint = document.createElement("div");
-    sessionHint.className = "auth-required-guide";
-    sessionHint.textContent = "After logging in, start a new session to continue.";
-    div.appendChild(sessionHint);
-
-    var termCommand = loginCmd + "\n";
-    var loginBtn = document.createElement("button");
-    loginBtn.className = "auth-required-btn";
-    loginBtn.textContent = "Open terminal & log in";
-    loginBtn.addEventListener("click", function () {
-      store.set({ pendingTermCommand: termCommand });
-      getWs().send(JSON.stringify({ type: "term_create", cols: 80, rows: 24 }));
-      openTerminal();
-    });
-    div.appendChild(loginBtn);
-
-    addToMessages(div);
-    scrollToBottom();
-
-    var inputArea = document.getElementById("input-area");
-    if (inputArea) inputArea.classList.add("hidden");
-
-    if (!store.get('replayingHistory')) {
-      store.set({ pendingTermCommand: termCommand });
-      getWs().send(JSON.stringify({ type: "term_create", cols: 80, rows: 24 }));
-      openTerminal();
-    }
-  } else {
-    var adminVendorName = vendor.charAt(0).toUpperCase() + vendor.slice(1);
-    hint.textContent = "Please ask an administrator to log in to " + adminVendorName + ".";
-    div.appendChild(hint);
-    addToMessages(div);
-    scrollToBottom();
-
-    var inputEl = getInputEl();
-    inputEl.disabled = true;
-    inputEl.placeholder = "Login required. Start a new session after logging in.";
-    getSendBtn().disabled = true;
-  }
-}
-
 // --- Pre-thinking (instant dots before server responds) ---
 
 export function showClaudePreThinking() {

package/lib/public/modules/input.js

@@ -228,6 +228,7 @@ export function sendMessage() {
   // Hide vendor toggle after first message (vendor is locked to this session)
   var _vtw2 = document.getElementById("vendor-toggle-wrap");
   if (_vtw2) { _vtw2.classList.remove("hidden"); _vtw2.classList.add("locked"); }
+  store.set({ vendorSelectionLocked: false });
 
   // Show pre-thinking dots before server responds
   if (ctx.isMateDm && ctx.isMateDm()) {

package/lib/public/modules/profile.js

@@ -3,7 +3,7 @@
 // Avatar generated via DiceBear API (deterministic SVG from seed)
 
 import { iconHtml, refreshIcons } from './icons.js';
-import { setSTTLang, getSTTLang } from './stt.js';
+import { setSTTLang } from './stt.js';
 import { avatarUrl, mateAvatarUrl, AVATAR_STYLES } from './avatar.js';
 
 var ctx;
@@ -13,16 +13,6 @@ var popoverEl = null;
 var saveTimer = null;
 var previewSeed = '';
 
-var LANGUAGES = [
-  { code: 'en-US', name: 'English' },
-  { code: 'ko-KR', name: 'Korean' },
-  { code: 'ja-JP', name: 'Japanese' },
-  { code: 'zh-CN', name: 'Chinese' },
-  { code: 'es-ES', name: 'Spanish' },
-  { code: 'fr-FR', name: 'French' },
-  { code: 'de-DE', name: 'German' },
-];
-
 // AVATAR_STYLES imported from avatar.js
 
 var COLORS = [
@@ -295,7 +285,6 @@ function showPopover() {
   popoverEl.className = 'profile-popover';
 
   var displayName = profile.name || '';
-  var currentLang = profile.lang || 'en-US';
   var currentColor = profile.avatarColor || '#7c3aed';
   var currentStyle = profile.avatarStyle || 'thumbs';
   var seed = getAvatarSeed();
@@ -325,18 +314,6 @@ function showPopover() {
   html += '<input type="text" class="profile-field-input" id="profile-name-input" value="' + escapeAttr(displayName) + '" placeholder="Enter your name..." maxlength="50" spellcheck="false" autocomplete="off">';
   html += '</div>';
 
-  // Language dropdown
-  html += '<div class="profile-field">';
-  html += '<label class="profile-field-label">Language <span class="profile-field-hint">for voice input</span></label>';
-  html += '<select class="profile-field-select" id="profile-lang-select">';
-  for (var i = 0; i < LANGUAGES.length; i++) {
-    var l = LANGUAGES[i];
-    var sel = (currentLang === l.code) ? ' selected' : '';
-    html += '<option value="' + l.code + '"' + sel + '>' + l.name + '</option>';
-  }
-  html += '</select>';
-  html += '</div>';
-
   // Avatar picker
   html += '<div class="profile-field">';
   html += '<label class="profile-field-label">Avatar <button class="profile-shuffle-btn" title="Shuffle">' + iconHtml('shuffle') + '</button></label>';
@@ -401,13 +378,6 @@ function showPopover() {
   nameInput.addEventListener('keyup', function(e) { e.stopPropagation(); });
   nameInput.addEventListener('keypress', function(e) { e.stopPropagation(); });
 
-  // Language dropdown
-  popoverEl.querySelector('#profile-lang-select').addEventListener('change', function(e) {
-    profile.lang = e.target.value;
-    setSTTLang(profile.lang);
-    debouncedSave();
-  });
-
   // Avatar upload button
   var uploadBtn = popoverEl.querySelector('.profile-avatar-upload');
   var fileInput = popoverEl.querySelector('#profile-avatar-file');