clay-server 4.7.0-beta.3 → 4.7.0-beta.4

package/lib/project-pair-result-outbox.js

@@ -387,6 +387,7 @@ function attachPairResultOutbox(options) {
     markRestartUncertain: markRestartUncertain,
     authorizeHumanTurn: authorizeHumanTurn,
     grantManualRetry: grantManualRetry,
+    dismissNotice: function (key, revision) { return transition(key, { dismissedNoticeRevision: revision }); },
     status: status,
     list: function () { return Object.keys(records).map(function (key) { return copy(records[key]); }); },
     get: function (key) { return records[key] ? copy(records[key]) : null; },

package/lib/project-pair-result-recovery.js

@@ -146,6 +146,11 @@ function attachPairResultRecovery(ctx) {
       confirmDuplicate: completed && state === "uncertain",
     };
   }
+  function noticeItem(record) {
+    var item = publicItem(record);
+    item.revision = opaqueId(JSON.stringify(item));
+    return item;
+  }
   function canRead(ws, session) {
     if (!ws || !session || ws._clayActiveSession !== session.localId) return false;
     if (ownerId(session)) return !!(ws._clayUser && String(ws._clayUser.id) === String(ownerId(session)));
@@ -153,7 +158,9 @@ function attachPairResultRecovery(ctx) {
   }
   function sendState(session, ws, sendFn) {
     if (!canRead(ws, session)) return false;
-    var items = recordsFor(session).map(publicItem);
+    var items = recordsFor(session).filter(function (record) {
+      return record.dismissedNoticeRevision !== noticeItem(record).revision;
+    }).map(noticeItem);
     (sendFn || ctx.sendTo.bind(null, ws))({ type: "pair_result_status", sessionId: session.localId, items: items });
     return true;
   }
@@ -204,7 +211,7 @@ function attachPairResultRecovery(ctx) {
     changed(session);
   }
   function handleMessage(ws, msg) {
-    if (!msg || (msg.type !== "pair_result_state_request" && msg.type !== "pair_result_retry")) return false;
+    if (!msg || (msg.type !== "pair_result_state_request" && msg.type !== "pair_result_retry" && msg.type !== "pair_result_dismiss")) return false;
     var session = ctx.sm.sessions.get(ws._clayActiveSession);
     if (!canRead(ws, session)) return true;
     if (msg.sessionId != null && msg.sessionId !== session.localId) return true;
@@ -213,6 +220,12 @@ function attachPairResultRecovery(ctx) {
     var records = recordsFor(session), record = null;
     for (var i = 0; i < records.length; i++) if (opaqueId(records[i].key) === msg.id) record = records[i];
     if (!record) { sendState(session, ws); return true; }
+    if (msg.type === "pair_result_dismiss") {
+      if (msg.revision === noticeItem(record).revision) ctx.outbox.dismissNotice(record.key, msg.revision);
+      changed(session);
+      sendState(session, ws);
+      return true;
+    }
     if (record.deliveryState === "uncertain" && msg.confirmDuplicate !== true) { sendState(session, ws); return true; }
     var granted = ctx.outbox.grantManualRetry(record.key);
     if (granted.ok) schedule(record.key);

package/lib/public/css/messages.css

@@ -1387,17 +1387,24 @@ pre.mermaid-error {
 .plan-banner.plan-exit { color: var(--success); }
 .plan-banner.plan-exit .plan-banner-icon { color: var(--success); }
 
-.pair-result-status { display: grid; gap: 8px; padding: 10px 16px 0; }
-.pair-result-status-card { border: 1px solid var(--border); border-radius: 10px; background: var(--bg-alt); padding: 10px 12px; color: var(--text-secondary); font-size: 12px; }
+/* Recovery notices use the same quiet surface as session work references. */
+.pair-result-status { flex: 0 0 auto; margin: 8px 16px 0; padding: 8px 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg-alt); color: var(--text-muted); font-size: 12px; line-height: 1.5; max-height: 35vh; overflow-y: auto; }
+.pair-result-status-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--text-secondary); }
+.pair-result-status button { font: inherit; color: var(--text-secondary); background: transparent; border: 1px solid var(--border); border-radius: 5px; cursor: pointer; }
+.pair-result-status .pair-result-status-dismiss { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; padding: 0; border: 0; font-size: 20px; line-height: 1; }
+.pair-result-status button:hover { background: var(--input-bg); color: var(--text); }
+.pair-result-status button:focus-visible, .pair-result-status summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.pair-result-status-details > summary { cursor: pointer; width: fit-content; }
+.pair-result-status-card { padding: 10px 0; border-top: 1px solid var(--border); margin-top: 8px; }
 .pair-result-status-card > strong, .pair-result-status-card > span { display: block; }
-.pair-result-status-card > strong { color: var(--text); margin-bottom: 3px; }
+.pair-result-status-card > strong { color: var(--text-secondary); font-weight: 500; margin-bottom: 3px; }
 .pair-result-status-card details { margin-top: 7px; }
-.pair-result-status-card summary { cursor: pointer; color: var(--accent); }
-.pair-result-status-card pre { max-height: 180px; overflow: auto; white-space: pre-wrap; font: inherit; }
-.pair-result-status-card button { margin-top: 8px; }
-.pair-result-status-retry:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.pair-result-status-card summary { cursor: pointer; }
+.pair-result-status-card pre { max-height: 180px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
+.pair-result-status-retry { margin-top: 8px; padding: 4px 8px; }
 .pair-result-status-retry:disabled { cursor: not-allowed; opacity: 0.55; }
-.pair-result-status-uncertain, .pair-result-status-blocked { border-color: color-mix(in srgb, var(--warning) 45%, var(--border)); }
+@media (max-width: 600px) { .pair-result-status { margin: 6px 8px 0; } .pair-result-status .pair-result-status-dismiss { min-width: 36px; height: 36px; } }
+
 
 /* --- Plan card --- */
 .plan-card {

package/lib/public/modules/pair-result-status.js

@@ -33,6 +33,16 @@ function retry(item) {
   sendRetry(source, false);
 }
 
+function dismiss(items) {
+  var ws = getWs();
+  if (!ws || ws.readyState !== 1) return;
+  items.forEach(function (item) {
+    ws.send(JSON.stringify({ type: "pair_result_dismiss", id: item.id, revision: item.revision,
+      sessionId: store.get("activeSessionId"),
+      projectSlug: store.get("currentSlug") || store.get("activeProjectSlug") || null }));
+  });
+}
+
 function renderPairResultStatus() {
   var existing = document.getElementById("pair-result-status");
   if (existing) existing.remove();
@@ -44,6 +54,21 @@ function renderPairResultStatus() {
   section.id = "pair-result-status";
   section.className = "pair-result-status";
   section.setAttribute("role", "status");
+  var header = document.createElement("div");
+  header.className = "pair-result-status-header";
+  var heading = document.createElement("span");
+  heading.textContent = items.length === 1 ? "Worker update needs attention" : items.length + " Worker updates need attention";
+  var close = document.createElement("button");
+  close.type = "button"; close.className = "pair-result-status-dismiss";
+  close.textContent = "×";
+  close.setAttribute("aria-label", "Dismiss Worker notices");
+  close.title = "Dismiss notices. Retained tasks and results are kept.";
+  close.addEventListener("click", dismiss.bind(null, items));
+  header.appendChild(heading); header.appendChild(close); section.appendChild(header);
+  var content = document.createElement("details"), toggle = document.createElement("summary");
+  content.className = "pair-result-status-details";
+  toggle.textContent = "Review updates";
+  content.appendChild(toggle); section.appendChild(content);
   for (var i = 0; i < items.length; i++) {
     var item = items[i], card = document.createElement("div");
     card.className = "pair-result-status-card pair-result-status-" + item.state;
@@ -61,11 +86,11 @@ function renderPairResultStatus() {
     }
     if (item.canRetry) {
       var button = document.createElement("button");
-      button.type = "button"; button.className = "confirm-btn confirm-ok pair-result-status-retry"; button.textContent = "Retry delivery";
+      button.type = "button"; button.className = "pair-result-status-retry"; button.textContent = "Retry delivery";
       button.addEventListener("click", retry.bind(null, item));
       card.appendChild(button);
     }
-    section.appendChild(card);
+    content.appendChild(card);
   }
   messages.parentElement.insertBefore(section, messages);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "4.7.0-beta.3",
+  "version": "4.7.0-beta.4",
   "description": "Self-hosted team workspace for Claude Code and Codex. Multi-user, browser-based, with persistent AI mates.",
   "bin": {
     "clay-server": "./bin/cli.js"