feat: batch-claim available work into Today (Closes #671)

frontend/batch-find-work.js

@@ -0,0 +1,53 @@
+function createBatchFindWork({ capacity, claim, queue, onProgress = () => {} }) {
+  let request = null;
+
+  function result(status, selected, available, queued = [], failed = []) {
+    return { status, selected, available, queued, failed };
+  }
+
+  function key(item) {
+    return String(item.repository || '') + '#' + String(item.number || '');
+  }
+
+  function run(items) {
+    if (request) return request;
+    const selected = Array.isArray(items) ? items.slice() : [];
+    const available = Math.max(0, Number(capacity()) || 0);
+    if (selected.length > available) {
+      const outcome = result('full', selected.length, available);
+      onProgress(outcome);
+      return Promise.resolve(outcome);
+    }
+    request = (async () => {
+      const queued = [];
+      const failed = [];
+      for (let index = 0; index < selected.length; index += 1) {
+        const item = selected[index];
+        try {
+          const confirmed = await claim(item);
+          const queueResult = await queue(confirmed);
+          if (queueResult === 'queued' || queueResult === 'exists') {
+            queued.push(key(item));
+          } else {
+            failed.push({
+              key: key(item),
+              reason: 'assigned but Today sync is unavailable',
+              assigned: true,
+            });
+          }
+        } catch (error) {
+          failed.push({ key: key(item), reason: error?.message || 'assignment failed' });
+        }
+        onProgress({ status: 'running', processed: index + 1, selected: selected.length });
+      }
+      const outcome = result('complete', selected.length, available, queued, failed);
+      onProgress({ ...outcome, processed: selected.length });
+      return outcome;
+    })().finally(() => { request = null; });
+    return request;
+  }
+
+  return { run };
+}
+
+if (typeof module !== 'undefined' && module.exports) module.exports = createBatchFindWork;

frontend/dashboard.css

@@ -453,9 +453,17 @@ textarea { resize: vertical; min-height: 120px; }
 .find-work-sheet.open { display:flex; }
 .find-work-panel { width:min(560px,100%); height:100dvh; overflow:auto; display:grid; align-content:start; gap:12px; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); background:#0b1526; border-left:1px solid #2a496e; }
 .find-work-header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
+.find-work-header-actions { display:flex; gap:8px; }
 .find-work-header button, .find-work-card button, .find-work-card a, .find-work-more { min-height:44px; }
 .find-work-list { display:grid; gap:10px; }
 .find-work-card { display:grid; gap:8px; padding:12px; border:1px solid #2a496e; border-radius:12px; background:#101f36; overflow-wrap:anywhere; }
+.find-work-card.selected { border-color:#60a5fa; box-shadow:0 0 0 2px rgba(96,165,250,.25); }
+.find-work-select { display:flex; align-items:center; gap:10px; min-height:44px; }
+.find-work-select input { width:22px; height:22px; }
+.find-work-batch-actions { position:sticky; bottom:0; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:12px 0 calc(12px + env(safe-area-inset-bottom)); background:#0b1526; border-top:1px solid #2a496e; }
+.find-work-batch-actions[hidden] { display:none; }
+.find-work-batch-actions span { grid-column:1 / -1; }
+.find-work-batch-actions button { min-height:44px; }
 .find-work-card button { width:100%; font-weight:700; }
 .find-work-claim-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .find-work-claim-actions [data-claim-start-index] { grid-column:1 / -1; }

frontend/dashboard.js

@@ -584,6 +584,14 @@
       qs('#load-more-available').hidden = !pagination.has_more;
     },
     onStatus: message => { qs('#find-work-status').textContent = message; },
+    onSelection: state => {
+      qs('#batch-find-work-actions').hidden = !state.active;
+      qs('#select-find-work').hidden = state.active;
+      qs('#find-work-selection-status').textContent = state.count ?
+        state.count + ' issue' + (state.count === 1 ? '' : 's') + ' selected.' : 'No work selected.';
+      qs('#claim-selected-work').disabled = state.count === 0;
+      renderAvailableIssues(findWorkController.items());
+    },
   });
 
   function setStatus(msg) { qs('#status').textContent = msg || 'Live'; }
@@ -1375,6 +1383,21 @@
     },
   });
 
+  const batchFindWork = createBatchFindWork({
+    capacity: () => Math.max(0, todayWork.limit - todayWork.read().length),
+    claim: item => findWorkController.claim(item),
+    queue: confirmed => queueToday(acceptClaimedIssue(confirmed)),
+    onProgress: progress => {
+      if (progress.status === 'full') {
+        qs('#find-work-status').textContent = 'Today has ' + progress.available +
+          ' open slot' + (progress.available === 1 ? '' : 's') + '. Reduce the selection before assigning.';
+      } else if (progress.status === 'running') {
+        qs('#find-work-status').textContent = 'Assigning and queueing ' + progress.processed +
+          ' of ' + progress.selected + '…';
+      }
+    },
+  });
+
   let planTodayTrigger = null;
   function formatPlanMinutes(minutes) {
     if (!Number.isInteger(minutes)) return 'Not set';
@@ -3020,23 +3043,34 @@
 
   function renderAvailableIssues(items) {
     const list = qs('#find-work-list');
+    const selection = findWorkController.selection();
     list.innerHTML = items.length ? items.map((item, index) => {
       const expanded = findWorkController.isPreviewed(item);
+      const selected = findWorkController.isSelected(item);
       const detailId = 'find-work-detail-' + index;
       const detail = '<div id="' + detailId + '" class="find-work-detail"' + (expanded ? '' : ' hidden') +
         '><div class="find-work-description markdown-content">' + renderMarkdown(item.body || 'No description provided.') + '</div>' +
         (item.url ? '<a href="' + escapeHtml(item.url) + '" target="_blank" rel="noopener noreferrer">Open in Gitea</a>' : '') +
         '</div>';
-      return '<article class="find-work-card"><div class="small">' + escapeHtml(item.repository) + '#' +
+      return '<article class="find-work-card' + (selected ? ' selected' : '') + '">' +
+      (selection.active ? '<label class="find-work-select"><input type="checkbox" data-find-work-select="' + index +
+        '"' + (selected ? ' checked' : '') + ' /> Select ' + escapeHtml(item.title || 'Untitled issue') + '</label>' : '') +
+      '<div class="small">' + escapeHtml(item.repository) + '#' +
       Number(item.number) + '</div><strong>' + escapeHtml(item.title || 'Untitled issue') + '</strong>' +
       '<div>' + (item.labels || []).map(label => '<span class="pill">' + escapeHtml(label) + '</span>').join(' ') +
       '</div><button type="button" data-preview-index="' + index + '" aria-expanded="' + expanded +
       '" aria-controls="' + detailId + '">' + (expanded ? 'Hide details' : 'View details') + '</button>' +
-      detail + '<div class="find-work-claim-actions"><button type="button" data-claim-index="' + index +
+      detail + '<div class="find-work-claim-actions"' + (selection.active ? ' hidden' : '') + '><button type="button" data-claim-index="' + index +
       '">Assign</button><button type="button" data-claim-queue-index="' + index +
       '">Queue Today</button><button type="button" data-claim-start-index="' + index +
       '">Start now</button></div></article>';
     }).join('') : '<div class="muted">No unassigned issues are available on this page.</div>';
+    list.querySelectorAll('[data-find-work-select]').forEach(input => {
+      input.addEventListener('change', () => {
+        const item = findWorkController.items()[Number(input.dataset.findWorkSelect)];
+        if (item) findWorkController.toggleSelection(item);
+      });
+    });
     list.querySelectorAll('[data-preview-index]').forEach(button => {
       button.addEventListener('click', () => {
         const item = findWorkController.items()[Number(button.dataset.previewIndex)];
@@ -4187,6 +4221,28 @@
   qs('#close-whiteboard').addEventListener('click', () => closeModal('whiteboard-modal'));
   qs('#find-work').addEventListener('click', openFindWorkSheet);
   qs('#close-find-work').addEventListener('click', closeFindWorkSheet);
+  qs('#select-find-work').addEventListener('click', () => findWorkController.startSelection());
+  qs('#cancel-find-work-selection').addEventListener('click', () => findWorkController.cancelSelection());
+  qs('#claim-selected-work').addEventListener('click', async event => {
+    event.currentTarget.disabled = true;
+    const outcome = await batchFindWork.run(findWorkController.selectedItems());
+    if (outcome.status === 'complete') {
+      const assignedOnly = outcome.failed.filter(item => item.assigned).length;
+      const unavailable = outcome.failed.length - assignedOnly;
+      qs('#find-work-status').textContent = outcome.queued.length + ' queued' +
+        (unavailable ? ' · ' + unavailable + ' unavailable' : '') +
+        (assignedOnly ? ' · ' + assignedOnly + ' assigned but not queued' : '') + '.';
+      if (outcome.failed.length) {
+        renderAvailableIssues(findWorkController.items());
+        event.currentTarget.disabled = false;
+      } else {
+        findWorkController.cancelSelection();
+      }
+      refreshMyWorkView();
+    } else {
+      event.currentTarget.disabled = false;
+    }
+  });
   qs('#load-more-available').addEventListener('click', async event => {
     event.currentTarget.disabled = true;
     qs('#find-work-status').textContent = 'Loading more available issues…';

frontend/index.html

@@ -532,12 +532,17 @@
   <section class="find-work-panel">
     <div class="find-work-header">
       <div><div class="small">Open · unassigned</div><h3 id="find-work-heading">Find work</h3></div>
-      <button id="close-find-work" type="button">Close</button>
+      <div class="find-work-header-actions"><button id="select-find-work" type="button">Select work</button><button id="close-find-work" type="button">Close</button></div>
     </div>
     <p class="small">Claim an available issue and continue it in My Work.</p>
     <div id="find-work-status" class="small" aria-live="assertive">Open Find Work to load available issues.</div>
     <div class="find-work-list" id="find-work-list"></div>
     <button class="find-work-more" id="load-more-available" type="button" hidden>Load more available issues</button>
+    <div class="find-work-batch-actions" id="batch-find-work-actions" hidden>
+      <span id="find-work-selection-status" class="small" aria-live="polite">No work selected.</span>
+      <button id="cancel-find-work-selection" type="button">Cancel</button>
+      <button id="claim-selected-work" type="button" disabled>Assign &amp; queue Today</button>
+    </div>
   </section>
 </div>
 
@@ -952,6 +957,7 @@
 <script src="static/detail-defer.js"></script>
 <script src="static/later-picker.js"></script>
 <script src="static/pick-work.js"></script>
+<script src="static/batch-find-work.js"></script>
 <script src="static/conversation.js"></script>
 <script src="static/comment-actions.js"></script>
 <script src="static/issue-attachment.js"></script>

frontend/pick-work.js

@@ -1,14 +1,22 @@
-function createFindWork({ fetchJson, onItems, onPagination, onStatus }) {
+function createFindWork({ fetchJson, onItems, onPagination, onStatus, onSelection = () => {} }) {
   let available = [];
   let pagination = { page: 1, total: 0, has_more: false };
   let loadRequest = null;
   let claimRequest = null;
   const previewed = new Set();
+  let selecting = false;
+  const selected = new Map();
 
   function itemKey(item) {
     return String(item?.repository || '') + '#' + String(item?.number || '');
   }
 
+  function emitSelection() {
+    const state = { active: selecting, count: selected.size, ids: Array.from(selected.keys()) };
+    onSelection(state);
+    return state;
+  }
+
   function apply(result, append) {
     const incoming = Array.isArray(result?.items) ? result.items : [];
     if (append) {
@@ -63,6 +71,32 @@ function createFindWork({ fetchJson, onItems, onPagination, onStatus }) {
     items() {
       return available.slice();
     },
+    startSelection() {
+      selecting = true;
+      selected.clear();
+      return emitSelection();
+    },
+    cancelSelection() {
+      selecting = false;
+      selected.clear();
+      return emitSelection();
+    },
+    toggleSelection(item) {
+      if (!selecting || !item) return emitSelection();
+      const key = itemKey(item);
+      if (selected.has(key)) selected.delete(key);
+      else selected.set(key, item);
+      return emitSelection();
+    },
+    isSelected(item) {
+      return selected.has(itemKey(item));
+    },
+    selectedItems() {
+      return Array.from(selected.values());
+    },
+    selection() {
+      return { active: selecting, count: selected.size, ids: Array.from(selected.keys()) };
+    },
     togglePreview(item) {
       const key = itemKey(item);
       if (previewed.has(key)) previewed.delete(key);
@@ -91,6 +125,8 @@ function createFindWork({ fetchJson, onItems, onPagination, onStatus }) {
         pagination.total = Math.max(available.length, pagination.total - 1);
         pagination.has_more = available.length < pagination.total;
         previewed.delete(itemKey(item));
+        selected.delete(itemKey(item));
+        emitSelection();
         onItems(available.slice());
         onPagination({ ...pagination });
         onStatus('Assigned ' + key + ' to you.');

frontend/service-worker.js

@@ -55,6 +55,7 @@ const SHELL = [
   BASE + 'static/detail-defer.js',
   BASE + 'static/later-picker.js',
   BASE + 'static/pick-work.js',
+  BASE + 'static/batch-find-work.js',
   BASE + 'static/conversation.js',
   BASE + 'static/comment-actions.js',
   BASE + 'static/issue-attachment.js',