clay-server 2.14.0 → 2.15.0-beta.2

package/README.md

@@ -4,18 +4,11 @@
   <img src="media/phone.gif" alt="Clay on phone" width="300">
 </p>
 
-<h3 align="center">A multi-user web UI for Claude Code, built on the Agent SDK.</h3>
+<h3 align="center">Turn Claude Code into a team workspace. Any device, one command.</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 extends Claude Code from a single-user CLI into a multi-user, multi-session web platform. It runs locally as a daemon, serves a browser UI over WebSocket, and lets non-technical teammates use Claude Code without touching the terminal.
-
-No relay server in the cloud. Your machine is the server. Zero install — one command:
-
-```bash
-npx clay-server
-# Scan the QR code to connect from any device
-```
+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. 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.
 
 ---
 
@@ -65,6 +58,18 @@ If someone gets stuck, join their session to unblock them in real time. Permissi
 
 ---
 
+## Mates
+
+Build your team, even if you're solo.
+
+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.
+
+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.
+
+<!-- screenshot: sidebar with Mates visible -->
+
+---
+
 ## Mobile & notifications
 
 Phone, tablet, couch. All you need is a browser.
@@ -85,15 +90,13 @@ 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.
 
-Take it further with Ralph Loop — autonomous iteration built into Clay. Define a task (`PROMPT.md`) and success criteria (`JUDGE.md`), then start the loop. The agent works, commits, and a judge evaluates the git diff as PASS or FAIL. On FAIL, a fresh session starts over. Each iteration has **no memory of previous conversations** — only the code carries over. Based on [Geoffrey Huntley's Ralph Wiggum technique](https://ghuntley.com/loop/).
+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/).
 
 ---
 
 ## Security & Privacy
 
-Clay turns your machine into the relay server. There is no intermediary server on the internet. No third-party service sits between your browser and your code.
-
-The best relay server to trust is the one that doesn't exist. Clay has none. Your data flows directly from your machine to the Anthropic API — exactly as it does when you use the CLI. No one intercepts, collects, or reroutes it. Clay adds a browser layer on top, not a middleman.
+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.
 
 PIN authentication, per-project/session permissions, and HTTPS are supported by default. For local network use, this is sufficient. For remote access, we recommend a VPN like Tailscale.
 
@@ -119,11 +122,12 @@ PIN authentication, per-project/session permissions, and HTTPS are supported by
 
 ## Key Features
 
+* **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 with PROMPT.md + JUDGE.md. Iterates until the judge says PASS.
+* **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.
@@ -136,47 +140,29 @@ PIN authentication, per-project/session permissions, and HTTPS are supported by
 **"Is this just a terminal wrapper?"**
 No. Clay runs on the Claude Agent SDK. It doesn't wrap terminal output. It communicates directly with the agent through the SDK.
 
-**"Is it free? Open source?"**
-Free. MIT-licensed open source. All code is public.
-
-**"Do I need to install anything?"**
-No. `npx clay-server` runs it directly. No global install, no build step, no Docker. Node.js and Claude Code are the only prerequisites.
-
 **"Does my code leave my machine?"**
 The Clay server runs locally. Files stay local. Only Claude API calls go out, which is the same as using the CLI.
 
-**"Is it secure?"**
-PIN authentication, per-project/session permissions, and HTTPS are supported by default. See [Security & Privacy](#security--privacy) for details.
-
-**"What OS does it run on?"**
-Windows, Linux, and macOS are all supported.
-
 **"Can I continue a CLI session?"**
 Yes. Pick up a CLI session in the browser, or continue a browser session in the CLI.
 
 **"Does my existing CLAUDE.md work?"**
 Yes. If your project has a CLAUDE.md, it works in Clay as-is.
 
-**"Can I use it as an app?"**
-PWA is supported. On mobile, tap the download icon in the top-left corner to open the PWA install guide. Once installed, it provides a native-like experience.
-
-**"Can I use the terminal on mobile?"**
-Yes. Clay provides a built-in terminal with mobile keyboard support.
-
 **"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.
 
 **"Does it work with MCP servers?"**
 Yes. MCP configurations from the CLI carry over as-is.
 
-**"How do I update?"**
-Auto-update is supported. When a new version is available, apply it with one click.
+**"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.
 
-**"Can I use other AI models besides Claude?"**
-Currently Clay is Claude Code only. Other model support is on the roadmap.
+**"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 run it in Docker?"**
-There's no official Docker image yet, but it can run in a container with a Node.js environment.
+**"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.
 
 ---
 
@@ -222,8 +208,7 @@ npx clay-server --dev        # Dev mode (foreground, auto-restart on lib/ change
 
 ## Architecture
 
-Clay is not a wrapper that intercepts stdio.
-It's a local relay server that drives Claude Code execution through the [Claude Agent SDK](https://www.npmjs.com/package/@anthropic-ai/claude-agent-sdk) and streams it to the browser over WebSocket.
+Clay drives Claude Code execution through the [Claude Agent SDK](https://www.npmjs.com/package/@anthropic-ai/claude-agent-sdk) and streams it to the browser over WebSocket.
 
 ```mermaid
 graph LR

package/lib/mates.js

@@ -98,6 +98,7 @@ function createMate(ctx, seedData) {
       avatarStyle: "bottts",
       avatarSeed: crypto.randomBytes(4).toString("hex"),
     },
+    bio: null,
     status: "interviewing",
     interviewProjectPath: null,
   };
@@ -133,6 +134,7 @@ function createMate(ctx, seedData) {
     claudeMd += "- Communication: " + seedData.communicationStyle.join(", ") + "\n";
   }
   claudeMd += "- Autonomy: " + (seedData.autonomy || "always_ask") + "\n";
+  claudeMd += TEAM_SECTION;
   claudeMd += crisisSafety.getSection();
   fs.writeFileSync(path.join(mateDir, "CLAUDE.md"), claudeMd);
 
@@ -264,6 +266,155 @@ function migrateLegacyMates() {
   }
 }
 
+// --- Team awareness ---
+
+var TEAM_MARKER = "<!-- TEAM_AWARENESS_MANAGED_BY_SYSTEM -->";
+
+var TEAM_SECTION =
+  "\n\n" + TEAM_MARKER + "\n" +
+  "## Your Team\n\n" +
+  "**This section is managed by the system and cannot be removed.**\n\n" +
+  "You are one of several AI Mates in this workspace. Your teammates and their profiles are listed in `../mates.json`. " +
+  "Each teammate's identity and working style is described in their own directory:\n\n" +
+  "- `../{mate_id}/CLAUDE.md` — their identity, personality, and working style\n" +
+  "- `../{mate_id}/mate.yaml` — their metadata (name, role, status, activities)\n" +
+  "- `../common-knowledge.json` — shared knowledge registry; files listed here are readable by all mates\n\n" +
+  "Check the team registry when it would be relevant to know who else is available or what they do. " +
+  "You cannot message other Mates directly yet, but knowing your team helps you work with the user more effectively.\n";
+
+function hasTeamSection(content) {
+  return content.indexOf(TEAM_MARKER) !== -1;
+}
+
+/**
+ * Enforce the team awareness section on a mate's CLAUDE.md.
+ * Inserts before the crisis safety section (if present), or appends at the end.
+ * Returns true if the file was modified.
+ */
+function enforceTeamAwareness(filePath) {
+  if (!fs.existsSync(filePath)) return false;
+
+  var content = fs.readFileSync(filePath, "utf8");
+
+  // Check if already present and correct
+  var teamIdx = content.indexOf(TEAM_MARKER);
+  if (teamIdx !== -1) {
+    // Extract existing team section (up to next system marker or ## heading)
+    var afterTeam = content.substring(teamIdx);
+    var crisisIdx = afterTeam.indexOf(crisisSafety.MARKER);
+    var existing;
+    if (crisisIdx !== -1) {
+      existing = afterTeam.substring(0, crisisIdx).trimEnd();
+    } else {
+      existing = afterTeam.trimEnd();
+    }
+    if (existing === TEAM_SECTION.trimStart().trimEnd()) return false; // already correct
+
+    // Strip the existing team section
+    var endOfTeam = crisisIdx !== -1 ? teamIdx + crisisIdx : content.length;
+    content = content.substring(0, teamIdx).trimEnd() + content.substring(endOfTeam);
+  }
+
+  // Insert before crisis safety section if present, otherwise append
+  var crisisPos = content.indexOf(crisisSafety.MARKER);
+  if (crisisPos !== -1) {
+    content = content.substring(0, crisisPos).trimEnd() + TEAM_SECTION + "\n\n" + content.substring(crisisPos);
+  } else {
+    content = content.trimEnd() + TEAM_SECTION;
+  }
+
+  fs.writeFileSync(filePath, content, "utf8");
+  return true;
+}
+
+// --- Common knowledge registry ---
+
+function commonKnowledgePath(ctx) {
+  return path.join(resolveMatesRoot(ctx), "common-knowledge.json");
+}
+
+function loadCommonKnowledge(ctx) {
+  try {
+    var raw = fs.readFileSync(commonKnowledgePath(ctx), "utf8");
+    return JSON.parse(raw);
+  } catch (e) {
+    return [];
+  }
+}
+
+function saveCommonKnowledge(ctx, entries) {
+  var filePath = commonKnowledgePath(ctx);
+  fs.mkdirSync(path.dirname(filePath), { recursive: true });
+  var tmpPath = filePath + ".tmp";
+  fs.writeFileSync(tmpPath, JSON.stringify(entries, null, 2));
+  fs.renameSync(tmpPath, filePath);
+}
+
+function promoteKnowledge(ctx, mateId, mateName, fileName) {
+  var entries = loadCommonKnowledge(ctx);
+  // Check if already promoted (same mateId + name)
+  for (var i = 0; i < entries.length; i++) {
+    if (entries[i].mateId === mateId && entries[i].name === fileName) {
+      return entries; // already promoted
+    }
+  }
+  entries.push({
+    name: fileName,
+    mateId: mateId,
+    mateName: mateName || null,
+    promotedAt: Date.now()
+  });
+  saveCommonKnowledge(ctx, entries);
+  return entries;
+}
+
+function depromoteKnowledge(ctx, mateId, fileName) {
+  var entries = loadCommonKnowledge(ctx);
+  entries = entries.filter(function (e) {
+    return !(e.mateId === mateId && e.name === fileName);
+  });
+  saveCommonKnowledge(ctx, entries);
+  return entries;
+}
+
+function getCommonKnowledgeForMate(ctx, mateId) {
+  var entries = loadCommonKnowledge(ctx);
+  var root = resolveMatesRoot(ctx);
+  var result = [];
+  for (var i = 0; i < entries.length; i++) {
+    var e = entries[i];
+    var filePath = path.join(root, e.mateId, "knowledge", e.name);
+    try {
+      var stat = fs.statSync(filePath);
+      result.push({
+        name: e.name,
+        size: stat.size,
+        mtime: stat.mtimeMs,
+        common: true,
+        ownMateId: e.mateId,
+        ownerName: e.mateName
+      });
+    } catch (err) {
+      // Source file deleted, skip (could clean up registry but not critical)
+    }
+  }
+  return result;
+}
+
+function readCommonKnowledgeFile(ctx, mateId, fileName) {
+  var root = resolveMatesRoot(ctx);
+  var filePath = path.join(root, mateId, "knowledge", path.basename(fileName));
+  return fs.readFileSync(filePath, "utf8");
+}
+
+function isPromoted(ctx, mateId, fileName) {
+  var entries = loadCommonKnowledge(ctx);
+  for (var i = 0; i < entries.length; i++) {
+    if (entries[i].mateId === mateId && entries[i].name === fileName) return true;
+  }
+  return false;
+}
+
 // Format seed data as a human-readable context string
 function formatSeedContext(seedData) {
   if (!seedData) return "";
@@ -318,4 +469,12 @@ module.exports = {
   getMateDir: getMateDir,
   migrateLegacyMates: migrateLegacyMates,
   formatSeedContext: formatSeedContext,
+  enforceTeamAwareness: enforceTeamAwareness,
+  TEAM_MARKER: TEAM_MARKER,
+  loadCommonKnowledge: loadCommonKnowledge,
+  promoteKnowledge: promoteKnowledge,
+  depromoteKnowledge: depromoteKnowledge,
+  getCommonKnowledgeForMate: getCommonKnowledgeForMate,
+  readCommonKnowledgeFile: readCommonKnowledgeFile,
+  isPromoted: isPromoted,
 };

package/lib/project.js

@@ -12,6 +12,7 @@ var { createLoopRegistry } = require("./scheduler");
 var usersModule = require("./users");
 var { resolveOsUserInfo, fsAsUser } = require("./os-users");
 var crisisSafety = require("./crisis-safety");
+var matesModule = require("./mates");
 var MAX_UPLOAD_BYTES = 50 * 1024 * 1024; // 50 MB
 
 // Validate environment variable string (KEY=VALUE per line)
@@ -1287,11 +1288,30 @@ function createProjectContext(opts) {
         for (var ki = 0; ki < entries.length; ki++) {
           if (entries[ki].endsWith(".md") || entries[ki].endsWith(".jsonl")) {
             var stat = fs.statSync(path.join(knowledgeDir, entries[ki]));
-            files.push({ name: entries[ki], size: stat.size, mtime: stat.mtimeMs });
+            files.push({ name: entries[ki], size: stat.size, mtime: stat.mtimeMs, common: false });
           }
         }
       } catch (e) { /* dir may not exist */ }
       files.sort(function (a, b) { return b.mtime - a.mtime; });
+
+      // For mate projects, check which files are promoted and include common files from other mates
+      if (isMate) {
+        var mateCtx = matesModule.buildMateCtx(opts.ownerId || null);
+        var thisMateId = path.basename(cwd);
+        // Tag promoted files
+        for (var pi = 0; pi < files.length; pi++) {
+          files[pi].promoted = matesModule.isPromoted(mateCtx, thisMateId, files[pi].name);
+        }
+        // Get common files from other mates
+        var commonFiles = matesModule.getCommonKnowledgeForMate(mateCtx, thisMateId);
+        // Filter out entries that belong to THIS mate (those are already in the list as promoted)
+        for (var ci = 0; ci < commonFiles.length; ci++) {
+          if (commonFiles[ci].ownMateId !== thisMateId) {
+            files.push(commonFiles[ci]);
+          }
+        }
+      }
+
       sendTo(ws, { type: "knowledge_list", files: files });
       return;
     }
@@ -1299,12 +1319,24 @@ function createProjectContext(opts) {
     if (msg.type === "knowledge_read") {
       if (!msg.name) return;
       var safeName = path.basename(msg.name);
-      var filePath = path.join(cwd, "knowledge", safeName);
-      try {
-        var content = fs.readFileSync(filePath, "utf8");
-        sendTo(ws, { type: "knowledge_content", name: safeName, content: content });
-      } catch (e) {
-        sendTo(ws, { type: "knowledge_content", name: safeName, content: "", error: "File not found" });
+      var filePath;
+      if (msg.common && msg.ownMateId && isMate) {
+        // Reading a common file from another mate
+        var mateCtx = matesModule.buildMateCtx(opts.ownerId || null);
+        try {
+          var content = matesModule.readCommonKnowledgeFile(mateCtx, msg.ownMateId, safeName);
+          sendTo(ws, { type: "knowledge_content", name: safeName, content: content, common: true, ownMateId: msg.ownMateId });
+        } catch (e) {
+          sendTo(ws, { type: "knowledge_content", name: safeName, content: "", error: "File not found", common: true });
+        }
+      } else {
+        filePath = path.join(cwd, "knowledge", safeName);
+        try {
+          var content = fs.readFileSync(filePath, "utf8");
+          sendTo(ws, { type: "knowledge_content", name: safeName, content: content });
+        } catch (e) {
+          sendTo(ws, { type: "knowledge_content", name: safeName, content: "", error: "File not found" });
+        }
       }
       return;
     }
@@ -1328,6 +1360,19 @@ function createProjectContext(opts) {
         }
       } catch (e) {}
       files.sort(function (a, b) { return b.mtime - a.mtime; });
+      // Tag files for mate projects
+      if (isMate) {
+        var mateCtx = matesModule.buildMateCtx(opts.ownerId || null);
+        var thisMateId = path.basename(cwd);
+        for (var pi = 0; pi < files.length; pi++) {
+          files[pi].common = false;
+          files[pi].promoted = matesModule.isPromoted(mateCtx, thisMateId, files[pi].name);
+        }
+        var commonFiles = matesModule.getCommonKnowledgeForMate(mateCtx, thisMateId);
+        for (var ci = 0; ci < commonFiles.length; ci++) {
+          if (commonFiles[ci].ownMateId !== thisMateId) files.push(commonFiles[ci]);
+        }
+      }
       sendTo(ws, { type: "knowledge_saved", name: safeName });
       sendTo(ws, { type: "knowledge_list", files: files });
       return;
@@ -1351,11 +1396,49 @@ function createProjectContext(opts) {
         }
       } catch (e) {}
       files.sort(function (a, b) { return b.mtime - a.mtime; });
+      // Tag files for mate projects
+      if (isMate) {
+        var mateCtx = matesModule.buildMateCtx(opts.ownerId || null);
+        var thisMateId = path.basename(cwd);
+        for (var pi = 0; pi < files.length; pi++) {
+          files[pi].common = false;
+          files[pi].promoted = matesModule.isPromoted(mateCtx, thisMateId, files[pi].name);
+        }
+        var commonFiles = matesModule.getCommonKnowledgeForMate(mateCtx, thisMateId);
+        for (var ci = 0; ci < commonFiles.length; ci++) {
+          if (commonFiles[ci].ownMateId !== thisMateId) files.push(commonFiles[ci]);
+        }
+      }
       sendTo(ws, { type: "knowledge_deleted", name: safeName });
       sendTo(ws, { type: "knowledge_list", files: files });
       return;
     }
 
+    if (msg.type === "knowledge_promote") {
+      if (!isMate || !msg.name) return;
+      var safeName = path.basename(msg.name);
+      var mateCtx = matesModule.buildMateCtx(opts.ownerId || null);
+      var thisMateId = path.basename(cwd);
+      var mate = matesModule.getMate(mateCtx, thisMateId);
+      var mateName = (mate && mate.name) || null;
+      matesModule.promoteKnowledge(mateCtx, thisMateId, mateName, safeName);
+      sendTo(ws, { type: "knowledge_promoted", name: safeName });
+      // Re-send updated list (reuse knowledge_list logic)
+      handleMessage(ws, { type: "knowledge_list" });
+      return;
+    }
+
+    if (msg.type === "knowledge_depromote") {
+      if (!isMate || !msg.name) return;
+      var safeName = path.basename(msg.name);
+      var mateCtx = matesModule.buildMateCtx(opts.ownerId || null);
+      var thisMateId = path.basename(cwd);
+      matesModule.depromoteKnowledge(mateCtx, thisMateId, safeName);
+      sendTo(ws, { type: "knowledge_depromoted", name: safeName });
+      handleMessage(ws, { type: "knowledge_list" });
+      return;
+    }
+
     if (msg.type === "push_subscribe") {
       if (pushModule && msg.subscription) pushModule.addSubscription(msg.subscription, msg.replaceEndpoint);
       return;
@@ -3911,10 +3994,11 @@ function createProjectContext(opts) {
     icon = newIcon || null;
   }
 
-  // Mate projects: watch CLAUDE.md and enforce crisis safety section
+  // Mate projects: watch CLAUDE.md and enforce system-managed sections
   if (isMate) {
     var claudeMdPath = path.join(cwd, "CLAUDE.md");
     // Enforce immediately on startup
+    try { matesModule.enforceTeamAwareness(claudeMdPath); } catch (e) {}
     try { crisisSafety.enforce(claudeMdPath); } catch (e) {}
     // Watch for changes
     try {
@@ -3922,6 +4006,7 @@ function createProjectContext(opts) {
         if (crisisDebounce) clearTimeout(crisisDebounce);
         crisisDebounce = setTimeout(function () {
           crisisDebounce = null;
+          try { matesModule.enforceTeamAwareness(claudeMdPath); } catch (e) {}
           try { crisisSafety.enforce(claudeMdPath); } catch (e) {}
         }, 500);
       });

package/lib/public/app.js

@@ -1,7 +1,7 @@
 import { showToast, copyToClipboard, escapeHtml } from './modules/utils.js';
 import { refreshIcons, iconHtml, randomThinkingVerb } from './modules/icons.js';
 import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks, closeMermaidModal, parseEmojis } from './modules/markdown.js';
-import { initSidebar, renderSessionList, handleSearchResults, handleSearchContentResults, updateSessionPresence, updatePageTitle, getActiveSearchQuery, buildSearchTimeline, removeSearchTimeline, onHistoryPrepended, populateCliSessionList, renderIconStrip, renderSidebarPresence, initIconStrip, getEmojiCategories, renderUserStrip, setCurrentDmUser, updateDmBadge, updateSessionBadge, updateProjectBadge, closeDmUserPicker, spawnDustParticles } from './modules/sidebar.js';
+import { initSidebar, renderSessionList, handleSearchResults, updateSessionPresence, updatePageTitle, populateCliSessionList, renderIconStrip, renderSidebarPresence, initIconStrip, getEmojiCategories, renderUserStrip, setCurrentDmUser, updateDmBadge, updateSessionBadge, updateProjectBadge, closeDmUserPicker, spawnDustParticles } from './modules/sidebar.js';
 import { initMateSidebar, showMateSidebar, hideMateSidebar, renderMateSessionList, updateMateSidebarProfile, handleMateSearchResults } from './modules/mate-sidebar.js';
 import { initMateKnowledge, requestKnowledgeList, renderKnowledgeList, handleKnowledgeContent, hideKnowledge } from './modules/mate-knowledge.js';
 import { initRewind, setRewindMode, showRewindModal, clearPendingRewindUuid, addRewindButton } from './modules/rewind.js';
@@ -638,6 +638,7 @@ import { initCommandPalette, handlePaletteSessionSwitch, setPaletteVersion } fro
       // Apply mate color to chat title bar and panels
       var mateColor = (targetUser.profile && targetUser.profile.avatarColor) || targetUser.avatarColor || "#7c3aed";
       document.body.style.setProperty("--mate-color", mateColor);
+      document.body.style.setProperty("--mate-color-tint", mateColor + "0a");
       document.body.classList.add("mate-dm-active");
       // Build mate avatar URL for DM bubble injection
       var mp = targetUser.profile || {};
@@ -741,6 +742,7 @@ import { initCommandPalette, handlePaletteSessionSwitch, setPaletteVersion } fro
     }
     // Reset chat title bar and mate color
     document.body.style.removeProperty("--mate-color");
+    document.body.style.removeProperty("--mate-color-tint");
     document.body.classList.remove("mate-dm-active");
     delete document.body.dataset.mateAvatarUrl;
     delete document.body.dataset.myAvatarUrl;
@@ -851,7 +853,7 @@ import { initCommandPalette, handlePaletteSessionSwitch, setPaletteVersion } fro
         handleKnowledgeContent(msg);
         return;
       }
-      if (msg.type === "knowledge_saved" || msg.type === "knowledge_deleted") {
+      if (msg.type === "knowledge_saved" || msg.type === "knowledge_deleted" || msg.type === "knowledge_promoted" || msg.type === "knowledge_depromoted") {
         return; // list update follows separately
       }
       // On done: scan DOM for [[MATE_READY: name]], update name, strip marker
@@ -3258,7 +3260,6 @@ import { initCommandPalette, handlePaletteSessionSwitch, setPaletteVersion } fro
     isUserScrolledUp = false;
     newMsgBtn.classList.add("hidden");
     setRewindMode(false);
-    removeSearchTimeline();
     setActivity(null);
     setStatus("connected");
     if (!loopActive) enableMainInput();
@@ -3484,10 +3485,6 @@ import { initCommandPalette, handlePaletteSessionSwitch, setPaletteVersion } fro
           finalizeAssistantBlock();
           stopUrgentBlink();
           scrollToBottom();
-          var pendingQuery = getActiveSearchQuery();
-          if (pendingQuery) {
-            requestAnimationFrame(function() { buildSearchTimeline(pendingQuery); });
-          }
           // Scroll to tool element if navigating from file edit history
           var nav = getPendingNavigate();
           if (nav && (nav.toolId || nav.assistantUuid)) {
@@ -3732,8 +3729,6 @@ import { initCommandPalette, handlePaletteSessionSwitch, setPaletteVersion } fro
         case "search_content_results":
           if (msg.source === "find_in_session") {
             handleFindInSessionResults(msg);
-          } else {
-            handleSearchContentResults(msg);
           }
           break;
 
@@ -4603,8 +4598,7 @@ import { initCommandPalette, handlePaletteSessionSwitch, setPaletteVersion } fro
       updateHistorySentinel();
     }
 
-    // Notify sidebar search that history was prepended (for pending scroll targets)
-    onHistoryPrepended();
+    // Notify in-session search that history was prepended (for pending scroll targets)
     onSessionSearchHistoryPrepended();
   }
 

package/lib/public/css/input.css

@@ -270,6 +270,7 @@
 #input-area {
   flex-shrink: 0;
   padding: 8px 16px calc(var(--safe-bottom) + 8px);
+  background: transparent;
 }
 
 #input-wrapper {
@@ -452,7 +453,13 @@
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
-  padding: 0 0 8px;
+  padding: 8px 6px;
+  position: absolute;
+  bottom: 100%;
+  left: 0;
+  right: 0;
+  z-index: 5;
+  background: transparent;
 }
 
 #suggestion-chips.hidden { display: none; }
@@ -472,6 +479,7 @@
   text-align: left;
   max-width: 100%;
   line-height: 1.3;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 
 .suggestion-chip:hover {