clay-server 3.8.0-beta.1 → 3.8.0-beta.3

package/lib/public/modules/avatar.js

@@ -1,36 +1,42 @@
-// Centralized avatar URL builder and style definitions
-// All DiceBear avatar URLs should be constructed through this module.
+// Centralized Clay Imprint URL builder for people and Mates.
+import { imprintDataUrl, mateMarkDataUrl } from './avatar-imprint.js';
 
-export var AVATAR_STYLES = [
-  { id: 'thumbs', name: 'Thumbs' },
-  { id: 'bottts', name: 'Bots' },
-  { id: 'pixel-art', name: 'Pixel' },
-  { id: 'adventurer', name: 'Adventurer' },
-  { id: 'micah', name: 'Micah' },
-  { id: 'fun-emoji', name: 'Emoji' },
-  { id: 'icons', name: 'Icons' },
-];
+var imprintCache = new Map();
+var mateMarkCache = new Map();
 
-// Build a DiceBear avatar URL from style, seed, and optional size.
+// Legacy style remains part of the identity hash so existing selections map
+// deterministically into the new Clay Imprint system.
 export function avatarUrl(style, seed, size) {
-  var s = encodeURIComponent(seed || 'anonymous');
-  return 'https://api.dicebear.com/9.x/' + (style || 'thumbs') + '/svg?seed=' + s + '&size=' + (size || 64);
+  var cacheKey = [style || 'imprint', seed || 'anonymous', size || 64].join('|');
+  if (imprintCache.has(cacheKey)) return imprintCache.get(cacheKey);
+  var url = imprintDataUrl({ style: style || 'imprint', seed: seed || 'anonymous', size: size || 64 });
+  if (imprintCache.size >= 512) imprintCache.delete(imprintCache.keys().next().value);
+  imprintCache.set(cacheKey, url);
+  return url;
 }
 
 // Build avatar URL for a user object, preferring custom avatar if set.
 export function userAvatarUrl(user, size) {
   if (user && user.avatarCustom) return user.avatarCustom;
-  var style = (user && user.avatarStyle) || 'thumbs';
+  var style = (user && user.avatarStyle) || 'imprint';
   var seed = (user && (user.avatarSeed || user.username || user.id)) || 'anonymous';
   return avatarUrl(style, seed, size);
 }
 
+export function mateMarkUrl(seed, size) {
+  var cacheKey = [seed || 'mate', size || 64].join('|');
+  if (mateMarkCache.has(cacheKey)) return mateMarkCache.get(cacheKey);
+  var url = mateMarkDataUrl({ seed: seed || 'mate', size: size || 64 });
+  if (mateMarkCache.size >= 256) mateMarkCache.delete(mateMarkCache.keys().next().value);
+  mateMarkCache.set(cacheKey, url);
+  return url;
+}
+
 // Build avatar URL for a mate object, preferring custom avatar if set.
 export function mateAvatarUrl(mate, size) {
-  if (!mate) return avatarUrl('bottts', 'mate', size);
+  if (!mate) return mateMarkUrl('mate', size);
   var p = mate.profile || mate;
   if (p.avatarCustom || mate.avatarCustom) return p.avatarCustom || mate.avatarCustom;
-  var style = p.avatarStyle || mate.avatarStyle || 'bottts';
-  var seed = p.avatarSeed || mate.avatarSeed || mate.id || 'mate';
-  return avatarUrl(style, seed, size);
+  var identity = p.displayName || mate.name || mate.displayName || 'Mate';
+  return mateMarkUrl(identity, size);
 }

package/lib/public/modules/debate.js

@@ -53,7 +53,15 @@ export function resetDebateState() {
 }
 
 function buildAvatarUrl(meta) {
-  return "https://api.dicebear.com/7.x/" + (meta.avatarStyle || "bottts") + "/svg?seed=" + encodeURIComponent(meta.avatarSeed || meta.mateId || "mate");
+  return mateAvatarUrl({
+    id: meta.mateId,
+    profile: {
+      avatarStyle: meta.avatarStyle || "imprint",
+      avatarSeed: meta.avatarSeed || meta.mateId || "mate",
+      avatarColor: meta.avatarColor || "#5857fc",
+      avatarCustom: meta.avatarCustom || "",
+    },
+  }, 32);
 }
 
 // --- Float info panel ---
@@ -943,12 +951,9 @@ function createPanelItem(mate) {
   cb.type = "checkbox";
   item.appendChild(cb);
 
-  var avatarSrc = "https://api.dicebear.com/7.x/" +
-    ((mate.profile && mate.profile.avatarStyle) || "bottts") +
-    "/svg?seed=" + encodeURIComponent((mate.profile && mate.profile.avatarSeed) || mate.id);
   var avi = document.createElement("img");
   avi.className = "debate-panel-item-avatar";
-  avi.src = avatarSrc;
+  avi.src = mateAvatarUrl(mate, 32);
   item.appendChild(avi);
 
   var info = document.createElement("div");

package/lib/public/modules/mate-sidebar.js

@@ -139,7 +139,7 @@ export function showMateSidebar(mateId, mateData) {
   var profile = mateData.profile || mateData || {};
   var displayName = profile.displayName || mateData.displayName || mateData.name || "Mate";
 
-  var mateColor = profile.avatarColor || mateData.avatarColor || "#7c3aed";
+  var mateColor = profile.avatarColor || mateData.avatarColor || "#5857fc";
 
   var mateAvUrl = mateAvatarUrl(mateData, 32);
   if (avatarEl) avatarEl.src = mateAvUrl;
@@ -267,7 +267,7 @@ export function updateMateSidebarProfile(mateData) {
   if (!columnEl || !mateData) return;
   var profile = mateData.profile || mateData || {};
   var displayName = profile.displayName || mateData.displayName || mateData.name || "Mate";
-  var mateColor = profile.avatarColor || mateData.avatarColor || "#7c3aed";
+  var mateColor = profile.avatarColor || mateData.avatarColor || "#5857fc";
 
   if (avatarEl) {
     avatarEl.src = mateAvatarUrl(mateData, 32);

package/lib/public/modules/mention.js

@@ -112,7 +112,7 @@ function buildMentionCandidates() {
         kind: "mate",
         id: m.id,
         name: (m.profile && m.profile.displayName) || m.name || "Mate",
-        color: (m.profile && m.profile.avatarColor) || "#6c5ce7",
+        color: (m.profile && m.profile.avatarColor) || "#5857fc",
         avatarSrc: mateAvatarUrl(m, 24),
         vendor: m.vendor || "claude",
         bio: m.bio || (m.profile && m.profile.bio) || "",
@@ -134,9 +134,8 @@ function buildMentionCandidates() {
       kind: "user",
       id: u.id,
       name: u.displayName || u.username || "User",
-      color: u.avatarColor || "#7c3aed",
-      // Build dicebear url from style+seed; matches userAvatarUrl shape.
-      avatarSrc: "https://api.dicebear.com/7.x/" + (u.avatarStyle || "thumbs") + "/svg?seed=" + encodeURIComponent(u.avatarSeed || u.username || u.id),
+      color: u.avatarColor || "#5857fc",
+      avatarSrc: userAvatarUrl(u, 24),
       vendor: null,
       bio: u.username ? "@" + u.username : "",
       primary: false,
@@ -424,7 +423,7 @@ export function stickyReapplyMention() {
   var kind = selectedMateKind;
   var id = selectedMateId;
   var name = selectedMateName;
-  var color = selectedMateColor || "#6c5ce7";
+  var color = selectedMateColor || "#5857fc";
   var avatarSrc = selectedMateAvatar || "";
   // Reset index but keep selection
   mentionAtIdx = -1;
@@ -516,7 +515,7 @@ export function handleMentionStart(msg) {
     header.className = "dm-bubble-header";
     var nameSpan = document.createElement("span");
     nameSpan.className = "dm-bubble-name";
-    nameSpan.style.color = msg.avatarColor || "#6c5ce7";
+    nameSpan.style.color = msg.avatarColor || "#5857fc";
     nameSpan.textContent = msg.mateName || "Mate";
     header.appendChild(nameSpan);
 
@@ -556,7 +555,7 @@ export function handleMentionStart(msg) {
     // Project chat: mention block style
     currentMentionEl = document.createElement("div");
     currentMentionEl.className = "msg-mention";
-    currentMentionEl.style.setProperty("--mention-color", msg.avatarColor || "#6c5ce7");
+    currentMentionEl.style.setProperty("--mention-color", msg.avatarColor || "#5857fc");
 
     var header = document.createElement("div");
     header.className = "mention-header";
@@ -754,15 +753,13 @@ function isDmLayout() {
 
 function getMyAvatarSrc() {
   if (document.body.dataset.myAvatarUrl) return document.body.dataset.myAvatarUrl;
-  var myUser = null;
-  try { myUser = JSON.parse(localStorage.getItem("clay_my_user") || "null"); } catch (e) {}
+  var myUser = (store.get('cachedAllUsers') || []).find(function (u) { return u.id === store.get('myUserId'); });
   return userAvatarUrl(myUser || {}, 36);
 }
 
 function getMyDisplayName() {
   if (document.body.dataset.myDisplayName) return document.body.dataset.myDisplayName;
-  var myUser = null;
-  try { myUser = JSON.parse(localStorage.getItem("clay_my_user") || "null"); } catch (e) {}
+  var myUser = (store.get('cachedAllUsers') || []).find(function (u) { return u.id === store.get('myUserId'); });
   return (myUser && (myUser.displayName || myUser.username)) || "Me";
 }
 
@@ -772,14 +769,27 @@ function timeStr() {
 }
 
 function buildMentionAvatarUrl(meta) {
-  return "https://api.dicebear.com/7.x/" + (meta.avatarStyle || "bottts") + "/svg?seed=" + encodeURIComponent(meta.avatarSeed || meta.mateId);
+  return mateAvatarUrl({
+    id: meta.mateId,
+    profile: {
+      avatarStyle: meta.avatarStyle || "imprint",
+      avatarSeed: meta.avatarSeed || meta.mateId,
+      avatarColor: meta.avatarColor || "#5857fc",
+      avatarCustom: meta.avatarCustom || "",
+    },
+  }, 36);
 }
 
 function buildUserAvatarUrlFromEntry(entry, who) {
   // who = "from" | "target"
-  var style = entry[who + "AvatarStyle"] || "thumbs";
   var seed = entry[who + "AvatarSeed"] || entry[who === "from" ? "fromName" : "targetName"] || entry[who === "from" ? "from" : "targetUserId"];
-  return "https://api.dicebear.com/7.x/" + style + "/svg?seed=" + encodeURIComponent(seed || "user");
+  return userAvatarUrl({
+    id: entry[who === "from" ? "from" : "targetUserId"],
+    avatarStyle: entry[who + "AvatarStyle"] || "imprint",
+    avatarSeed: seed || "user",
+    avatarColor: entry[who + "AvatarColor"] || "#5857fc",
+    avatarCustom: entry[who + "AvatarCustom"] || "",
+  }, 36);
 }
 
 // Render a user-to-user @mention bubble (live receive AND history replay).
@@ -1021,7 +1031,7 @@ export function renderMentionResponse(entry) {
     header.className = "dm-bubble-header";
     var nameSpan = document.createElement("span");
     nameSpan.className = "dm-bubble-name";
-    nameSpan.style.color = entry.avatarColor || "#6c5ce7";
+    nameSpan.style.color = entry.avatarColor || "#5857fc";
     nameSpan.textContent = entry.mateName || "Mate";
     header.appendChild(nameSpan);
 
@@ -1050,7 +1060,7 @@ export function renderMentionResponse(entry) {
     // Project chat: use mention block style
     var el = document.createElement("div");
     el.className = "msg-mention";
-    el.style.setProperty("--mention-color", entry.avatarColor || "#6c5ce7");
+    el.style.setProperty("--mention-color", entry.avatarColor || "#5857fc");
 
     var mheader = document.createElement("div");
     mheader.className = "mention-header";