feat: reply to updates and continue Today (#451)

frontend/comment-next.js

@@ -1,4 +1,4 @@
-function createCommentNext({ post, queue, canQueue, accept = () => undefined, complete }) {
+function createCommentNext({ post, queue, queueKind = '', canQueue, accept = () => undefined, complete }) {
   let inFlight = null;
 
   function submit(item, body, operationId = '') {
@@ -7,14 +7,17 @@ function createCommentNext({ post, queue, canQueue, accept = () => undefined, co
       try {
         let comment;
         try {
-          comment = await post(item, body);
+          comment = await post(item, body, typeof operationId === 'function' ? operationId() : operationId);
         } catch (error) {
           if (!canQueue(error)) throw error;
-          const admission = await queue({
+          const identity = queueKind === 'update-reply' ? {
+            kind: 'update-reply', notificationId: item.notification_id,
+          } : {
             kind: item.kind === 'pull' ? 'pull-comment' : 'issue-comment',
-            repository: item.repository,
-            number: item.number,
-            body,
+            repository: item.repository, number: item.number,
+          };
+          const admission = await queue({
+            ...identity, body,
             operationId: typeof operationId === 'function' ? operationId() : operationId,
           });
           if (!admission || (!admission.item && admission.durable !== true)) {

frontend/dashboard.css

@@ -220,6 +220,8 @@ textarea { resize: vertical; min-height: 120px; }
 .update-reply { display:grid; gap:8px; margin-top:16px; }
 .update-reply textarea { width:100%; min-height:112px; resize:vertical; }
 .update-reply button { min-height:44px; width:100%; }
+.update-reply-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
+.update-reply-actions button { min-height:44px; width:100%; }
 .update-sheet-actions { position:sticky; bottom:0; z-index:3; display:grid; gap:8px; margin-top:14px; padding:10px 4px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; }
 .update-sheet-actions button, .update-sheet-actions a { min-height:44px; display:flex; align-items:center; justify-content:center; }
 .update-sheet-actions a { border:1px solid #60a5fa; border-radius:10px; font-weight:700; }

frontend/dashboard.js

@@ -554,6 +554,8 @@
       qs('#update-reply').value = notificationReplier.loadDraft(item);
       qs('#update-reply-status').textContent = '';
       qs('#send-update-reply').disabled = false;
+      qs('#send-update-reply-next').disabled = false;
+      setUpdateReplyNextVisibility();
       qs('#update-ownership-action').hidden = true;
       qs('#retry-update-load').hidden = true;
       setOfflineUpdateControls(false);
@@ -929,6 +931,9 @@
     const item = kind === 'issue' ? selectedIssue : selectedPull;
     qs('#send-' + kind + '-comment-next').hidden = !item || !workSession.checkpointed(item);
   }
+  function setUpdateReplyNextVisibility() {
+    qs('#send-update-reply-next').hidden = !selectedUpdate || !workSession.checkpointed(selectedUpdate);
+  }
   const issueCommentNext = createCommentNext({
     post: async (item, body) => {
       const comment = await issueController.comment(item, body);
@@ -963,6 +968,26 @@
       failureMessage: 'Comment saved, but Today still needs completion.',
     }),
   });
+  const updateReplyNext = createCommentNext({
+    queueKind: 'update-reply',
+    post: (item, body, operationId) => postNotificationReply(item.notification_id, body, operationId),
+    queue: message => authoredOutbox.enqueueDurably(message),
+    canQueue: canQueueMessage,
+    accept: (item, result) => {
+      notificationReplier.saveDraft(item, '');
+      if (selectedUpdate === item) {
+        qs('#update-reply').value = '';
+        if (result.comment) notificationReader.appendReply(result.comment);
+        qs('#update-reply-status').textContent = result.delivery === 'queued' ?
+          'Reply queued for background delivery.' : result.delivery === 'saved' ?
+            'Reply saved for next-launch delivery.' : 'Reply posted.';
+      }
+    },
+    complete: item => completeTodayItem(item, {
+      successMessage: 'Reply saved. Next Today item opened.',
+      failureMessage: 'Reply saved, but Today still needs completion.',
+    }),
+  });
   const closeOfflineIssue = createOfflineIssueClose({
     enqueueDurably: message => authoredOutbox.enqueueDurably(message),
     completeToday: (item, options) => completeTodayItem(item, options),
@@ -3968,6 +3993,31 @@
       qs('#update-reply').focus();
     }
   });
+  qs('#send-update-reply-next').addEventListener('click', async () => {
+    if (!selectedUpdate) return;
+    const item = selectedUpdate;
+    const body = qs('#update-reply').value.trim();
+    if (!body) {
+      qs('#update-reply-status').textContent = 'Write a reply before sending.';
+      qs('#update-reply').focus();
+      return;
+    }
+    const button = qs('#send-update-reply-next');
+    const sendButton = qs('#send-update-reply');
+    button.disabled = true;
+    sendButton.disabled = true;
+    qs('#update-reply-status').textContent = 'Sending reply…';
+    const operationId = globalThis.crypto?.randomUUID?.() || String(Date.now()) + '-' + Math.random();
+    try {
+      await updateReplyNext.submit(item, body, operationId);
+    } catch (error) {
+      qs('#update-reply-status').textContent = error.message + ' Your draft is safe; retry.';
+      qs('#update-reply').focus();
+    } finally {
+      button.disabled = false;
+      sendButton.disabled = false;
+    }
+  });
   qs('#mark-update-read-next').addEventListener('click', async () => {
     qs('#mark-update-read-next').disabled = true;
     try {

frontend/index.html

@@ -466,7 +466,10 @@
       <textarea id="update-reply" maxlength="10000" placeholder="Write a reply"></textarea>
       <div class="mention-options" id="update-reply-mentions" role="listbox" aria-label="Teammates" hidden></div>
       <div class="mention-status small" id="update-reply-mention-status" aria-live="polite"></div>
-      <button id="send-update-reply" type="button">Send reply</button>
+      <div class="update-reply-actions">
+        <button id="send-update-reply" type="button">Send reply</button>
+        <button id="send-update-reply-next" type="button" hidden>Reply &amp; next</button>
+      </div>
       <div id="update-reply-status" class="small" aria-live="assertive"></div>
     </section>
     <div class="update-sheet-actions">

frontend/service-worker.js

@@ -1,6 +1,6 @@
 const BASE = new URL('./', self.location.href).pathname;
 importScripts(BASE + 'static/background-issue-sync.js');
-const CACHE = 'stackchain-dashboard-shell-v77';
+const CACHE = 'stackchain-dashboard-shell-v78';
 const OFFLINE_LEASE_URL = new URL(BASE + '__offline-session-lease', self.location.origin).href;
 const OUTAGE_STATUSES = new Set([500, 502, 503, 504]);
 const NAVIGATION_TIMEOUT_MS = self.__STACKCHAIN_NAVIGATION_TIMEOUT_MS || 4000;