clay-server 5.0.2-beta.1 → 5.1.0-beta.2

package/lib/public/modules/project-debate-workspace.js

@@ -0,0 +1,185 @@
+// Adapt project events to the shared Home debate presentation.
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { getMessagesEl } from './dom-refs.js';
+import { addToMessages, scrollToBottom } from './chat-render-runtime.js';
+import { isMateWorkspace } from './project-mate-navigation.js';
+import { applyHomeDebateEvent, createHomeDebateLiveCard } from './home-debate-live.js';
+import { createHomeDebateProposalCard, applyHomeDebateProposal, resolveHomeDebateProposal } from './home-debate-planning.js';
+import { createDebateControls } from './debate-controls.js';
+import { renderAssistantBubbleText, finalizeAssistantBubble, disposeChatBubbleTree } from './chat-bubble-renderer.js';
+
+var transcriptEl = null;
+var prependEl = null;
+var controls = createDebateControls({
+  slotId: 'project-debate-controls',
+  composerId: 'input-area',
+  send: function (action, data, sessionId) {
+    var ws = getWs();
+    if (!ws || ws.readyState !== 1 || String(store.get('activeSessionId')) !== sessionId) return false;
+    ws.send(JSON.stringify({ type: 'project_debate_control', sessionId: store.get('activeSessionId'), action: action, text: data.text || '', response: data.response || null }));
+    return true;
+  }
+});
+
+function stateKey() {
+  return store.get('projectDebatePrepending') ? 'projectDebatePrependMessages' : 'projectDebateMessages';
+}
+
+function ensureTranscript() {
+  var prepending = store.get('projectDebatePrepending');
+  var root = prepending ? prependEl : transcriptEl;
+  if (!root || !root.isConnected) {
+    root = document.createElement('section');
+    root.className = 'project-debate-transcript home-mate-chat-transcript home-chat-bubble-layout';
+    root.setAttribute('aria-label', 'Debate transcript');
+    addToMessages(root);
+    if (prepending) prependEl = root;
+    else transcriptEl = root;
+  }
+  return root;
+}
+
+function renderControls() {
+  var slot = document.getElementById('project-debate-controls');
+  var composer = document.getElementById('input-area');
+  if (!slot && composer) {
+    slot = document.createElement('div');
+    slot.id = 'project-debate-controls';
+    slot.className = 'home-debate-controls-slot project-debate-controls';
+    slot.hidden = true;
+    composer.parentNode.insertBefore(slot, composer);
+  }
+  controls.render(store.get('projectDebateMessages') || [], String(store.get('activeSessionId') || ''));
+}
+
+function respondToProposal(message, action, opener, answers, modelOverrides) {
+  var ws = getWs();
+  if (!ws || ws.readyState !== 1 || message.status === 'submitting') return;
+  ws.send(JSON.stringify({ type: 'debate_proposal_response', proposalId: message.proposal.proposalId, sessionId: store.get('activeSessionId'), action: action, modelOverrides: modelOverrides || [] }));
+  var messages = (store.get('projectDebateMessages') || []).map(function (item) {
+    return item === message ? Object.assign({}, item, { status: 'submitting' }) : item;
+  });
+  store.set({ projectDebateMessages: messages });
+  renderMessages(messages);
+}
+
+function renderMessages(messages) {
+  var root = ensureTranscript();
+  messages.forEach(function (message, index) {
+    var existing = root.children[index];
+    if (existing && existing._debateMessage === message) return;
+    if (existing && message.role === 'debate_turn' && existing.classList.contains('home-debate-live-turn')) {
+      var activity = existing.querySelector('.home-debate-live-activity');
+      if (message.status === 'done') {
+        if (activity) activity.remove();
+        finalizeAssistantBubble(existing, message.text || '', !store.get('replayingHistory'));
+      } else {
+        if (activity) {
+          var label = message.activity || (message.text ? 'Speaking' : 'Preparing');
+          activity.firstChild.textContent = label;
+          activity.setAttribute('aria-label', (message.mateName || 'Mate') + ' is ' + label.toLowerCase());
+        }
+        renderAssistantBubbleText(existing, message.text || '', false);
+      }
+      existing._debateMessage = message;
+      return;
+    }
+    var card = message.role === 'proposal'
+      ? createHomeDebateProposalCard(message, respondToProposal)
+      : createHomeDebateLiveCard(message, message.status === 'done');
+    card._debateMessage = message;
+    if (existing) { disposeChatBubbleTree(existing); existing.replaceWith(card); }
+    else root.appendChild(card);
+  });
+}
+
+export function resetProjectDebateWorkspace() {
+  store.set({ projectDebateMessages: [], projectDebatePrependMessages: [], projectDebatePrepending: false });
+  transcriptEl = null;
+  prependEl = null;
+  controls.render([], null);
+}
+
+export function beginProjectDebatePrepend() {
+  prependEl = null;
+  store.set({ projectDebatePrepending: true, projectDebatePrependMessages: [] });
+}
+
+export function endProjectDebatePrepend() {
+  prependEl = null;
+  store.set({ projectDebatePrepending: false, projectDebatePrependMessages: [] });
+}
+
+export function handleProjectDebateMessage(msg) {
+  if (!isMateWorkspace(store.snap())) return false;
+  if (msg.type === 'project_debate_control_result') {
+    if (String(msg.sessionId) !== String(store.get('activeSessionId'))) return true;
+    if (!msg.ok) {
+      controls.render([], null);
+      renderControls();
+      var slot = document.getElementById('project-debate-controls');
+      var error = document.createElement('p');
+      error.className = 'project-debate-error';
+      error.setAttribute('role', 'alert');
+      error.textContent = msg.error || 'The debate action could not be completed.';
+      if (slot) slot.appendChild(error);
+    }
+    return true;
+  }
+  if (msg.type === 'history_done') {
+    renderControls();
+    var ws = getWs();
+    if (ws && ws.readyState === 1 && (store.get('projectDebateMessages') || []).length) {
+      ws.send(JSON.stringify({ type: 'project_debate_state', sessionId: store.get('activeSessionId') }));
+    }
+    return false;
+  }
+  if (msg.type === 'project_debate_state') {
+    if (String(msg.sessionId) !== String(store.get('activeSessionId')) || !msg.header) return true;
+    var restored = (store.get('projectDebateMessages') || []).slice();
+    var headerIndex = -1;
+    restored.forEach(function (item, index) { if (item.role === 'debate_header') headerIndex = index; });
+    if (headerIndex === -1) restored.unshift(msg.header);
+    else restored[headerIndex] = msg.header;
+    if (msg.header.phase !== 'live') restored = restored.map(function (item) {
+      return item.role === 'debate_turn' && item.status === 'active' ? Object.assign({}, item, { status: 'done', activity: '' }) : item;
+    });
+    store.set({ projectDebateMessages: restored });
+    renderMessages(restored);
+    renderControls();
+    return true;
+  }
+  if (msg.type === 'debate_preparing') {
+    var root = ensureTranscript();
+    var preparation = document.createElement('p');
+    preparation.className = 'debate-preparing-indicator home-debate-live-status';
+    preparation.setAttribute('role', 'status');
+    preparation.textContent = (msg.moderatorName || 'The moderator') + ' is preparing the debate…';
+    root.appendChild(preparation);
+    return true;
+  }
+  if (msg.type === 'tool_executing' && msg.name && msg.name.indexOf('propose_debate') !== -1) return true;
+  var types = ['debate_started', 'debate_turn', 'debate_activity', 'debate_stream', 'debate_turn_done', 'debate_tool_decision', 'debate_stop_requested', 'debate_stop_cancelled', 'debate_hand_raised', 'debate_conclude_confirm', 'debate_user_floor', 'debate_user_floor_done', 'debate_comment_injected', 'debate_user_resume', 'debate_resumed', 'debate_ended', 'debate_proposal', 'debate_proposal_resolved'];
+  if (types.indexOf(msg.type) === -1) return false;
+  var key = stateKey();
+  var messages = store.get(key) || [];
+  if (msg.type === 'debate_tool_decision') messages = messages.map(function (item) {
+    return item.role === 'debate_tool_decision' ? Object.assign({}, item, { entries: (item.entries || []).slice() }) : item;
+  });
+  if (msg.type === 'debate_proposal') messages = applyHomeDebateProposal(messages, msg);
+  else if (msg.type === 'debate_proposal_resolved') messages = resolveHomeDebateProposal(messages, msg);
+  else messages = applyHomeDebateEvent(messages, Object.assign({}, msg, { eventType: msg.type, speakerMateId: msg.mateId }));
+  if (msg.type === 'debate_ended') messages = messages.map(function (item) {
+    return item.role === 'debate_turn' && item.status === 'active' ? Object.assign({}, item, { status: 'done', activity: '' }) : item;
+  });
+  var patch = {};
+  patch[key] = messages;
+  store.set(patch);
+  var preparation = getMessagesEl().querySelector('.debate-preparing-indicator');
+  if (preparation) preparation.remove();
+  renderMessages(messages);
+  if (!store.get('projectDebatePrepending') && !store.get('replayingHistory')) renderControls();
+  scrollToBottom();
+  return true;
+}

package/lib/public/modules/project-header-identity.js

@@ -0,0 +1,127 @@
+// Single renderer for ordinary-project and Mate identities in the sidebar header.
+
+import { mateAvatarUrl } from './avatar.js';
+import { VENDOR_AVATARS, VENDOR_NAMES } from './chat-render-runtime.js';
+import { getHomeMateBio } from './home-mate-selection.js';
+import { parseEmojis } from './markdown.js';
+import { refreshIcons } from './icons.js';
+
+function projectForState(state) {
+  var projects = state.projectsHubList || [];
+  for (var i = 0; i < projects.length; i++) {
+    if (projects[i] && projects[i].slug === state.currentSlug) return projects[i];
+  }
+  return null;
+}
+
+function mateName(mate) {
+  var profile = mate && mate.profile ? mate.profile : {};
+  return profile.displayName || (mate && (mate.displayName || mate.name)) || 'Mate';
+}
+
+export function isMateHeaderWorkspace(state) {
+  var projects = state.projectsHubList || [];
+  for (var i = 0; i < projects.length; i++) {
+    if (projects[i] && projects[i].slug === state.currentSlug && projects[i].isMate === true) return true;
+  }
+  var mates = state.cachedMatesList || [];
+  for (var j = 0; j < mates.length; j++) {
+    if (mates[j] && state.currentSlug === 'mate-' + mates[j].id) return true;
+  }
+  return false;
+}
+
+function clearMateIdentity(icon, dropdown) {
+  icon.classList.remove('is-mate-avatar');
+  icon.classList.remove('is-clay-identity');
+  icon.removeAttribute('data-vendor');
+  delete dropdown.dataset.mateDefaults;
+  delete dropdown.dataset.mateBio;
+  delete dropdown.dataset.clayIdentity;
+  dropdown.removeAttribute('aria-label');
+  dropdown.removeAttribute('title');
+}
+
+export function renderOrdinaryProjectHeader(state) {
+  var dropdown = document.getElementById('title-bar-project-dropdown');
+  var icon = document.getElementById('title-bar-project-icon');
+  var name = document.getElementById('title-bar-project-name');
+  var detail = document.getElementById('title-bar-project-default');
+  if (!dropdown || !icon || !name || !detail) return false;
+  var project = projectForState(state);
+  clearMateIdentity(icon, dropdown);
+  detail.textContent = '';
+  icon.textContent = '';
+  var projectIcon = project && project.icon ? project.icon : '';
+  if (projectIcon) {
+    icon.textContent = projectIcon;
+    icon.classList.add('has-icon');
+    parseEmojis(icon);
+  } else {
+    icon.classList.remove('has-icon');
+  }
+  if (project) name.textContent = project.title || project.project || project.name || state.projectName || '';
+  return !!project;
+}
+
+export function renderMateProjectHeader(state, mate) {
+  var dropdown = document.getElementById('title-bar-project-dropdown');
+  var icon = document.getElementById('title-bar-project-icon');
+  var name = document.getElementById('title-bar-project-name');
+  var detail = document.getElementById('title-bar-project-default');
+  if (!dropdown || !icon || !name || !detail || !mate || state.homeShellVisible) return false;
+  var displayName = mateName(mate);
+  var vendor = mate.vendor || '';
+  var vendorName = VENDOR_NAMES[vendor] || vendor || 'Default vendor';
+  var bio = getHomeMateBio(mate).replace(/\s+/g, ' ').trim();
+  var isClay = mate.builtinKey === 'clay';
+  icon.textContent = '';
+  icon.classList.add('has-icon');
+  icon.classList.toggle('is-mate-avatar', !isClay);
+  icon.classList.toggle('is-clay-identity', isClay);
+  if (vendor) icon.dataset.vendor = vendor;
+  else icon.removeAttribute('data-vendor');
+  if (!isClay) {
+    var avatar = document.createElement('img');
+    avatar.className = 'title-bar-mate-avatar';
+    avatar.src = mateAvatarUrl(mate, 56);
+    avatar.alt = '';
+    avatar.draggable = false;
+    icon.appendChild(avatar);
+  }
+  if (!isClay && vendor && VENDOR_AVATARS[vendor]) {
+    var badge = document.createElement('img');
+    badge.className = 'title-bar-mate-vendor';
+    badge.src = VENDOR_AVATARS[vendor];
+    badge.alt = '';
+    badge.draggable = false;
+    badge.title = vendorName;
+    icon.appendChild(badge);
+  }
+  name.textContent = displayName;
+  detail.textContent = bio;
+  if (isClay) {
+    detail.textContent = '';
+    var badge = document.createElement('span');
+    badge.className = 'clay-role-badge';
+    var insignia = document.createElement('i');
+    insignia.className = 'clay-role-insignia';
+    insignia.setAttribute('data-lucide', 'crown');
+    insignia.setAttribute('aria-hidden', 'true');
+    var label = document.createElement('span');
+    label.className = 'clay-role-label';
+    label.textContent = 'Lead Mate';
+    badge.appendChild(insignia);
+    badge.appendChild(label);
+    detail.appendChild(badge);
+    refreshIcons();
+  }
+  dropdown.dataset.mateDefaults = 'true';
+  delete dropdown.dataset.clayIdentity;
+  delete dropdown.dataset.mateBio;
+  if (isClay) dropdown.dataset.clayIdentity = 'true';
+  else if (bio) dropdown.dataset.mateBio = 'true';
+  dropdown.setAttribute('aria-label', 'Open Mate settings for ' + displayName);
+  dropdown.title = 'Open Mate settings';
+  return true;
+}

package/lib/public/modules/project-logs-render.js

@@ -206,7 +206,7 @@ export function renderList(listEl, entries, onOpen, emptyState) {
 
 // --- Detail --------------------------------------------------------------
 
-function renderComments(entry) {
+function renderComments(entry, handlers) {
   var wrap = document.createElement("section");
   wrap.className = "project-log-discussion";
   var heading = document.createElement("h2");
@@ -242,6 +242,7 @@ function renderComments(entry) {
     badge.className = "project-log-comment-status-badge";
     badge.dataset.status = status;
     badge.textContent = COMMENT_STATUS_LABELS[status] || status;
+    if (handlers && handlers.commentReviewer && status === "pending") badge.textContent = "Awaiting " + handlers.commentReviewer + " review";
     item.appendChild(badge);
 
     // The Driver's decision sits under the comment it answers.
@@ -251,6 +252,7 @@ function renderComments(entry) {
       var responseMeta = document.createElement("p");
       responseMeta.className = "project-log-comment-response-meta";
       var parts = ["Project Driver"];
+      if (handlers && handlers.commentReviewer) parts[0] = handlers.commentReviewer;
       if (comment.review.at) parts.push(relativeTime(comment.review.at));
       if (comment.review.revision) parts.push("revision " + comment.review.revision);
       responseMeta.textContent = parts.join(" · ");
@@ -391,19 +393,22 @@ export function renderDetail(detailEl, entry, handlers) {
 
   var history = renderHistory(entry);
   if (history) article.appendChild(history);
-  article.appendChild(renderComments(entry));
+  if (handlers && handlers.readOnly) { detailEl.appendChild(article); refreshIcons(); return; }
+  article.appendChild(renderComments(entry, handlers));
 
   var form = document.createElement("form");
   form.className = "project-log-comment-form";
+  var commentPrefix = handlers.commentPrefix || "project-log";
   form.innerHTML =
     '<label for="project-log-comment-input">Add a comment</label>' +
     '<textarea id="project-log-comment-input" rows="3" required placeholder="Add context, a correction, or a question."></textarea>' +
     '<p id="project-log-comment-status" class="project-log-comment-status" role="status"></p>' +
     '<div class="project-log-comment-actions"><button class="primary" type="submit">Comment</button></div>';
+  form.innerHTML = form.innerHTML.replaceAll("project-log-comment-input", commentPrefix + "-comment-input").replaceAll('id="project-log-comment-status"', 'id="' + commentPrefix + '-comment-status"');
   form.addEventListener("submit", function (event) {
     event.preventDefault();
-    var input = form.querySelector("#project-log-comment-input");
-    var status = form.querySelector("#project-log-comment-status");
+    var input = form.querySelector("textarea");
+    var status = form.querySelector(".project-log-comment-status");
     var value = input.value.trim();
     if (!value) { status.textContent = "A comment cannot be empty."; return; }
     handlers.onComment(entry.ref, value, status, input);