clay-server 5.2.0-beta.3 → 5.2.0-beta.5

package/lib/public/modules/avatar.js

@@ -1,37 +1,11 @@
 // Centralized local avatar URL builder for people and Mates.
-import { imprintDataUrl, mateMarkDataUrl } from './avatar-imprint.js';
-
-var mateMarkCache = new Map();
-
-// Historical DiceBear 9.x choices, now generated by Clay's local server.
-export var MATE_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' },
-];
+import { imprintDataUrl } from './avatar-imprint.js';
 
 export function avatarUrl(style, seed, size) {
   // Legacy user styles remain part of the seed identity, never the artwork.
   return imprintDataUrl({ style: style || 'imprint', seed: seed || 'anonymous', size: size || 64 });
 }
 
-export function mateStyleAvatarUrl(style, seed, size) {
-  var normalizedStyle = style || 'imprint';
-  var normalizedSeed = seed || 'anonymous';
-  var normalizedSize = size || 64;
-  var isHistorical = MATE_AVATAR_STYLES.some(function (entry) { return entry.id === normalizedStyle; });
-  if (isHistorical) {
-    return '/api/generated-avatar?style=' + encodeURIComponent(normalizedStyle)
-      + '&seed=' + encodeURIComponent(normalizedSeed)
-      + '&size=' + encodeURIComponent(normalizedSize);
-  }
-  return imprintDataUrl({ style: normalizedStyle, seed: normalizedSeed, size: normalizedSize });
-}
-
 // Use the same bounded account identity for fresh fallbacks across every surface.
 export function userAvatarSeed(user) {
   var profile = user && user.profile ? user.profile : user;
@@ -48,24 +22,24 @@ export function userAvatarUrl(user, size) {
   return avatarUrl(style, userAvatarSeed(user), 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;
+function mappedMateAvatarId(mate) {
+  var p = mate.profile || mate;
+  var key = JSON.stringify([mate.id || '', p.avatarStyle || 'imprint', p.avatarSeed || mate.id || p.displayName || mate.name || 'Mate']);
+  var hash = 2166136261;
+  for (var i = 0; i < key.length; i++) hash = Math.imul(hash ^ key.charCodeAt(i), 16777619) >>> 0;
+  var index = hash % 96;
+  return (index < 48 ? 'B' : 'C') + String(index % 48 + 1).padStart(2, '0');
+}
+
+export function mateCatalogAvatarUrl(id) {
+  if (id === 'lead-clay') return '/mate-avatars/lead-clay.png?v=4';
+  return typeof id === 'string' && /^[BC](0[1-9]|[1-3][0-9]|4[0-8])$/.test(id) ? '/mate-avatars/' + id + '.png?v=4' : '';
 }
 
 // Build avatar URL for a mate object, preferring custom avatar if set.
 export function mateAvatarUrl(mate, size) {
-  if (!mate) return mateMarkUrl('mate', size);
+  if (!mate) return mateCatalogAvatarUrl('B01');
   var p = mate.profile || mate;
   if (p.avatarCustom || mate.avatarCustom) return p.avatarCustom || mate.avatarCustom;
-  var identity = p.displayName || mate.name || mate.displayName || 'Mate';
-  var style = p.avatarStyle || mate.avatarStyle || 'imprint';
-  if (style !== 'imprint' && style !== 'initial') {
-    return mateStyleAvatarUrl(style, p.avatarSeed || mate.avatarSeed || mate.id || identity, size);
-  }
-  return mateMarkUrl(identity, size);
+  return mateCatalogAvatarUrl(p.avatarCatalogId) || mateCatalogAvatarUrl(mate.builtinKey === 'clay' ? 'lead-clay' : mappedMateAvatarId(mate));
 }

package/lib/public/modules/chat-render-runtime.js

@@ -155,13 +155,22 @@ export function setIsUserScrolledUp(value) { isUserScrolledUp = value; }
 
 export function addToMessages(element) {
   var messagesEl = getMessagesEl();
-  addHistoryIndex(element, store.get('currentHistoryIndex'));
+  addHistoryIndex(element, store.get('currentHistoryIndexes') || store.get('currentHistoryIndex'));
   if (prependAnchor) messagesEl.insertBefore(element, prependAnchor);
   else messagesEl.appendChild(element);
   keepActiveThinkingAtTail();
 }
 
 export function addHistoryIndex(element, historyIndex) {
+  if (Array.isArray(historyIndex)) {
+    if (!element) return;
+    var indexes = new Set((element.dataset.historyIndexes || "").split(",").filter(Boolean));
+    for (var i = 0; i < historyIndex.length; i++) {
+      if (Number.isSafeInteger(historyIndex[i]) && historyIndex[i] >= 0) indexes.add(String(historyIndex[i]));
+    }
+    element.dataset.historyIndexes = Array.from(indexes).join(",");
+    return;
+  }
   if (!element || !Number.isSafeInteger(historyIndex) || historyIndex < 0) return;
   var existing = element.dataset.historyIndexes || "";
   if (existing.split(",").indexOf(String(historyIndex)) !== -1) return;

package/lib/public/modules/clay-browser-links.js

@@ -0,0 +1,47 @@
+import { store } from './store.js';
+import { iconHtml, refreshIcons } from './icons.js';
+import { showToast } from './utils.js';
+import { forwardPaneBrowserLink } from './pane-browser-bridge.js';
+
+function escape(value) { return String(value).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;'); }
+export function browserLinkTarget(href) {
+  if (typeof href !== 'string' || !href.startsWith('browser:') || href.length > 8200) return null;
+  var raw = href.slice(8);
+  if (!/^https?:\/\//i.test(raw) || /[\u0000-\u0020]/.test(raw)) return null;
+  try {
+    var url = new URL(raw);
+    if (url.username || url.password || !['http:', 'https:'].includes(url.protocol)) return null;
+    return url.href;
+  } catch (error) { return null; }
+}
+export function renderBrowserLink(href, title, text) {
+  var url = browserLinkTarget(href);
+  if (!url) return null;
+  var label = String(text || '').replace(/<[^>]*>/g, '').replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&quot;/g, '"').replace(/&#39;/g, "'").trim();
+  if (!label || label === href || label === url) label = new URL(url).host;
+  return '<button type="button" class="clay-browser-link clayos-record-link" data-browser-url="' + escape(url) + '" data-browser-project="' + escape(store.get('currentSlug') || '') + '" title="' + escape('Open in Clay Browser · ' + url) + '" aria-label="' + escape('Open in Clay Browser: ' + label) + '">' + iconHtml('globe') + '<span>Browser</span><small>' + escape(label) + '</small></button>';
+}
+export function enhanceBrowserLinks(root) {
+  if (!root || typeof document === 'undefined') return;
+  root.querySelectorAll('a[href]').forEach(function (anchor) {
+    if (anchor.closest('pre, code, button')) return;
+    var html = renderBrowserLink(anchor.getAttribute('href'), '', anchor.textContent);
+    if (html) { var template = document.createElement('template'); template.innerHTML = html; anchor.replaceWith(template.content); }
+  });
+  initBrowserLinks();
+  refreshIcons();
+}
+export function initBrowserLinks() {
+  if (store.get('browserLinksBound')) return;
+  store.set({ browserLinksBound: true });
+  document.addEventListener('click', function (event) {
+    var button = event.target.closest && event.target.closest('.clay-browser-link');
+    if (!button) return;
+    event.preventDefault(); event.stopPropagation();
+    var url = browserLinkTarget('browser:' + button.dataset.browserUrl);
+    if (!url) { showToast('This browser link is invalid.', 'warn'); return; }
+    if (button.dataset.browserProject && button.dataset.browserProject !== store.get('currentSlug')) { showToast('Open this link from its original project.', 'warn'); return; }
+    if (forwardPaneBrowserLink(url)) return;
+    import('./shared-browser.js').then(function (module) { module.openSharedBrowserAt(url); }).catch(function (error) { showToast(error.message || 'Could not open the browser.', 'warn'); });
+  });
+}

package/lib/public/modules/clay-log-links.js

@@ -16,7 +16,7 @@ export function renderClaySessionLink(ref, text) {
   var parsed = parseClaySessionReference(ref);
   if (!parsed) return null;
   var label = text ? String(text).trim() : "";
-  var safeLabel = escapeHtml(label);
+  var safeLabel = escapeHtml(label).replace(/"/g, """);
   var entryAttr = parsed.entryIndex === null ? "" : ' data-session-entry-index="' + parsed.entryIndex + '"';
   return '<button type="button" class="clayos-session-link clayos-record-link" data-session-ref="' + parsed.ref + '"' + entryAttr + ' aria-label="Open session' + (safeLabel ? " from " + safeLabel : "") + '"><span>Session</span>' + (safeLabel ? '<small>' + safeLabel + '</small>' : '') + '</button>';
 }

package/lib/public/modules/clay-owner-navigation.js

@@ -0,0 +1,27 @@
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { navigateToSession } from './command-palette.js';
+function context() {
+  return JSON.stringify([store.get('currentSlug'), store.get('activeSessionId'), store.get('dmMode'), store.get('homeShellVisible'), store.get('homeChatMateId'), store.get('homeChatSessionId'), store.get('homeSubSurface')]);
+}
+export function handleOwnerNavigation(msg) {
+  if (msg.type !== 'clay_navigation_offer' && msg.type !== 'clay_navigation_apply') return false;
+  var ws = getWs();
+  if (!ws || ws.readyState !== 1) return true;
+  if (msg.type === 'clay_navigation_offer') {
+    if (document.hidden || store.get('paneMode')) return true;
+    store.set({ clayNavigationOffer: { id: msg.deliveryId, context: context(), socket: ws } });
+    ws.send(JSON.stringify({ type: 'clay_navigation_claim', deliveryId: msg.deliveryId }));
+    return true;
+  }
+  var offer = store.get('clayNavigationOffer');
+  store.set({ clayNavigationOffer: null });
+  var accepted = offer && offer.id === msg.deliveryId && offer.socket === ws && offer.context === context() && !document.hidden && !store.get('paneMode');
+  var status = 'refused';
+  if (accepted && msg.target && typeof msg.target.projectSlug === 'string' && Number.isSafeInteger(msg.target.sessionId)) {
+    try { navigateToSession(msg.target); status = 'accepted'; } catch (error) { status = 'failed'; }
+  }
+  // This acknowledges navigator invocation only. Rendering may finish after reconnect.
+  if (ws.readyState === 1) ws.send(JSON.stringify({ type: 'clay_navigation_ack', deliveryId: msg.deliveryId, status: status }));
+  return true;
+}

package/lib/public/modules/clay-tool-activity.js

@@ -0,0 +1,140 @@
+import { clayToolPresentation, clayToolOutcome } from './clay-tool-presentation.js';
+import { store } from './store.js';
+import { iconHtml, refreshIcons } from './icons.js';
+
+function bindDisclosure(header, toggle) {
+  header.setAttribute('role', 'button');
+  header.tabIndex = 0;
+  header.addEventListener('click', toggle);
+  header.addEventListener('keydown', function (event) {
+    if (event.key !== 'Enter' && event.key !== ' ') return;
+    event.preventDefault();
+    toggle();
+  });
+}
+
+export function syncToolGroupDisclosure(el) {
+  var expanded = !el.classList.contains('collapsed');
+  el.querySelector('.tool-group-header').setAttribute('aria-expanded', String(expanded));
+  var items = el.querySelector('.tool-group-items');
+  items.inert = !expanded;
+  items.setAttribute('aria-hidden', String(!expanded));
+}
+
+export function bindToolGroupDisclosure(el, onToggle) {
+  // History links may expand a group directly; keep disclosure semantics in sync.
+  if (typeof MutationObserver !== 'undefined') {
+    var observer = new MutationObserver(function () { syncToolGroupDisclosure(el); });
+    observer.observe(el, { attributes: true, attributeFilter: ['class'] });
+  }
+  bindDisclosure(el.querySelector('.tool-group-header'), function () {
+    el.classList.toggle('collapsed');
+    onToggle();
+    syncToolGroupDisclosure(el);
+  });
+}
+
+function detailsFor(tool) {
+  var block = tool.el.querySelector('.clay-tool-evidence');
+  if (!block) {
+    block = document.createElement('div');
+    block.className = 'tool-result-block clay-tool-evidence collapsed';
+    tool.el.appendChild(block);
+  }
+  return block;
+}
+function renderEvidence(tool, block) {
+  block.replaceChildren();
+  var name = document.createElement('div');
+  name.className = 'clay-tool-technical-name';
+  name.textContent = tool.name;
+  block.appendChild(name);
+  [['Input', tool.input], ['Output', tool.clayRawResult]].forEach(function (entry) {
+    if (entry[1] === undefined || entry[1] === null) return;
+    var heading = document.createElement('div');
+    heading.className = 'clay-tool-evidence-label';
+    heading.textContent = entry[0];
+    var pre = document.createElement('pre');
+    pre.textContent = typeof entry[1] === 'string' ? entry[1] : JSON.stringify(entry[1], null, 2);
+    block.appendChild(heading);
+    block.appendChild(pre);
+  });
+}
+function statusIcon(el, selector, phase) {
+  var icon = el.querySelector(selector);
+  var name = phase === 'error' || phase === 'cancelled' ? 'alert-triangle' : phase === 'pending' ? 'clock' : phase === 'running' ? 'loader' : phase === 'returned' ? 'circle-help' : 'check';
+  var cls = phase === 'running' ? 'icon-spin' : phase === 'error' || phase === 'cancelled' ? 'err-icon' : 'check';
+  icon.innerHTML = iconHtml(name, cls);
+}
+
+export function applyClayToolItem(tool) {
+  if (!tool || !tool.el) return false;
+  var presentation = clayToolPresentation(tool.name, tool.input, tool.clayOutcome);
+  if (!presentation) return false;
+  tool.clayActivity = presentation;
+  var el = tool.el;
+  var header = el.querySelector('.tool-header');
+  el.classList.add('clay-tool-activity');
+  el.dataset.activityPhase = presentation.phase;
+  el.classList.toggle('error', presentation.phase === 'error' || presentation.phase === 'cancelled');
+  el.querySelector('.tool-name').textContent = presentation.label;
+  el.querySelector('.tool-desc').textContent = presentation.subject;
+  el.querySelector('.tool-subtitle').hidden = true;
+  header.setAttribute('aria-label', presentation.label + (presentation.subject ? ' · ' + presentation.subject : '') + '. Show technical details');
+  if (!tool.clayDisclosureBound) {
+    tool.clayDisclosureBound = true;
+    bindDisclosure(header, function () {
+      var expanded = el.classList.toggle('expanded');
+      var block = detailsFor(tool);
+      if (expanded) renderEvidence(tool, block);
+      block.classList.toggle('collapsed', !expanded);
+      header.setAttribute('aria-expanded', String(expanded));
+    });
+  }
+  header.setAttribute('aria-expanded', String(el.classList.contains('expanded')));
+  if (el.classList.contains('expanded')) renderEvidence(tool, detailsFor(tool));
+  statusIcon(el, '.tool-status-icon', presentation.phase);
+  refreshIcons();
+  return true;
+}
+
+export function finishClayToolItem(tool, group) {
+  if (!tool || !clayToolPresentation(tool.name, tool.input)) return false;
+  if (!tool.clayOutcome) {
+    tool.clayOutcome = { phase: 'returned', status: 'result_unavailable' };
+    tool.clayEndedGroup = group;
+    var cache = store.get('clayEndedToolRecords');
+    if (!cache) { cache = new WeakMap(); store.set({ clayEndedToolRecords: cache }); }
+    cache.set(tool.el, tool);
+  }
+  return applyClayToolItem(tool);
+}
+
+// Done clears the live registry; only rows still in this transcript can receive late results.
+export function findEndedClayTool(root, id) {
+  var cache = store.get('clayEndedToolRecords');
+  if (!cache || !root) return null;
+  var rows = root.querySelectorAll('.clay-tool-activity[data-tool-id]');
+  for (var i = rows.length - 1; i >= 0; i--) {
+    if (rows[i].dataset.toolId === id && cache.has(rows[i])) return cache.get(rows[i]);
+  }
+  return null;
+}
+
+export function clayToolResultGroup(tool, liveGroup) {
+  return liveGroup && liveGroup.el.contains(tool.el) ? liveGroup : tool.clayEndedGroup;
+}
+
+export function applyClayToolResult(tool, content, isError) {
+  if (!clayToolPresentation(tool.name, tool.input)) return false;
+  tool.clayRawResult = content;
+  tool.clayOutcome = clayToolOutcome(content, isError);
+  return applyClayToolItem(tool);
+}
+
+export function syncClayToolGroup(group) {
+  if (!group.clayActivityPhase) { delete group.el.dataset.activityPhase; return; }
+  group.el.dataset.activityPhase = group.clayActivityPhase;
+  statusIcon(group.el, '.tool-group-status-icon', group.clayActivityPhase);
+  refreshIcons();
+}