clay-server 2.18.1-beta.1 → 2.19.0-beta.2

package/README.md

@@ -1,137 +1,109 @@
 # Clay
 
-<p align="center">
-  <img src="media/phone.gif" alt="Clay on phone" width="300">
-</p>
-
-<h3 align="center">Turn Claude Code into a team workspace. Any device, one command.</h3>
+<h3 align="center">Claude Code in your browser. Bring your team, or build one.</h3>
 
 [![npm version](https://img.shields.io/npm/v/clay-server)](https://www.npmjs.com/package/clay-server) [![npm downloads](https://img.shields.io/npm/dw/clay-server)](https://www.npmjs.com/package/clay-server) [![GitHub stars](https://img.shields.io/github/stars/chadbyte/clay)](https://github.com/chadbyte/clay) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/chadbyte/clay/blob/main/LICENSE)
 
-Clay gives Claude Code a browser UI that runs on any device. Use it from your phone, run it on macOS, Windows, or Linux. Invite teammates, manage multiple projects from one sidebar, and get push notifications when Claude needs you. HTTPS and push notifications work out of the box with zero config. Built on the official Claude Agent SDK, not a terminal parser. Your machine is the server. No cloud relay in between, no extra network surface.
-
----
-
-## Getting Started
-
-**Requirements:** Node.js 20+, Claude Code CLI (authenticated).
+Everything Claude Code does, Clay does in your browser. Plus multi-session, file browser, scheduled agents, mobile notifications, and more. Invite your team to work together in the same session, or build an AI team from scratch. **Your machine is the server.** No cloud relay, no middleman.
 
 ```bash
 npx clay-server
+# Scan the QR code to connect from any device
 ```
 
-On first run, it walks you through port and PIN setup.
-Scan the QR code to connect from your phone instantly.
-
-For remote access, use a VPN like Tailscale.
-
-<p align="center">
-  <img src="media/start.gif" alt="Clay starting from CLI" width="600">
-</p>
-
 ---
 
-## Multi-session, multi-project
+## What you get
 
-Add a project in the browser and an agent attaches to it.
-Run backend, frontend, and docs simultaneously. Switch between them in the sidebar.
+### Everything the CLI does
 
-The server runs as a background daemon. Sessions persist even after you close the terminal.
-
-Mermaid diagrams render as diagrams. Tables render as tables.
-Code blocks highlight 180+ languages.
-Browse project files in the file browser — changes reflect live while the agent works.
+Your CLI sessions, your CLAUDE.md rules, your MCP servers. **All of it works in Clay as-is.** Pick up a CLI session in the browser, or continue a browser session in the CLI. Same SDK, same tools, same results.
 
 <p align="center">
   <img src="media/split.gif" alt="split-screen workflow" width="700">
 </p>
 
----
+### Everything the CLI doesn't
 
-## Multi-user
+**Multiple agents, multiple projects, at the same time.** Switch between them in the sidebar. Browse project files live while the agent works, with syntax highlighting for 180+ languages. Mermaid diagrams render as diagrams. Tables render as tables.
 
-Invite teammates and give them access to a project. They talk to Claude Code directly in the browser — no terminal, no setup on their end.
+**Schedule agents with cron**, or let them run autonomously with **Ralph Loop**. Your phone buzzes when Claude needs approval, finishes a task, or hits an error. Install as a **PWA for push notifications**. Close your laptop, sessions keep running.
 
-Add a CLAUDE.md and the AI operates within those rules: explains technical terms in plain language, escalates risky operations to seniors, summarizes changes in simple words.
+<p align="center">
+  <img src="media/phone.gif" alt="Clay on phone" width="280">
+</p>
 
-If someone gets stuck, join their session to unblock them in real time. Permissions can be separated per project and per session. Real-time presence shows who's where.
+### Bring your whole team
 
----
+**One API key runs the whole workspace.** Invite teammates, set permissions per person, per project, per session. A designer reports a bug in plain language. A junior dev works with guardrails. If someone gets stuck, **jump into their session** to help in real time.
 
-## Mates
+Add a CLAUDE.md and the AI operates within those rules: explains technical terms simply, escalates risky operations to seniors, summarizes changes in plain words. Real-time presence shows who's where.
 
-Build your team, even if you're solo.
+### Build your team with Mates
 
-Mates are AI teammates you create through conversation. Interview them, give them a name, avatar, and role. A code reviewer, a marketing lead, a writing partner. They remember how you work together and carry context across sessions.
+Not *"act like a design expert."* Mates are AI teammates shaped through real conversation, trained with your context, and built to hold their own perspective. Give them a name, avatar, expertise, and working style. **They don't flatter you. They push back.**
 
-They sit in your sidebar next to your human teammates. DM them, bring them into projects, let them work autonomously. In a multi-user workspace, your whole team, human and AI, works in one place.
+They live in your sidebar next to your human teammates. @mention them in any project session when you need their take, DM them directly, or bring multiple into the same conversation. Each Mate builds persistent knowledge over time, remembering past decisions, project context, and how you work together.
 
-<!-- screenshot: sidebar with Mates visible -->
+#### Debate before you decide
 
----
+Let your Mates challenge each other. Set up a debate. Pick a moderator and panelists, give them a topic, and let them go. You can raise your hand to interject. When it wraps up, you get opposing perspectives from every angle.
 
-## Mobile & notifications
+"Should we rewrite this in Rust?" "Should we delay the launch to fix onboarding?" "Should we position this as enterprise-first or PLG?" Get real opposing perspectives before you commit.
 
-Phone, tablet, couch. All you need is a browser.
-Pick up a terminal session in the browser. Continue a browser session from another device.
-One QR code to connect. Install as a PWA for a native-like experience.
+### Your machine, your server
 
-When Claude asks for approval, your phone buzzes. You also get notified on completion or error. No need to keep the browser open.
+Clay runs as a daemon on your machine. **No cloud relay, no intermediary service** between your browser and your code. Data flows directly to the Anthropic API, exactly as it does from the CLI.
 
-<p align="center">
-  <img src="media/push-notification.jpg" alt="push notification" width="300">
-</p>
+PIN authentication, per-project permissions, and HTTPS are built in. For remote access, use a VPN like Tailscale.
 
 ---
 
-## Automation
+## How a bug gets fixed
 
-The scheduler kicks off agents at set times.
-Have it check open issues and submit PRs every morning at 8 AM.
-Or compile world news and email you a digest every day.
+**Without Clay:**
+Designer finds a bug → writes up a ticket on Asana → dev asks clarifying questions → PM prioritizes → dev opens terminal, fixes it → shares a preview → QA checks → deploy
+<br>*7 steps. 3 people. 2 days.*
 
-Take it further with Ralph Loop, an autonomous coding loop built into Clay. The agent works, commits, and a judge evaluates. If it fails, a fresh session starts over with no memory of the previous attempt. Only the code carries over. Based on [Geoffrey Huntley's Ralph Wiggum technique](https://ghuntley.com/loop/).
+**With Clay:**
+Designer opens Clay in the browser, describes the bug in plain language → senior joins the same session, reviews the fix together → merge
+<br>*2 steps. 2 people. Minutes. The designer never touched a terminal.*
 
 ---
 
-## Security & Privacy
+## How Clay compares
 
-Your data flows directly from your machine to the Anthropic API, exactly as it does when you use the CLI. Clay adds a browser layer on top, not a middleman.
+*As of March 2026.*
 
-HTTPS is enabled by default with a builtin certificate. PIN authentication and per-project/session permissions are built in. For local network use, this is sufficient. For remote access, we recommend a VPN like Tailscale.
+| | CLI | Remote Control | Channels | **Clay** |
+|---|---|---|---|---|
+| Multi-user with roles | – | – | Platform-dependent | **Accounts + RBAC** |
+| AI teammates (Mates + Debates) | – | – | – | **Yes** |
+| Join teammate's session | – | – | – | **Yes** |
+| Persistent daemon | – | Session-based | – | **Yes** |
+| Native mobile app | – | **Yes** | **Platform app** | PWA |
+| Official support | **Anthropic** | **Anthropic** | **Anthropic** | Community |
 
----
+Clay is a community project, not affiliated with Anthropic. Official tools receive guaranteed support and updates.
 
-## Why Clay?
+---
 
-*As of March 2026.*
+## Getting Started
 
-| | CLI + Remote Control | tmux | Desktop | Cowork | **Clay** |
-|---|---|---|---|---|---|
-| Multi-user | ❌ | ✅ | ❌ | ❌ | ✅ |
-| Mobile / PWA | ✅ | ➖ | ➖ | ➖ | ✅ |
-| Push notifications | 🟠 | ❌ | 🟠 | ❌ | ✅ |
-| GUI | 🟠 | ❌ | ✅ | ✅ | ✅ |
-| Scheduler (cron) | 🟠 | ❌ | ✅ | ✅ | ✅ |
-| Scheduler survives logout | ❌ | ➖ | 🟠 | 🟠 | ✅ |
-| Join teammate's session | ❌ | 🟠 | ❌ | ❌ | ✅ |
+**Requirements:** Node.js 20+, Claude Code CLI (authenticated).
 
-✅ Supported · 🟠 Partial / limited · ❌ Not supported · ➖ N/A
+```bash
+npx clay-server
+```
 
----
+On first run, it walks you through port and PIN setup.
+Scan the QR code to connect from your phone instantly.
 
-## Key Features
+For remote access, use a VPN like Tailscale.
 
-* **Mates** - AI teammates with persistent identity, context, and memory. Create through an interview, DM them, collaborate across sessions.
-* **Multi-user** - Accounts, invitations, per-project/session permissions, real-time presence.
-* **Multi-agent** - Parallel agents per project, sidebar switching.
-* **Push notifications** - Approval, completion, error. Native-like PWA experience.
-* **Scheduler** - Cron-based automatic agent execution.
-* **Ralph Loop** - Autonomous coding loop. The agent works, a judge evaluates, and it iterates until it passes.
-* **File browser** - File exploration, syntax highlighting, live reload.
-* **Built-in terminal** - Multi-tab terminal, mobile keyboard support.
-* **Session search** - Full-text search across all conversation history.
-* **Session persistence** - Survives crashes, restarts, and network drops.
+<p align="center">
+  <img src="media/start.gif" alt="Clay starting from CLI" width="600">
+</p>
 
 ---
 
@@ -150,20 +122,11 @@ Yes. Pick up a CLI session in the browser, or continue a browser session in the
 Yes. If your project has a CLAUDE.md, it works in Clay as-is.
 
 **"Does each teammate need their own API key?"**
-No. Teammates share the Claude Code session logged in on the server. If needed, you can configure per-project environment variables to use different API keys.
+No. Teammates share the Claude Code session logged in on the server. You can also assign different API keys per project for billing isolation.
 
 **"Does it work with MCP servers?"**
 Yes. MCP configurations from the CLI carry over as-is.
 
-**"What are Mates?"**
-AI teammates you create through a conversation. Each Mate has a name, avatar, personality, and persistent memory. They live in your sidebar and you can DM them or bring them into projects.
-
-**"How is a Mate different from Claude Projects?"**
-Claude Projects save prompts and files as context. A Mate is a teammate. It has its own identity formed through an interview, remembers how you work together across sessions, and exists alongside your human teammates in the workspace. You're not organizing prompts. You're building a team.
-
-**"Can I create multiple Mates?"**
-Yes. Create as many as you need. A code reviewer, a writing partner, a project manager. Each one is independent.
-
 ---
 
 ## HTTPS

package/lib/config.js

@@ -335,4 +335,5 @@ module.exports = {
   syncClayrc: syncClayrc,
   removeFromClayrc: removeFromClayrc,
   chmodSafe: chmodSafe,
+  isDevMode: _devMode,
 };

package/lib/project.js

@@ -3486,6 +3486,56 @@ function createProjectContext(opts) {
       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;
 
@@ -3498,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;
@@ -5873,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);
 }
+