clay-server 2.11.0-beta.2 → 2.11.0-beta.4

package/lib/daemon.js

@@ -355,8 +355,17 @@ var relay = createServer({
       keepAwake: !!config.keepAwake,
       pinEnabled: !!config.pinHash,
       platform: process.platform,
+      hostname: os2.hostname(),
+      lanIp: lanIp || null,
+      updateChannel: config.updateChannel || "stable",
     };
   },
+  onSetUpdateChannel: function (channel) {
+    config.updateChannel = channel === "beta" ? "beta" : "stable";
+    saveConfig(config);
+    console.log("[daemon] Update channel:", config.updateChannel, "(web)");
+    return { ok: true, updateChannel: config.updateChannel };
+  },
   onSetPin: function (pin) {
     if (pin) {
       config.pinHash = generateAuthToken(pin);
@@ -595,11 +604,12 @@ var ipc = createIPCServer(socketPath(), function (msg) {
 
       // Production: fetch latest via npx, then spawn updated daemon
       var { execSync: execSyncUpd, spawn: spawnUpd } = require("child_process");
+      var updTag = config.updateChannel === "beta" ? "beta" : "latest";
       var updDaemonScript;
       try {
         // npx downloads the package and puts a bin symlink; `which` prints its path
         var binPath = execSyncUpd(
-          "npx --yes --package=clay-server@latest -- which clay-server",
+          "npx --yes --package=clay-server@" + updTag + " -- which clay-server",
           { stdio: ["ignore", "pipe", "pipe"], timeout: 120000, encoding: "utf8" }
         ).trim();
         // Resolve symlink to get the actual package directory

package/lib/project.js

@@ -6,7 +6,7 @@ var { createSessionManager } = require("./sessions");
 var { createSDKBridge } = require("./sdk-bridge");
 var { createTerminalManager } = require("./terminal-manager");
 var { createNotesManager } = require("./notes");
-var { fetchLatestVersion, isNewer } = require("./updater");
+var { fetchLatestVersion, fetchVersion, isNewer } = require("./updater");
 var { execFileSync, spawn } = require("child_process");
 var { createLoopRegistry } = require("./scheduler");
 var usersModule = require("./users");
@@ -108,6 +108,7 @@ function createProjectContext(opts) {
   var getScheduleCount = opts.getScheduleCount || function () { return 0; };
   var onProcessingChanged = opts.onProcessingChanged || function () {};
   var onPresenceChange = opts.onPresenceChange || function () {};
+  var updateChannel = opts.updateChannel || "stable";
   var latestVersion = null;
 
   // --- Per-project clients ---
@@ -947,7 +948,7 @@ function createProjectContext(opts) {
   var nm = createNotesManager({ cwd: cwd, send: send, sendTo: sendTo });
 
   // Check for updates in background
-  fetchLatestVersion().then(function (v) {
+  fetchVersion(updateChannel).then(function (v) {
     if (v && isNewer(v, currentVersion)) {
       latestVersion = v;
       send({ type: "update_available", version: v });
@@ -1315,9 +1316,19 @@ function createProjectContext(opts) {
       return;
     }
 
+    if (msg.type === "set_update_channel") {
+      if (usersModule.isMultiUser() && (!ws._clayUser || ws._clayUser.role !== "admin")) return;
+      var newChannel = msg.channel === "beta" ? "beta" : "stable";
+      updateChannel = newChannel;
+      if (typeof opts.onSetUpdateChannel === "function") {
+        opts.onSetUpdateChannel(newChannel);
+      }
+      return;
+    }
+
     if (msg.type === "check_update") {
       if (usersModule.isMultiUser() && (!ws._clayUser || ws._clayUser.role !== "admin")) return;
-      fetchLatestVersion().then(function (v) {
+      fetchVersion(updateChannel).then(function (v) {
         if (v && isNewer(v, currentVersion)) {
           latestVersion = v;
           sendTo(ws, { type: "update_available", version: v });

package/lib/public/app.js

@@ -1162,9 +1162,11 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
 
   var confirmCallback = null;
 
-  function showConfirm(text, onConfirm) {
+  function showConfirm(text, onConfirm, okLabel, destructive) {
     confirmText.textContent = text;
     confirmCallback = onConfirm;
+    confirmOk.textContent = okLabel || "Delete";
+    confirmOk.className = "confirm-btn " + (destructive === false ? "confirm-ok" : "confirm-delete");
     confirmModal.classList.remove("hidden");
   }
 
@@ -2108,10 +2110,12 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     if (!btn) return;
     var msgEl = btn.closest("[data-uuid]");
     if (!msgEl || !msgEl.dataset.uuid) return;
-    if (!confirm("Fork session from this message?")) return;
-    if (ws && ws.readyState === 1) {
-      ws.send(JSON.stringify({ type: "fork_session", uuid: msgEl.dataset.uuid }));
-    }
+    var forkUuid = msgEl.dataset.uuid;
+    showConfirm("Fork session from this message?", function() {
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: "fork_session", uuid: forkUuid }));
+      }
+    }, "Fork", false);
   });
 
   function scrollToBottom() {
@@ -2919,6 +2923,12 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
               updResetBtn.innerHTML = '<i data-lucide="download"></i> Update now';
               updResetBtn.disabled = false;
             }
+            // Update manual command based on version (beta vs stable)
+            var updManualCmd = $("update-manual-cmd");
+            if (updManualCmd) {
+              var updTag = msg.version.indexOf("-beta") !== -1 ? "beta" : "latest";
+              updManualCmd.textContent = "npx clay-server@" + updTag;
+            }
             refreshIcons();
           }
           // Update the settings check-for-updates button
@@ -3920,6 +3930,8 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     get currentMode() { return currentMode; },
     get currentEffort() { return currentEffort; },
     get currentBetas() { return currentBetas; },
+    get currentThinking() { return currentThinking; },
+    get currentThinkingBudget() { return currentThinkingBudget; },
     setContextView: setContextView,
     applyContextView: applyContextView,
   });
@@ -3933,6 +3945,8 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     get currentMode() { return currentMode; },
     get currentEffort() { return currentEffort; },
     get currentBetas() { return currentBetas; },
+    get currentThinking() { return currentThinking; },
+    get currentThinkingBudget() { return currentThinkingBudget; },
   }, getEmojiCategories());
 
   // --- QR code ---

package/lib/public/css/admin.css

@@ -23,7 +23,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 12px;
+  padding: 8px 16px;
 }
 
 .admin-section-header h3 {
@@ -49,6 +49,11 @@
   transition: opacity 0.15s;
 }
 
+.admin-action-btn svg {
+  width: 14px;
+  height: 14px;
+}
+
 .admin-action-btn:hover {
   opacity: 0.9;
 }
@@ -64,7 +69,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 12px;
+  padding: 10px 16px;
   border-radius: 10px;
   transition: background 0.1s;
 }
@@ -124,6 +129,11 @@
   transition: color 0.15s, background 0.15s;
 }
 
+.admin-remove-btn svg {
+  width: 16px;
+  height: 16px;
+}
+
 .admin-remove-btn:hover {
   color: #e5534b;
   background: rgba(229, 83, 75, 0.1);
@@ -140,7 +150,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 12px;
+  padding: 10px 16px;
   border-radius: 10px;
 }
 
@@ -178,6 +188,11 @@
   align-items: center;
 }
 
+.admin-copy-link-btn svg {
+  width: 14px;
+  height: 14px;
+}
+
 .admin-copy-link-btn:hover {
   color: var(--accent);
   background: var(--accent-8);
@@ -200,6 +215,11 @@
   align-items: center;
 }
 
+.admin-revoke-btn svg {
+  width: 14px;
+  height: 14px;
+}
+
 .admin-revoke-btn:hover {
   color: #ef4444;
   background: rgba(239, 68, 68, 0.1);
@@ -216,7 +236,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 12px;
+  padding: 10px 16px;
   border-radius: 10px;
 }
 
@@ -274,6 +294,11 @@
   align-items: center;
 }
 
+.admin-manage-users-btn svg {
+  width: 16px;
+  height: 16px;
+}
+
 .admin-manage-users-btn:hover {
   color: var(--accent);
   background: var(--accent-8);
@@ -327,6 +352,11 @@
   display: flex;
 }
 
+.admin-modal-close svg {
+  width: 16px;
+  height: 16px;
+}
+
 .admin-modal-close:hover {
   color: var(--text);
 }
@@ -442,18 +472,18 @@
 
 /* --- SMTP Configuration Form --- */
 .admin-smtp-form {
-  padding: 4px 0;
+  padding: 8px 0;
 }
 
 .admin-smtp-status {
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 12px 16px;
+  padding: 10px 16px;
   border-radius: 8px;
   font-size: 13px;
   font-weight: 500;
-  margin-bottom: 16px;
+  margin: 0 16px 16px;
 }
 
 .admin-smtp-status svg {
@@ -480,7 +510,7 @@
   margin-bottom: 16px;
 }
 
-.admin-smtp-row label {
+.admin-smtp-row > label:not(.admin-smtp-toggle) {
   display: block;
   font-size: 12px;
   font-weight: 600;
@@ -516,17 +546,27 @@
 .admin-smtp-toggle {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 10px;
   font-size: 13px;
+  font-weight: 400;
+  text-transform: none;
+  letter-spacing: normal;
   color: var(--text);
   cursor: pointer;
-  padding-top: 4px;
+  margin-top: 6px;
 }
 
 .admin-smtp-toggle input[type="checkbox"] {
   accent-color: var(--accent);
   width: 16px;
   height: 16px;
+  flex-shrink: 0;
+}
+
+.admin-smtp-row-otp {
+  margin-top: 4px;
+  padding-top: 12px;
+  border-top: 1px solid var(--border);
 }
 
 .admin-smtp-actions {

package/lib/public/css/server-settings.css

@@ -79,8 +79,7 @@
   font-size: 12px;
   font-weight: 700;
   color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
+  letter-spacing: 0.02em;
   padding: 0 10px 10px;
   border-bottom: 1px solid var(--border-subtle);
   margin-bottom: 8px;
@@ -480,6 +479,35 @@
   color: #fff;
 }
 
+.settings-budget-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 12px;
+}
+
+.settings-budget-label {
+  font-size: 12px;
+  color: var(--text-muted);
+  white-space: nowrap;
+}
+
+.settings-budget-input {
+  width: 90px;
+  padding: 5px 8px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--bg);
+  color: var(--text);
+  font-size: 13px;
+  font-family: inherit;
+}
+
+.settings-budget-input:focus {
+  border-color: var(--accent);
+  outline: none;
+}
+
 /* --- PIN input --- */
 .settings-pin-input-row {
   display: flex;

package/lib/public/index.html

@@ -36,7 +36,7 @@
         <button id="update-pill" class="top-bar-pill pill-success"><i data-lucide="arrow-up-circle"></i> <span id="update-version"></span></button>
         <div id="update-popover" class="top-bar-popover">
           <div class="popover-row"><button id="update-now" class="popover-action popover-action-primary"><i data-lucide="download"></i> Update now</button></div>
-          <div class="popover-row"><div class="popover-label">Or run manually:</div><div class="popover-cmd"><code>npx clay-server@latest</code><button class="popover-copy" title="Copy"><i data-lucide="copy"></i></button></div></div>
+          <div class="popover-row"><div class="popover-label">Or run manually:</div><div class="popover-cmd"><code id="update-manual-cmd">npx clay-server@latest</code><button class="popover-copy" title="Copy"><i data-lucide="copy"></i></button></div></div>
         </div>
       </div>
     </div>
@@ -403,13 +403,13 @@
         <div class="project-settings-nav-inner">
           <div class="server-settings-nav-header" id="ps-nav-title">-</div>
           <div class="server-settings-nav-items">
-            <div class="settings-nav-category">Project</div>
+            <div class="settings-nav-category">General</div>
             <button class="settings-nav-item active" data-section="profile"><span>Profile</span></button>
-            <button class="settings-nav-item" data-section="defaults"><span>Model &amp; Behavior</span></button>
+            <button class="settings-nav-item" data-section="defaults"><span>Model</span></button>
             <div class="settings-nav-separator"></div>
-            <div class="settings-nav-category">Configuration</div>
-            <button class="settings-nav-item" data-section="instructions"><span>CLAUDE.md</span></button>
-            <button class="settings-nav-item" data-section="environment"><span>Environment Variables</span></button>
+            <div class="settings-nav-category">Config</div>
+            <button class="settings-nav-item" data-section="instructions"><span>Instructions</span></button>
+            <button class="settings-nav-item" data-section="environment"><span>Environment</span></button>
           </div>
         </div>
       </div>
@@ -446,7 +446,7 @@
           </div>
           <!-- Defaults -->
           <div class="ps-section" data-section="defaults">
-            <h2>Model &amp; Behavior</h2>
+            <h2>Model</h2>
             <p class="ps-section-desc">Configure which model to use and how Claude behaves during sessions.</p>
             <div class="settings-card">
               <div class="settings-field">
@@ -482,6 +482,17 @@
                 <div class="settings-btn-group" id="ps-effort-bar"></div>
               </div>
             </div>
+            <div class="settings-card" id="ps-thinking-card">
+              <div class="settings-field">
+                <label class="settings-label">Thinking</label>
+                <div class="settings-hint">Controls whether Claude shows its reasoning process. Budget mode lets you set a token limit.</div>
+                <div class="settings-btn-group" id="ps-thinking-bar"></div>
+                <div id="ps-thinking-budget-row" class="settings-budget-row" style="display:none">
+                  <label class="settings-budget-label">Budget tokens</label>
+                  <input id="ps-thinking-budget" type="number" class="settings-budget-input" min="1024" max="128000" step="1024" value="10000">
+                </div>
+              </div>
+            </div>
           </div>
           <!-- Instructions -->
           <div class="ps-section" data-section="instructions">
@@ -500,7 +511,7 @@
           </div>
           <!-- Environment -->
           <div class="ps-section" data-section="environment">
-            <h2>Environment Variables</h2>
+            <h2>Environment</h2>
             <p class="ps-section-desc">Store API keys, tokens, and config for this project. Paste a <code>.env</code> file to import multiple variables at once.</p>
             <div class="settings-hint ps-env-notice hidden" id="ps-env-override-notice">
               <i data-lucide="info"></i> A <code>.envrc</code> file exists in the project directory and will take precedence over these settings.
@@ -621,45 +632,50 @@
           <optgroup label="General">
             <option value="overview" selected>Status</option>
             <option value="notifications">Notifications</option>
+            <option value="security">Security</option>
+          </optgroup>
+          <optgroup label="Defaults">
+            <option value="models">Model</option>
           </optgroup>
-          <optgroup label="Session">
-            <option value="models">Model &amp; Behavior</option>
-            <option value="claudemd">CLAUDE.md</option>
-            <option value="environment">Environment Variables</option>
+          <optgroup label="Config">
+            <option value="claudemd">Instructions</option>
+            <option value="environment">Environment</option>
           </optgroup>
           <optgroup label="Admin" class="settings-admin-only">
             <option value="admin-users">Users</option>
             <option value="admin-invites">Invites</option>
             <option value="admin-projects">Projects</option>
-            <option value="admin-smtp">Email (SMTP)</option>
+            <option value="admin-smtp">Email</option>
           </optgroup>
           <optgroup label="Server">
-            <option value="security">Security</option>
-            <option value="restart">Restart Server</option>
-            <option value="shutdown">Shutdown Server</option>
+            <option value="keep-awake" class="hidden" id="settings-keep-awake-opt">Keep Awake</option>
+            <option value="restart">Restart</option>
+            <option value="shutdown">Shutdown</option>
           </optgroup>
         </select>
         <div class="server-settings-nav-items">
           <div class="settings-nav-category">General</div>
           <button class="settings-nav-item active" data-section="overview"><span>Status</span></button>
           <button class="settings-nav-item" data-section="notifications"><span>Notifications</span></button>
+          <button class="settings-nav-item" data-section="security"><span>Security</span></button>
           <div class="settings-nav-separator"></div>
-          <div class="settings-nav-category">Session</div>
-          <button class="settings-nav-item" data-section="models"><span>Model &amp; Behavior</span></button>
-          <button class="settings-nav-item" data-section="claudemd"><span>CLAUDE.md</span></button>
-          <button class="settings-nav-item" data-section="environment"><span>Environment Variables</span></button>
+          <div class="settings-nav-category">Defaults</div>
+          <button class="settings-nav-item" data-section="models"><span>Model</span></button>
+          <div class="settings-nav-separator"></div>
+          <div class="settings-nav-category">Config</div>
+          <button class="settings-nav-item" data-section="claudemd"><span>Instructions</span></button>
+          <button class="settings-nav-item" data-section="environment"><span>Environment</span></button>
           <div class="settings-nav-separator settings-admin-only"></div>
           <div class="settings-nav-category settings-admin-only">Admin</div>
           <button class="settings-nav-item settings-admin-only" data-section="admin-users"><span>Users</span></button>
           <button class="settings-nav-item settings-admin-only" data-section="admin-invites"><span>Invites</span></button>
           <button class="settings-nav-item settings-admin-only" data-section="admin-projects"><span>Projects</span></button>
-          <button class="settings-nav-item settings-admin-only" data-section="admin-smtp"><span>Email (SMTP)</span></button>
+          <button class="settings-nav-item settings-admin-only" data-section="admin-smtp"><span>Email</span></button>
           <div class="settings-nav-separator"></div>
           <div class="settings-nav-category">Server</div>
-          <button class="settings-nav-item" data-section="security"><span>Security</span></button>
-          <div class="settings-nav-separator"></div>
-          <button class="settings-nav-item" data-section="restart"><span>Restart Server</span></button>
-          <button class="settings-nav-item settings-nav-danger" data-section="shutdown"><span>Shutdown Server</span></button>
+          <button class="settings-nav-item hidden" data-section="keep-awake" id="settings-keep-awake-nav"><span>Keep Awake</span></button>
+          <button class="settings-nav-item" data-section="restart"><span>Restart</span></button>
+          <button class="settings-nav-item settings-nav-danger" data-section="shutdown"><span>Shutdown</span></button>
         </div>
       </div>
     </div>
@@ -669,18 +685,23 @@
           <h2>Status</h2>
           <div class="settings-card">
             <div class="settings-field">
-              <label class="settings-label">Project Name</label>
-              <div class="settings-value" id="settings-project-name">-</div>
-            </div>
-            <div class="settings-field">
-              <label class="settings-label">Working Directory</label>
-              <div class="settings-value settings-mono" id="settings-project-cwd">-</div>
+              <label class="settings-label">Host</label>
+              <div class="settings-value" id="settings-hostname">-</div>
+              <div class="settings-value settings-mono" id="settings-lan-ip" style="font-size:12px;color:var(--text-muted)"></div>
             </div>
             <div class="settings-field">
               <label class="settings-label">Server Version</label>
               <div class="settings-value" id="settings-server-version">-</div>
               <button class="settings-btn-sm settings-btn-update" id="settings-update-check"><i data-lucide="refresh-cw"></i> Check for updates</button>
             </div>
+            <label class="settings-toggle-row">
+              <div>
+                <span class="settings-label">Early Access</span>
+                <div class="settings-hint">Receive pre-release updates before they reach the stable channel.</div>
+              </div>
+              <input type="checkbox" id="settings-update-channel">
+              <span class="toggle-track"><span class="toggle-thumb"></span></span>
+            </label>
             <div class="settings-field-row">
               <label class="settings-label">Port</label>
               <span class="settings-value settings-mono" id="settings-port">-</span>
@@ -690,7 +711,14 @@
               <span class="settings-value settings-badge" id="settings-tls">-</span>
             </div>
             <div class="settings-field-row">
-              <label class="settings-label">Debug Mode</label>
+              <div>
+                <label class="settings-label">Skip Permissions</label>
+                <div class="settings-hint">Auto-approves all tool executions. Restart with <code style="font-size:12px">--dangerously-skip-permissions</code> to enable.</div>
+              </div>
+              <span class="settings-value settings-badge" id="settings-skip-perms">Disabled</span>
+            </div>
+            <div class="settings-field-row">
+              <label class="settings-label">Debug</label>
               <span class="settings-value settings-badge" id="settings-debug">-</span>
             </div>
           </div>
@@ -727,25 +755,15 @@
               <span class="settings-value settings-mono" id="settings-project-slug">-</span>
             </div>
           </div>
-          <div class="settings-card hidden" id="settings-keep-awake-card">
-            <label class="settings-toggle-row">
-              <div>
-                <span class="settings-label">Keep Awake</span>
-                <div class="settings-hint">Prevent the system from sleeping while the server is running (macOS only).</div>
-              </div>
-              <input type="checkbox" id="settings-keep-awake">
-              <span class="toggle-track"><span class="toggle-thumb"></span></span>
-            </label>
-          </div>
         </div>
         <div class="server-settings-section" data-section="models">
-          <h2>Model &amp; Behavior</h2>
+          <h2>Model</h2>
           <p class="settings-hint" style="margin-bottom: 20px;">Configure which model to use and how Claude behaves during sessions.</p>
           <div class="settings-card">
             <div class="settings-field">
               <label class="settings-label">Model</label>
               <div class="settings-hint">Choose the Claude model to use. Larger models are slower but more capable.</div>
-              <div id="settings-model-list" class="settings-model-list"></div>
+              <div id="ss-model-list" class="settings-model-list"></div>
             </div>
           </div>
           <div class="settings-card" id="ss-beta-card" style="display:none">
@@ -775,23 +793,20 @@
               <div class="settings-btn-group" id="ss-effort-bar"></div>
             </div>
           </div>
-        </div>
-        <div class="server-settings-section" data-section="security">
-          <h2>Security</h2>
-          <div class="settings-card">
-            <div class="settings-field-row">
-              <div>
-                <label class="settings-label">Skip Permissions</label>
-                <div class="settings-hint">When enabled, all tool executions are auto-approved without asking.</div>
-                <div class="settings-hint">This setting cannot be changed here. Stop the server and restart with the flag below.</div>
-                <div class="settings-hint settings-copyable-wrap">
-                  <span class="settings-copyable" id="skip-perms-cmd" data-copy="npx clay-server --dangerously-skip-permissions"><code>npx clay-server --dangerously-skip-permissions</code><button class="settings-copy-btn" type="button" title="Copy">⧉</button></span>
-                </div>
+          <div class="settings-card" id="ss-thinking-card">
+            <div class="settings-field">
+              <label class="settings-label">Thinking</label>
+              <div class="settings-hint">Controls whether Claude shows its reasoning process. Budget mode lets you set a token limit.</div>
+              <div class="settings-btn-group" id="ss-thinking-bar"></div>
+              <div id="ss-thinking-budget-row" class="settings-budget-row" style="display:none">
+                <label class="settings-budget-label">Budget tokens</label>
+                <input id="ss-thinking-budget" type="number" class="settings-budget-input" min="1024" max="128000" step="1024" value="10000">
               </div>
-              <span class="settings-value settings-badge" id="settings-skip-perms">Disabled</span>
             </div>
           </div>
-          <h3>PIN Protection</h3>
+        </div>
+        <div class="server-settings-section" data-section="security">
+          <h2>Security</h2>
           <div class="settings-card">
             <div class="settings-field-row">
               <div>
@@ -869,7 +884,7 @@
           </div>
         </div>
         <div class="server-settings-section" data-section="environment">
-          <h2>Shared Environment Variables</h2>
+          <h2>Environment</h2>
           <p class="settings-hint" style="margin-bottom: 16px;">Define environment variables shared across all projects. Project-level variables take precedence over shared ones.</p>
           <div class="ps-env-header">
             <button class="settings-btn-sm" id="ss-env-add-btn"><i data-lucide="plus"></i> Add Variable</button>
@@ -879,22 +894,35 @@
             <!-- rows rendered by JS -->
           </div>
         </div>
+        <div class="server-settings-section hidden" data-section="keep-awake" id="settings-keep-awake-section">
+          <h2>Keep Awake</h2>
+          <div class="settings-card">
+            <label class="settings-toggle-row">
+              <div>
+                <span class="settings-label">Keep Awake</span>
+                <div class="settings-hint">Prevent the system from sleeping while the server is running (macOS only).</div>
+              </div>
+              <input type="checkbox" id="settings-keep-awake">
+              <span class="toggle-track"><span class="toggle-thumb"></span></span>
+            </label>
+          </div>
+        </div>
         <div class="server-settings-section" data-section="restart">
-          <h2>Restart Server</h2>
+          <h2>Restart</h2>
           <p class="settings-hint" style="margin-bottom: 16px;">Restart the Clay daemon process. All active sessions will be briefly interrupted and clients will automatically reconnect.</p>
           <div class="settings-card">
             <div class="settings-field">
               <label class="settings-label">Restart Daemon</label>
               <div class="settings-hint">Spawns a new daemon process and gracefully shuts down the current one.</div>
               <div style="margin-top: 12px;">
-                <button class="settings-btn-sm" id="settings-restart-btn"><i data-lucide="refresh-cw" style="width:14px;height:14px;vertical-align:-2px;margin-right:4px;"></i>Restart Server</button>
+                <button class="settings-btn-sm" id="settings-restart-btn"><i data-lucide="refresh-cw" style="width:14px;height:14px;vertical-align:-2px;margin-right:4px;"></i>Restart</button>
               </div>
               <div class="settings-hint settings-restart-error hidden" id="settings-restart-error" style="margin-top: 8px;"></div>
             </div>
           </div>
         </div>
         <div class="server-settings-section" data-section="shutdown">
-          <h2>Shutdown Server</h2>
+          <h2>Shutdown</h2>
           <div class="settings-danger-zone">
             <div class="settings-danger-icon"><i data-lucide="alert-triangle"></i></div>
             <div class="settings-danger-body">
@@ -928,7 +956,8 @@
           <div class="settings-card" id="admin-projects-body"></div>
         </div>
         <div class="server-settings-section settings-admin-only" data-section="admin-smtp">
-          <h2>Email (SMTP)</h2>
+          <h2>Email</h2>
+          <p class="settings-hint" style="margin-bottom: 20px;">Configure SMTP to send invite links and one-time login codes via email. Without SMTP, users log in with a PIN instead.</p>
           <div class="settings-card" id="admin-smtp-body"></div>
         </div>