clay-server 2.12.0 → 2.13.0-beta.1

package/lib/public/app.js

@@ -2,6 +2,8 @@ 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 { initMateSidebar, showMateSidebar, hideMateSidebar, renderMateSessionList, updateMateSidebarProfile } 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';
 import { initNotifications, showDoneNotification, playDoneSound, isNotifAlertEnabled, isNotifSoundEnabled } from './modules/notifications.js';
 import { initInput, clearPendingImages, handleInputSync, autoResize, builtinCommands, sendMessage } from './modules/input.js';
@@ -18,10 +20,11 @@ import { initScheduler, resetScheduler, handleLoopRegistryUpdated, handleSchedul
 import { initAsciiLogo, startLogoAnimation, stopLogoAnimation } from './modules/ascii-logo.js';
 import { initPlaybook, openPlaybook, getPlaybooks, getPlaybookForTip, isCompleted as isPlaybookCompleted } from './modules/playbook.js';
 import { initSTT } from './modules/stt.js';
-import { initProfile } from './modules/profile.js';
+import { initProfile, getProfileLang } from './modules/profile.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';
+import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } from './modules/mate-wizard.js';
 
 // --- Base path for multi-project routing ---
   var slugMatch = location.pathname.match(/^\/p\/([a-z0-9_-]+)/);
@@ -62,6 +65,11 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
   var cachedDmFavorites = [];
   var cachedDmConversations = [];
   var dmRemovedUsers = {};       // { userId: true } - users explicitly removed from favorites
+  var cachedMatesList = [];       // Cached list of mates for user strip
+
+  // --- Mate WS (separate connection to mate project) ---
+  var mateWs = null;
+  var mateProjectSlug = null;
 
   // --- Home Hub ---
   var homeHub = $("home-hub");
@@ -572,13 +580,24 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
     // Hide sticky notes if visible
     hideNotes();
 
+    var isMate = targetUser && targetUser.isMate;
+
     // Hide project UI + sidebar, show DM UI
     var mainCol = document.getElementById("main-column");
-    if (mainCol) mainCol.classList.add("dm-mode");
+    if (mainCol && !isMate) mainCol.classList.add("dm-mode");
     var sidebarCol = document.getElementById("sidebar-column");
     if (sidebarCol) sidebarCol.classList.add("dm-mode");
     var resizeHandle = document.getElementById("sidebar-resize-handle");
     if (resizeHandle) resizeHandle.classList.add("dm-mode");
+    if (isMate && targetUser.projectSlug) {
+      // Mate DM: connect to mate's own project via separate WS
+      // Main column stays visible (regular project chat UI), sidebar swaps to mate sidebar
+      showMateSidebar(targetUser.id, targetUser);
+      connectMateWs(targetUser.projectSlug);
+      // Hide terminal button (not relevant for mate)
+      var termBtn = document.getElementById("terminal-toggle-btn");
+      if (termBtn) termBtn.style.display = "none";
+    }
 
     // Hide user-island (my avatar behind it becomes visible)
     var userIsland = document.getElementById("user-island");
@@ -611,6 +630,15 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
       if (dmHeaderBar && targetUser.avatarColor) {
         dmHeaderBar.style.background = targetUser.avatarColor;
       }
+      // Add mate tag if this is a mate
+      var existingTag = dmHeaderBar ? dmHeaderBar.querySelector(".dm-header-mate-tag") : null;
+      if (existingTag) existingTag.remove();
+      if (targetUser.isMate && dmHeaderBar) {
+        var mateTag = document.createElement("span");
+        mateTag.className = "dm-header-mate-tag";
+        mateTag.textContent = "MATE";
+        dmHeaderBar.appendChild(mateTag);
+      }
     }
   }
 
@@ -627,10 +655,24 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
     if (sidebarCol) sidebarCol.classList.remove("dm-mode");
     var resizeHandle = document.getElementById("sidebar-resize-handle");
     if (resizeHandle) resizeHandle.classList.remove("dm-mode");
+    hideMateSidebar();
+    hideKnowledge();
+    disconnectMateWs();
+    // Restore terminal button
+    var termBtn = document.getElementById("terminal-toggle-btn");
+    if (termBtn) termBtn.style.display = "";
+    // Re-request session list from main project to refresh state
+    if (ws && ws.readyState === 1) {
+      ws.send(JSON.stringify({ type: "switch_session", id: activeSessionId }));
+    }
 
     // Reset DM header
     var dmHeaderBar = document.getElementById("dm-header-bar");
-    if (dmHeaderBar) dmHeaderBar.style.background = "";
+    if (dmHeaderBar) {
+      dmHeaderBar.style.background = "";
+      var mateTag = dmHeaderBar.querySelector(".dm-header-mate-tag");
+      if (mateTag) mateTag.remove();
+    }
 
     // Restore user-island (covers my avatar again)
     var userIsland = document.getElementById("user-island");
@@ -641,6 +683,138 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
     renderProjectList();
   }
 
+  function handleMateCreatedInApp(mate) {
+    if (!mate) return;
+    cachedMatesList.push(mate);
+    renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers, cachedMatesList);
+    // Store pending interview data so we can auto-send after DM opens
+    pendingMateInterview = mate;
+    openDm(mate.id);
+  }
+
+  var pendingMateInterview = null;
+
+  function buildMateInterviewPrompt(mate) {
+    var sd = mate.seedData || {};
+    var parts = [];
+    var spokenLang = getProfileLang() || "en-US";
+    parts.push("Spoken Language: " + spokenLang);
+    if (sd.relationship) parts.push("Relationship: " + sd.relationship);
+    if (sd.activity && sd.activity.length > 0) parts.push("Activities: " + sd.activity.join(", "));
+    if (sd.communicationStyle && sd.communicationStyle.length > 0) {
+      var styleLabels = {
+        direct_concise: "direct and concise",
+        soft_detailed: "soft and detailed",
+        witty: "witty",
+        encouraging: "encouraging",
+        formal: "formal",
+        no_nonsense: "no-nonsense",
+      };
+      var styles = sd.communicationStyle.map(function (s) { return styleLabels[s] || s.replace(/_/g, " "); });
+      parts.push("Communication: " + styles.join(", "));
+    }
+    if (sd.autonomy) parts.push("Autonomy: " + sd.autonomy.replace(/_/g, " "));
+
+    return "Use the /clay-mate-interview skill to start the interview.\n\n" +
+      "Mate ID: " + mate.id + "\n" +
+      "Mate Directory: .claude/mates/" + mate.id + "\n\n" +
+      "Seed Data:\n" + parts.join("\n");
+  }
+
+  // --- Mate WS connection ---
+  var savedMainWs = null;  // stash main project ws while in mate DM
+
+  function connectMateWs(slug) {
+    disconnectMateWs();
+    mateProjectSlug = slug;
+    var protocol = location.protocol === "https:" ? "wss:" : "ws:";
+    mateWs = new WebSocket(protocol + "//" + location.host + "/p/" + slug + "/ws");
+
+    mateWs.onopen = function () {
+      // Swap main ws to mateWs so all UI (input, model selector, etc.) routes through mate project
+      savedMainWs = ws;
+      ws = mateWs;
+      connected = true;
+    };
+
+    mateWs.onmessage = function (ev) {
+      var msg;
+      try { msg = JSON.parse(ev.data); } catch (e) { return; }
+      // Intercept session_list for mate sidebar
+      if (msg.type === "init" && msg.sessions) {
+        renderMateSessionList(msg.sessions);
+        requestKnowledgeList();
+      }
+      if (msg.type === "session_list") {
+        renderMateSessionList(msg.sessions || []);
+      }
+      // Intercept knowledge messages
+      if (msg.type === "knowledge_list") {
+        renderKnowledgeList(msg.files);
+        return;
+      }
+      if (msg.type === "knowledge_content") {
+        handleKnowledgeContent(msg);
+        return;
+      }
+      if (msg.type === "knowledge_saved" || msg.type === "knowledge_deleted") {
+        return; // list update follows separately
+      }
+      // On done: scan DOM for [[MATE_READY: name]], update name, strip marker
+      if (msg.type === "done" && dmTargetUser && dmTargetUser.isMate) {
+        // Let processMessage render first, then scan DOM
+        setTimeout(function () {
+          var fullText = messagesEl ? messagesEl.textContent : "";
+          var readyMatch = fullText.match(/\[\[MATE_READY:\s*(.+?)\]\]/);
+          if (readyMatch) {
+            var newName = readyMatch[1].trim();
+            dmTargetUser.displayName = newName;
+            updateMateSidebarProfile({ profile: { displayName: newName, avatarColor: dmTargetUser.avatarColor, avatarStyle: dmTargetUser.avatarStyle, avatarSeed: dmTargetUser.avatarSeed } });
+            if (savedMainWs && savedMainWs.readyState === 1) {
+              savedMainWs.send(JSON.stringify({
+                type: "mate_update",
+                mateId: dmTargetUser.id,
+                updates: { name: newName, status: "ready", profile: { displayName: newName } },
+              }));
+            }
+          }
+          // Strip all MATE_READY markers from visible elements
+          var walker = document.createTreeWalker(messagesEl, NodeFilter.SHOW_TEXT, null, false);
+          var node;
+          while (node = walker.nextNode()) {
+            if (node.nodeValue.indexOf("[[MATE_READY:") !== -1) {
+              node.nodeValue = node.nodeValue.replace(/\[\[MATE_READY:\s*.+?\]\]/g, "").trim();
+            }
+          }
+        }, 100);
+      }
+      // Feed everything into the main message handler (renders text, tools, etc.)
+      processMessage(msg);
+    };
+
+    mateWs.onclose = function () {
+      if (ws === mateWs) {
+        ws = savedMainWs;
+        savedMainWs = null;
+      }
+      mateWs = null;
+    };
+  }
+
+  function disconnectMateWs() {
+    if (mateWs) {
+      // Restore main ws before closing
+      if (ws === mateWs && savedMainWs) {
+        ws = savedMainWs;
+        savedMainWs = null;
+      }
+      mateWs.onclose = null;
+      mateWs.close();
+      mateWs = null;
+    }
+    mateProjectSlug = null;
+  }
+
   function appendDmMessage(msg) {
     var isMe = msg.from === myUserId;
     var d = new Date(msg.ts);
@@ -858,7 +1032,7 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
       renderTopbarPresence(msg.serverUsers);
       // Re-render user strip online dots even without allUsers update
       if (!msg.allUsers && cachedAllUsers.length > 0) {
-        renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers);
+        renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers, cachedMatesList);
       }
     }
     // Update user strip (DM targets) in icon strip
@@ -866,7 +1040,7 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
       cachedAllUsers = msg.allUsers;
       if (msg.dmFavorites) cachedDmFavorites = msg.dmFavorites;
       if (msg.dmConversations) cachedDmConversations = msg.dmConversations;
-      renderUserStrip(msg.allUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers);
+      renderUserStrip(msg.allUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers, cachedMatesList);
       // Render my avatar (always present, hidden behind user-island)
       var meEl = document.getElementById("icon-strip-me");
       if (meEl && !meEl.hasChildNodes()) {
@@ -903,8 +1077,10 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
   }
 
   function renderProjectList() {
-    // Render icon strip projects
-    var iconStripProjects = cachedProjects.map(function (p) {
+    // Render icon strip projects (exclude mate projects)
+    var iconStripProjects = cachedProjects.filter(function (p) {
+      return !p.isMate;
+    }).map(function (p) {
       return {
         slug: p.slug,
         name: p.title || p.project,
@@ -1258,6 +1434,7 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
     get myUserId() { return myUserId; },
     get projectOwnerId() { return currentProjectOwnerId; },
     openDm: function (userId) { openDm(userId); },
+    openMateWizard: function () { requireClayMateInterview(function () { openMateWizard(); }); },
     openAddProjectModal: function () { openAddProjectModal(); },
     sendWs: function (msg) { if (ws && ws.readyState === 1) ws.send(JSON.stringify(msg)); },
     onDmRemoveUser: function (userId) { dmRemovedUsers[userId] = true; },
@@ -1265,6 +1442,12 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
   };
   initSidebar(sidebarCtx);
   initIconStrip(sidebarCtx);
+  initMateSidebar(function () { return mateWs; });
+  initMateKnowledge(function () { return mateWs; });
+  initMateWizard(
+    function (msg) { if (ws && ws.readyState === 1) ws.send(JSON.stringify(msg)); },
+    function (mate) { handleMateCreatedInApp(mate); }
+  );
 
   // --- Connect overlay (animated ASCII logo) ---
   var asciiLogoCanvas = $("ascii-logo-canvas");
@@ -2914,6 +3097,11 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
           }));
         } catch(e) {}
       }
+
+      // Request mates list
+      try {
+        ws.send(JSON.stringify({ type: "mate_list" }));
+      } catch(e) {}
     };
 
     ws.onclose = function (e) {
@@ -3717,7 +3905,26 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
 
         // --- DM ---
         case "dm_history":
+          // Attach projectSlug to targetUser for mate DMs
+          if (msg.projectSlug && msg.targetUser) {
+            msg.targetUser.projectSlug = msg.projectSlug;
+          }
           enterDmMode(msg.dmKey, msg.targetUser, msg.messages);
+          // Auto-send first interview prompt after mate DM opens
+          if (pendingMateInterview && msg.targetUser && msg.targetUser.isMate && msg.projectSlug) {
+            var interviewMate = pendingMateInterview;
+            pendingMateInterview = null;
+            // Wait for mateWs to be swapped in as main ws, then send interview prompt
+            var checkMateReady = setInterval(function () {
+              if (ws && ws === mateWs && ws.readyState === 1) {
+                clearInterval(checkMateReady);
+                var interviewText = buildMateInterviewPrompt(interviewMate);
+                // Send through normal input flow (ws is now mateWs)
+                ws.send(JSON.stringify({ type: "message", text: interviewText }));
+              }
+            }, 100);
+            setTimeout(function () { clearInterval(checkMateReady); }, 5000);
+          }
           break;
 
         case "dm_message":
@@ -3731,7 +3938,7 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
             if (fromId && fromId !== myUserId) {
               dmUnread[fromId] = (dmUnread[fromId] || 0) + 1;
               // Re-render strip so non-favorited sender appears
-              renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers);
+              renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers, cachedMatesList);
               updateDmBadge(fromId, dmUnread[fromId]);
             }
           }
@@ -3763,7 +3970,55 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
             }
           }
           cachedDmFavorites = msg.dmFavorites || [];
-          renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers);
+          renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers, cachedMatesList);
+          break;
+
+        case "mate_created":
+          handleMateCreatedInApp(msg.mate);
+          break;
+
+        case "mate_deleted":
+          cachedMatesList = cachedMatesList.filter(function (m) { return m.id !== msg.mateId; });
+          renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers, cachedMatesList);
+          // If currently in DM with this mate, exit DM mode
+          if (dmMode && dmTargetUser && dmTargetUser.id === msg.mateId) {
+            exitDmMode();
+          }
+          break;
+
+        case "mate_updated":
+          if (msg.mate) {
+            for (var mi = 0; mi < cachedMatesList.length; mi++) {
+              if (cachedMatesList[mi].id === msg.mate.id) {
+                cachedMatesList[mi] = msg.mate;
+                break;
+              }
+            }
+            renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers, cachedMatesList);
+            // Update mate sidebar if currently viewing this mate
+            if (dmMode && dmTargetUser && dmTargetUser.isMate && dmTargetUser.id === msg.mate.id) {
+              updateMateSidebarProfile(msg.mate);
+            }
+            // Update DM header if currently chatting with this mate
+            if (dmMode && currentDmTarget === msg.mate.id) {
+              var updatedName = (msg.mate.profile && msg.mate.profile.displayName) || msg.mate.name;
+              if (updatedName) {
+                var dmHeaderName = document.getElementById("dm-header-name");
+                if (dmHeaderName) dmHeaderName.textContent = updatedName;
+                var dmInput = document.getElementById("dm-input");
+                if (dmInput) dmInput.placeholder = "Message " + updatedName;
+              }
+            }
+          }
+          break;
+
+        case "mate_list":
+          cachedMatesList = msg.mates || [];
+          renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers, cachedMatesList);
+          break;
+
+        case "mate_error":
+          showToast(msg.error || "Mate operation failed", "error");
           break;
 
         case "daemon_config":
@@ -4074,7 +4329,7 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
     showImageModal: showImageModal,
     hideSuggestionChips: hideSuggestionChips,
     setSendBtnMode: setSendBtnMode,
-    isDmMode: function () { return dmMode; },
+    isDmMode: function () { return dmMode && !(dmTargetUser && dmTargetUser.isMate); },
     getDmKey: function () { return dmKey; },
     handleDmSend: function () { handleDmSend(); },
   });
@@ -4685,6 +4940,14 @@ import { initTooltips, registerTooltip } from './modules/tooltip.js';
     }, cb);
   }
 
+  function requireClayMateInterview(cb) {
+    requireSkills({
+      title: "Skill Installation Required",
+      reason: "The Mate Interview skill is required to create a new Mate.",
+      skills: [{ name: "clay-mate-interview", url: "https://github.com/chadbyte/clay-mate-interview", scope: "global" }]
+    }, cb);
+  }
+
   // --- Ralph Wizard ---
 
   function openRalphWizard() {

package/lib/public/css/base.css

@@ -235,6 +235,7 @@ html, body {
 
 /* --- Main Column --- */
 #main-column {
+  position: relative;
   flex: 1;
   display: flex;
   flex-direction: column;