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

package/lib/public/modules/project-switcher.js

@@ -16,8 +16,7 @@
 import { store } from './store.js';
 import { refreshIcons } from './icons.js';
 import { getCachedProjects, switchProject } from './app-projects.js';
-import { showHomeHub, isHomeHubVisible } from './app-home-hub.js';
-import { openHomeChat } from './home-mate-chat.js';
+import { openMateWorkspace, mateForWorkspace } from './project-mate-navigation.js';
 import { mateAvatarUrl } from './avatar.js';
 import { parseEmojis } from './markdown.js';
 import { isExternalWorktree, externalWorktreeTooltip, appendExternalWorktreeBadge } from './worktree-location.js';
@@ -34,7 +33,6 @@ var _entries = [];
 
 export function openSwitcherForMode(mode) {
   if (mode !== 'project' && mode !== 'mate') return;
-  if (mode === 'mate' && !isHomeHubVisible()) return;
   if (_open) closeSwitcher(false);
   openSwitcher(mode);
 }
@@ -145,7 +143,6 @@ function handleKeyDown(e) {
   // same shortcut cycles.
   if (isMod && (k === 'e' || k === 'm')) {
     var requestedMode = k === 'e' ? 'project' : 'mate';
-    if (requestedMode === 'mate' && !isHomeHubVisible()) return;
     e.preventDefault();
     e.stopPropagation();
     if (!_open) {
@@ -246,7 +243,8 @@ function pickInitialIndex() {
 
 function currentActiveKey() {
   if (_mode === 'mate') {
-    return mateIdFrom(store.get('dmTargetUser'));
+    var mate = mateForWorkspace(store.snap());
+    return mate ? mate.id : null;
   }
   return store.get('currentSlug');
 }
@@ -277,7 +275,8 @@ function buildProjectEntries() {
 
 function buildMateEntries() {
   var mates = store.get('cachedMatesList') || [];
-  var currentMateId = mateIdFrom(store.get('dmTargetUser'));
+  var current = mateForWorkspace(store.snap());
+  var currentMateId = current ? current.id : null;
   // Natural list order; MRU is only for choosing the initial highlight.
   return mates.map(function (m) {
     return {
@@ -302,8 +301,7 @@ function closeSwitcher(commit) {
   if (!entry || entry.disabled) return;
   if (_mode === 'mate') {
     if (entry.key !== currentActiveKey()) {
-      showHomeHub();
-      openHomeChat(entry.key);
+      openMateWorkspace(entry.key);
     }
   } else {
     if (entry.key !== store.get('currentSlug')) switchProject(entry.key);

package/lib/public/modules/projects-hub-view.js

@@ -18,12 +18,12 @@ function setupAction(mode, icon, title, text, disabled) {
 
 export function projectsHubContent(state) {
   var projects = ordinaryProjects(state.projectsHubList);
-  var ready = state.projectListLoaded && state.homeSurfaceLoaded;
+  var ready = state.projectListLoaded;
   var welcome = ready && (state.projectsShowGuide || (!projects.length && (state.onboardingStep || 'welcome') === 'welcome'));
   var allowed = state.projectsAccessLoaded && (!state.permissions || state.permissions.createProject === true);
   var available = allowed && state.connected && !state.pendingHomeProjectSlug;
-  var html = '<header class="projects-header"><a class="projects-brand" href="/" data-projects-action="home"><img src="/clay-studio-symbol.png" alt="">Clay Studio</a>' +
-    '<nav aria-label="Workspace navigation">' + button('home', 'Home', 'projects-button-quiet') + button('settings', 'Settings', 'projects-button-quiet') + '</nav></header>';
+  var html = '<header class="projects-header"><a class="projects-brand" href="/projects"><img src="/clay-studio-symbol.png" alt="">Clay Studio</a>' +
+    '<nav aria-label="Workspace navigation">' + button('settings', 'Settings', 'projects-button-quiet') + '</nav></header>';
   html += '<main class="projects-main" aria-labelledby="projects-title">';
   if (!ready) return html + '<div class="projects-loading" role="status"><h1 id="projects-title" tabindex="-1">Your projects</h1><p>Loading your workspace…</p></div></main>';
   if (welcome) {
@@ -31,9 +31,8 @@ export function projectsHubContent(state) {
       '<h1 id="projects-title" tabindex="-1">A place for<br>your next idea.</h1>' +
       '<p class="projects-lead">Bring a project. Describe what you want to build.<br>Your AI Driver helps you take it from there.</p>' +
       '<div class="projects-intro-grid"><div><span>01 / PROJECTS</span><h2>Work on something real.</h2><p>Open a folder, start fresh, or clone a repository. Your conversations and tools stay with the project.</p></div>' +
-      '<div><span>02 / HOME</span><h2>Make room to think.</h2><p>Talk with Clay and your Mates, explore ideas, and return to your projects whenever you’re ready.</p></div></div>' +
-      '<div class="projects-welcome-actions">' + button('start', projects.length ? 'Explore your projects ' + iconHtml('arrow-right') : 'Set up your first project ' + iconHtml('arrow-right'), 'projects-button-primary') +
-      button('skip', 'Explore Home first', 'projects-button-quiet') + '</div>' +
+      '<div><span>02 / MATES</span><h2>Bring in the right perspective.</h2><p>Your Mates live beside projects and open their conversations in the same focused workspace.</p></div></div>' +
+      '<div class="projects-welcome-actions">' + button('start', projects.length ? 'Explore your projects ' + iconHtml('arrow-right') : 'Set up your first project ' + iconHtml('arrow-right'), 'projects-button-primary') + '</div>' +
       '<p class="projects-footnote">You can revisit this guide from Projects at any time.</p></section></main>';
   }
   html += '<div class="projects-heading"><div><div class="projects-eyebrow">YOUR WORKSPACE</div><h1 id="projects-title" tabindex="-1">' + (projects.length ? 'Projects' : 'Start with a project.') + '</h1>' +

package/lib/public/modules/projects-hub.js

@@ -1,6 +1,5 @@
 import { store } from './store.js';
 import { getWs } from './ws-ref.js';
-import { hideHomeHub, showHomeHub } from './app-home-hub.js';
 import { openAddProjectModal, switchProject } from './app-projects.js';
 import { openUserSettings } from './user-settings.js';
 import { rememberHomePrimarySurface, updateHomeSurfacePreference } from './home-surface.js';
@@ -37,7 +36,6 @@ function focusHeading() {
 }
 
 export function showProjectsHub(fromHistory) {
-  hideHomeHub();
   store.set({ projectsHubVisible: true, pendingHomeProjectSlug: null });
   document.body.classList.add('projects-active');
   root().classList.remove('hidden');
@@ -67,14 +65,12 @@ function handleClick(event) {
   if (!button || button.disabled) return;
   event.preventDefault();
   var action = button.dataset.projectsAction;
-  if (action === 'home') { showHomeHub(); return; }
   if (action === 'settings') { openUserSettings(); return; }
   if (action === 'guide') { store.set({ projectsShowGuide: true }); render(); focusHeading(); return; }
-  if (action === 'start' || action === 'skip') {
+  if (action === 'start') {
     store.set({ projectsShowGuide: false });
     updateHomeSurfacePreference({ onboardingStep: 'project' });
-    if (action === 'skip') showHomeHub();
-    else { render(); focusHeading(); }
+    render(); focusHeading();
     return;
   }
   var ws = getWs();

package/lib/public/modules/qrcode.js

@@ -1,7 +1,18 @@
 import { copyToClipboard } from './utils.js';
 
-function getShareUrl() {
-  var url = window.location.href;
+var activeShareUrl = null;
+var activeShareTitle = null;
+
+export function getShareUrl(projectSlug) {
+  var locationUrl = new URL(window.location.href);
+  if (projectSlug) {
+    var projectIndex = locationUrl.pathname.indexOf("/p/");
+    var prefix = projectIndex === -1 ? "" : locationUrl.pathname.substring(0, projectIndex);
+    locationUrl.pathname = prefix + "/p/" + encodeURIComponent(projectSlug) + "/";
+    locationUrl.search = "";
+    locationUrl.hash = "";
+  }
+  var url = locationUrl.href;
   var h = window.location.hostname;
   if ((h === "localhost" || h === "127.0.0.1") && window.__lanHost) {
     url = url.replace(h + ":" + window.location.port, window.__lanHost);
@@ -9,13 +20,15 @@ function getShareUrl() {
   return url;
 }
 
-export function triggerShare() {
-  var url = getShareUrl();
+export function triggerShare(options) {
+  options = options || {};
+  var url = getShareUrl(options.projectSlug);
+  var title = options.title || document.title || "Clay";
 
   // Use Web Share API on mobile only
   var isMobile = window.innerWidth <= 768 || /Mobi|Android/i.test(navigator.userAgent);
   if (isMobile && navigator.share) {
-    navigator.share({ title: document.title || "Clay", url: url }).catch(function () {});
+    navigator.share({ title: title, url: url }).catch(function () {});
     return;
   }
 
@@ -28,6 +41,8 @@ export function triggerShare() {
   var qr = qrcode(0, "M");
   qr.addData(url);
   qr.make();
+  activeShareUrl = url;
+  activeShareTitle = title;
   qrCanvas.innerHTML = qr.createSvgTag(5, 0);
   qrUrl.innerHTML = url + '<span class="qr-hint">click to copy</span>';
 
@@ -49,7 +64,7 @@ export function initQrCode() {
 
   // click URL to copy
   qrUrl.addEventListener("click", function () {
-    var url = getShareUrl();
+    var url = activeShareUrl || getShareUrl();
     copyToClipboard(url).then(function () {
       qrUrl.innerHTML = "Copied!";
       qrUrl.classList.add("copied");
@@ -62,6 +77,8 @@ export function initQrCode() {
 
   qrOverlay.addEventListener("click", function () {
     qrOverlay.classList.add("hidden");
+    activeShareUrl = null;
+    activeShareTitle = null;
   });
 
   // prevent closing when clicking the inner card
@@ -73,8 +90,8 @@ export function initQrCode() {
   var qrShareBtn = document.getElementById("qr-share-btn");
   if (qrShareBtn) {
     qrShareBtn.addEventListener("click", function () {
-      var url = getShareUrl();
-      navigator.share({ title: document.title || "Clay", url: url }).catch(function () {});
+      var url = activeShareUrl || getShareUrl();
+      navigator.share({ title: activeShareTitle || document.title || "Clay", url: url }).catch(function () {});
     });
   }
 
@@ -82,6 +99,8 @@ export function initQrCode() {
   document.addEventListener("keydown", function (e) {
     if (e.key === "Escape" && !qrOverlay.classList.contains("hidden")) {
       qrOverlay.classList.add("hidden");
+      activeShareUrl = null;
+      activeShareTitle = null;
     }
   });
 }

package/lib/public/modules/search-clay-chat.js

@@ -1,7 +1,6 @@
 // Compact Clay conversation hosted inside the global search drawer.
 import { getWs } from './ws-ref.js';
-import { showHomeHub } from './app-home-hub.js';
-import { openHomeConversation } from './home-mate-chat.js';
+import { openProjectSession } from './project-session-navigation.js';
 import { refreshIcons } from './icons.js';
 import { store } from './store.js';
 import { mateAvatarUrl } from './avatar.js';
@@ -231,12 +230,9 @@ function respondToPermission(permission, decision) {
 }
 
 function expand() {
-  if (!state || !state.mateId || !state.sessionId) return;
-  var mateId = state.mateId;
-  var sessionId = state.sessionId;
+  if (!state || !state.mateId || !state.localId) return;
   if (closeHandler) closeHandler();
-  showHomeHub();
-  openHomeConversation(mateId, sessionId);
+  openProjectSession('mate-' + state.mateId, state.localId);
 }
 
 function render() {
@@ -259,7 +255,7 @@ function render() {
     var actions = document.createElement("div");
     actions.className = "search-clay-header-actions";
     actions.appendChild(button("search", "Search", "Back to search", function () { detachSearchClayChat(); if (backHandler) backHandler(); }));
-    actions.appendChild(button("maximize-2", "Expand", "Open this conversation in Home", expand));
+    actions.appendChild(button("maximize-2", "Expand", "Open this conversation in project chat", expand));
     header.appendChild(actions);
     shell.appendChild(header);
     transcript = document.createElement("div");
@@ -318,8 +314,8 @@ function render() {
   sendButton.disabled = state.processing ? (!state.sessionId || state.stopping) : (!state.sessionId || !input.value.trim());
   sendButton.setAttribute("aria-label", state.processing ? (state.stopping ? "Stopping Clay" : "Stop Clay") : "Send to Clay");
   sendButton.innerHTML = state.processing ? '<i data-lucide="square" aria-hidden="true"></i>' : '<i data-lucide="arrow-up" aria-hidden="true"></i>';
-  var expandButton = shell.querySelector('.search-clay-icon-button[aria-label="Open this conversation in Home"]');
-  if (expandButton) expandButton.disabled = !state.sessionId;
+  var expandButton = shell.querySelector('.search-clay-icon-button[aria-label="Open this conversation in project chat"]');
+  if (expandButton) expandButton.disabled = !state.localId;
   refreshIcons();
   transcript.scrollTop = follow ? transcript.scrollHeight : previousTop;
 }
@@ -331,7 +327,7 @@ export function startSearchClayChat(query, host, onBack, onClose) {
   backHandler = onBack;
   closeHandler = onClose;
   var startedAt = Date.now();
-  state = { requestId: requestId(), mateId: null, sessionId: null, messages: [{ role: "user", text: clean }], queuedUsers: [], pendingTurns: 1, activities: [], permissions: [], activityExpanded: false, stream: "", draft: "", processing: true, stopping: false, awaitingCompletion: true, activity: "thinking", step: 0, startedAt: startedAt, updatedAt: startedAt, query: clean };
+  state = { requestId: requestId(), mateId: null, sessionId: null, localId: null, messages: [{ role: "user", text: clean }], queuedUsers: [], pendingTurns: 1, activities: [], permissions: [], activityExpanded: false, stream: "", draft: "", processing: true, stopping: false, awaitingCompletion: true, activity: "thinking", step: 0, startedAt: startedAt, updatedAt: startedAt, query: clean };
   store.set({ searchClayChatState: state });
   startProgressTimer();
   render();
@@ -382,6 +378,7 @@ export function handleSearchClayMessage(msg) {
     updateActivity(msg);
   } else if (msg.type === "home_mate_history") {
     state.sessionId = msg.sessionId || state.sessionId;
+    state.localId = typeof msg.localId === "number" ? msg.localId : state.localId;
     state.messages = Array.isArray(msg.messages) ? msg.messages.filter(function (item) { return item && (item.role === "user" || item.role === "assistant"); }).map(function (item) { return { role: item.role, text: item.text || "" }; }) : state.messages;
     state.processing = msg.isProcessing === true;
     state.awaitingCompletion = state.processing;

package/lib/public/modules/server-settings-controls.js

@@ -0,0 +1,316 @@
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { showToast } from './utils.js';
+import { confirmSettingsAction, clearSettingsDraft, setSettingsDraft } from './server-settings-state.js';
+import { enhanceSettingsSelects } from './settings-select.js';
+
+function status(id, text) {
+  var el = document.getElementById(id);
+  if (el) { el.textContent = text; el.classList.remove('hidden'); }
+}
+
+function sendSetting(type, values, buttonId, statusId) {
+  var ws = getWs();
+  if (!ws || ws.readyState !== 1) { status(statusId, 'Disconnected. Your change has not been saved.'); return; }
+  var button = document.getElementById(buttonId);
+  if (button) button.disabled = true;
+  var input = buttonId === 'settings-pin-save-btn' ? document.getElementById('settings-pin-input') : buttonId.endsWith('-save') ? document.getElementById(buttonId.slice(0, -5)) : null;
+  if (input) { input.disabled = true; input.dispatchEvent(new Event('settings-sync')); }
+  status(statusId, 'Saving…');
+  var pending = Object.assign({}, store.get('serverSettingsPending') || {});
+  pending[type] = { buttonId: buttonId, statusId: statusId };
+  store.set({ serverSettingsPending: pending });
+  ws.send(JSON.stringify(Object.assign({ type: type }, values)));
+  setTimeout(function () {
+    if ((store.get('serverSettingsPending') || {})[type] !== pending[type]) return;
+    if (button) button.disabled = false;
+    if (input) { input.disabled = false; input.dispatchEvent(new Event('settings-sync')); }
+    status(statusId, 'No acknowledgement received. Reconnect and retry; the server may have saved this value.');
+  }, 12000);
+}
+
+export function handleServerSettingResult(msg) {
+  var type = msg.type.replace(/_result$/, '');
+  var pending = Object.assign({}, store.get('serverSettingsPending') || {});
+  var request = pending[type];
+  if (!request) return;
+  delete pending[type];
+  store.set({ serverSettingsPending: pending });
+  var button = document.getElementById(request.buttonId);
+  if (button) { button.disabled = false; if (msg.ok && request.buttonId.endsWith('-save')) button.hidden = true; }
+  var input = request.buttonId === 'settings-pin-save-btn' ? document.getElementById('settings-pin-input') : request.buttonId.endsWith('-save') ? document.getElementById(request.buttonId.slice(0, -5)) : null;
+  if (input) { input.disabled = false; input.dispatchEvent(new Event('settings-sync')); }
+  status(request.statusId, msg.ok ? 'Saved. ' + (msg.timing || '') : (msg.error || 'Could not save. Retry your change.'));
+  if (msg.ok) clearSettingsDraft(type);
+}
+
+function finishSetting(msg, id, field) {
+  handleServerSettingResult(msg);
+  var el = document.getElementById(id);
+  var key = 'set_keep_awake';
+  if (!msg.type.endsWith('_result') && (store.get('serverSettingsDrafts') || {})[key]) return;
+  if (el && msg.ok !== false && msg[field] !== undefined) el.checked = !!msg[field];
+}
+
+function updatePlatformControls(config) {
+  store.set({ serverSettingsConfig: config });
+  document.getElementById('settings-keep-awake').disabled = config.platform !== 'darwin';
+  status('settings-awake-support', config.platform === 'darwin' ? 'Applies while Clay is running on this Mac.' : 'Unavailable on this platform. Keep awake requires macOS.');
+  var channel = document.getElementById('settings-update-channel');
+  if (channel && !(store.get('serverSettingsDrafts') || {}).set_update_channel) channel.checked = config.updateChannel === 'beta';
+  enhanceSettingsSelects(document.getElementById('server-settings'));
+  document.getElementById('settings-image-retention').dispatchEvent(new Event('settings-sync'));
+}
+
+export function initServerControls() {
+  ['settings-keep-awake', 'settings-image-retention', 'settings-update-channel', 'settings-pin-set-btn', 'settings-pin-remove-btn'].forEach(function (id) { document.getElementById(id).disabled = true; });
+  var check = document.getElementById('settings-update-check');
+  var update = document.createElement('button'); update.type = 'button'; update.className = 'settings-btn-sm'; update.id = 'settings-install-update'; update.hidden = true; update.textContent = 'Update and restart…';
+  check.insertAdjacentElement('afterend', update);
+  var receipt = document.createElement('p'); receipt.id = 'settings-update-status'; receipt.className = 'settings-hint'; receipt.setAttribute('role', 'status'); update.insertAdjacentElement('afterend', receipt);
+  update.onclick = function () {
+    confirmSettingsAction('Install the available release and restart Clay? Active work will be interrupted for everyone. Unsaved settings remain drafts in this tab.', 'Update and restart', function () {
+      var ws = getWs();
+      if (!ws || ws.readyState !== 1) { status('settings-update-status', 'Disconnected. Reconnect before updating.'); return; }
+      update.disabled = true; status('settings-update-status', 'Update requested. Waiting for the daemon…');
+      ws.send(JSON.stringify({ type: 'update_now' }));
+    });
+  };
+
+  document.getElementById('settings-pin-set-btn').onclick = showPinForm;
+  document.getElementById('settings-pin-cancel-btn').onclick = hidePinForm;
+  document.getElementById('settings-pin-save-btn').onclick = submitPin;
+  document.getElementById('settings-pin-input').oninput = function () { setSettingsDraft('pin', !!this.value); };
+  document.getElementById('settings-pin-remove-btn').onclick = function () {
+    confirmSettingsAction('Remove the server PIN? This changes sign-in protection for new connections.', 'Remove PIN', function () {
+      sendSetting('set_pin', { pin: null }, 'settings-pin-remove-btn', 'settings-pin-error');
+    });
+  };
+  [
+    ['settings-keep-awake', 'set_keep_awake', 'value', 'Saved changes apply now.'],
+    ['settings-image-retention', 'set_image_retention', 'days', 'Review retention. The next cleanup permanently deletes expired images.'],
+    ['settings-update-channel', 'set_update_channel', 'channel', 'Choose whether future update checks include prereleases.']
+  ].forEach(function (entry) {
+    var input = document.getElementById(entry[0]);
+    var receipt = document.createElement('p');
+    receipt.id = entry[0] + '-status'; receipt.className = 'settings-hint'; receipt.setAttribute('role', 'status');
+    input.closest('.settings-toggle-row').insertAdjacentElement('afterend', receipt);
+    var save = document.createElement('button'); save.type = 'button'; save.className = 'settings-btn-sm'; save.textContent = 'Save changes';
+    save.id = entry[0] + '-save'; save.hidden = true; receipt.insertAdjacentElement('beforebegin', save);
+    input.onchange = function () {
+      setSettingsDraft(entry[1], true); save.hidden = false; receipt.textContent = entry[3];
+    };
+    save.onclick = function () {
+      var values = {}; values[entry[2]] = entry[2] === 'days' ? Number(input.value) : entry[2] === 'channel' ? (input.checked ? 'beta' : 'stable') : input.checked;
+      sendSetting(entry[1], values, save.id, receipt.id);
+    };
+  });
+  document.getElementById('settings-restart-btn').onclick = function () {
+    confirmSettingsAction('Restart Clay for everyone? Active agent work will be interrupted. Clients will reconnect. Unsaved settings are not applied.', 'Restart server', function () {
+      sendSetting('restart_server', {}, 'settings-restart-btn', 'settings-restart-error');
+    });
+  };
+  var shutdown = document.getElementById('settings-shutdown-input');
+  var shutdownButton = document.getElementById('settings-shutdown-btn');
+  var reviewShutdown = document.getElementById('settings-shutdown-review');
+  var shutdownFlow = document.getElementById('settings-shutdown-flow');
+  reviewShutdown.onclick = function () {
+    store.set({ serverShutdownReview: true });
+    reviewShutdown.hidden = true;
+    reviewShutdown.setAttribute('aria-expanded', 'true');
+    shutdownFlow.hidden = false;
+    shutdown.focus();
+  };
+  document.getElementById('settings-shutdown-back').onclick = function () {
+    store.set({ serverShutdownReview: false });
+    shutdownFlow.hidden = true;
+    reviewShutdown.hidden = false;
+    reviewShutdown.setAttribute('aria-expanded', 'false');
+    shutdown.value = '';
+    shutdownButton.disabled = true;
+    reviewShutdown.focus();
+  };
+  shutdown.oninput = function () { shutdownButton.disabled = this.value.trim().toLowerCase() !== 'shutdown'; };
+  shutdownButton.onclick = function () {
+    if (!store.get('serverShutdownReview') || shutdown.value.trim().toLowerCase() !== 'shutdown') return;
+    confirmSettingsAction('Stop Clay for everyone? Active work stops and all clients disconnect. Start the service again from the host to recover.', 'Shut down server', function () {
+      sendSetting('shutdown_server', {}, shutdownButton.id, 'settings-shutdown-error');
+    });
+  };
+}
+
+export function updateDaemonConfig(config) {
+  if (config.error) { status('settings-access-status', config.error); return; }
+  store.set({ serverSettingsConfigLoaded: true });
+  ['settings-image-retention', 'settings-update-channel', 'settings-pin-set-btn', 'settings-pin-remove-btn'].forEach(function (id) { document.getElementById(id).disabled = false; });
+  // Nav header: show hostname (strip .local suffix, lowercase)
+  var nameEl = document.getElementById("settings-server-name");
+  if (nameEl && config.hostname) {
+    var displayHost = config.hostname.replace(/\.local$/i, "").toLowerCase();
+    nameEl.textContent = displayHost;
+    nameEl.title = config.hostname;
+  }
+
+  // Host
+  var hostnameEl = document.getElementById("settings-hostname");
+  var lanIpEl = document.getElementById("settings-lan-ip");
+  if (hostnameEl) hostnameEl.textContent = config.hostname || "-";
+  if (lanIpEl) lanIpEl.textContent = config.lanIp || "";
+
+  // Port
+  var portEl = document.getElementById("settings-port");
+  if (portEl) portEl.textContent = String(config.port || "-");
+
+  // TLS
+  var tlsEl = document.getElementById("settings-tls");
+  if (tlsEl) {
+    tlsEl.textContent = config.tls ? "Enabled" : "Disabled";
+    tlsEl.classList.toggle("settings-badge-green", !!config.tls);
+  }
+
+  // Debug
+  var debugEl = document.getElementById("settings-debug");
+  if (debugEl) {
+    debugEl.textContent = config.debug ? "Enabled" : "Disabled";
+    debugEl.classList.toggle("settings-badge-on", !!config.debug);
+  }
+
+  // PIN status
+  updatePinStatus(!!config.pinEnabled);
+
+  // Auto-continue on rate limit
+  // Auto-continue is now per-user (User Settings > Behavior)
+
+  // Keep awake
+  var keepAwakeToggle = document.getElementById("settings-keep-awake");
+  if (keepAwakeToggle && !(store.get('serverSettingsDrafts') || {}).set_keep_awake) keepAwakeToggle.checked = !!config.keepAwake;
+
+  // Image retention
+  var imageRetentionSelect = document.getElementById("settings-image-retention");
+  if (imageRetentionSelect && !(store.get('serverSettingsDrafts') || {}).set_image_retention && config.imageRetentionDays !== undefined) {
+    imageRetentionSelect.value = String(config.imageRetentionDays);
+  }
+
+  updatePlatformControls(config);
+
+}
+
+export function handleSetPinResult(msg) {
+  if (msg.ok) {
+    updatePinStatus(!!msg.pinEnabled);
+    hidePinForm();
+    showToast(msg.pinEnabled ? "PIN saved" : "PIN removed");
+    clearSettingsDraft("pin");
+  } else { status("settings-pin-error", msg.error || "Could not save PIN. Your draft is retained."); }
+  document.getElementById("settings-pin-save-btn").disabled = false;
+}
+
+export function handleKeepAwakeChanged(msg) {
+  finishSetting(msg, "settings-keep-awake", "keepAwake");
+}
+
+export function handleAutoContinueChanged(msg) {
+  // Auto-continue is now per-user; server broadcast no longer updates UI
+}
+
+export function handleRestartResult(msg) {
+  var restartBtn = document.getElementById("settings-restart-btn");
+  var errorEl = document.getElementById("settings-restart-error");
+
+  if (msg.ok) {
+    if (restartBtn) { restartBtn.textContent = "Server restarting..."; restartBtn.disabled = true; }
+    showToast("Server is restarting...");
+  } else {
+    if (restartBtn) {
+      restartBtn.textContent = "Restart";
+      restartBtn.disabled = false;
+    }
+    if (errorEl) {
+      errorEl.textContent = msg.error || "Restart failed";
+      errorEl.classList.remove("hidden");
+    }
+  }
+}
+
+export function handleShutdownResult(msg) {
+  var shutdownInput = document.getElementById("settings-shutdown-input");
+  var shutdownBtn = document.getElementById("settings-shutdown-btn");
+  var errorEl = document.getElementById("settings-shutdown-error");
+
+  if (msg.ok) {
+    if (shutdownBtn) { shutdownBtn.textContent = "Server stopping..."; shutdownBtn.disabled = true; }
+    showToast("Server is shutting down...");
+  } else {
+    if (shutdownBtn) {
+      shutdownBtn.textContent = "Shut down…";
+      shutdownBtn.disabled = false;
+    }
+    if (shutdownInput) shutdownInput.disabled = false;
+    if (errorEl) {
+      errorEl.textContent = msg.error || "Shutdown failed";
+      errorEl.classList.remove("hidden");
+    }
+  }
+}
+
+// --- PIN form management ---
+function showPinForm() {
+  var form = document.getElementById("settings-pin-form");
+  var input = document.getElementById("settings-pin-input");
+  var errorEl = document.getElementById("settings-pin-error");
+  if (form) form.classList.remove("hidden");
+  if (errorEl) errorEl.classList.add("hidden");
+  if (input) input.focus();
+}
+
+function hidePinForm() {
+  var form = document.getElementById("settings-pin-form");
+  var input = document.getElementById("settings-pin-input");
+  var errorEl = document.getElementById("settings-pin-error");
+  clearSettingsDraft("pin");
+  if (form) form.classList.add("hidden");
+  if (input) input.value = "";
+  if (errorEl) errorEl.classList.add("hidden");
+}
+
+function submitPin() {
+  var input = document.getElementById("settings-pin-input");
+  var errorEl = document.getElementById("settings-pin-error");
+  if (!input) return;
+  var pin = input.value.trim();
+  if (!/^\d{6}$/.test(pin)) {
+    if (errorEl) { errorEl.textContent = "Enter exactly six digits."; errorEl.classList.remove("hidden"); }
+    input.focus();
+    return;
+  }
+  if (errorEl) errorEl.classList.add("hidden");
+  var ws = getWs();
+  if (ws && ws.readyState === 1) {
+    sendSetting("set_pin", { pin: pin }, "settings-pin-save-btn", "settings-pin-error");
+  } else { status("settings-pin-error", "Disconnected. Reconnect and save again."); }
+}
+
+function updatePinStatus(enabled) {
+  var statusEl = document.getElementById("settings-pin-status");
+  var setBtn = document.getElementById("settings-pin-set-btn");
+  var removeBtn = document.getElementById("settings-pin-remove-btn");
+  var actionLabel = document.getElementById("settings-pin-action-label");
+
+  if (statusEl) {
+    statusEl.textContent = enabled ? "Enabled" : "Disabled";
+    statusEl.classList.toggle("settings-badge-green", enabled);
+  }
+  if (setBtn) setBtn.textContent = enabled ? "Change PIN" : "Set PIN";
+  if (removeBtn) removeBtn.classList.toggle("hidden", !enabled);
+  if (actionLabel) actionLabel.textContent = enabled ? "Change PIN" : "Set PIN";
+}
+
+
+export function handleServerUpdate(msg) {
+  var button = document.getElementById('settings-install-update');
+  if (!button) return;
+  if (msg.type === 'update_available') { button.hidden = false; button.disabled = false; status('settings-update-status', 'Version ' + msg.version + ' is available. Review and restart when ready.'); }
+  if (msg.type === 'up_to_date') { button.hidden = true; status('settings-update-status', 'No newer release is available on this channel.'); }
+  if (msg.type === 'update_started') { button.disabled = true; status('settings-update-status', 'Updating. The connection will recover after the daemon restarts.'); }
+  if (msg.type === 'update_check_failed') { document.getElementById('settings-update-check').disabled = false; status('settings-update-status', msg.error || 'Update check failed. Retry when connected.'); }
+}