clay-server 4.1.0-beta.11 → 4.1.0-beta.13

package/lib/public/css/avatar-imprints.css

@@ -1,4 +1,4 @@
-/* Clay Imprints use one consistent, pressed-square silhouette everywhere. */
+/* Local pixel avatars use one consistent, pressed-square silhouette everywhere. */
 .activity-inline-avatar,
 .ask-mate-avatar,
 .client-avatar,

package/lib/public/modules/avatar-imprint.js

@@ -1,10 +1,9 @@
-// Clay Imprints: deterministic SVG identities derived from a stable seed.
+// Local pixel identities: deterministic SVG avatars derived from a stable seed.
 
 var PAPER = "#f1efe8";
 var INK = "#1b1b1a";
-var LIGHT_BASE = "#e7e5de";
-var LIGHT_FIELD = "#333330";
 var MUTED_INDIGO = "#72778f";
+var IDENTICON_PALETTE = ["#333330", MUTED_INDIGO, "#6f8382", "#887b91", "#8a806a"];
 var MATE_MARK_PALETTE = [
   { background: "#6f7489", foreground: PAPER },
   { background: "#78816c", foreground: PAPER },
@@ -24,25 +23,6 @@ function hashString(value) {
   return hash >>> 0;
 }
 
-function makeRandom(seed) {
-  var state = seed >>> 0;
-  return function nextRandom() {
-    state += 0x6d2b79f5;
-    var value = state;
-    value = Math.imul(value ^ (value >>> 15), value | 1);
-    value ^= value + Math.imul(value ^ (value >>> 7), value | 61);
-    return ((value ^ (value >>> 14)) >>> 0) / 4294967296;
-  };
-}
-
-function between(random, min, max) {
-  return min + random() * (max - min);
-}
-
-function number(value) {
-  return Math.round(value * 100) / 100;
-}
-
 function xmlText(value) {
   return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
@@ -54,62 +34,37 @@ function legacyIdentity(style, seed) {
   return "legacy:" + sourceStyle + ":" + sourceSeed;
 }
 
-function curvePath(y, bow, endOffset) {
-  return "M -28 " + number(y) +
-    " C 17 " + number(y + bow) +
-    ", 71 " + number(y - bow) +
-    ", 124 " + number(y + endOffset);
-}
-
-function cutPath(random) {
-  var start = between(random, 37, 52);
-  var first = between(random, 14, 84);
-  var second = between(random, 12, 86);
-  var end = between(random, 40, 64);
-  return "M -22 " + number(start) + " C 21 " + number(first) + ", 73 " + number(second) + ", 118 " + number(end);
-}
-
 export function imprintSvg(options) {
   var settings = options || {};
   var size = Math.max(12, Math.min(256, Number(settings.size) || 64));
   var identity = legacyIdentity(settings.style, settings.seed);
   var hash = hashString(identity);
-  var random = makeRandom(hash);
-  var darkBase = random() > 0.52;
-  var base = darkBase ? INK : LIGHT_BASE;
-  var field = darkBase ? PAPER : LIGHT_FIELD;
-  var accent = MUTED_INDIGO;
-  var rotation = Math.floor(random() * 4) * 90;
-  var bandWidth = between(random, 37, 56);
-  var secondaryWidth = between(random, 14, 24);
-  var cutWidth = between(random, 15, 25);
-  var firstY = between(random, 24, 42);
-  var secondY = between(random, 58, 78);
-  var firstBow = between(random, -34, 34);
-  var secondBow = between(random, -32, 32);
-  var firstPath = curvePath(firstY, firstBow, 6);
-  var secondPath = curvePath(secondY, -secondBow, -5);
-  var contours = "";
+  var cells = identiconCells(hash);
+  var foreground = IDENTICON_PALETTE[hash % IDENTICON_PALETTE.length];
+  var pixels = "";
+  for (var i = 0; i < cells.length; i++) {
+    pixels += '<rect x="' + (cells[i][0] + 1) + '" y="' + (cells[i][1] + 1) + '" width="1" height="1"/>';
+  }
+  return '<svg xmlns="http://www.w3.org/2000/svg" width="' + size + '" height="' + size +
+    '" viewBox="0 0 7 7" shape-rendering="crispEdges"><rect width="7" height="7" fill="' + PAPER +
+    '"/><g fill="' + foreground + '">' + pixels + '</g><rect x="0.5" y="0.5" width="6" height="6" fill="none" stroke="' +
+    INK + '" stroke-opacity="0.14" stroke-width="0.08"/></svg>';
+}
 
-  if (size >= 40) {
-    for (var contour = -1; contour <= 1; contour++) {
-      var offset = contour * 5.2;
-      contours += '<path d="' + curvePath(firstY + offset, firstBow, 0) + '" fill="none" stroke="' +
-        (darkBase ? PAPER : INK) + '" stroke-opacity="0.2" stroke-width="0.8"/>';
+// Generate the left three columns and mirror them into a compact 5x5 grid.
+export function identiconCells(hash) {
+  var value = hash >>> 0;
+  var cells = [];
+  for (var row = 0; row < 5; row++) {
+    for (var column = 0; column < 3; column++) {
+      value = Math.imul(value ^ (value >>> 13), 16777619) >>> 0;
+      if ((value & 1) || (row === 2 && column === 1)) {
+        cells.push([column, row]);
+        if (column < 2) cells.push([4 - column, row]);
+      }
     }
   }
-
-  var clipId = "imprint-" + hash.toString(16);
-  return '<svg xmlns="http://www.w3.org/2000/svg" width="' + size + '" height="' + size +
-    '" viewBox="0 0 96 96"><defs><clipPath id="' + clipId +
-    '"><rect width="96" height="96" rx="24"/></clipPath></defs><g clip-path="url(#' + clipId +
-    ')"><rect width="96" height="96" fill="' + base + '"/><g transform="rotate(' + rotation +
-    ' 48 48)"><path d="' + firstPath + '" fill="none" stroke="' + field + '" stroke-width="' +
-    number(bandWidth) + '" stroke-linecap="square"/><path d="' + secondPath + '" fill="none" stroke="' +
-    accent + '" stroke-width="' + number(secondaryWidth) + '" stroke-linecap="square"/><path d="' +
-    cutPath(random) + '" fill="none" stroke="' + base + '" stroke-width="' + number(cutWidth) +
-    '" stroke-linecap="square"/>' + contours + '</g></g><rect x="0.5" y="0.5" width="95" height="95" rx="23.5" fill="none" stroke="' +
-    (darkBase ? "#000000" : INK) + '" stroke-opacity="0.16"/></svg>';
+  return cells;
 }
 
 export function imprintDataUrl(options) {

package/lib/public/modules/avatar.js

@@ -1,11 +1,11 @@
-// Centralized Clay Imprint URL builder for people and Mates.
+// Centralized local avatar URL builder for people and Mates.
 import { imprintDataUrl, mateMarkDataUrl } from './avatar-imprint.js';
 
 var imprintCache = new Map();
 var mateMarkCache = new Map();
 
 // Legacy style remains part of the identity hash so existing selections map
-// deterministically into the new Clay Imprint system.
+// deterministically into the local pixel identity system.
 export function avatarUrl(style, seed, size) {
   var cacheKey = [style || 'imprint', seed || 'anonymous', size || 64].join('|');
   if (imprintCache.has(cacheKey)) return imprintCache.get(cacheKey);
@@ -15,12 +15,20 @@ export function avatarUrl(style, seed, size) {
   return url;
 }
 
+// Use the same bounded account identity for fresh fallbacks across every surface.
+export function userAvatarSeed(user) {
+  var profile = user && user.profile ? user.profile : user;
+  var savedSeed = profile && profile.avatarSeed || user && user.avatarSeed;
+  if (savedSeed) return String(savedSeed);
+  var identity = profile && (profile.username || profile.id || profile.userId) || user && (user.username || user.id || user.userId) || 'anonymous';
+  return String(identity).substring(0, 30);
+}
+
 // 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) || 'imprint';
-  var seed = (user && (user.avatarSeed || user.username || user.id)) || 'anonymous';
-  return avatarUrl(style, seed, size);
+  return avatarUrl(style, userAvatarSeed(user), size);
 }
 
 export function mateMarkUrl(seed, size) {

package/lib/public/modules/profile.js

@@ -1,10 +1,10 @@
 // User profile module — profile popovers for people and Mates
 // Stores profile server-side in ~/.clay/profile.json
-// Generated identities use deterministic Clay Imprints.
+// Generated identities use deterministic local pixel identicons.
 
 import { iconHtml, refreshIcons } from './icons.js';
 import { setSTTLang } from './stt.js';
-import { avatarUrl, mateAvatarUrl, mateMarkUrl } from './avatar.js';
+import { avatarUrl, mateAvatarUrl, mateMarkUrl, userAvatarSeed } from './avatar.js';
 import { store } from './store.js';
 import { applyTerminalFont } from './terminal-prefs.js';
 
@@ -15,7 +15,7 @@ var popoverEl = null;
 var saveTimer = null;
 
 function getAvatarSeed() {
-  return profile.avatarSeed || 'anonymous';
+  return profile.avatarSeed || String(profileUsername || 'anonymous').substring(0, 30);
 }
 
 // --- API ---
@@ -307,14 +307,14 @@ function showPopover() {
   html += '<input type="text" class="profile-field-input" id="profile-name-input" value="' + escapeAttr(displayName) + '" placeholder="Enter your name..." maxlength="50" spellcheck="false" autocomplete="off">';
   html += '</div>';
 
-  // Clay Imprint or custom photo
+  // Pixel identicon or custom photo
   html += '<div class="profile-field">';
   html += '<label class="profile-field-label">Identity</label>';
   html += '<div class="profile-imprint-panel">';
-  html += '<div class="profile-imprint-preview"><img src="' + avatarUrl(currentStyle, seed, 72) + '" alt="Generated Clay Imprint"><span><strong>Clay Imprint</strong><small>Unique to this identity</small></span></div>';
+  html += '<div class="profile-imprint-preview"><img src="' + avatarUrl(currentStyle, seed, 72) + '" alt="Generated pixel avatar"><span><strong>Pixel avatar</strong><small>Unique to this identity</small></span></div>';
   html += '<div class="profile-imprint-actions">';
-  html += '<button class="profile-use-imprint' + (!profile.avatarCustom ? ' is-active' : '') + '" type="button">Use imprint</button>';
-  html += '<button class="profile-regenerate-imprint" type="button" title="Generate another imprint">' + iconHtml('shuffle') + ' New imprint</button>';
+  html += '<button class="profile-use-imprint' + (!profile.avatarCustom ? ' is-active' : '') + '" type="button">Use pixel avatar</button>';
+  html += '<button class="profile-regenerate-imprint" type="button" title="Generate another pixel avatar">' + iconHtml('shuffle') + ' New avatar</button>';
   html += '<button class="profile-avatar-upload' + (profile.avatarCustom ? ' is-active' : '') + '" type="button">Upload photo</button>';
   html += '</div>';
   html += '</div>';
@@ -511,9 +511,9 @@ export function initProfile(_ctx) {
     if (data.avatarCustom) profile.avatarCustom = data.avatarCustom;
     if (data.username) profileUsername = data.username;
 
-    // Auto-generate seed if none exists
+    // Persist a stable account identity only when the server has not saved a seed.
     if (!profile.avatarSeed) {
-      profile.avatarSeed = Math.random().toString(36).substring(2, 10);
+      profile.avatarSeed = userAvatarSeed(data);
       saveProfile();
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "4.1.0-beta.11",
+  "version": "4.1.0-beta.13",
   "description": "Self-hosted team workspace for Claude Code and Codex. Multi-user, browser-based, with persistent AI mates.",
   "bin": {
     "clay-server": "./bin/cli.js"
@@ -8,8 +8,6 @@
   "scripts": {
     "dev": "node bin/cli.js --dev",
     "test": "node --test --test-force-exit test/*.test.js",
-    "prepack": "npm pkg delete bin.clay-dev",
-    "postpack": "npm pkg set bin.clay-dev=./bin/cli.js",
     "semantic-release": "semantic-release"
   },
   "files": [