Home: the Tasks card lists what is overdue or due this week from every list, with a tick

public/tasks.js

@@ -111,13 +111,20 @@ async function taskPoll() {
   try { const s = await jfetch('/api/tasks/summary?today=' + ymd(new Date())), n = (s.overdue || 0) + (s.today || 0); if (n !== taskDue) { taskDue = n; renderNav(); } } catch {}
 }
 
-// Home: a card only when something is overdue or due today
+// Home: the tasks that are overdue, due today or due this week, from every list (NE Hub and iCloud), with a tick to finish each
 async function renderTasksCard(el) {
   if (!el) return;
   try {
-    const s = await jfetch('/api/tasks/summary?today=' + ymd(new Date())), n = s.overdue + s.today;
-    if (!n || !document.body.contains(el)) return;
-    el.innerHTML = `<h2>Tasks</h2><a class="row card2" href="#/tasks">${icon('check')}<span class="grow"><b>${n} task${n === 1 ? '' : 's'} need${n === 1 ? 's' : ''} attention</b><small>${s.overdue ? s.overdue + ' overdue' : ''}${s.overdue && s.today ? ' · ' : ''}${s.today ? s.today + ' due today' : ''}</small></span>${icon('chev', 'chev')}</a>`;
+    const r = await jfetch('/api/tasks/upcoming?today=' + ymd(new Date()));
+    if (!document.body.contains(el)) return; if (!r.tasks.length) { el.innerHTML = ''; return; }
+    const rows = r.tasks.map((t, i) => { const du = dueInfo(t.due);
+      return `<div class="row it"><button class="ibtn tick" data-h="${i}" aria-label="Mark done">${icon('check')}</button><a class="rmain grow" href="#/tasks" style="color:inherit"><span class="grow"><b>${esc(t.title)}</b><small><span style="color:${du.color}">${esc(du.text)}</span>${t.listName ? ' · ' + esc(t.listName) : ''}</small></span></a></div>`; }).join('');
+    el.innerHTML = `<h2>Tasks</h2><div class="list">${rows}</div><p style="margin:6px 2px 0"><a href="#/tasks" style="color:var(--accent)">${r.total > r.tasks.length ? 'All ' + r.total + ' coming up' : 'All tasks'}</a></p>`;
+    el.querySelectorAll('button[data-h]').forEach(b => b.onclick = async () => {
+      const t = r.tasks[+b.dataset.h]; b.disabled = true;
+      try { await jfetch('/api/tasks/toggle', { method: 'POST', body: JSON.stringify({ list: t.list, id: t.id, href: t.href, done: true }) }); taskPoll(); renderTasksCard(el); }
+      catch (err) { b.disabled = false; toast(err.message); }
+    });
   } catch {}
 }