feat: review activity before Today updates (Closes #1060)

frontend/dashboard.css

@@ -276,6 +276,15 @@ textarea { resize: vertical; min-height: 120px; }
 .today-progress-panel h2, .today-progress-panel p { margin-top:0; }
 .today-progress-panel header button, .today-progress-actions button { min-height:44px; }
 .today-progress-panel textarea { box-sizing:border-box; width:100%; min-height:120px; resize:vertical; }
+.today-progress-activity { display:grid; gap:8px; min-width:0; margin:0 0 14px; padding:12px; border:1px solid #294767; border-radius:12px; background:#0d1b2d; }
+.today-progress-activity-heading { display:flex; justify-content:space-between; gap:8px; }
+.today-progress-activity-list { display:grid; gap:8px; max-height:32dvh; overflow:auto; overflow-x:hidden; overflow-wrap:anywhere; }
+.today-progress-activity-list:empty::before { content:'No recent messages yet.'; color:#9ca3af; font-size:.875rem; }
+.today-progress-activity-item { min-width:0; padding:8px; border-radius:8px; background:#101f34; }
+.today-progress-activity-item .markdown-content { overflow-wrap:anywhere; }
+.today-progress-activity-actions { display:flex; gap:8px; }
+.today-progress-activity-actions button { min-height:44px; }
+.today-progress-activity-status { margin:0; }
 .today-progress-evidence { display:grid; gap:8px; min-width:0; margin-top:12px; }
 .today-progress-evidence .issue-attachment-preview { width:100%; box-sizing:border-box; }
 .today-progress-evidence .issue-evidence-note textarea { min-height:72px; }

frontend/dashboard.js

@@ -1968,6 +1968,7 @@
   const todayProgressView = createTodayProgressView({
     progress:todayProgress, currentTarget:currentTodayProgressTarget, qs, photos:todayProgressPhotos,
     voice:todayProgressVoice,
+    activity:mountTodayProgressActivity(qs, fetchReviewJson),
     announce:message => { qs('#my-work-action-status').textContent = message; },
     onAdmitted:() => refreshMyWorkView(),
   });

frontend/index.html

@@ -1544,6 +1544,18 @@
   <section class="today-progress-panel">
     <header><div><p class="small muted">Active Today item</p><h2 id="today-progress-title">Add progress update</h2></div><button id="cancel-today-progress" type="button">Cancel</button></header>
     <p id="today-progress-target" class="small"></p>
+    <section class="today-progress-activity" id="today-progress-activity" aria-labelledby="today-progress-activity-title">
+      <div class="today-progress-activity-heading">
+        <strong id="today-progress-activity-title">Recent activity</strong>
+        <span id="today-progress-activity-count" class="small muted"></span>
+      </div>
+      <div id="today-progress-activity-list" class="today-progress-activity-list" aria-live="polite"></div>
+      <p id="today-progress-activity-status" class="small" role="status" aria-live="polite"></p>
+      <div class="today-progress-activity-actions">
+        <button id="retry-today-progress-activity" type="button" hidden>Retry activity</button>
+        <button id="load-older-today-progress-activity" type="button" hidden>Load older</button>
+      </div>
+    </section>
     <label for="today-progress-body">Update</label>
     <textarea id="today-progress-body" rows="5" maxlength="2000" placeholder="What changed, what you learned, or what comes next"></textarea>
     <section class="voice-conversation" id="voice-today-progress" data-draft-label="progress update" aria-label="Dictate Today progress update" hidden>

frontend/today-progress.js

@@ -132,7 +132,96 @@ maxLength = 2000, maxItems = 20 }) {
   return { load, save, discard:identity => save(identity, ''), post };
 }
 
-function createTodayProgressView({ progress, currentTarget, qs, photos, voice, announce = () => {}, onAdmitted = () => {} }) {
+function createTodayProgressActivity({ fetchJson, createPager, paint = () => {}, setStatus = () => {} }) {
+  let requestToken = 0;
+  let pager = null;
+  let target = null;
+
+  const pathFor = (value, page) => {
+    const repository = String(value.repository || '').split('/').map(encodeURIComponent).join('/');
+    const resource = value.kind === 'pull' ? 'pulls' : 'issues';
+    return 'api/v1/repos/' + repository + '/' + resource + '/' + encodeURIComponent(value.number) +
+      '/comments?' + (Number.isInteger(page) ? 'page=' + encodeURIComponent(page) + '&' : '') + 'limit=20';
+  };
+  const loadPage = page => fetchJson(pathFor(target, page));
+
+  async function open(value) {
+    const token = ++requestToken;
+    target = { ...value };
+    setStatus('Loading recent activity…');
+    try {
+      const page = await loadPage();
+      if (token !== requestToken || target.identity !== value.identity) return false;
+      pager = createPager({ loadPage });
+      paint(pager.reset(page));
+      setStatus('');
+      return true;
+    } catch (error) {
+      if (token === requestToken) setStatus('Recent activity unavailable. Retry.');
+      return false;
+    }
+  }
+
+  async function loadOlder() {
+    if (!pager || !target) return false;
+    const token = requestToken;
+    setStatus('Loading older activity…');
+    try {
+      const page = await pager.loadOlder();
+      if (token !== requestToken) return false;
+      paint(page);
+      setStatus('');
+      return true;
+    } catch (_error) {
+      if (token === requestToken) setStatus('Older activity unavailable. Retry.');
+      return false;
+    }
+  }
+
+  return {
+    open,
+    retry:() => target ? open(target) : Promise.resolve(false),
+    loadOlder,
+    close:() => { requestToken++; target = null; pager = null; setStatus(''); },
+  };
+}
+
+function mountTodayProgressActivity(qs, fetchJson) {
+  const activity = createTodayProgressActivity({
+    fetchJson,
+    createPager:createConversationPager,
+    paint:state => {
+      const list = qs('#today-progress-activity-list');
+      list.innerHTML = (state.comments || []).map(comment => {
+        const author = comment.author || comment.user?.login || 'Unknown author';
+        const timing = comment.created_at ? ' · ' + new Date(comment.created_at).toLocaleString() : '';
+        return '<article class="today-progress-activity-item"><div class="small muted">' +
+          escapeHtml(author) + escapeHtml(timing) + '</div><div class="markdown-content">' +
+          renderMarkdown(comment.body || 'No message body provided.') + '</div></article>';
+      }).join('');
+      qs('#today-progress-activity-count').textContent = state.total ?
+        String(state.comments.length) + ' of ' + String(state.total) + ' messages' : '';
+      qs('#load-older-today-progress-activity').hidden = !Number.isInteger(state.older_page);
+    },
+    setStatus:message => {
+      qs('#today-progress-activity-status').textContent = message;
+      qs('#retry-today-progress-activity').hidden = !message.includes('unavailable');
+    },
+  });
+  qs('#retry-today-progress-activity').addEventListener('click', () => activity.retry());
+  qs('#load-older-today-progress-activity').addEventListener('click', async () => {
+    const list = qs('#today-progress-activity-list');
+    const previousHeight = list.scrollHeight;
+    const button = qs('#load-older-today-progress-activity');
+    button.disabled = true;
+    await activity.loadOlder();
+    list.scrollTop += list.scrollHeight - previousHeight;
+    button.disabled = false;
+  });
+  return activity;
+}
+
+function createTodayProgressView({ progress, currentTarget, qs, photos, voice, activity, announce = () => {}, onAdmitted = () => {} }) {
   const sheet = qs('#today-progress-sheet');
   const body = qs('#today-progress-body');
   const status = qs('#today-progress-status');
@@ -155,6 +244,7 @@ function createTodayProgressView({ progress, currentTarget, qs, photos, voice, a
   };
   const close = () => {
     voice?.cancel?.();
+    activity?.close?.();
     if (sheet.open) sheet.close();
     openedTarget = null;
   };
@@ -170,6 +260,7 @@ function createTodayProgressView({ progress, currentTarget, qs, photos, voice, a
     try {
       await voice?.open?.(target.identity);
       await photos?.open?.(target);
+      await activity?.open?.(target);
       status.textContent = '';
     }
     catch (error) { status.textContent = error.message + ' You can retry by reopening this update.'; }
@@ -276,4 +367,5 @@ if (typeof module !== 'undefined' && module.exports) {
   module.exports = createTodayProgress;
   module.exports.createView = createTodayProgressView;
   module.exports.createPhotos = createTodayProgressPhotos;
+  module.exports.createActivity = createTodayProgressActivity;
 }