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

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

@@ -1,3 +1,4 @@
+import { leaveRevokedProject, reconnectDestination } from './project-access-recovery.js';
 // app-connection.js - WebSocket connection, reconnect, status
 // Extracted from app.js (PR-22)
 
@@ -355,6 +356,7 @@ export function connect() {
       console.log("[clay] WebSocket reconnected after " + (Date.now() - disconnectedAt) + "ms");
     }
     disconnectedAt = 0;
+    newWs.send(JSON.stringify({ type: "clay_ui_ready", version: 1 }));
     setStatus("connected");
     startHeartbeat(newWs, attemptEpoch);
     lifecycle.clearRetry();
@@ -460,7 +462,12 @@ export function scheduleReconnect(reason) {
         location.reload();
         return;
       }
-      connect();
+      return res.json().then(function (info) {
+        if (!lifecycle.canProceed(authEpoch)) return;
+        var destination = reconnectDestination(info, store.get('currentSlug'));
+        if (destination) { leaveRevokedProject(destination); return; }
+        connect();
+      });
     }).catch(function () {
       var authFinished = lifecycle.finishAuth(authEpoch, authToken);
       if (authFinished && lifecycle.canProceed(authEpoch)) connect();

package/lib/public/modules/app-message-router.js

@@ -58,7 +58,7 @@ export function handleHomeProtocolMessage(msg) {
     handleHomeDebateTranscript(msg);
     return true;
   }
-  if (msg.type === "home_mcp_import_question" || msg.type === "home_mcp_import_question_resolved") {
+  if (msg.type === "home_mcp_import_question" || msg.type === "home_mcp_import_question_resolved" || msg.type === "home_mate_question" || msg.type === "home_mate_question_resolved") {
     if (!handleSearchClayMessage(msg)) handleHomeDebateTranscript(msg);
     return true;
   }

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

@@ -1,3 +1,5 @@
+import { handleOwnerNavigation } from './clay-owner-navigation.js';
+import { leaveRevokedProject } from './project-access-recovery.js';
 import { handlePersonalSettingsMessage } from './user-settings-preferences.js';
 import { handleServerUpdate } from './server-settings-controls.js';
 import { handleYouMessage } from './you.js';
@@ -9,7 +11,7 @@ import { handleLinearResult } from './linear-panel.js';
 import { handleSharedBrowserMessage } from './shared-browser.js';
 import { openWireframe } from './wireframe-workbench.js';
 import { handlePrimaryWorkResult } from './session-work-primary.js';
-import { syncGithubSessions } from './session-github.js';
+import { syncGithubSessions, applyGithubPersonalReviewStatus } from './session-github.js';
 import { handleIssuesMessageInContext as handleIssuesMessage } from './issues-context.js';
 // app-messages.js - WebSocket message router
 // Extracted from app.js (PR-23)
@@ -66,7 +68,7 @@ import { handleTuiTranscriptState } from './tui-grab.js';
 import { tuiModalHandleTermOutput, tuiModalHandleTermResized, tuiModalHandleTermExited, tuiModalHandleTermClosed } from './tui-attention.js';
 import { updateTerminalList, handleContextSourcesState, updateEmailAccountList, updateEmailUnreadCounts, handleEmailTestResult, handleEmailAddResult, handleEmailRemoveResult } from './context-sources.js';
 import { refreshEmailSettings } from './user-settings.js';
-import { handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted, handleNoteWritten } from './sticky-notes.js';
+import { handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteUpdateResult, handleNoteDeleted, handleNoteWritten } from './sticky-notes.js';
 import { handleNoteDeleteResult } from './sticky-notes-browser.js';
 import { handleProjectLogsState, handleProjectLogEntry, handleProjectLogCommented, handleProjectLogCommentReviewed, handleProjectLogDeleted, handleProjectLogUpdated, handleProjectLogsError, handleScheduledTaskResultsState, handleScheduledTaskResultCreated, handleScheduledTaskResultSession } from './project-logs.js';
 import { handleSkillInstalled, handleSkillUninstalled } from './skills.js';
@@ -119,6 +121,7 @@ var connectOverlay = document.getElementById("connect-overlay");
 initMessageDeliveryUi();
 
 export function processMessage(msg) {
+  if (handleOwnerNavigation(msg)) return;
   if (["update_available", "up_to_date", "update_started", "update_check_failed"].indexOf(msg.type) !== -1) handleServerUpdate(msg);
   if (/^(set_pin|set_keep_awake|set_inherit_groups|set_image_retention|set_update_channel|restart_server|shutdown_server)_result$/.test(msg.type)) handleServerSettingResult(msg);
   if (handleProjectDebateMessage(msg)) return;
@@ -146,7 +149,7 @@ export function processMessage(msg) {
     return;
   }
     if (msg.type === "access_revoked") {
-      window.location.assign("/");
+      leaveRevokedProject("/");
       return;
     }
     // Preserve original timestamp from history replay
@@ -775,6 +778,9 @@ export function processMessage(msg) {
         handlePaletteSessionSwitch();
         maybeRestoreSplitGroup();
         break;
+      case "session_github_status":
+        applyGithubPersonalReviewStatus(msg);
+        break;
 
       case "split_groups":
         applyProjectSplitGroups(msg.groups || []);
@@ -1279,6 +1285,11 @@ export function processMessage(msg) {
         renderGeneratedImage(msg);
         break;
 
+      case 'mate_schedule_question_expired':
+        markAskUserAnswered(msg.toolId, { 0: msg.error || 'This schedule review expired.' });
+        stopUrgentBlink();
+        break;
+
       case 'mcp_import_consent_expired':
         markAskUserAnswered(msg.toolId, { 0: msg.error || 'No import was approved.' });
         stopUrgentBlink();
@@ -1755,6 +1766,10 @@ export function processMessage(msg) {
         handleNoteUpdated(msg);
         break;
 
+      case "note_update_result":
+        handleNoteUpdateResult(msg);
+        break;
+
       case "note_written":
         showToast((msg.byTitle || "Agent") + ' left a note: "' + (msg.preview || "") + '"');
         handleNoteWritten(msg);

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

@@ -389,6 +389,11 @@ export function resetClientState() {
 
 export function switchProject(slug) {
   if (!slug) return;
+  var target = cachedProjects.find(function (project) { return project.slug === slug; });
+  if (target && target.contentAccess === false && target.administrativeAccess === true) {
+    window.location.assign("/p/" + encodeURIComponent(slug) + "/");
+    return;
+  }
   document.cookie = "clay_last_project=" + encodeURIComponent(slug) + "; Path=/; SameSite=Strict; Max-Age=31536000";
   var st = store.snap();
   var ws = getWs();

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();
+}