clay-server 4.0.0-beta.16 → 4.0.0-beta.18

package/lib/project-logs.js

@@ -7,8 +7,8 @@
 //
 // Authorship is split deliberately. Canonical entries are created and revised
 // only by this project's agent sessions through `clay-logs`; a connected human
-// reads the ledger and appends attributed comments. That keeps the log an
-// honest record of the work rather than a shared wiki.
+// reads the ledger, appends attributed comments, and lets the project owner
+// delete an entry. That keeps the log an honest record rather than a wiki.
 
 var logsMcp = require("./project-logs-mcp-server");
 
@@ -19,7 +19,7 @@ var MAX_NOTICE_SUMMARY_CHARS = 240;
 // Canonical writes that move the ledger forward. A plain comment, a
 // clarification, and a decline are participation, not revisions, so they never
 // notify.
-var NOTIFYING_OPS = ["create", "update", "link", "incorporate", "revert"];
+var NOTIFYING_OPS = ["create", "update", "link", "incorporate", "revert", "delete"];
 
 function clip(value, max) {
   if (typeof value !== "string") return "";
@@ -71,6 +71,7 @@ var HANDLED_TYPES = [
   "project_logs_list",
   "project_log_read",
   "project_log_comment",
+  "project_log_delete",
   // Retired human mutations. Still claimed so an older client gets an
   // explicit refusal rather than silence.
   "project_log_create",
@@ -105,6 +106,21 @@ function attachProjectLogs(ctx) {
     }
   }
 
+  function broadcastCommentReview(entry, request) {
+    if (isMate || !entry || !request || !request.commentId) return;
+    var notice = {
+      type: "project_log_comment_reviewed",
+      ref: entry.ref,
+      commentId: request.commentId,
+      action: request.action,
+    };
+    var clients = getClients();
+    for (var client of clients) {
+      if (!client || client.readyState !== 1 || client._clayPane) continue;
+      sendTo(client, notice);
+    }
+  }
+
   // Wrap a canonical write so a successful one notifies. A throw never reaches
   // here, so a failed or no-op write is silent.
   function notifying(op, run) {
@@ -149,13 +165,27 @@ function attachProjectLogs(ctx) {
   // read and neither path dumps a record body into the list.
   // Returns both the rows and this project's live category vocabulary, so the
   // filter is populated solely from what this project actually uses.
-  function listEntries(bound, query, category) {
+  function listEntries(bound, query, category, contextMode) {
+    var options = { kind: category, limit: LIST_LIMIT, contextMode: contextMode };
     if (query) {
-      var hits = bound.searchLogs({ query: query, kind: category, limit: LIST_LIMIT });
-      return { entries: hits.results, categories: hits.categories || [] };
+      options.query = query;
+      var hits = bound.searchLogs(options);
+      return {
+        entries: hits.results,
+        categories: hits.categories || [],
+        contextMode: hits.contextMode,
+        currentChangeSetId: hits.currentChangeSetId,
+        isWorktree: hits.isWorktree,
+      };
     }
-    var listed = bound.listLogs({ kind: category, limit: LIST_LIMIT });
-    return { entries: listed.entries, categories: listed.categories || [] };
+    var listed = bound.listLogs(options);
+    return {
+      entries: listed.entries,
+      categories: listed.categories || [],
+      contextMode: listed.contextMode,
+      currentChangeSetId: listed.currentChangeSetId,
+      isWorktree: listed.isWorktree,
+    };
   }
 
   function handleLogsMessage(ws, msg) {
@@ -187,27 +217,40 @@ function attachProjectLogs(ctx) {
         var query = typeof msg.query === "string" ? msg.query.trim() : "";
         // A view preference, not an authorization input: the store validates it.
         var category = typeof msg.category === "string" && msg.category ? msg.category : null;
-        var listing = listEntries(bound, query, category);
+        var contextMode = typeof msg.contextMode === "string" ? msg.contextMode : null;
+        var listing = listEntries(bound, query, category, contextMode);
         sendTo(ws, {
           type: "project_logs_state",
           requestId: requestId,
           entries: listing.entries,
           categories: listing.categories,
+          contextMode: listing.contextMode,
+          currentChangeSetId: listing.currentChangeSetId,
+          isWorktree: listing.isWorktree === true,
+          canDelete: bound.canDelete === true,
         });
         return true;
       }
 
       if (msg.type === "project_log_read") {
-        sendTo(ws, { type: "project_log_entry", requestId: requestId, entry: bound.readLog({ ref: msg.ref }) });
+        sendTo(ws, { type: "project_log_entry", requestId: requestId, entry: bound.readLog({ ref: msg.ref }), canDelete: bound.canDelete === true });
+        return true;
+      }
+
+      if (msg.type === "project_log_delete") {
+        var removed = bound.removeLog({ ref: msg.ref });
+        sendTo(ws, { type: "project_log_deleted", requestId: requestId, ref: removed.ref });
+        broadcastUpdate(removed, "delete");
         return true;
       }
 
       if (msg.type === "project_log_comment") {
         var commented = bound.commentLog({ ref: msg.ref, body: msg.body });
-        sendTo(ws, { type: "project_log_commented", requestId: requestId, entry: commented });
-        try { onFeedback(commented); } catch (deliveryError) {
+        var reviewQueued = false;
+        try { reviewQueued = onFeedback(commented) === true; } catch (deliveryError) {
           console.error("[project-logs] Failed to deliver comment:", deliveryError.message || deliveryError);
         }
+        sendTo(ws, { type: "project_log_commented", requestId: requestId, entry: commented, reviewQueued: reviewQueued });
         return true;
       }
     } catch (e) {
@@ -232,6 +275,7 @@ function attachProjectLogs(ctx) {
       reviewLogComment: function (args) {
         var request = coerceToolArgs(args);
         var result = bound.reviewLogComment(request);
+        broadcastCommentReview(result, request);
         // Only an incorporation is a canonical revision; clarify and decline
         // resolve a comment and change nothing.
         if (request && request.action === "incorporate") broadcastUpdate(result, "incorporate");
@@ -322,7 +366,11 @@ function attachProjectLogs(ctx) {
   }
 
   function getSystemPrompt(session) {
-    if (isMate || !service) return "";
+    if (!service) return "";
+    if (isMate) {
+      if (!includeGlobal() || (session && !sessionBinding(session))) return "";
+      return SYSTEM_PROMPT_LABEL + "\n" + logsMcp.CLAY_READ_CONTRACT;
+    }
     if (session && !sessionBinding(session)) return "";
     return SYSTEM_PROMPT_LABEL + "\n" + logsMcp.LOGS_CONTRACT +
       "\n" + logsMcp.LEARNING_CONTRACT +

package/lib/project-message-delivery.js

@@ -0,0 +1,70 @@
+// Idempotent acknowledgement support for ordinary project chat messages.
+
+var CLIENT_MESSAGE_ID_RE = /^[A-Za-z0-9._:-]{1,128}$/;
+
+function normalizeClientMessageId(value) {
+  if (typeof value !== "string" || !CLIENT_MESSAGE_ID_RE.test(value)) return null;
+  return value;
+}
+
+function ownerKey(ws) {
+  return ws && ws._clayUser && ws._clayUser.id ? String(ws._clayUser.id) : "_default";
+}
+
+function deliveryKey(ownerId, clientMessageId) {
+  return ownerId + ":" + clientMessageId;
+}
+
+function ensureRecordedMessages(session) {
+  if (session._recordedClientMessages) return session._recordedClientMessages;
+  var recorded = new Map();
+  var history = Array.isArray(session.history) ? session.history : [];
+  for (var i = 0; i < history.length; i++) {
+    var item = history[i];
+    var clientMessageId = normalizeClientMessageId(item && item.clientMessageId);
+    if (!clientMessageId) continue;
+    recorded.set(deliveryKey(item.from ? String(item.from) : "_default", clientMessageId), item);
+  }
+  session._recordedClientMessages = recorded;
+  return recorded;
+}
+
+function createProjectMessageDelivery(sendTo) {
+  function inspect(ws, session, msg) {
+    var clientMessageId = normalizeClientMessageId(msg && msg.clientMessageId);
+    if (!clientMessageId) return { clientMessageId: null, ownerId: ownerKey(ws), duplicate: false };
+    var ownerId = ownerKey(ws);
+    var recordedMessage = ensureRecordedMessages(session).get(deliveryKey(ownerId, clientMessageId)) || null;
+    return {
+      clientMessageId: clientMessageId,
+      ownerId: ownerId,
+      duplicate: !!recordedMessage,
+      recordedMessage: recordedMessage,
+    };
+  }
+
+  function markRecorded(session, receipt, message) {
+    if (!receipt || !receipt.clientMessageId) return;
+    ensureRecordedMessages(session).set(deliveryKey(receipt.ownerId, receipt.clientMessageId), message);
+  }
+
+  function acknowledge(ws, receipt, message) {
+    if (!receipt || !receipt.clientMessageId) return;
+    sendTo(ws, {
+      type: "message_ack",
+      clientMessageId: receipt.clientMessageId,
+      message: message || receipt.recordedMessage || null,
+    });
+  }
+
+  return {
+    inspect: inspect,
+    markRecorded: markRecorded,
+    acknowledge: acknowledge,
+  };
+}
+
+module.exports = {
+  createProjectMessageDelivery: createProjectMessageDelivery,
+  normalizeClientMessageId: normalizeClientMessageId,
+};

package/lib/project-user-message.js

@@ -35,12 +35,14 @@ function attachUserMessage(ctx) {
   var sdk = ctx.sdk;
   var nm = ctx.nm;
   var notesLifecycle = require("./notes-lifecycle");
+  var createProjectMessageDelivery = require("./project-message-delivery").createProjectMessageDelivery;
   var tm = ctx.tm;
 
   var send = ctx.send;
   var sendTo = ctx.sendTo;
   var sendToSession = ctx.sendToSession;
   var sendToSessionOthers = ctx.sendToSessionOthers;
+  var messageDelivery = createProjectMessageDelivery(sendTo);
 
   var clients = ctx.clients;
   var opts = ctx.opts;
@@ -316,6 +318,12 @@ function attachUserMessage(ctx) {
     var session = getSessionForWs(ws);
     if (!session) return true;
 
+    var deliveryReceipt = messageDelivery.inspect(ws, session, msg);
+    if (deliveryReceipt.duplicate) {
+      messageDelivery.acknowledge(ws, deliveryReceipt, hydrateImageRefs(deliveryReceipt.recordedMessage));
+      return true;
+    }
+
     // A configured Split Worker is Driver-operated: its work arrives through
     // the Driver's delegation, not from a person typing into its pane. The UI
     // hides the composer, but the refusal has to live here too — a legacy
@@ -375,9 +383,12 @@ function attachUserMessage(ctx) {
     if (msg.pastes && msg.pastes.length > 0) {
       userMsg2.pastes = msg.pastes;
     }
+    if (deliveryReceipt.clientMessageId) userMsg2.clientMessageId = deliveryReceipt.clientMessageId;
     if (!userMsg2._ts) userMsg2._ts = Date.now();
     session.history.push(userMsg2);
     sm.appendToSessionFile(session, userMsg2);
+    messageDelivery.markRecorded(session, deliveryReceipt, userMsg2);
+    messageDelivery.acknowledge(ws, deliveryReceipt, hydrateImageRefs(userMsg2));
     sendToSessionOthers(ws, session.localId, hydrateImageRefs(userMsg2));
 
     if (!session.title) {

package/lib/project.js

@@ -215,6 +215,7 @@ function createProjectContext(opts) {
   var updateChannel = opts.updateChannel || "stable";
   var osUsers = opts.osUsers || false;
   var projectOwnerId = opts.projectOwnerId || null;
+  var projectKnowledgeId = opts.projectKnowledgeId || null;
   var worktreeMeta = opts.worktreeMeta || null; // { parentSlug, branch, external }
   var isMate = opts.isMate || false;
   var mateId = opts.mateId || (isMate ? path.basename(cwd) : null);
@@ -1318,7 +1319,7 @@ function createProjectContext(opts) {
       if (typeof opts.onDmMessage === "function") opts.onDmMessage(ws, msg);
       return;
     }
-    if (msg.type === "home_clay_ask" || msg.type === "home_clay_session_resolve") {
+    if (msg.type === "home_clay_ask" || msg.type === "home_clay_session_resolve" || msg.type === "home_clay_log_resolve") {
       if (typeof opts.onDmMessage === "function") opts.onDmMessage(ws, msg, slug);
       return;
     }
@@ -2188,6 +2189,7 @@ function createProjectContext(opts) {
       isProcessing: hasProcessing,
       pendingPermissions: pendingPermCount,
       projectOwnerId: projectOwnerId,
+      projectKnowledgeId: projectKnowledgeId,
     };
     if (isMate) {
       status.isMate = true;
@@ -2197,6 +2199,9 @@ function createProjectContext(opts) {
       status.isWorktree = true;
       status.parentSlug = worktreeMeta.parentSlug;
       status.branch = worktreeMeta.branch;
+      status.changeSetId = worktreeMeta.changeSetId || null;
+      status.baseCommit = worktreeMeta.baseCommit || null;
+      status.headCommit = worktreeMeta.headCommit || null;
       status.worktreeExternal = worktreeMeta.external === true;
     }
     if (usersModule.isMultiUser()) {

package/lib/public/app.js

@@ -289,6 +289,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     isHeadlessMode: false,
     savedMainSlug: null,
     connected: false,
+    pendingOutboundMessages: [],
     homeChatMateId: null,
     homeChatSessionId: null,
     homeChatSessionModel: null,
@@ -326,11 +327,15 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     projectLogsSelectedRef: null,
     projectLogsView: 'list',
     projectLogsCategory: '',
+    projectLogsContextMode: '',
+    projectLogsIsWorktree: false,
     projectLogsListScroll: 0,
     projectLogsListRequestId: null,
     projectLogsReadRequestId: null,
     projectLogsCommentRequestId: null,
     projectLogsCommentStatusEl: null,
+    projectLogsDeleteRequestId: null,
+    projectLogsCanDelete: false,
     projectLogsUnread: 0,
     projectLogsSeenRevisions: {},
     installedTools: [],

package/lib/public/css/command-palette.css

@@ -486,7 +486,8 @@ body.mate-dm-active .search-clay-transcript .search-clay-message-user .bubble,
 .search-clay-activity-item small { color: var(--text-dimmer); font-size: 10px; line-height: 1.35; }
 @keyframes searchClaySpin { to { transform: rotate(360deg); } }
 
-.clayos-session-link {
+.clayos-session-link,
+.clayos-log-link {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -503,7 +504,8 @@ body.mate-dm-active .search-clay-transcript .search-clay-message-user .bubble,
   vertical-align: middle;
   cursor: pointer;
 }
-.clayos-session-link::before {
+.clayos-session-link::before,
+.clayos-log-link::before {
   content: "\2197";
   display: grid;
   place-items: center;
@@ -514,13 +516,21 @@ body.mate-dm-active .search-clay-transcript .search-clay-message-user .bubble,
   color: var(--accent);
   font-size: 12px;
 }
-.clayos-session-link > span { font-weight: 620; }
-.clayos-session-link > small { color: var(--text-muted); font-size: 10px; }
-.clayos-session-link:hover { border-color: color-mix(in srgb, var(--accent) 52%, var(--border)); background: color-mix(in srgb, var(--accent) 11%, var(--bg-alt)); }
-.clayos-session-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
-.clayos-session-link.is-loading { opacity: 0.62; cursor: progress; }
-.clayos-session-link.is-loading::before { animation: searchClaySpin 1.2s linear infinite; }
-.clayos-session-link.is-error { border-color: color-mix(in srgb, var(--warning) 48%, var(--border)); }
+.clayos-log-link::before { content: "\2261"; }
+.clayos-session-link > span,
+.clayos-log-link > span { font-weight: 620; }
+.clayos-session-link > small,
+.clayos-log-link > small { color: var(--text-muted); font-size: 10px; }
+.clayos-session-link:hover,
+.clayos-log-link:hover { border-color: color-mix(in srgb, var(--accent) 52%, var(--border)); background: color-mix(in srgb, var(--accent) 11%, var(--bg-alt)); }
+.clayos-session-link:focus-visible,
+.clayos-log-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.clayos-session-link.is-loading,
+.clayos-log-link.is-loading { opacity: 0.62; cursor: progress; }
+.clayos-session-link.is-loading::before,
+.clayos-log-link.is-loading::before { animation: searchClaySpin 1.2s linear infinite; }
+.clayos-session-link.is-error,
+.clayos-log-link.is-error { border-color: color-mix(in srgb, var(--warning) 48%, var(--border)); }
 
 .search-clay-pending {
   align-self: flex-start;

package/lib/public/css/project-logs.css

@@ -105,7 +105,11 @@
 .project-logs-search .lucide { width: 14px; flex: 0 0 auto; }
 .project-logs-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--text); font: inherit; font-size: 12px; }
 .project-logs-search:focus-within, .project-logs-filter:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent) 35%, transparent); border-color: var(--accent); }
-.project-logs-filter { height: 36px; max-width: 42%; padding: 0 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text-secondary); font: inherit; font-size: 12px; cursor: pointer; }
+.project-logs-filter { height: 36px; max-width: 180px; padding: 0 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text-secondary); font: inherit; font-size: 12px; cursor: pointer; }
+.project-logs-context-filter { max-width: 148px; }
+.project-log-context-chip { display: inline-flex; align-items: center; min-height: 22px; padding: 2px 7px; border-radius: 999px; background: var(--bg-alt); color: var(--text-secondary); font-size: 11px; font-weight: 600; }
+.project-log-context-chip[data-status="archived"] { opacity: .72; }
+.project-log-context-chip[data-status="merged"] { color: var(--success, #2f8f57); }
 
 /* --- Ledger list: full pane, chronological, commit-history feel --- */
 .project-logs-list { flex: 1; min-height: 0; overflow-y: auto; padding: 8px 0 18px; }
@@ -139,8 +143,22 @@
 .project-log-document h1 { margin: 0 0 10px; color: var(--text); font-family: var(--font-display); font-size: clamp(24px, 2.8vw, 34px); letter-spacing: -0.025em; line-height: 1.12; }
 .project-log-doc-summary { margin: 0 0 13px; color: var(--text-secondary); font-size: 14px; line-height: 1.6; }
 .project-log-byline { margin: 0 0 25px; padding-bottom: 18px; border-bottom: 2px solid var(--border-subtle); color: var(--text-dimmer); font-size: 11px; font-family: var(--font-mono); }
+.project-log-delete-button { display: inline-flex; align-items: center; gap: 6px; margin: -11px 0 24px; padding: 6px 9px; border: 1px solid color-mix(in srgb, var(--danger) 45%, var(--border)); border-radius: 7px; background: transparent; color: var(--danger); font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
+.project-log-delete-button .lucide { width: 13px; }
 .project-log-markdown { font-size: 14px; line-height: 1.75; }
 
+.project-log-delete-dialog { position: fixed; inset: 0; z-index: 420; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(var(--shadow-rgb), 0.5); }
+.project-log-delete-dialog.hidden { display: none; }
+.project-log-delete-dialog-card { width: min(420px, 100%); padding: 20px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg); box-shadow: 0 18px 50px rgba(var(--shadow-rgb), 0.3); }
+.project-log-delete-dialog-card h2 { margin: 0 0 9px; color: var(--text); font-family: var(--font-display); font-size: 18px; }
+.project-log-delete-dialog-card p { margin: 0; color: var(--text-secondary); font-size: 13px; line-height: 1.55; }
+.project-log-delete-dialog-title { margin-top: 9px !important; color: var(--text) !important; font-weight: 700; overflow-wrap: anywhere; }
+.project-log-delete-dialog-status { min-height: 17px; margin-top: 11px !important; color: var(--danger) !important; font-size: 11px !important; }
+.project-log-delete-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
+.project-log-delete-dialog-actions button { padding: 7px 12px; border: 1px solid var(--border); border-radius: 7px; background: var(--bg-alt); color: var(--text-secondary); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
+.project-log-delete-dialog-actions button.danger { border-color: var(--danger); background: var(--danger); color: #fff; }
+.project-log-delete-dialog-actions button:disabled { opacity: 0.5; cursor: default; }
+
 /* --- Discussion --- */
 .project-log-discussion { margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--border-subtle); }
 .project-log-discussion h2 { margin: 0 0 12px; color: var(--text); font-family: var(--font-display); font-size: 15px; }
@@ -174,7 +192,7 @@
   .project-logs-subtitle { display: none; }
   .project-logs-topbar { gap: 8px; padding: 0 12px; }
   .project-logs-toolbar { padding: 10px 12px; }
-  .project-logs-filter { max-width: 44%; }
+  .project-logs-filter { max-width: 42%; }
   .project-log-row { padding: 14px 14px 13px; }
   .project-log-document { padding: 24px 18px 38px; }
 }

package/lib/public/css/sticky-notes.css

@@ -85,9 +85,13 @@
   min-height: 80px;
   border: 1px solid color-mix(in srgb, var(--note-border) calc(var(--note-opacity, 0.64) * 100%), transparent);
   background: color-mix(in srgb, var(--note-surface) calc(var(--note-opacity, 0.64) * 100%), transparent);
+  -webkit-backdrop-filter: blur(7px) saturate(0.92) contrast(1.02);
+  backdrop-filter: blur(7px) saturate(0.92) contrast(1.02);
   color: var(--note-ink);
   transition: box-shadow 0.15s;
   overflow: hidden;
+  contain: layout style;
+  will-change: transform, backdrop-filter;
 }
 
 .sticky-note:hover {
@@ -798,8 +802,11 @@
 
 @media (prefers-reduced-transparency: reduce) {
   .sticky-note {
+    -webkit-backdrop-filter: none;
+    backdrop-filter: none;
     border-color: var(--note-border);
     background: var(--note-surface);
+    will-change: transform;
   }
 }
 

package/lib/public/index.html

@@ -31,7 +31,7 @@
 (function(){try{var k="clay-theme-vars",v=localStorage.getItem(k),r=document.documentElement;if(v){var o=JSON.parse(v),p;for(p in o)r.style.setProperty(p,o[p]);var vt=localStorage.getItem(k.replace("-vars","-variant"));if(vt==="light"){r.classList.add("light-theme");r.classList.remove("dark-theme")}else{r.classList.add("dark-theme");r.classList.remove("light-theme")}var m=document.querySelector('meta[name="theme-color"]');if(m&&o["--bg"])m.setAttribute("content",o["--bg"])}else{var sl=window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches;if(sl){r.classList.add("light-theme");r.classList.remove("dark-theme")}}}catch(e){}})();
 </script>
 <script>if(window.navigator.standalone||window.matchMedia("(display-mode:standalone)").matches){document.documentElement.classList.add("pwa-standalone")}</script>
-<link rel="stylesheet" href="style.css?v=20260901-clay-chat6">
+<link rel="stylesheet" href="style.css?v=20260908-log-links2">
 <style>
 @media(max-width:768px){
   /* User messages: vertical stack, avatar on top, right-aligned */
@@ -2337,7 +2337,7 @@
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0/lib/addon-fit.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-web-links@0/lib/addon-web-links.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-webgl@0/lib/addon-webgl.min.js"></script>
-<script type="module" src="app.js?v=20260902-markdown-boundary1"></script>
+<script type="module" src="app.js?v=20260908-log-links2"></script>
 <div id="pwa-install-modal" class="pwa-modal hidden">
   <div class="pwa-modal-backdrop"></div>
   <div class="pwa-modal-card">

package/lib/public/modules/admin.js

@@ -2,15 +2,15 @@
 import { iconHtml, refreshIcons } from './icons.js';
 import { showToast, copyToClipboard, escapeHtml } from './utils.js';
 
-function showConfirmDialog(message, onConfirm) {
+function showConfirmDialog(message, actionLabel, onConfirm) {
   var modal = document.createElement("div");
   modal.className = "admin-modal-overlay";
-  var html = '<div class="admin-modal">' +
+  var html = '<div class="admin-modal" role="dialog" aria-modal="true" aria-label="Confirm action">' +
     '<div class="admin-modal-body" style="padding:20px 16px 16px">' +
     '<p class="admin-modal-desc" style="margin:0;font-size:14px;color:var(--text)">' + escapeHtml(message) + '</p>' +
     '</div>' +
     '<div class="admin-modal-footer">' +
-    '<button class="admin-modal-save admin-modal-confirm-danger">Revoke</button>' +
+    '<button class="admin-modal-save admin-modal-confirm-danger">' + escapeHtml(actionLabel) + '</button>' +
     '<button class="admin-modal-cancel">Cancel</button>' +
     '</div></div>';
   modal.innerHTML = html;
@@ -198,9 +198,9 @@ function renderUsersTab(body) {
       var userId = this.dataset.userId;
       var user = cachedUsers.find(function (u) { return u.id === userId; });
       var name = user ? (user.displayName || user.username) : "this user";
-      if (confirm("Remove " + name + "? This cannot be undone.")) {
+      showConfirmDialog("Remove " + name + "? This cannot be undone.", "Remove user", function () {
         removeUser(userId, body);
-      }
+      });
     });
   }
 }
@@ -509,7 +509,7 @@ function renderInvitesTab(body) {
     revokeBtns[k].addEventListener("click", function () {
       var code = this.dataset.code;
       var btn = this;
-      showConfirmDialog("Revoke this invite? The link will no longer work.", function () {
+      showConfirmDialog("Revoke this invite? The link will no longer work.", "Revoke", function () {
         btn.disabled = true;
         fetch("/api/admin/invites/" + encodeURIComponent(code), { method: "DELETE" })
           .then(function (r) { return r.json(); })
@@ -751,12 +751,12 @@ function renderSmtpTab(body, cfg) {
   var removeBtn = body.querySelector("#smtp-remove");
   if (removeBtn) {
     removeBtn.addEventListener("click", function () {
-      if (confirm("Remove SMTP configuration? Users will need to use PIN login.")) {
+      showConfirmDialog("Remove SMTP configuration? Users will need to use PIN login.", "Remove SMTP", function () {
         apiPost("/api/admin/smtp", { host: "", user: "", pass: "", from: "" }).then(function () {
           showToast("SMTP configuration removed");
           loadSmtpTab(body);
         });
-      }
+      });
     });
   }
 }

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

@@ -39,6 +39,7 @@ var overlayGraceTimer = null;
 // timer per live socket.
 var HEARTBEAT_MS = 25000;
 var heartbeatTimer = null;
+var heartbeatDeadlineTimer = null;
 var disconnectedAt = 0;
 
 function clearOverlayGrace() {
@@ -62,13 +63,17 @@ export function stopHeartbeat() {
     clearInterval(heartbeatTimer);
     heartbeatTimer = null;
   }
+  if (heartbeatDeadlineTimer) {
+    clearTimeout(heartbeatDeadlineTimer);
+    heartbeatDeadlineTimer = null;
+  }
 }
 
 // Started once per live socket. The socket it was started for is captured, so
 // a timer that outlives its socket stops itself instead of writing to a stale
-// connection. The pong the server sends back is what actually keeps a proxy's
-// upstream read timeout from expiring, but a missing or late pong is never
-// treated as a failure: only the socket's own close event drives reconnection.
+// connection. The pong the server sends back keeps a proxy's upstream read
+// timeout from expiring. A missing pong also identifies a half-open socket,
+// which browsers can otherwise leave OPEN while silently losing sends.
 export function startHeartbeat(socket) {
   stopHeartbeat();
   if (!socket) return;
@@ -78,11 +83,20 @@ export function startHeartbeat(socket) {
       return;
     }
     try { socket.send(JSON.stringify({ type: "ping" })); } catch (e) {}
+    if (heartbeatDeadlineTimer) clearTimeout(heartbeatDeadlineTimer);
+    heartbeatDeadlineTimer = setTimeout(function () {
+      heartbeatDeadlineTimer = null;
+      if (getWs() === socket && socket.readyState === 1) connect();
+    }, 10000);
   }, HEARTBEAT_MS);
 }
 
 export function initConnection() {
   connectOverlay = document.getElementById("connect-overlay");
+  window.addEventListener("clay-message-delivery-timeout", function (event) {
+    var socket = event.detail && event.detail.socket;
+    if (!socket || getWs() === socket) connect();
+  });
 
   // --- Reactive UI sync for connected/processing state ---
   store.subscribe(function (state, prev) {
@@ -206,6 +220,7 @@ export function connect() {
   // Tear down the previous socket's heartbeat before a new socket exists, so
   // two sockets can never both be pinging.
   stopHeartbeat();
+  if (ws && ws.readyState === 1) setStatus("disconnected");
   if (ws) { ws.onclose = null; ws.close(); }
   if (connectTimeoutId) { clearTimeout(connectTimeoutId); connectTimeoutId = null; }
 
@@ -280,6 +295,10 @@ export function connect() {
     blinkIO();
     var msg;
     try { msg = JSON.parse(event.data); } catch (e) { return; }
+    if (msg.type === "pong" && heartbeatDeadlineTimer) {
+      clearTimeout(heartbeatDeadlineTimer);
+      heartbeatDeadlineTimer = null;
+    }
     processMessage(msg);
   };
 }

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

@@ -3,6 +3,7 @@
 // All dependencies are direct imports; no context injection needed.
 
 import { store } from './store.js';
+import { acknowledgeMessage, replayPendingMessages } from './message-delivery.js';
 import { getWs } from './ws-ref.js';
 
 // --- Leaf module imports ---
@@ -41,7 +42,7 @@ import { tuiModalHandleTermOutput, tuiModalHandleTermResized, tuiModalHandleTerm
 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 { handleProjectLogsState, handleProjectLogEntry, handleProjectLogCommented, handleProjectLogUpdated, handleProjectLogsError } from './project-logs.js';
+import { handleProjectLogsState, handleProjectLogEntry, handleProjectLogCommented, handleProjectLogCommentReviewed, handleProjectLogDeleted, handleProjectLogUpdated, handleProjectLogsError } from './project-logs.js';
 import { handleSkillInstalled, handleSkillUninstalled } from './skills.js';
 import { showRewindModal, onRewindComplete, setRewindMode, onRewindError, clearPendingRewindUuid, addRewindButton } from './rewind.js';
 import { checkAdminAccess } from './admin.js';
@@ -163,6 +164,20 @@ export function processMessage(msg) {
     }
 
     switch (msg.type) {
+      case "message_ack":
+        var acknowledgedEl = msg.clientMessageId
+          ? messagesEl.querySelector('[data-client-message-id="' + msg.clientMessageId + '"]')
+          : null;
+        acknowledgeMessage(msg.clientMessageId);
+        if (!acknowledgedEl && msg.message) {
+          addUserMessage(msg.message.text, msg.message.images || null, msg.message.pastes || null, msg.message.from, msg.message.fromName);
+          var acknowledgedUsers = messagesEl.querySelectorAll(".msg-user");
+          if (acknowledgedUsers.length > 0) {
+            acknowledgedUsers[acknowledgedUsers.length - 1].dataset.clientMessageId = msg.clientMessageId;
+          }
+        }
+        break;
+
       case "history_meta":
         store.set({ historyFrom: msg.from, historyTotal: msg.total, replayingHistory: true });
         updateHistorySentinel();
@@ -766,6 +781,7 @@ export function processMessage(msg) {
           ? msg.runtimeTerminalId
           : (typeof msg.terminalId === "number" ? msg.terminalId : null);
         store.set({ activeSessionId: msg.id, cliSessionId: msg.cliSessionId || null, currentModel: msg.model || "", currentEffort: msg.effort || store.get('currentEffort'), vendorCapabilities: msg.capabilities || {}, sessionIsProcessing: !!msg.isProcessing, activeSessionMode: _effectiveMode, activeTerminalId: _effectiveTerminalId, sessionHasHistory: !!msg.hasHistory, sessionVendorBound: !!msg.vendor || !!msg.hasHistory, sessionFullAccess: msg.permissionMode === "bypassPermissions", currentMode: msg.permissionMode || store.get('currentMode') });
+        replayPendingMessages(msg.id);
         // TUI sessions swap the chat UI for an embedded xterm running
         // `claude` inside a real PTY. Mount or tear down before the rest of
         // the chat-side bookkeeping runs so we don't waste work on hidden DOM.
@@ -887,6 +903,10 @@ export function processMessage(msg) {
         } else {
           addUserMessage(msg.text, msg.images || null, msg.pastes || null, msg.from, msg.fromName, msg.delegated ? msg : null);
         }
+        if (msg.clientMessageId) {
+          var replayedUsers = messagesEl.querySelectorAll(".msg-user");
+          if (replayedUsers.length > 0) replayedUsers[replayedUsers.length - 1].dataset.clientMessageId = msg.clientMessageId;
+        }
         // Split Worker pane: a delegated instruction starts (or replays into) a
         // driven turn; surface the composer notice. Cleared on "done".
         if (msg.delegated) showWorkerDelegationNotice(msg.delegatedByTitle || null);
@@ -1608,6 +1628,14 @@ export function processMessage(msg) {
         handleProjectLogCommented(msg);
         break;
 
+      case "project_log_comment_reviewed":
+        handleProjectLogCommentReviewed(msg);
+        break;
+
+      case "project_log_deleted":
+        handleProjectLogDeleted(msg);
+        break;
+
       case "project_log_updated":
         handleProjectLogUpdated(msg);
         break;