clay-server 2.18.0 → 2.19.0-beta.1

package/lib/project.js

@@ -438,11 +438,13 @@ function createProjectContext(opts) {
     craftingSessionId: null,
     startedAt: null,
     loopId: null,
+    loopFilesId: null,
   };
 
   function loopDir() {
-    if (!loopState.loopId) return null;
-    return path.join(cwd, ".claude", "loops", loopState.loopId);
+    var id = loopState.loopFilesId || loopState.loopId;
+    if (!id) return null;
+    return path.join(cwd, ".claude", "loops", id);
   }
 
   function generateLoopId() {
@@ -469,6 +471,7 @@ function createProjectContext(opts) {
         wizardData: loopState.wizardData,
         startedAt: loopState.startedAt,
         loopId: loopState.loopId,
+        loopFilesId: loopState.loopFilesId || null,
       };
       var tmpPath = _loopStatePath + ".tmp";
       fs.writeFileSync(tmpPath, JSON.stringify(data, null, 2));
@@ -491,6 +494,7 @@ function createProjectContext(opts) {
       loopState.wizardData = data.wizardData || null;
       loopState.startedAt = data.startedAt || null;
       loopState.loopId = data.loopId || null;
+      loopState.loopFilesId = data.loopFilesId || null;
       // SDK sessions cannot survive daemon restart
       loopState.currentSessionId = null;
       loopState.judgeSessionId = null;
@@ -557,6 +561,7 @@ function createProjectContext(opts) {
     loopState.craftingSessionId = null;
     loopState.startedAt = null;
     loopState.loopId = null;
+    loopState.loopFilesId = null;
     saveLoopState();
   }
 
@@ -691,9 +696,10 @@ function createProjectContext(opts) {
       }
       // Set the loopId to the schedule's own id (not the linked task) so sidebar groups correctly
       loopState.loopId = record.id;
+      loopState.loopFilesId = loopFilesId;
       loopState.wizardData = null;
       activeRegistryId = record.id;
-      console.log("[loop-registry] Auto-starting loop: " + record.name + " (" + loopId + ")");
+      console.log("[loop-registry] Auto-starting loop: " + record.name + " (" + loopState.loopId + ")");
       send({ type: "schedule_run_started", recordId: record.id });
       startLoop({ maxIterations: record.maxIterations, name: record.name });
     },
@@ -3473,12 +3479,63 @@ function createProjectContext(opts) {
         return;
       }
       loopState.loopId = rerunRec.id;
+      loopState.loopFilesId = null;
       activeRegistryId = null; // not a scheduled trigger
       send({ type: "loop_rerun_started", recordId: rerunRec.id });
       startLoop();
       return;
     }
 
+    // --- Schedule message for after rate limit resets ---
+    if (msg.type === "schedule_message") {
+      var schedSession = getSessionForWs(ws);
+      if (!schedSession || !msg.text || !msg.resetsAt) return;
+      // Cancel any existing scheduled message
+      if (schedSession.scheduledMessage && schedSession.scheduledMessage.timer) {
+        clearTimeout(schedSession.scheduledMessage.timer);
+      }
+      var schedDelay = Math.max(0, msg.resetsAt - Date.now()) + 3000;
+      var schedEntry = {
+        type: "scheduled_message_queued",
+        text: msg.text,
+        resetsAt: msg.resetsAt,
+        scheduledAt: Date.now(),
+      };
+      sm.sendAndRecord(schedSession, schedEntry);
+      schedSession.scheduledMessage = {
+        text: msg.text,
+        resetsAt: msg.resetsAt,
+        timer: setTimeout(function () {
+          schedSession.scheduledMessage = null;
+          if (schedSession.destroying) return;
+          console.log("[project] Scheduled message firing for session " + schedSession.localId);
+          sm.sendAndRecord(schedSession, { type: "scheduled_message_sent" });
+          // Send the message as if user typed it
+          var schedUserMsg = { type: "user_message", text: msg.text };
+          schedSession.history.push(schedUserMsg);
+          sm.appendToSessionFile(schedSession, schedUserMsg);
+          sendToSession(schedSession.localId, schedUserMsg);
+          schedSession.isProcessing = true;
+          onProcessingChanged();
+          sendToSession(schedSession.localId, { type: "status", status: "processing" });
+          sdk.startQuery(schedSession, msg.text, null, getLinuxUserForSession(schedSession));
+          sm.broadcastSessionList();
+        }, schedDelay),
+      };
+      return;
+    }
+
+    if (msg.type === "cancel_scheduled_message") {
+      var cancelSession = getSessionForWs(ws);
+      if (!cancelSession) return;
+      if (cancelSession.scheduledMessage && cancelSession.scheduledMessage.timer) {
+        clearTimeout(cancelSession.scheduledMessage.timer);
+        cancelSession.scheduledMessage = null;
+        sm.sendAndRecord(cancelSession, { type: "scheduled_message_cancelled" });
+      }
+      return;
+    }
+
     if (msg.type !== "message") return;
     if (!msg.text && (!msg.images || msg.images.length === 0) && (!msg.pastes || msg.pastes.length === 0)) return;
 
@@ -3491,6 +3548,13 @@ function createProjectContext(opts) {
       sm.saveSessionFile(session);
     }
 
+    // Cancel any pending scheduled message when user sends a regular message
+    if (session.scheduledMessage && session.scheduledMessage.timer) {
+      clearTimeout(session.scheduledMessage.timer);
+      session.scheduledMessage = null;
+      sm.sendAndRecord(session, { type: "scheduled_message_cancelled" });
+    }
+
     var userMsg = { type: "user_message", text: msg.text || "" };
     if (msg.images && msg.images.length > 0) {
       userMsg.imageCount = msg.images.length;
@@ -5866,6 +5930,14 @@ function createProjectContext(opts) {
     // Abort all active sessions and clean up mention sessions
     sm.sessions.forEach(function (session) {
       session.destroying = true;
+      if (session.autoContinueTimer) {
+        clearTimeout(session.autoContinueTimer);
+        session.autoContinueTimer = null;
+      }
+      if (session.scheduledMessage && session.scheduledMessage.timer) {
+        clearTimeout(session.scheduledMessage.timer);
+        session.scheduledMessage = null;
+      }
       if (session.abortController) {
         try { session.abortController.abort(); } catch (e) {}
       }

package/lib/public/app.js

@@ -22,6 +22,7 @@ import { initAsciiLogo, startLogoAnimation, stopLogoAnimation } from './modules/
 import { initPlaybook, openPlaybook, getPlaybooks, getPlaybookForTip, isCompleted as isPlaybookCompleted } from './modules/playbook.js';
 import { initSTT } from './modules/stt.js';
 import { initProfile, getProfileLang } from './modules/profile.js';
+import { initUserSettings } from './modules/user-settings.js';
 import { initAdmin, checkAdminAccess } from './modules/admin.js';
 import { initSessionSearch, toggleSearch, closeSearch, isSearchOpen, handleFindInSessionResults, onHistoryPrepended as onSessionSearchHistoryPrepended } from './modules/session-search.js';
 import { initTooltips, registerTooltip } from './modules/tooltip.js';
@@ -1605,6 +1606,8 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
   var connected = false;
   var wasConnected = false;
   var processing = false;
+  var rateLimitResetsAt = null; // ms timestamp, set on rate_limit rejected
+  var rateLimitResetTimer = null;
   // isComposing -> modules/input.js
   var reconnectTimer = null;
   var reconnectDelay = 1000;
@@ -3490,6 +3493,14 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
       popoverText = typeLabel + " limit exceeded";
       updateRateLimitIndicator(msg);
       startRateLimitCountdown(null, msg.resetsAt, null);
+      // Track for schedule mode
+      rateLimitResetsAt = msg.resetsAt;
+      if (rateLimitResetTimer) clearTimeout(rateLimitResetTimer);
+      rateLimitResetTimer = setTimeout(function () {
+        rateLimitResetsAt = null;
+        rateLimitResetTimer = null;
+        exitScheduleMode();
+      }, msg.resetsAt - Date.now() + 1000);
     } else {
       var pct = msg.utilization ? Math.round(msg.utilization * 100) : null;
       popoverText = typeLabel + " warning" + (pct ? " (" + pct + "% used)" : "");
@@ -3499,6 +3510,117 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     showRateLimitPopover(popoverText, isRejected);
   }
 
+  // --- Schedule mode (rate limit) ---
+
+  var scheduleModeActive = false;
+
+  function enterScheduleMode() {
+    if (scheduleModeActive) return;
+    scheduleModeActive = true;
+    var inputRow = document.getElementById("input-row");
+    if (inputRow) inputRow.classList.add("input-rate-limited");
+    if (inputEl) {
+      inputEl.dataset.originalPlaceholder = inputEl.placeholder;
+      inputEl.placeholder = "Schedule message after limit resets...";
+    }
+  }
+
+  function exitScheduleMode() {
+    if (!scheduleModeActive) return;
+    scheduleModeActive = false;
+    var inputRow = document.getElementById("input-row");
+    if (inputRow) inputRow.classList.remove("input-rate-limited");
+    if (inputEl && inputEl.dataset.originalPlaceholder) {
+      inputEl.placeholder = inputEl.dataset.originalPlaceholder;
+      delete inputEl.dataset.originalPlaceholder;
+    }
+  }
+
+  // --- Scheduled message in chat history ---
+
+  var scheduledMsgEl = null;
+  var scheduledCountdownTimer = null;
+
+  function addScheduledMessageBubble(text, resetsAt) {
+    removeScheduledMessageBubble();
+    var wrap = document.createElement("div");
+    wrap.className = "scheduled-msg-wrap";
+    wrap.id = "scheduled-msg-bubble";
+
+    var bubble = document.createElement("div");
+    bubble.className = "scheduled-msg-bubble";
+
+    var textEl = document.createElement("div");
+    textEl.className = "scheduled-msg-text";
+    textEl.textContent = text;
+
+    var metaEl = document.createElement("div");
+    metaEl.className = "scheduled-msg-meta";
+
+    var clockIcon = document.createElement("span");
+    clockIcon.className = "scheduled-msg-icon";
+    clockIcon.innerHTML = iconHtml("clock");
+    metaEl.appendChild(clockIcon);
+
+    var countdownEl = document.createElement("span");
+    countdownEl.className = "scheduled-msg-countdown";
+    metaEl.appendChild(countdownEl);
+
+    var cancelBtn = document.createElement("button");
+    cancelBtn.className = "scheduled-msg-cancel";
+    cancelBtn.title = "Cancel scheduled message";
+    cancelBtn.innerHTML = iconHtml("x");
+    cancelBtn.addEventListener("click", function () {
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: "cancel_scheduled_message" }));
+      }
+    });
+    metaEl.appendChild(cancelBtn);
+
+    bubble.appendChild(textEl);
+    bubble.appendChild(metaEl);
+    wrap.appendChild(bubble);
+    messagesEl.appendChild(wrap);
+    scheduledMsgEl = wrap;
+    scrollToBottom();
+
+    // Start countdown
+    function updateCountdown() {
+      var remaining = resetsAt - Date.now();
+      if (remaining <= 0) {
+        countdownEl.textContent = "Sending...";
+        if (scheduledCountdownTimer) { clearInterval(scheduledCountdownTimer); scheduledCountdownTimer = null; }
+        return;
+      }
+      var hrs = Math.floor(remaining / 3600000);
+      var mins = Math.floor((remaining % 3600000) / 60000);
+      var secs = Math.floor((remaining % 60000) / 1000);
+      var timeStr = "";
+      if (hrs > 0) timeStr += hrs + "h ";
+      if (mins > 0 || hrs > 0) timeStr += mins + "m ";
+      timeStr += secs + "s";
+
+      var sendDate = new Date(resetsAt);
+      var absTime = sendDate.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+      countdownEl.textContent = "Sends at " + absTime + " (" + timeStr + ")";
+    }
+    updateCountdown();
+    scheduledCountdownTimer = setInterval(updateCountdown, 1000);
+
+    refreshIcons(wrap);
+  }
+
+  function removeScheduledMessageBubble() {
+    if (scheduledMsgEl) {
+      scheduledMsgEl.remove();
+      scheduledMsgEl = null;
+    }
+    if (scheduledCountdownTimer) {
+      clearInterval(scheduledCountdownTimer);
+      scheduledCountdownTimer = null;
+    }
+  }
+
   // --- Fast Mode State ---
 
   var fastModeIndicatorEl = null;
@@ -4366,6 +4488,10 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
             if (isNotifAlertEnabled() && !window._pushSubscription) showDoneNotification();
             if (isNotifSoundEnabled()) playDoneSound();
           }
+          // Enter schedule mode if rate limited
+          if (rateLimitResetsAt && rateLimitResetsAt > Date.now() && msg.code === 1) {
+            enterScheduleMode();
+          }
           break;
 
         case "stderr":
@@ -4396,6 +4522,34 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
           handleRateLimitEvent(msg);
           break;
 
+        case "scheduled_message_queued":
+          addScheduledMessageBubble(msg.text, msg.resetsAt);
+          exitScheduleMode();
+          break;
+
+        case "scheduled_message_sent":
+          removeScheduledMessageBubble();
+          processing = true;
+          setStatus("processing");
+          break;
+
+        case "scheduled_message_cancelled":
+          removeScheduledMessageBubble();
+          // Re-enter schedule mode if still rate limited
+          if (rateLimitResetsAt && rateLimitResetsAt > Date.now()) {
+            enterScheduleMode();
+          }
+          break;
+
+        case "auto_continue_scheduled":
+          // Scheduler auto-continue, just show info
+          break;
+
+        case "auto_continue_fired":
+          processing = true;
+          setStatus("processing");
+          break;
+
         case "prompt_suggestion":
           showSuggestionChips(msg.suggestion);
           break;
@@ -5139,6 +5293,9 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     getMateName: function () { return dmTargetUser ? (dmTargetUser.displayName || "Mate") : "Mate"; },
     getMateAvatarUrl: function () { return document.body.dataset.mateAvatarUrl || ""; },
     showMatePreThinking: function () { showMatePreThinking(); },
+    isScheduleMode: function () { return scheduleModeActive; },
+    getRateLimitResetsAt: function () { return rateLimitResetsAt; },
+    exitScheduleMode: exitScheduleMode,
   });
 
   // --- @Mention module ---
@@ -5176,6 +5333,11 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     basePath: basePath,
   });
 
+  // --- User settings (full-screen overlay) ---
+  initUserSettings({
+    basePath: basePath,
+  });
+
   // --- Force PIN change overlay (for admin-created accounts with temp PIN) ---
   function showForceChangePinOverlay() {
     var ov = document.createElement("div");
@@ -7284,7 +7446,12 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     btn.id = "cursor-share-toggle";
     btn.className = "cursor-share-btn";
     btn.innerHTML = '<i data-lucide="mouse-pointer-2"></i>';
-    actionsEl.appendChild(btn);
+    var settingsBtn = document.getElementById("user-settings-btn");
+    if (settingsBtn) {
+      actionsEl.insertBefore(btn, settingsBtn);
+    } else {
+      actionsEl.appendChild(btn);
+    }
 
     function updateToggleStyle() {
       if (cursorSharingEnabled) {

package/lib/public/css/input.css

@@ -666,3 +666,84 @@
   pointer-events: none;
   opacity: 0.5;
 }
+
+/* ==========================================================================
+   Rate Limit Schedule Mode
+   ========================================================================== */
+
+/* Input area styling when rate limited */
+#input-row.input-rate-limited {
+  border-color: var(--warning, #d97706);
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--warning, #d97706) 20%, transparent);
+}
+
+#input-row.input-rate-limited:focus-within {
+  border-color: var(--warning, #d97706);
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--warning, #d97706) 30%, transparent);
+}
+
+/* Scheduled message bubble in chat */
+.scheduled-msg-wrap {
+  display: flex;
+  justify-content: flex-end;
+  padding: 4px 16px;
+}
+
+.scheduled-msg-bubble {
+  max-width: 75%;
+  padding: 10px 14px;
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--warning, #d97706) 8%, var(--bg-alt));
+  border: 1px dashed color-mix(in srgb, var(--warning, #d97706) 40%, transparent);
+}
+
+.scheduled-msg-text {
+  font-size: 14px;
+  color: var(--text);
+  line-height: 1.5;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.scheduled-msg-meta {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 8px;
+  font-size: 12px;
+  color: var(--warning, #d97706);
+}
+
+.scheduled-msg-icon .lucide {
+  width: 14px;
+  height: 14px;
+}
+
+.scheduled-msg-countdown {
+  flex: 1;
+}
+
+.scheduled-msg-cancel {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  border: none;
+  border-radius: 4px;
+  background: none;
+  color: var(--text-dimmer);
+  cursor: pointer;
+  padding: 0;
+  transition: background 0.15s, color 0.15s;
+}
+
+.scheduled-msg-cancel:hover {
+  background: rgba(var(--overlay-rgb), 0.08);
+  color: var(--error);
+}
+
+.scheduled-msg-cancel .lucide {
+  width: 14px;
+  height: 14px;
+}

package/lib/public/css/profile.css

@@ -394,3 +394,4 @@
   border-color: #fff;
   box-shadow: 0 0 0 2px var(--accent);
 }
+

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

@@ -0,0 +1,321 @@
+/* ==========================================================================
+   User Settings — Modal dialog with left nav + right content
+   ========================================================================== */
+
+/* --- Overlay container --- */
+#user-settings {
+  position: fixed;
+  inset: 0;
+  z-index: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+}
+
+#user-settings.hidden {
+  display: none;
+}
+
+/* --- Modal box --- */
+.us-modal {
+  position: relative;
+  background: var(--bg-alt);
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  width: 680px;
+  max-width: 100%;
+  height: min(560px, calc(100vh - 40px));
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 8px 32px rgba(var(--shadow-rgb), 0.5);
+  animation: usModalIn 0.2s ease-out;
+  overflow: hidden;
+}
+
+@keyframes usModalIn {
+  from { opacity: 0; transform: scale(0.95); }
+  to   { opacity: 1; transform: scale(1); }
+}
+
+/* --- Header --- */
+.us-modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--border-subtle);
+  flex-shrink: 0;
+}
+
+.us-modal-title {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--text);
+}
+
+.us-modal-close {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  border-radius: 8px;
+  background: none;
+  color: var(--text-muted);
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+
+.us-modal-close .lucide {
+  width: 18px;
+  height: 18px;
+}
+
+.us-modal-close:hover {
+  background: rgba(var(--overlay-rgb), 0.08);
+  color: var(--text);
+}
+
+/* --- Body: nav + content side by side --- */
+.us-modal-body {
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: hidden;
+}
+
+/* --- Left nav --- */
+.us-modal-nav {
+  width: 172px;
+  flex-shrink: 0;
+  padding: 12px 8px;
+  border-right: 1px solid var(--border-subtle);
+  background: var(--sidebar-bg);
+  overflow-y: auto;
+}
+
+.us-modal-nav-items {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.us-nav-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 7px 10px;
+  border: none;
+  background: none;
+  color: var(--text-muted);
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  border-radius: 6px;
+  transition: background 0.15s, color 0.15s;
+  text-align: left;
+}
+
+.us-nav-item:hover {
+  background: rgba(var(--overlay-rgb), 0.04);
+  color: var(--text-secondary);
+}
+
+.us-nav-item.active {
+  background: rgba(var(--overlay-rgb), 0.08);
+  color: var(--text);
+}
+
+.us-nav-separator {
+  height: 1px;
+  background: var(--border-subtle);
+  margin: 6px 10px;
+}
+
+.us-nav-danger {
+  color: var(--error);
+}
+
+.us-nav-danger:hover {
+  background: var(--error-12);
+  color: var(--error);
+}
+
+.us-nav-danger.active {
+  background: var(--error-12);
+  color: var(--error);
+}
+
+/* --- Right content --- */
+.us-modal-content {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow-y: auto;
+  padding: 20px 24px;
+}
+
+/* --- Sections --- */
+.us-section {
+  display: none;
+}
+
+.us-section.active {
+  display: block;
+}
+
+.us-section h2 {
+  font-size: 17px;
+  font-weight: 700;
+  color: var(--text);
+  margin: 0 0 16px;
+}
+
+.us-section h3 {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  margin: 20px 0 10px;
+}
+
+/* --- Text inputs --- */
+.us-text-input {
+  width: 100%;
+  max-width: 320px;
+  padding: 8px 12px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--bg);
+  color: var(--text);
+  font-family: inherit;
+  font-size: 14px;
+  outline: none;
+  transition: border-color 0.15s;
+  margin-top: 4px;
+}
+
+.us-text-input:focus {
+  border-color: var(--accent);
+}
+
+.us-text-input::placeholder {
+  color: var(--text-dimmer);
+}
+
+/* --- Buttons --- */
+.us-btn {
+  padding: 8px 20px;
+  border: none;
+  border-radius: 6px;
+  background: var(--accent);
+  color: #fff;
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: opacity 0.15s;
+}
+
+.us-btn:hover {
+  opacity: 0.9;
+}
+
+.us-btn:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.us-btn-danger {
+  background: var(--error);
+}
+
+/* --- PIN row --- */
+.us-pin-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 4px;
+}
+
+.us-pin-input {
+  max-width: 140px;
+  font-family: "Roboto Mono", monospace;
+  letter-spacing: 4px;
+  text-align: center;
+}
+
+.us-pin-msg {
+  font-size: 13px;
+  margin-top: 8px;
+}
+
+.us-pin-msg.hidden {
+  display: none;
+}
+
+.us-pin-msg-ok {
+  color: #3fb950;
+}
+
+.us-pin-msg-err {
+  color: var(--error);
+}
+
+/* --- Active state on gear button --- */
+#user-settings-btn.active {
+  background: var(--sidebar-hover);
+  color: var(--text);
+}
+
+/* --- Mobile nav dropdown (hidden on desktop) --- */
+#user-settings .settings-nav-dropdown {
+  display: none;
+}
+
+/* ==========  RESPONSIVE  ========== */
+@media (max-width: 580px) {
+  .us-modal {
+    width: 100%;
+    max-height: calc(100vh - 40px);
+    border-radius: 12px;
+  }
+
+  .us-modal-body {
+    flex-direction: column;
+  }
+
+  .us-modal-nav {
+    width: 100%;
+    border-right: none;
+    border-bottom: 1px solid var(--border-subtle);
+    padding: 8px 12px;
+    overflow-y: visible;
+  }
+
+  .us-modal-nav-items {
+    display: none;
+  }
+
+  #user-settings .settings-nav-dropdown {
+    display: block;
+    width: 100%;
+    padding: 8px 12px;
+    font-family: inherit;
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--text);
+    background: var(--bg-alt);
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    cursor: pointer;
+  }
+
+  .us-modal-content {
+    padding: 16px;
+  }
+}

package/lib/public/index.html

@@ -717,6 +717,7 @@
       </div>
     </div>
     <div class="user-island-actions">
+      <button id="user-settings-btn" title="User settings"><i data-lucide="settings"></i></button>
     </div>
   </div>
 
@@ -755,6 +756,67 @@
   </div>
 </div>
 
+<!-- === User Settings (modal dialog) === -->
+<div id="user-settings" class="hidden">
+  <div class="confirm-backdrop" id="user-settings-backdrop"></div>
+  <div class="us-modal">
+    <div class="us-modal-header">
+      <span class="us-modal-title">User Settings</span>
+      <button class="us-modal-close" id="user-settings-close" title="Close"><i data-lucide="x"></i></button>
+    </div>
+    <div class="us-modal-body">
+      <nav class="us-modal-nav">
+        <select id="user-settings-nav-dropdown" class="settings-nav-dropdown">
+          <option value="us-account" selected>Account</option>
+        </select>
+        <div class="us-modal-nav-items">
+          <button class="us-nav-item active" data-section="us-account"><span>Account</span></button>
+          <div class="us-nav-separator"></div>
+          <button class="us-nav-item us-nav-danger" data-section="us-logout"><span>Log Out</span></button>
+        </div>
+      </nav>
+      <div class="us-modal-content">
+
+        <!-- Account section -->
+        <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>
+            </div>
+          </div>
+          <h3>Change PIN</h3>
+          <div class="settings-card">
+            <div class="settings-field">
+              <label class="settings-label">New PIN (6 digits)</label>
+              <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="000000" autocomplete="off">
+                <button class="us-btn" id="us-pin-save" disabled>Update PIN</button>
+              </div>
+              <div class="us-pin-msg hidden" id="us-pin-msg"></div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Log out section -->
+        <div class="us-section" data-section="us-logout">
+          <h2>Log Out</h2>
+          <div class="settings-card settings-card-danger">
+            <div class="settings-field">
+              <p class="settings-hint" style="margin:0 0 12px;font-size:14px;color:var(--text-secondary)">You will be signed out and redirected to the login screen.</p>
+              <button class="us-btn us-btn-danger" id="us-logout-btn">Log Out</button>
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+</div>
+
 <!-- === Server Settings (full-screen overlay) === -->
 <div id="server-settings" class="hidden">
   <div class="server-settings-layout">

package/lib/public/modules/input.js

@@ -122,6 +122,22 @@ export function sendMessage() {
   }
 
   var pastes = pendingPastes.map(function (p) { return p.text; });
+
+  // Schedule mode: queue message for after rate limit resets
+  if (ctx.isScheduleMode && ctx.isScheduleMode()) {
+    var resetsAt = ctx.getRateLimitResetsAt ? ctx.getRateLimitResetsAt() : null;
+    if (resetsAt && resetsAt > Date.now()) {
+      ctx.ws.send(JSON.stringify({ type: "schedule_message", text: text || "", resetsAt: resetsAt }));
+      if (ctx.exitScheduleMode) ctx.exitScheduleMode();
+      ctx.inputEl.value = "";
+      sendInputSync();
+      clearPendingImages();
+      autoResize();
+      ctx.inputEl.focus();
+      return;
+    }
+  }
+
   ctx.addUserMessage(text, images.length > 0 ? images : null, pastes.length > 0 ? pastes : null);
 
   var payload = { type: "message", text: text || "" };

package/lib/public/modules/profile.js

@@ -52,7 +52,7 @@ function saveProfile() {
   }).then(function(r) { return r.json(); });
 }
 
-function debouncedSave() {
+export function debouncedSave() {
   if (saveTimer) clearTimeout(saveTimer);
   saveTimer = setTimeout(function() {
     saveProfile();
@@ -61,7 +61,7 @@ function debouncedSave() {
 }
 
 // --- DOM updates ---
-function applyToIsland() {
+export function applyToIsland() {
   var avatarWrap = document.querySelector('.user-island-avatar');
   var nameEl = document.querySelector('.user-island-name');
   if (!avatarWrap || !nameEl) return;

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

@@ -0,0 +1,185 @@
+// user-settings.js — Modal dialog for user settings
+// Account management and logout
+
+import { refreshIcons } from './icons.js';
+import { showToast } from './utils.js';
+
+var ctx = null;
+var settingsEl = null;
+var openBtn = null;
+var closeBtn = null;
+var backdrop = null;
+var navItems = null;
+var sections = null;
+
+
+export function initUserSettings(appCtx) {
+  ctx = appCtx;
+  settingsEl = document.getElementById('user-settings');
+  openBtn = document.getElementById('user-settings-btn');
+  closeBtn = document.getElementById('user-settings-close');
+  backdrop = document.getElementById('user-settings-backdrop');
+
+  if (!settingsEl || !openBtn) return;
+
+  navItems = settingsEl.querySelectorAll('.us-nav-item');
+  sections = settingsEl.querySelectorAll('.us-section');
+
+  openBtn.addEventListener('click', function () {
+    openUserSettings();
+  });
+
+  if (closeBtn) {
+    closeBtn.addEventListener('click', function () {
+      closeUserSettings();
+    });
+  }
+
+  if (backdrop) {
+    backdrop.addEventListener('click', function () {
+      closeUserSettings();
+    });
+  }
+
+  document.addEventListener('keydown', function (e) {
+    if (e.key === 'Escape' && isUserSettingsOpen()) {
+      closeUserSettings();
+    }
+  });
+
+  for (var i = 0; i < navItems.length; i++) {
+    navItems[i].addEventListener('click', function () {
+      var section = this.dataset.section;
+      switchSection(section);
+    });
+  }
+
+  // Mobile nav dropdown
+  var navDropdown = document.getElementById('user-settings-nav-dropdown');
+  if (navDropdown) {
+    navDropdown.addEventListener('change', function () {
+      switchSection(this.value);
+    });
+  }
+
+  // PIN save button
+  var pinInput = document.getElementById('us-pin-input');
+  var pinSave = document.getElementById('us-pin-save');
+  if (pinInput && pinSave) {
+    pinInput.addEventListener('input', function () {
+      pinSave.disabled = !/^\d{6}$/.test(pinInput.value);
+    });
+    pinInput.addEventListener('keydown', stopProp);
+    pinInput.addEventListener('keyup', stopProp);
+    pinInput.addEventListener('keypress', stopProp);
+    pinSave.addEventListener('click', function () {
+      savePin(pinInput.value);
+    });
+  }
+
+  // Logout button
+  var logoutBtn = document.getElementById('us-logout-btn');
+  if (logoutBtn) {
+    logoutBtn.addEventListener('click', function () {
+      fetch('/auth/logout', { method: 'POST' }).then(function () {
+        window.location.reload();
+      }).catch(function () {
+        window.location.reload();
+      });
+    });
+  }
+}
+
+function openUserSettings() {
+  settingsEl.classList.remove('hidden');
+  openBtn.classList.add('active');
+  refreshIcons(settingsEl);
+  populateAccount();
+  switchSection('us-account');
+}
+
+export function closeUserSettings() {
+  settingsEl.classList.add('hidden');
+  openBtn.classList.remove('active');
+}
+
+export function isUserSettingsOpen() {
+  return settingsEl && !settingsEl.classList.contains('hidden');
+}
+
+function switchSection(sectionName) {
+  for (var i = 0; i < navItems.length; i++) {
+    navItems[i].classList.toggle('active', navItems[i].dataset.section === sectionName);
+  }
+  for (var j = 0; j < sections.length; j++) {
+    sections[j].classList.toggle('active', sections[j].dataset.section === sectionName);
+  }
+  var navDropdown = document.getElementById('user-settings-nav-dropdown');
+  if (navDropdown) navDropdown.value = sectionName;
+}
+
+function stopProp(e) {
+  e.stopPropagation();
+}
+
+// --- Account population ---
+
+function populateAccount() {
+  fetch('/api/profile').then(function (r) {
+    if (!r.ok) return null;
+    return r.json();
+  }).then(function (data) {
+    if (!data) return;
+    var usernameEl = document.getElementById('us-username');
+    if (usernameEl && data.username) {
+      usernameEl.textContent = data.username;
+    }
+    // Hide account section in single-user mode (no username)
+    var accountNav = settingsEl.querySelector('[data-section="us-account"]');
+    if (accountNav && !data.username) {
+      accountNav.style.display = 'none';
+    }
+  }).catch(function () {});
+}
+
+function savePin(pin) {
+  var pinInput = document.getElementById('us-pin-input');
+  var pinSave = document.getElementById('us-pin-save');
+  var pinMsg = document.getElementById('us-pin-msg');
+
+  pinSave.disabled = true;
+  pinSave.textContent = 'Saving...';
+
+  fetch('/api/user/pin', {
+    method: 'PUT',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ pin: pin }),
+  }).then(function (r) { return r.json(); }).then(function (data) {
+    if (data.ok) {
+      pinInput.value = '';
+      pinSave.textContent = 'Update PIN';
+      if (pinMsg) {
+        pinMsg.textContent = 'PIN updated successfully.';
+        pinMsg.className = 'us-pin-msg us-pin-msg-ok';
+        pinMsg.classList.remove('hidden');
+      }
+      showToast('PIN updated');
+    } else {
+      pinSave.disabled = false;
+      pinSave.textContent = 'Update PIN';
+      if (pinMsg) {
+        pinMsg.textContent = data.error || 'Failed to update PIN.';
+        pinMsg.className = 'us-pin-msg us-pin-msg-err';
+        pinMsg.classList.remove('hidden');
+      }
+    }
+  }).catch(function () {
+    pinSave.disabled = false;
+    pinSave.textContent = 'Update PIN';
+    if (pinMsg) {
+      pinMsg.textContent = 'Network error.';
+      pinMsg.className = 'us-pin-msg us-pin-msg-err';
+      pinMsg.classList.remove('hidden');
+    }
+  });
+}

package/lib/public/style.css

@@ -21,6 +21,7 @@
 @import url("css/playbook.css");
 @import url("css/stt.css");
 @import url("css/profile.css");
+@import url("css/user-settings.css");
 @import url("css/admin.css");
 @import url("css/session-search.css");
 @import url("css/tooltip.css");

package/lib/sdk-bridge.js

@@ -337,6 +337,7 @@ function createSDKBridge(opts) {
       session.activeTaskToolIds = {};
       session.taskIdMap = {};
       session.isProcessing = false;
+      session.rateLimitResetsAt = null; // clear on success
       onProcessingChanged();
       var lastStreamInput = session.lastStreamInputTokens || null;
       session.lastStreamInputTokens = null;
@@ -467,6 +468,10 @@ function createSDKBridge(opts) {
           utilization: info.utilization || null,
           isUsingOverage: info.isUsingOverage || false,
         });
+        // Track rejection for auto-continue / scheduled message support
+        if (info.status === "rejected" && info.resetsAt) {
+          session.rateLimitResetsAt = info.resetsAt * 1000;
+        }
       }
 
     } else if (parsed.type === "prompt_suggestion") {
@@ -975,7 +980,29 @@ function createSDKBridge(opts) {
             sm.broadcastSessionList();
           }
           cleanupSessionWorker(session);
-          if (session.onQueryComplete) {
+          // Auto-continue for scheduler sessions on rate limit
+          var workerDidScheduleAC = false;
+          if (session.rateLimitResetsAt && session.rateLimitResetsAt > Date.now()
+              && session.onQueryComplete && !session.destroying) {
+            var wacDelay = session.rateLimitResetsAt - Date.now() + 3000;
+            var wacResetsAt = session.rateLimitResetsAt;
+            session.rateLimitResetsAt = null;
+            session.rateLimitAutoContinuePending = true;
+            workerDidScheduleAC = true;
+            console.log("[sdk-bridge] Rate limited (worker), scheduling auto-continue in " + Math.round(wacDelay / 1000) + "s for session " + session.localId);
+            sendAndRecord(session, { type: "auto_continue_scheduled", resetsAt: wacResetsAt });
+            session.autoContinueTimer = setTimeout(function () {
+              session.autoContinueTimer = null;
+              session.rateLimitAutoContinuePending = false;
+              if (session.destroying) return;
+              console.log("[sdk-bridge] Auto-continue (worker) firing for session " + session.localId);
+              session.isProcessing = true;
+              onProcessingChanged();
+              sendAndRecord(session, { type: "auto_continue_fired" });
+              startQuery(session, "continue", null, session.lastLinuxUser || null);
+            }, wacDelay);
+          }
+          if (session.onQueryComplete && !workerDidScheduleAC) {
             try { session.onQueryComplete(session); } catch (err) {
               console.error("[sdk-bridge] onQueryComplete error:", err.message || err);
             }
@@ -1345,8 +1372,32 @@ function createSDKBridge(opts) {
       session.pendingPermissions = {};
       session.pendingAskUser = {};
       session.pendingElicitations = {};
+
+      // Auto-continue for scheduler (Ralph Loop) sessions on rate limit
+      var didScheduleAutoContinue = false;
+      if (session.rateLimitResetsAt && session.rateLimitResetsAt > Date.now()
+          && session.onQueryComplete && !session.destroying) {
+        var acDelay = session.rateLimitResetsAt - Date.now() + 3000;
+        var acResetsAt = session.rateLimitResetsAt;
+        session.rateLimitResetsAt = null;
+        session.rateLimitAutoContinuePending = true;
+        didScheduleAutoContinue = true;
+        console.log("[sdk-bridge] Rate limited, scheduling auto-continue in " + Math.round(acDelay / 1000) + "s for session " + session.localId);
+        sendAndRecord(session, { type: "auto_continue_scheduled", resetsAt: acResetsAt });
+        session.autoContinueTimer = setTimeout(function () {
+          session.autoContinueTimer = null;
+          session.rateLimitAutoContinuePending = false;
+          if (session.destroying) return;
+          console.log("[sdk-bridge] Auto-continue firing for session " + session.localId);
+          session.isProcessing = true;
+          onProcessingChanged();
+          sendAndRecord(session, { type: "auto_continue_fired" });
+          startQuery(session, "continue", null, session.lastLinuxUser || null);
+        }, acDelay);
+      }
+
       // Ralph Loop: notify completion so loop orchestrator can proceed
-      if (session.onQueryComplete) {
+      if (session.onQueryComplete && !didScheduleAutoContinue) {
         console.log("[sdk-bridge] Calling onQueryComplete for session " + session.localId + " (title: " + (session.title || "?") + ")");
         try {
           session.onQueryComplete(session);
@@ -1392,6 +1443,8 @@ function createSDKBridge(opts) {
   }
 
   async function startQuery(session, text, images, linuxUser) {
+    // Remember linuxUser for auto-continue after rate limit
+    session.lastLinuxUser = linuxUser || null;
     // OS-level isolation: delegate to worker process if linuxUser is set
     if (linuxUser) {
       return startQueryViaWorker(session, text, images, linuxUser);

package/lib/server.js

@@ -958,6 +958,29 @@ function createServer(opts) {
       return;
     }
 
+    // Logout
+    if (req.method === "POST" && fullUrl === "/auth/logout") {
+      if (users.isMultiUser()) {
+        var cookies = parseCookies(req);
+        var token = cookies["relay_auth_user"];
+        if (token && multiUserTokens[token]) {
+          delete multiUserTokens[token];
+          saveTokens();
+        }
+        res.writeHead(200, {
+          "Set-Cookie": "relay_auth_user=; Path=/; HttpOnly; SameSite=Strict; Max-Age=0" + (tlsOptions ? "; Secure" : ""),
+          "Content-Type": "application/json",
+        });
+      } else {
+        res.writeHead(200, {
+          "Set-Cookie": "relay_auth=; Path=/; HttpOnly; SameSite=Strict; Max-Age=0" + (tlsOptions ? "; Secure" : ""),
+          "Content-Type": "application/json",
+        });
+      }
+      res.end('{"ok":true}');
+      return;
+    }
+
     // Invite page (magic link)
     if (req.method === "GET" && fullUrl.indexOf("/invite/") === 0) {
       var inviteCode = fullUrl.substring("/invite/".length);

package/lib/sessions.js

@@ -628,28 +628,40 @@ function createSessionManager(opts) {
   }
 
   function migrateSessionTitles(getSDK, migrateCwd) {
-    var toMigrate = [];
+    var candidates = [];
     sessions.forEach(function(s) {
       if (s.cliSessionId && s.title && s.title !== "New Session" && s.title !== "Resumed session") {
-        toMigrate.push({ cliSessionId: s.cliSessionId, title: s.title });
+        candidates.push({ cliSessionId: s.cliSessionId, title: s.title });
       }
     });
-    if (toMigrate.length === 0) return;
+    if (candidates.length === 0) return;
     getSDK().then(function(sdkMod) {
-      var chain = Promise.resolve();
-      for (var i = 0; i < toMigrate.length; i++) {
-        (function(item) {
-          chain = chain.then(function() {
-            return sdkMod.renameSession(item.cliSessionId, item.title, { dir: migrateCwd }).catch(function(e) {
-              console.error("[session] Migration failed for " + item.cliSessionId + ":", e.message);
+      return sdkMod.listSessions({ dir: migrateCwd }).then(function(sdkSessions) {
+        var sdkTitles = {};
+        for (var i = 0; i < sdkSessions.length; i++) {
+          if (sdkSessions[i].customTitle) {
+            sdkTitles[sdkSessions[i].sessionId] = sdkSessions[i].customTitle;
+          }
+        }
+        var toMigrate = candidates.filter(function(item) {
+          return sdkTitles[item.cliSessionId] !== item.title;
+        });
+        if (toMigrate.length === 0) return;
+        var chain = Promise.resolve();
+        for (var j = 0; j < toMigrate.length; j++) {
+          (function(item) {
+            chain = chain.then(function() {
+              return sdkMod.renameSession(item.cliSessionId, item.title, { dir: migrateCwd }).catch(function(e) {
+                console.error("[session] Migration failed for " + item.cliSessionId + ":", e.message);
+              });
             });
-          });
-        })(toMigrate[i]);
-      }
-      chain.then(function() {
-        console.log("[session] Migrated " + toMigrate.length + " session title(s) to SDK format");
-      }).catch(function(e) {
-        console.error("[session] Migration chain failed:", e.message || e);
+          })(toMigrate[j]);
+        }
+        chain.then(function() {
+          console.log("[session] Migrated " + toMigrate.length + " session title(s) to SDK format");
+        }).catch(function(e) {
+          console.error("[session] Migration chain failed:", e.message || e);
+        });
       });
     }).catch(function() {});
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "2.18.0",
+  "version": "2.19.0-beta.1",
   "description": "Web UI for Claude Code. Any device. Push notifications.",
   "bin": {
     "clay-server": "./bin/cli.js",