clay-server 2.36.2-beta.8 → 2.36.2-beta.9

package/lib/public/css/rewind.css

@@ -284,6 +284,14 @@
   color: var(--accent2);
 }
 
+.activity-inline-avatar {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  object-fit: cover;
+}
+
 .activity-inline .activity-icon {
   display: inline-flex;
   animation: sparkle 2s ease-in-out infinite;

package/lib/public/modules/app-favicon.js

@@ -5,7 +5,8 @@ import { refreshIcons } from './icons.js';
 import { store } from './store.js';
 import { getSendBtn, getStatusDot } from './dom-refs.js';
 import { onThemeChange } from './theme.js';
-import { getActivityEl, setActivityEl, addToMessages, scrollToBottom } from './app-rendering.js';
+import { getActivityEl, setActivityEl, addToMessages, scrollToBottom, VENDOR_AVATARS } from './app-rendering.js';
+import { escapeHtml } from './utils.js';
 
 // --- Module-owned state ---
 var faviconLink, faviconOrigHref, faviconCanvas, faviconCtx, faviconImg, faviconImgReady;
@@ -199,8 +200,21 @@ export function setActivity(text) {
     if (!getActivityEl()) {
       var _actEl = document.createElement("div");
       _actEl.className = "activity-inline";
-      _actEl.innerHTML =
-        '<div class="mate-thinking-dots"><span></span><span></span><span></span></div>';
+      // In channel mode (Claude Code / Codex sessions), include the vendor
+      // avatar so the user can see who is responding while the dots are
+      // animating. DM mode handles its own avatar via mate-thinking
+      // elements and shouldn't pick up a vendor avatar here.
+      var _isDm = !!(store.get('dmMode') && store.get('dmTargetUser') && store.get('dmTargetUser').isMate);
+      if (!_isDm) {
+        var _vendor = store.get('currentVendor') || 'claude';
+        var _avatarUrl = VENDOR_AVATARS[_vendor] || VENDOR_AVATARS.claude;
+        _actEl.innerHTML =
+          '<img class="activity-inline-avatar" src="' + escapeHtml(_avatarUrl) + '" alt="">' +
+          '<div class="mate-thinking-dots"><span></span><span></span><span></span></div>';
+      } else {
+        _actEl.innerHTML =
+          '<div class="mate-thinking-dots"><span></span><span></span><span></span></div>';
+      }
       setActivityEl(_actEl);
       addToMessages(_actEl);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "2.36.2-beta.8",
+  "version": "2.36.2-beta.9",
   "description": "Self-hosted team workspace for Claude Code and Codex. Multi-user, browser-based, with persistent AI mates.",
   "bin": {
     "clay-server": "./bin/cli.js",