@bongos/core 1.18.3 → 1.18.19

package/modules/hall-ui/public/goals-page.js

@@ -86,6 +86,11 @@
     // view, GET /goals/:id/requests), or null while loading / on error / not a
     // manager. Feature-detected: an older server 404s and the panel just stays hidden.
     pendingRequests: null,
+    // task 1002439 (hall redesign) — goal_id → task-readiness rollup
+    // {done,active,ready,blocked,backlog,total,nextReady}. Fed by loadRollups()
+    // from GET /tasks?version=…&include=deps. Empty on an older server (the
+    // include=deps enrichment 404s gracefully → the list falls back to plain cards).
+    rollups: new Map(),
   };
 
   async function getJSON(path) {
@@ -147,6 +152,52 @@
     return m.display_name || (m.github_login ? `@${m.github_login}` : `builder #${m.builder_id}`);
   }
 
+  // ---- task-readiness rollup (hall redesign task 1002439) --------------------
+  // Dependencies are a TASK property; a goal is only "blocked" in the derived
+  // sense that all its actionable tasks wait on upstream tasks (the Tasks page,
+  // not this one, owns the actual task→task graph). So the Goals page rolls each
+  // goal's tasks into these buckets:
+  //   done     — settled (shipped/confirmed/completed)
+  //   active   — a live claim ("in progress")
+  //   ready    — claimable now (deps met + promoted)
+  //   blocked  — backlog with ≥1 unshipped dependency
+  //   backlog  — backlog, no unmet deps (just not started/promoted)
+  function readinessOf(t) {
+    const s = t.status;
+    if (DONE_STATUSES.has(s)) return 'done';
+    if (CUT_STATUSES.has(s)) return 'cut';
+    if (s === 'active') return 'active';
+    if (s === 'ready') return 'ready';
+    if (s === 'backlog' && (t.blocked_by || []).some((d) => !d.satisfied)) return 'blocked';
+    return 'backlog';
+  }
+  const EMPTY_ROLLUP = { done: 0, active: 0, ready: 0, blocked: 0, backlog: 0, cut: 0, total: 0, nextReady: null };
+  const rollupOf = (goalId) => state.rollups.get(String(goalId)) || EMPTY_ROLLUP;
+
+  // Fetch every task for the versions the goals span (one request each, with dep
+  // summaries) and fold into per-goal rollups. Failure-tolerant: an older server
+  // that doesn't honor include=deps just yields empty rollups and the list falls
+  // back to plain cards. Tasks come back priority-ordered, so the first `ready`
+  // one is the goal's best next pick.
+  async function loadRollups() {
+    const versions = [...new Set(state.goals.map((g) => g.version_id).filter(Boolean))];
+    const lists = await Promise.all(versions.map((v) =>
+      getJSON(`${API}/tasks?version=${encodeURIComponent(v)}&include=deps`)
+        .then((r) => r.tasks || []).catch(() => [])));
+    const roll = new Map();
+    for (const t of lists.flat()) {
+      if (t.goal_id == null) continue;
+      const key = String(t.goal_id);
+      let r = roll.get(key);
+      if (!r) { r = { done: 0, active: 0, ready: 0, blocked: 0, backlog: 0, cut: 0, total: 0, nextReady: null }; roll.set(key, r); }
+      const bucket = readinessOf(t);
+      r[bucket] += 1;
+      if (bucket !== 'cut') r.total += 1;
+      if (bucket === 'ready' && !r.nextReady) r.nextReady = t;
+    }
+    state.rollups = roll;
+  }
+
   /* ---------------- list view ---------------- */
 
   function populateVersionFilter() {
@@ -171,6 +222,13 @@
   // the server-side rank gate on POST /goals/reorder is the real enforcement.
   const isArchon = () => (state.me?.builder?.rank || '').toLowerCase() === 'archon';
 
+  // task 1002164 — confirming a criterion is Metic+ (POST /done-when/:id/satisfy,
+  // ADR 0086 §6). Client-side this only decides whether to SHOW the control; the
+  // server's requireRank('metic','archon') is the real gate.
+  const RANK_ORDER = { archon: 4, metic: 3, thetes: 2, xenos: 1 };
+  const canConfirmCriteria = () =>
+    (RANK_ORDER[(state.me?.builder?.rank || '').toLowerCase()] ?? 0) >= RANK_ORDER.metic;
+
   // task 1932 — the current filtered goal set, in display order. Shared by
   // renderList (what to page) and the drag-reorder dragend (which must submit
   // the FULL version order, not just the visible page).
@@ -189,67 +247,105 @@
       (!mineOnly || iAmMember(g)));
   }
 
+  // task 1002439 — a goal row's readiness rollup line (only the non-zero buckets).
+  const ROLL_DOTS = [
+    ['ready', 'ready', 'var(--ok)'],
+    ['active', 'in progress', 'var(--info)'],
+    ['blocked', 'blocked', 'var(--terracotta)'],
+    ['backlog', 'backlog', 'var(--ink-faint)'],
+  ];
+  function goalRollLine(r) {
+    const parts = ROLL_DOTS.filter(([k]) => r[k] > 0)
+      .map(([k, label, c]) => `<span class="gr-d"><i style="background:${c}"></i><b>${r[k]}</b> ${label}</span>`);
+    return parts.length ? `<div class="gr-roll">${parts.join('')}</div>` : '';
+  }
+
+  // task 1002439 — one goal, rendered as a rollup row: criteria ring · title +
+  // meta + readiness rollup · one next action (claim the next ready task, drill
+  // into what's blocking, or a review/achieved note).
+  function goalRowHtml(g) {
+    const d = state.details.get(String(g.id));
+    const crit = d ? (d.criteria || []) : [];
+    const sat = crit.filter((c) => c.satisfied).length;
+    const r = rollupOf(g.id);
+    const achieved = g.status === 'achieved';
+    const ringHtml = crit.length ? ring(sat, crit.length, achieved, 44)
+      : `<span class="gr-crit-none" aria-hidden="true">—</span>`;
+    const goalHref = `#/goal/${escapeHtml(String(g.id))}`;
+    let right;
+    if (achieved) {
+      right = `<span class="gr-met">✓ achieved</span>`;
+    } else if (crit.length && sat >= crit.length) {
+      right = `<span class="gr-met">Criteria met — awaiting review</span>`;
+    } else if (r.nextReady) {
+      right = `<div class="gr-next"><span class="gr-next__t">${escapeHtml(r.nextReady.title || 'Next task')}</span>`
+        + `<a class="gr-claim" href="#/task/${escapeHtml(String(r.nextReady.id))}">Claim next</a></div>`;
+    } else if (r.blocked > 0) {
+      right = `<a class="gr-drill" href="${goalHref}">See what's blocking <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>`;
+    } else {
+      right = `<span class="gr-quiet">No tasks yet</span>`;
+    }
+    // NOTE: a rollup row nests real links (title → goal, Claim → task overlay,
+    // drill → goal), so the row itself is a <div>, not an <a> — nested anchors
+    // are invalid. Only the explicit links navigate.
+    return `<div class="gr-row" data-goal-id="${escapeHtml(String(g.id))}">
+      <div class="gr-ringcol">${ringHtml}</div>
+      <div class="gr-main">
+        <a class="gr-title" href="${goalHref}">${escapeHtml(g.title || 'Untitled goal')}</a>
+        <div class="gr-meta">#${escapeHtml(String(g.id))} · ${escapeHtml(g.version_id || '')}${(achieved || g.status === 'open') ? '' : ' · ' + escapeHtml(g.status)}</div>
+        ${achieved ? '' : goalRollLine(r)}
+      </div>
+      <div class="gr-right">${right}</div>
+    </div>`;
+  }
+
+  // task 1002439 — the Goals page, reorganised around momentum: a task-readiness
+  // summary, then goals grouped Active (has ready/in-progress work) · Blocked
+  // (only waiting-on-upstream tasks) · Achieved. "Blocked" here is a DERIVED
+  // rollup of task readiness — the actual task→task dependency graph lives on the
+  // Tasks page (owner call, this task). Filters (version/status/membership) still
+  // apply; pagination + Archon drag-reorder are retired for the grouped view.
   function renderList() {
     const grid = $('#goal-grid');
     if (!grid) return;
-    const ver = $('#f-goal-version')?.value || '';
-    // task 1932 — filter via the shared helper (drag-reorder reuses it).
     const rows = filteredGoals();
-    const reorderable = !!ver && isArchon();
-
     const count = $('#goals-count');
     if (count) count.textContent = `${rows.length} goal${rows.length === 1 ? '' : 's'}`;
+    const pagerMount = $('#goals-pager-mount');
+    if (pagerMount) pagerMount.hidden = true;
 
     if (!rows.length) {
       grid.innerHTML = emptyStateHtml('No goals match these filters.');
-      pagers.list.page = 1;
-      const emptyPager = $('#goals-pager');
-      if (emptyPager) emptyPager.hidden = true;
       return;
     }
 
-    // task 1932 → kit (2171): paginate the grid through the shared pager (it
-    // clamps the page — the filtered set may have shrunk under a re-render —
-    // and paints the bar). Priority numbers reflect the GLOBAL position
-    // (start + i + 1), not the page-local index, so drag-reorder priorities
-    // stay meaningful across pages.
-    const pageRows = paginate(rows, pagers.list);
-    const start = (pagers.list.page - 1) * pagers.list.perPage;
-    grid.innerHTML = pageRows.map((g, i) => {
-      const d = state.details.get(String(g.id));
-      const crit = d ? (d.criteria || []) : [];
-      const sat = crit.filter((c) => c.satisfied).length;
-      const members = d ? (d.members || []) : [];
-      const leads = members.filter((m) => m.role === 'lead');
-      const joined = members.some((m) => sameId(m.builder_id, selfId()));
-      // task 1761: an open goal blocked by a not-yet-achieved prerequisite goal is
-      // greyed + flagged; the tooltip names what it waits on.
-      const unmetDeps = (d ? (d.dependencies || []) : []).filter((dep) => !dep.satisfied);
-      const blocked = g.status === 'open' && unmetDeps.length > 0;
-      const blockedPill = blocked
-        ? `<span class="goal-badge goal-badge--blocked" title="Waiting on: ${escapeHtml(unmetDeps.map((u) => u.title || ('goal ' + u.id)).join(', '))}">🔒 blocked</span>`
-        : '';
-      const priority = ver ? `<span class="goal-card__priority" title="Priority within ${escapeHtml(ver)}">${start + i + 1}</span>` : '';
-      const handle = reorderable ? `<span class="goal-card__handle" draggable="true" title="Drag to reprioritize" aria-hidden="true">⠿</span>` : '';
-      return `<a class="goal-card${blocked ? ' goal-card--blocked' : ''}" href="#/goal/${escapeHtml(String(g.id))}" data-goal-id="${escapeHtml(String(g.id))}"${reorderable ? ' draggable="true"' : ''}>
-        <div class="goal-card__head">
-          ${handle}${priority}
-          ${d ? ring(sat, crit.length, g.status === 'achieved', 34) : ''}
-          <span class="goal-card__title">${escapeHtml(g.title || 'Untitled goal')}</span>
-        </div>
-        <div class="goal-card__meta">
-          <span class="goal-card__id" title="Goal id — use this to reference the goal (e.g. 'goal ${escapeHtml(String(g.id))}'). Distinct from the priority position on the left.">#${escapeHtml(String(g.id))}</span>
-          <span>${escapeHtml(g.version_id || '')}</span>
-          ${statusBadge(g.status)}
-          ${blockedPill}
-          ${joined ? '<span class="role-pill">joined</span>' : ''}
-        </div>
-        <div class="goal-card__foot">
-          <span><strong>${members.length}</strong> member${members.length === 1 ? '' : 's'}</span>
-          ${leads.length ? `<span>lead: ${escapeHtml(leads.map(memberName).join(', '))}</span>` : ''}
-        </div>
-      </a>`;
-    }).join('');
+    const isBlocked = (g) => {
+      const r = rollupOf(g.id);
+      return g.status === 'open' && r.ready === 0 && r.active === 0 && r.blocked > 0;
+    };
+    const achieved = rows.filter((g) => g.status === 'achieved');
+    const archived = rows.filter((g) => g.status === 'archived');
+    const openRows = rows.filter((g) => g.status !== 'achieved' && g.status !== 'archived');
+    const blocked = openRows.filter(isBlocked);
+    const active = openRows.filter((g) => !isBlocked(g));
+
+    let R = 0, A = 0, B = 0;
+    openRows.forEach((g) => { const r = rollupOf(g.id); R += r.ready; A += r.active; B += r.blocked; });
+    const summary = `<div class="gr-summary">
+      <span class="gr-sm"><span class="gr-sm__dot" style="background:var(--ok)"></span><b>${R}</b> ready to claim</span>
+      <span class="gr-sm"><span class="gr-sm__dot" style="background:var(--info)"></span><b>${A}</b> in progress</span>
+      <span class="gr-sm"><span class="gr-sm__dot" style="background:var(--terracotta)"></span><b>${B}</b> blocked</span>
+    </div>`;
+
+    const sec = (label, n) => `<div class="gr-sec"><b>${label}</b><span class="gr-sec__n">${n}</span></div>`;
+    const listOf = (arr) => `<div class="gr-list">${arr.map(goalRowHtml).join('')}</div>`;
+    const pill = (g) => `<a class="gr-pill" href="#/goal/${escapeHtml(String(g.id))}"><span class="gr-pill__ok">✓</span><b>${escapeHtml(g.title || 'Untitled')}</b><span class="gr-pill__id">#${escapeHtml(String(g.id))}</span></a>`;
+
+    grid.innerHTML = summary
+      + (active.length ? sec('Active', active.length) + listOf(active) : '')
+      + (blocked.length ? sec('Blocked', blocked.length) + listOf(blocked) : '')
+      + (achieved.length ? sec('Achieved', achieved.length) + `<div class="gr-pills">${achieved.map(pill).join('')}</div>` : '')
+      + (archived.length ? sec('Archived', archived.length) + `<div class="gr-pills gr-pills--muted">${archived.map(pill).join('')}</div>` : '');
   }
 
   // ---- drag-to-reorder (task 1760, Archon-only, one version at a time) ------
@@ -312,37 +408,273 @@
 
   /* ---------------- detail view ---------------- */
 
-  // task 1828 — the row's inline action, mirroring the Work Board:
-  //   ready              → Claim   (POST /claims via doGoalClaim)
-  //   active + mine      → Release (POST /claims/:id/resolve via doGoalRelease)
-  //   active + someone's → a muted "claimed · @who" (release is owner-only)
-  // Signed-out or any other status → empty. The row still opens the overlay on click.
-  function actionCell(t) {
-    if (!state.me) return '<td class="ledger__action"></td>';
-    const id = escapeHtml(String(t.id));
-    if (t.status === 'ready') {
-      return `<td class="ledger__action"><button class="goal-claim-btn" type="button" data-claim-task="${id}" aria-label="Claim task ${id}">Claim</button></td>`;
-    }
-    if (t.status === 'active') {
-      const c = state.claimsByTask.get(String(t.id));
-      if (c && sameId(c.builder_id, selfId())) {
-        return `<td class="ledger__action"><button class="goal-release-btn" type="button" data-release-claim="${escapeHtml(String(c.claim_id))}" data-release-task="${id}" aria-label="Release task ${id}">Release</button></td>`;
+  // ===================================================================
+  // task 1002425 — Tasks-board parity for the goal's "To do" pane.
+  //
+  // The goal-detail To-do list now mirrors the Tasks board's Ready queue so a
+  // goal's tasks have the SAME FUNCTIONALITY as the board: rich claimable cards,
+  // a shared filter bar (search / sort / kind / discipline / newcomer / run-mode),
+  // multi-select with bulk claim, and a per-card copy-prompt — all opening the
+  // same shared task-detail overlay. The helpers below are PORTED from the board
+  // (work.js) so the two surfaces render + behave identically. (They're deliberate
+  // duplication for now; a follow-up idea to extract a shared task-card/board
+  // component — the drift-proof endgame — is filed at ship.)
+  //
+  // Scoped to one goal, so: no Version/Goal filter, no In-Progress/Backlog tab
+  // split. Every open (todo) task renders as a card whose action adapts to its
+  // status — ready → Claim (+ select + copy); mine-active → Release;
+  // someone else's active → a muted "claimed · @who"; backlog/blocked → open-only.
+  // ===================================================================
+
+  // Board-identical numeric helpers (work.js:214-240).
+  function creditsPerMinute(t) {
+    const c = Number(t.credits_reward); const m = Number(t.est_minutes);
+    if (!c || !m || m <= 0) return -Infinity;
+    return c / m;
+  }
+  function priorityRank(p) {
+    if (!p) return 99;
+    const m = /^P(\d+)/i.exec(String(p));
+    return m ? Number(m[1]) : 99;
+  }
+  // Two tasks can't run in parallel if their touches[] overlap (exact path or a
+  // directory-prefix either way); empty touches never conflict. Powers the
+  // filter bar's "Run mode" control (work.js:230-239).
+  function touchesConflict(aList, bList) {
+    const norm = (p) => String(p).replace(/\/+$/, '');
+    for (const a of (Array.isArray(aList) ? aList : [])) {
+      const na = norm(a);
+      for (const b of (Array.isArray(bList) ? bList : [])) {
+        const nb = norm(b);
+        if (na === nb || na.startsWith(nb + '/') || nb.startsWith(na + '/')) return true;
       }
-      const who = c && (c.login || c.name) ? ` · @${escapeHtml(c.login || c.name)}` : '';
-      return `<td class="ledger__action"><span class="ledger__claimed" title="Claimed by another builder">claimed${who}</span></td>`;
     }
-    return '<td class="ledger__action"></td>';
+    return false;
   }
-  function taskRowsTodo(tasks) {
-    return tasks.map((t) => `
-      <tr class="ledger__row--task" data-task-id="${escapeHtml(String(t.id))}" style="cursor:pointer" title="Open task #${escapeHtml(String(t.id))}">
-        <td class="ledger__num">#${escapeHtml(String(t.id))}</td>
-        <td>${escapeHtml(t.title || '')}</td>
-        <td>${escapeHtml(t.kind || '—')}</td>
-        <td><span class="task__tag">${escapeHtml(t.status || '')}</span></td>
-        <td class="ledger__drachmae">${fmtNum(creditVal(t))}</td>
-        ${actionCell(t)}
-      </tr>`).join('');
+  // Per-task rank floor tag (work.js:247-254).
+  function rankTagHtml(requiresRank) {
+    const rr = (requiresRank || 'xenos').toLowerCase();
+    if (rr === 'xenos') {
+      return '<span class="task__tag task__tag--rank-open" title="No rank floor — any builder can claim this task">Any rank</span>';
+    }
+    const label = rr === 'archon' ? 'Archon' : rr.charAt(0).toUpperCase() + rr.slice(1) + '+';
+    return `<span class="task__tag task__tag--rank" title="Minimum rank required to claim this task">${escapeHtml(label)}</span>`;
+  }
+
+  // Free-text search over the goal's todo list (work.js:261-274, minus the
+  // goal-title match — a single goal makes that redundant).
+  function todoSearchQuery() {
+    const el = $('#f-goal-search');
+    return el ? el.value.trim().toLowerCase() : '';
+  }
+  function matchesTodoSearch(t, q) {
+    if (!q) return true;
+    const needle = q.replace(/^#/, '');
+    if (!needle) return true;
+    if (String(t.id).includes(needle)) return true;
+    if ((t.title || '').toLowerCase().includes(needle)) return true;
+    return false;
+  }
+
+  // Copy-prompt (work.js:454-503). deHashRefs stops a bare #NNN autolinking to
+  // GitHub in a pasted session; the prompt points the builder at the hall task URL.
+  function deHashRefs(text) {
+    return String(text == null ? '' : text).replace(/#(\d{1,5})\b/g, 'task $1');
+  }
+  function buildPromptForTask(t) {
+    const desc = deHashRefs((t.description || '').trim());
+    const hallBase = location.hostname.startsWith('builders.') ? location.origin : `${location.origin}/builders`;
+    const hallUrl = `${hallBase}#/task/${t.id}`;
+    return [
+      `I am working on GDS task ${t.id} (${t.title}) — ${hallUrl}`,
+      `Read the task description, follow its acceptance criteria, stay strictly within touches[], and ship via /builder-ship when done.`,
+      ``,
+      `Task description:`,
+      desc || '(no description)',
+    ].join('\n');
+  }
+  async function copyPromptForTask(taskId, btn) {
+    const t = state.work.todo.find((x) => String(x.id) === String(taskId));
+    if (!t) return;
+    const prompt = buildPromptForTask(t);
+    const icon = btn.querySelector('.task__copy-icon');
+    try {
+      await navigator.clipboard.writeText(prompt);
+      if (icon) icon.textContent = '✓';
+      setTimeout(() => { if (icon) icon.textContent = '📋'; }, 1600);
+      toast(`Prompt for #${taskId} copied to your clipboard.`);
+    } catch (err) {
+      try {
+        const ta = document.createElement('textarea');
+        ta.value = prompt; ta.style.position = 'fixed'; ta.style.opacity = '0';
+        document.body.appendChild(ta); ta.select(); document.execCommand('copy'); ta.remove();
+        toast(`Prompt for #${taskId} copied.`);
+      } catch (_) { toast('Could not copy to the clipboard. Try again.'); }
+    }
+  }
+
+  // The claimable card (ported from work.js renderClaimable, work.js:345-394).
+  // Uses the SAME .task markup + classes as the board, so work.css (linked from
+  // goals.html) styles it identically. The lead cell + actions adapt to status.
+  function goalTaskCardHtml(t) {
+    const id = String(t.id);
+    const cpm = creditsPerMinute(t);
+    const cpmText = Number.isFinite(cpm) ? `${cpm.toFixed(2)} ${curLabel()}/min` : `— ${curLabel()}/min`;
+    const minutesText = t.est_minutes ? `${t.est_minutes}m` : '—';
+    const discipline = t.discipline || 'unclassified';
+    const disciplineTag = discipline !== 'unclassified' ? `<span class="task__tag">${escapeHtml(discipline)}</span>` : '';
+    const newcomerTag = t.newcomer_friendly ? '<span class="task__tag task__tag--newcomer">newcomer</span>' : '';
+    const rankTag = rankTagHtml(t.requires_rank);
+    const touches = Array.isArray(t.touches) ? t.touches : [];
+    const touchesChip = touches.length
+      ? `<span class="task__touches" title="${escapeHtml(touches.join('\n'))}">✎ ${touches.length} file${touches.length === 1 ? '' : 's'}</span>`
+      : '';
+    const claim = state.claimsByTask.get(id);
+    const isReady = t.status === 'ready' && !!state.me;
+    const mineActive = t.status === 'active' && claim && sameId(claim.builder_id, selfId());
+    const selected = goalSel.claim.has(id);
+    // Lead: a select checkbox on ready cards (drives bulk claim); otherwise a
+    // status tag so active/backlog cards read at a glance.
+    const lead = isReady
+      ? `<input type="checkbox" class="task__select" data-task-id="${escapeHtml(id)}" aria-label="Select task ${escapeHtml(id)} for bulk claim"${selected ? ' checked' : ''}>`
+      : `<span class="task__tag" title="Task status">${escapeHtml(t.status || '')}</span>`;
+    // Actions: ready → Claim + copy; mine-active → Release; other's active →
+    // "claimed · @who"; anything else → nothing (open via the ⤢ button / card).
+    let actions = '';
+    if (isReady) {
+      actions = `<button class="task__claim" type="button" data-claim-task="${escapeHtml(id)}" aria-label="Claim task ${escapeHtml(id)}">Claim</button>`
+        + `<button class="task__copy" type="button" data-copy-task="${escapeHtml(id)}" title="Copy the task prompt to your clipboard" aria-label="Copy prompt for task ${escapeHtml(id)}"><span class="task__copy-icon" aria-hidden="true">📋</span></button>`;
+    } else if (mineActive) {
+      actions = `<button class="wip__release" type="button" data-release-claim="${escapeHtml(String(claim.claim_id))}" data-release-task="${escapeHtml(id)}" aria-label="Release task ${escapeHtml(id)}">Release</button>`;
+    } else if (t.status === 'active' && claim) {
+      const who = (claim.login || claim.name) ? ` · @${escapeHtml(claim.login || claim.name)}` : '';
+      actions = `<span class="ledger__claimed" title="Claimed by another builder">claimed${who}</span>`;
+    }
+    return `
+      <div class="task${selected ? ' task--selected' : ''}${isReady ? '' : ' task--readonly'}" data-task-id="${escapeHtml(id)}">
+        <div class="task__id">
+          ${lead}
+          <span>#${escapeHtml(id)}</span>
+          <button class="task__open" type="button" data-task-id="${escapeHtml(id)}" title="Open task details" aria-label="Open details for task ${escapeHtml(id)}">⤢</button>
+        </div>
+        <div class="task__body">
+          <p class="task__title">${escapeHtml(t.title || '')}</p>
+          <div class="task__meta">
+            <span class="task__tag">${escapeHtml(t.version_id || '?')}</span>
+            <span class="task__tag">${escapeHtml(t.kind || 'unclassified')}</span>
+            ${disciplineTag}
+            ${newcomerTag}
+            ${rankTag}
+            ${t.priority ? `<span class="task__tag">${escapeHtml(t.priority)}</span>` : ''}
+            <span>${minutesText}</span>
+            <span>${cpmText}</span>
+            ${touchesChip}
+          </div>
+        </div>
+        <div class="task__credits">
+          <span class="task__credits-num">${fmtNum(window.OTBBranding?.taskCreditValue?.(t) ?? t.credits_reward)}</span>
+          <span class="task__credits-label" title="${window.OTBBranding?.rewardModeNote?.() ?? ''}">${window.OTBBranding?.taskCreditLabel?.(t) ?? (curLabel() + ' Est.')}</span>
+        </div>
+        <div class="task__actions">${actions}</div>
+      </div>`;
+  }
+
+  // ---- multi-select + bulk claim (work.js:583-828, claim-only subset) --------
+  // Selection holds String(task_id) of READY cards the viewer ticked. Bulk
+  // release + copy parallel/sequential prompts stay board-only for now (a goal is
+  // a narrow slice where the headline value is "grab several of this goal's ready
+  // tasks at once"); see the goals.html toolbar comment.
+  const goalSel = { claim: new Set() };
+  function goalSelTotal() { return goalSel.claim.size; }
+  function toggleGoalCardSelect(card, forceChecked) {
+    const cb = card.querySelector('.task__select');
+    if (!cb) return;
+    const next = forceChecked != null ? forceChecked : !cb.checked;
+    cb.checked = next;
+    const id = String(cb.dataset.taskId);
+    if (next) goalSel.claim.add(id); else goalSel.claim.delete(id);
+    card.classList.toggle('task--selected', next);
+    renderGoalBulkToolbar();
+  }
+  function clearGoalSelection() {
+    goalSel.claim.clear();
+    document.querySelectorAll('#goal-todo-list .task--selected').forEach((c) => c.classList.remove('task--selected'));
+    document.querySelectorAll('#goal-todo-list .task__select:checked').forEach((cb) => { cb.checked = false; });
+    renderGoalBulkToolbar();
+  }
+  // Drop any selected id that's fallen out from under the selection (claimed by
+  // someone else, shipped, or we navigated to another goal) so a stale tick never
+  // outlives its card. Called after every task reload (work.js:606-619).
+  function pruneGoalSelection() {
+    const readyIds = new Set(state.work.todo.filter((t) => t.status === 'ready').map((t) => String(t.id)));
+    for (const id of Array.from(goalSel.claim)) if (!readyIds.has(id)) goalSel.claim.delete(id);
+  }
+  function renderGoalBulkToolbar() {
+    const bar = $('#goal-bulk-toolbar');
+    if (!bar) return;
+    if (goalSelTotal() === 0) { bar.hidden = true; return; }
+    bar.hidden = false;
+    const countEl = $('#goal-bulk-count');
+    if (countEl) countEl.textContent = `${goalSel.claim.size} to claim`;
+    const claimBtn = $('#goal-bulk-claim-btn');
+    if (claimBtn) {
+      claimBtn.disabled = goalSel.claim.size === 0;
+      claimBtn.textContent = goalSel.claim.size > 1 ? `Bulk claim (${goalSel.claim.size})` : 'Bulk claim';
+    }
+  }
+  // A single batch-item failure reason → a readable fragment (work.js:545-562).
+  function friendlyBatchReason(item) {
+    switch (item && item.reason) {
+      case 'TASK_NOT_FOUND': return 'no longer exists';
+      case 'TASK_NOT_READY': return `no longer ready${item.currentStatus ? ` (${item.currentStatus})` : ''}`;
+      case 'ALREADY_CLAIMED': return 'already claimed';
+      case 'TOUCHES_CONFLICT': return `overlaps ${item.conflictTaskTitle || 'an active claim'}`;
+      case 'BATCH_TOUCHES_CONFLICT': return `overlaps task #${item.conflictsWithTaskId} in this selection`;
+      case 'DEPS_NOT_SHIPPED': return 'waits on unshipped dependencies';
+      case 'rank_too_low_for_task':
+      case 'XENOS_RESTRICTED':
+      case 'INSUFFICIENT_RANK': return 'rank too low';
+      case 'BUILDER_INACTIVE': return 'account inactive';
+      default: return (item && item.reason) || 'not claimable';
+    }
+  }
+  // Bulk claim the selected ready cards (work.js doBulkClaim, claims/batch is
+  // all-or-nothing: a 409 batch_failed means nothing was claimed). Reloads the
+  // goal's tasks either way so the cards reflect fresh truth.
+  async function doGoalBulkClaim() {
+    const ids = [...goalSel.claim].map(Number);
+    if (!ids.length) return;
+    const btn = $('#goal-bulk-claim-btn');
+    if (btn) { btn.disabled = true; btn.textContent = 'Claiming…'; }
+    try {
+      if (ids.length === 1) {
+        await postJSON(`${API}/claims`, { task_id: ids[0], bind_session: false });
+        toast(`You claimed #${ids[0]}. Open a terminal to start work.`);
+      } else {
+        await postJSON(`${API}/claims/batch`, { task_ids: ids, bind_session: false });
+        toast(`Claimed ${ids.length} tasks. Open a terminal to start work.`);
+      }
+      goalSel.claim.clear();
+    } catch (err) {
+      if (err && err.message === 'redirecting to auth') return;
+      // claims/batch is all-or-nothing: a 409 batch_failed means NOTHING was
+      // claimed. Read failures from the ADR 0116 envelope (error.details.failures)
+      // or the flat legacy shape, via the same normalizers friendlyClaimError uses.
+      const det = errDetails(err.data);
+      if (err.status === 409 && errCode(err.data) === 'batch_failed') {
+        const failures = Array.isArray(det.failures) ? det.failures
+          : (Array.isArray(err.data && err.data.failures) ? err.data.failures : []);
+        const lines = failures.map((f) => `#${f.task_id} (${friendlyBatchReason(f)})`);
+        toast(lines.length
+          ? `The batch could not be claimed — ${lines.join('; ')}.`
+          : 'The batch could not be claimed. It was left untouched (all-or-nothing).');
+      } else {
+        toast(friendlyClaimError(err.status, err.data));
+      }
+    } finally {
+      if (state.current != null) await loadGoalTasks(state.current);
+      else renderGoalBulkToolbar();
+    }
   }
   function taskRowsDone(tasks) {
     return tasks.map((t) => `
@@ -459,46 +791,101 @@
   }
 
   function renderWork() {
-    const todoBody = document.querySelector('#goal-todo tbody');
+    renderTodoCards();
+    // ---- Completed → unchanged ledger table (the board's Completed tab is also
+    // a plain list, so the goal keeps its sortable table here). ----
     const doneBody = document.querySelector('#goal-done tbody');
-    const todo = sortWorkRows(state.work.todo, state.workSort.todo);
-    const done = sortWorkRows(state.work.done, state.workSort.done);
-    // task 1956 → kit (2171): paginate each table through the shared pager.
-    const todoSlice = paginate(todo, pagers.todo);
-    const doneSlice = paginate(done, pagers.done);
-    if (todoBody) {
-      todoBody.innerHTML = todo.length
-        ? taskRowsTodo(todoSlice)
-        : `<tr><td colspan="6" class="ledger__empty">${emptyStateHtml(`Nothing queued under this goal. Members can author bounded tasks here${state.me ? '' : ' once signed in'}.`)}</td></tr>`;
-    }
     if (doneBody) {
+      const done = sortWorkRows(state.work.done, state.workSort.done);
+      const doneSlice = paginate(done, pagers.done);
       doneBody.innerHTML = done.length
         ? taskRowsDone(doneSlice)
         : `<tr><td colspan="5" class="ledger__empty">${emptyStateHtml('Nothing completed yet.')}</td></tr>`;
     }
     workTabs?.setCount('todo', state.work.todo.length);
     workTabs?.setCount('done', state.work.done.length);
-    reflectSortHeaders('todo');
     reflectSortHeaders('done');
+    renderGoalBulkToolbar();
+  }
+
+  // task 1002425 — the To-do list as Tasks-board cards: filter → run-mode →
+  // sort → paginate → render, mirroring work.js renderClaimable (276-395). The
+  // sort control lives on the filter bar (replacing the old column headers).
+  function renderTodoCards() {
+    const listEl = $('#goal-todo-list');
+    if (!listEl) return;
+    const sQuery = todoSearchQuery();
+    const kFilter = $('#f-goal-kind')?.value || '';
+    const dFilter = $('#f-goal-discipline')?.value || '';
+    const nFilter = $('#f-goal-newcomer')?.value || '';
+    const sortBy = $('#f-goal-sort')?.value || 'cpm';
+    let list = state.work.todo.filter((t) => {
+      if (!matchesTodoSearch(t, sQuery)) return false;
+      if (kFilter && (t.kind || 'unclassified') !== kFilter) return false;
+      if (dFilter && (t.discipline || 'unclassified') !== dFilter) return false;
+      if (nFilter === 'yes' && !t.newcomer_friendly) return false;
+      return true;
+    });
+    // Run-mode filter: parallel-safe (touches[] disjoint from the rest of the
+    // visible set) vs. file-conflicting. O(n²) over touches — fine at goal scale.
+    const fitFilter = $('#f-goal-fit')?.value || '';
+    if (fitFilter === 'parallel' || fitFilter === 'conflict') {
+      const base = list;
+      list = base.filter((t) => {
+        const conflicts = base.some((o) => o !== t && touchesConflict(t.touches, o.touches));
+        return fitFilter === 'parallel' ? !conflicts : conflicts;
+      });
+    }
+    if (sortBy === 'cpm') list = list.slice().sort((a, b) => creditsPerMinute(b) - creditsPerMinute(a));
+    else if (sortBy === 'credits') list = list.slice().sort((a, b) => creditVal(b) - creditVal(a));
+    else if (sortBy === 'minutes') list = list.slice().sort((a, b) => (Number(a.est_minutes) || Infinity) - (Number(b.est_minutes) || Infinity));
+    else if (sortBy === 'priority') list = list.slice().sort((a, b) => priorityRank(a.priority) - priorityRank(b.priority));
+    else if (sortBy === 'id') list = list.slice().sort((a, b) => Number(a.id) - Number(b.id));
+    else if (sortBy === 'status') list = list.slice().sort((a, b) => String(a.status).localeCompare(String(b.status)));
+
+    const countEl = $('#goal-todo-count');
+    if (countEl) countEl.textContent = state.work.todo.length ? `${list.length} of ${state.work.todo.length} shown` : '';
+    if (!list.length) {
+      listEl.innerHTML = emptyStateHtml(state.work.todo.length
+        ? 'No tasks match these filters. Try widening them.'
+        : `Nothing queued under this goal. Members can author bounded tasks here${state.me ? '' : ' once signed in'}.`);
+      return;
+    }
+    const shown = paginate(list, pagers.todo);
+    listEl.innerHTML = shown.map(goalTaskCardHtml).join('');
   }
 
   // task 1828 — claim a ready task straight from a goal's Work list. Mirrors the
   // Work Board's doClaim (POST /claims, bind_session:false) + its typed-error
   // messages; on success the goal's tasks reload so the row updates in place.
   const pendingClaims = new Set();
+  // task 1002425 — the API emits the ADR 0116 envelope `{ error: { code, message,
+  // details } }` and the client passes the raw body through (throwOnError:false),
+  // so the typed code is at data.error.code, not data.error. These normalize BOTH
+  // that envelope and the flat legacy `{ error: 'CODE', ...fields }` shape — without
+  // them the switch below fell through to the generic default for every claim error.
+  function errCode(data) {
+    const e = data && data.error;
+    return (e && typeof e === 'object') ? e.code : e;
+  }
+  function errDetails(data) {
+    const e = data && data.error;
+    return (e && typeof e === 'object' && e.details) ? e.details : (data || {});
+  }
   function friendlyClaimError(status, data) {
-    switch (data && data.error) {
+    const det = errDetails(data);
+    switch (errCode(data)) {
       case 'ALREADY_CLAIMED': return 'Someone else claimed that task first. Reloading.';
       case 'TASK_NOT_READY': return 'That task is no longer ready to be claimed.';
       case 'TOUCHES_CONFLICT': {
-        const titles = Array.isArray(data.conflicts) ? data.conflicts.map((c) => c.title).filter(Boolean) : [];
+        const titles = Array.isArray(det.conflicts) ? det.conflicts.map((c) => c.title).filter(Boolean) : [];
         return titles.length ? `That task overlaps an active claim: ${titles.join('; ')}.` : 'That task overlaps another active claim.';
       }
       case 'DEPS_NOT_SHIPPED': return 'That task waits on unshipped dependencies.';
       case 'rank_too_low_for_task':
       case 'XENOS_RESTRICTED':
       case 'INSUFFICIENT_RANK': return 'Your rank is not yet high enough for that task.';
-      case 'newcomer_must_ship_first': return data.what_to_do || 'Ship your current claim before opening another.';
+      case 'newcomer_must_ship_first': return det.what_to_do || 'Ship your current claim before opening another.';
       case 'NOT_YOUR_CLAIM': return 'That claim is not yours to release.';
       case 'ALREADY_RESOLVED': return 'That claim was already resolved. Reloading.';
       case 'BUILDER_INACTIVE': return 'Your account is inactive. Contact an Archon.';
@@ -620,9 +1007,20 @@
 
   /* ----- Completion (band column + #/goal/N/completion full view) ----- */
 
+  // task 1002164 — a criterion has three states, not two: confirmed (satisfied),
+  // met-but-awaiting-confirmation (pending_review, derived server-side), and open.
+  const isPending = (c) => !c.satisfied && !!c.pending_review;
+
   function completionSummaryHtml(g, crit, sat, ringSize) {
+    const pending = crit.filter(isPending).length;
+    // task 1002164 — an open goal used to punt confirmation to the /goal-review
+    // CLI skill here; confirming now happens on this page, so the line reports
+    // what is actually actionable instead of naming a command.
+    const openLine = pending
+      ? `${fmtNum(pending)} criteri${pending === 1 ? 'on is' : 'a are'} met and ready to confirm.`
+      : 'Open — a criterion becomes confirmable once every task linked to it has shipped.';
     const line = g.status === 'achieved' ? 'Goal achieved — every criterion confirmed.'
-      : (g.status === 'archived' ? 'Archived.' : 'Open — satisfied criteria await confirmation in /goal-review.');
+      : (g.status === 'archived' ? 'Archived.' : openLine);
     return `<div style="display:flex;align-items:center;gap:16px">
         ${ring(sat, crit.length, g.status === 'achieved', ringSize)}
         <div>
@@ -635,7 +1033,7 @@
   // is the point of clicking into the dedicated completion view. The capped band
   // (withDetail=false) instead reveals detail via a per-criterion <details> expand
   // (BV1.R79) so the full text is one click away, not hover-only.
-  function critListHtml(list, withDetail) {
+  function critListHtml(list, withDetail, canConfirm) {
     if (!list.length) return emptyStateHtml('No done-when criteria yet.');
     return `<ul class="crit-list${withDetail ? ' crit-list--full' : ''}">${list.map((c) => {
       const parts = window.OTB.splitCriterion ? window.OTB.splitCriterion(c.criterion_md) : { label: c.criterion_md, detail: '' };
@@ -644,7 +1042,15 @@
         : (parts.detail
           ? `<details class="crit-d"><summary class="crit__text">${escapeHtml(parts.label || '')}</summary><div class="crit__detail">${escapeHtml(parts.detail)}</div></details>`
           : `<span class="crit__text">${escapeHtml(parts.label || '')}</span>`);
-      return `<li class="crit${c.satisfied ? ' crit--done' : ''}"><span class="crit__mark">${c.satisfied ? '✓' : ''}</span>${body}</li>`;
+      const pending = isPending(c);
+      // A Xenos sees the state but not the control — the server enforces either way.
+      const action = !pending ? ''
+        : (canConfirm
+          ? `<button type="button" class="crit__confirm" data-confirm-crit="${escapeHtml(String(c.id))}"
+               title="Every task linked to this criterion has shipped — confirm it as satisfied">Confirm</button>`
+          : '<span class="crit__flag" title="Every task linked to this criterion has shipped — a Metic can confirm it">Ready</span>');
+      const cls = c.satisfied ? ' crit--done' : (pending ? ' crit--pending' : '');
+      return `<li class="crit${cls}"><span class="crit__mark">${c.satisfied ? '✓' : (pending ? '!' : '')}</span>${body}<span class="crit__act">${action}</span></li>`;
     }).join('')}</ul>`;
   }
   function renderCompletion() {
@@ -653,16 +1059,48 @@
     const g = d.goal;
     const crit = d.criteria || [];
     const sat = crit.filter((c) => c.satisfied).length;
+    // task 1002164 — an archived/achieved goal has nothing left to confirm.
+    const canConfirm = g.status === 'open' && canConfirmCriteria();
     const band = $('#goal-completion-body');
-    if (band) band.innerHTML = completionSummaryHtml(g, crit, sat, 56) + critListHtml(crit.slice(0, CRITERIA_CAP), false);
+    if (band) band.innerHTML = completionSummaryHtml(g, crit, sat, 56) + critListHtml(crit.slice(0, CRITERIA_CAP), false, canConfirm);
     renderViewAllFoot('#goal-completion-foot', crit.length, CRITERIA_CAP, 'completion', 'criteria');
     setCount('#goal-completion-count', crit.length);
     const full = $('#goal-completion-full');
-    if (full) full.innerHTML = completionSummaryHtml(g, crit, sat, 64) + critListHtml(crit, true);
+    if (full) full.innerHTML = completionSummaryHtml(g, crit, sat, 64) + critListHtml(crit, true, canConfirm);
     const back = $('#goal-completion-back');
     if (back && state.current != null) back.setAttribute('href', `#/goal/${state.current}`);
   }
 
+  // task 1002164 — confirm a pending-review criterion straight from the hall
+  // (POST /done-when/:id/satisfy, Metic+). This is the in-hall replacement for
+  // the /goal-review LLM skill: confirming the goal's LAST open criterion flips
+  // it open→achieved server-side, which the forced detail reload then reflects.
+  const pendingConfirms = new Set();
+  async function confirmCriterion(critId, btn) {
+    if (pendingConfirms.has(critId)) return;
+    pendingConfirms.add(critId);
+    const label = btn ? btn.textContent : '';
+    if (btn) { btn.disabled = true; btn.textContent = 'Confirming…'; }
+    try {
+      const res = await postJSON(`${API}/done-when/${encodeURIComponent(critId)}/satisfy`, {});
+      toast(res && res.goal_achieved ? 'Criterion confirmed — that was the last one, so this goal is achieved.' : 'Criterion confirmed.');
+      if (state.current != null) {
+        await loadDetail(state.current, { force: true });
+        renderDetail(state.current);
+      }
+    } catch (err) {
+      if (err && err.message === 'redirecting to auth') return;
+      const code = err && err.data && err.data.error;
+      const reason = (code && (code.code || code)) === 'rank_forbidden'
+        ? 'Confirming a criterion needs Metic rank or higher.'
+        : `Could not confirm that criterion (${(err && err.status) || 'error'}).`;
+      toast(reason);
+      if (btn) { btn.disabled = false; btn.textContent = label; }
+    } finally {
+      pendingConfirms.delete(critId);
+    }
+  }
+
   /* ----- Members (band column + #/goal/N/members full view) ----- */
 
   function memberAvatar(m) {
@@ -891,6 +1329,7 @@
           .sort((a, b) => new Date(b.shipped_at || 0) - new Date(a.shipped_at || 0)),
       };
       state.workLoaded = true;  // task 1828 — member stats can now compute
+      pruneGoalSelection();     // task 1002425 — drop ticks for cards that vanished (or a goal switch)
       renderWork();
       renderMembers();  // refresh per-member goal stats now that tasks landed
       // Prefer the server-side detector when it exists (task 1736); any failure
@@ -918,9 +1357,10 @@
       if (err && err.message === 'redirecting to auth') return;
       console.error('[goals] tasks load failed', err);
       if (!sameId(state.current, goalId)) return;
-      const todoBody = document.querySelector('#goal-todo tbody');
+      // task 1002425 — To do is now a card list (#goal-todo-list), not a table.
+      const todoList = $('#goal-todo-list');
       const doneBody = document.querySelector('#goal-done tbody');
-      if (todoBody) todoBody.innerHTML = '<tr><td colspan="6" class="ledger__empty">Tasks could not be loaded.</td></tr>';
+      if (todoList) todoList.innerHTML = emptyStateHtml('Tasks could not be loaded.');
       if (doneBody) doneBody.innerHTML = '<tr><td colspan="5" class="ledger__empty">Tasks could not be loaded.</td></tr>';
       state.conflictPairs = null;
       state.conflictSource = null;
@@ -1212,13 +1652,18 @@
       if (el) el.hidden = true;
     });
     ['#goal-conflicts-card', '#goal-conflicts-view-card'].forEach((sel) => $(sel)?.classList.remove('goal-conflicts-card--live'));
-    reflectSortHeaders('todo');
     reflectSortHeaders('done');
-    // Kit shimmer placeholders while the goal's tasks load (was "…" cells).
-    const todoBody = document.querySelector('#goal-todo tbody');
+    // task 1002425 — To do is a card list now; Completed stays a table. Show a
+    // placeholder in the card list + skeleton rows in the Completed table while
+    // the goal's tasks load, and reset the To-do count + hide the bulk toolbar.
+    const todoList = $('#goal-todo-list');
     const doneBody = document.querySelector('#goal-done tbody');
-    if (todoBody) todoBody.innerHTML = skeletonRows(3, 6);
+    if (todoList) todoList.innerHTML = '<div class="profile__placeholder">…</div>';
     if (doneBody) doneBody.innerHTML = skeletonRows(3, 5);
+    const todoCount = $('#goal-todo-count');
+    if (todoCount) todoCount.textContent = '';
+    const bulkBar = $('#goal-bulk-toolbar');
+    if (bulkBar) bulkBar.hidden = true;
     const conflicts = $('#goal-conflicts');
     if (conflicts) conflicts.innerHTML = '<span class="kit-skel"></span>';
     const conflictsFull = $('#goal-conflicts-full');
@@ -1331,7 +1776,12 @@
       populateVersionFilter();
       // Prefetch details (ring + members on the cards). Sequentially-parallel,
       // failure-tolerant: a card without detail still renders.
-      await Promise.allSettled(state.goals.map((g) => loadDetail(g.id)));
+      // task 1002439 — also fold in per-goal task-readiness rollups (one request
+      // per version, not per goal). Runs alongside the detail prefetch.
+      await Promise.allSettled([
+        ...state.goals.map((g) => loadDetail(g.id)),
+        loadRollups(),
+      ]);
       await route();
     } catch (err) {
       if (err && err.message === 'redirecting to auth') return;
@@ -1353,7 +1803,7 @@
     mount: $('#goals-filters'),
     primary: [
       { id: 'f-goal-version', label: 'Version', options: [{ value: '', label: '— any —' }] },
-      { id: 'f-goal-status', label: 'Status', value: 'open', options: [{ value: '', label: '— any —' }, 'open', 'achieved', 'archived'] },
+      { id: 'f-goal-status', label: 'Status', options: [{ value: '', label: '— any —' }, 'open', 'achieved', 'archived'] },
       { id: 'f-goal-mine', label: 'Membership', options: [{ value: '', label: 'All goals' }, { value: 'mine', label: 'My goals' }] },
     ],
     onChange: onListFilterChange,
@@ -1388,6 +1838,41 @@
       { id: 'todo', label: 'To do', panel: 'goal-todo-pane' },
       { id: 'done', label: 'Completed', panel: 'goal-done-pane' },
     ],
+    // task 1002425 — clear the card selection when leaving To do (matches the
+    // board, work.js:1185) so the bulk toolbar can't linger over Completed.
+    onChange: () => { if (goalSelTotal()) clearGoalSelection(); },
+  });
+
+  // task 1002425 — the To-do filter bar, scoped to this goal: Search + Sort
+  // primary, Kind / Discipline / Newcomer / Run-mode behind the "Filters"
+  // disclosure (the same set the board offers, minus Version/Goal which are
+  // redundant inside a goal). url:false is load-bearing — this page owns the
+  // #/goal/N hash route, so filter state must NOT ride the URL.
+  makeFilterBar({
+    mount: $('#goal-work-filters'),
+    search: { id: 'f-goal-search', label: 'Search', placeholder: 'task # or title…' },
+    primary: [
+      { id: 'f-goal-sort', label: 'Sort', options: [
+        { value: 'cpm', label: `${curLabel()} / minute (high → low)` },
+        { value: 'credits', label: `${curLabel()} (high → low)` },
+        { value: 'minutes', label: 'minutes (low → high)' },
+        { value: 'priority', label: 'priority (P0 first)' },
+        { value: 'id', label: 'task number (low → high)' },
+        { value: 'status', label: 'status' },
+      ] },
+    ],
+    overflow: [
+      { id: 'f-goal-kind', label: 'Kind', options: [{ value: '', label: '— any —' },
+        'feature', 'bug', 'infra', 'refactor', 'spike', 'learning-capture',
+        'cleanup', 'decision', 'blocker-resolution', 'unclassified'] },
+      { id: 'f-goal-discipline', label: 'Discipline', options: [{ value: '', label: '— any —' }, 'engineer', 'artist', 'ideator', 'ui', 'unclassified'] },
+      { id: 'f-goal-newcomer', label: 'Newcomer', options: [{ value: '', label: '— any —' }, { value: 'yes', label: 'newcomer-friendly only' }] },
+      { id: 'f-goal-fit', label: 'Run mode', options: [{ value: '', label: '— any —' },
+        { value: 'parallel', label: 'parallel-safe only' },
+        { value: 'conflict', label: 'has file conflicts' }] },
+    ],
+    url: false,
+    onChange: () => { pagers.todo.page = 1; renderTodoCards(); renderGoalBulkToolbar(); },
   });
   // task 1828 — click / keyboard sort on the Work-table column headers.
   Object.entries(WORK_SORT_HEADERS).forEach(([table, cols]) => {
@@ -1400,16 +1885,43 @@
       });
     });
   });
-  // task 1753/1828: a row opens the shared task-detail overlay; the inline Claim
-  // button (task 1828) claims without opening it.
-  ['#goal-todo', '#goal-done'].forEach((sel) => {
+  // task 1002425 — the Completed table keeps its row-opens-overlay behaviour.
+  $('#goal-done')?.addEventListener('click', (e) => {
+    const row = e.target.closest('.ledger__row--task');
+    if (row && row.dataset.taskId && window.OTBTaskDetail) window.OTBTaskDetail.open(row.dataset.taskId);
+  });
+  // task 1002425 — the To-do card list: multi-select + inline Claim/Release +
+  // copy-prompt + open, mirroring the board's task-list wiring (work.js:1245-1272).
+  $('#goal-todo-list')?.addEventListener('click', (e) => {
+    const selectCb = e.target.closest('.task__select');
+    if (selectCb) { const card = selectCb.closest('.task'); if (card) toggleGoalCardSelect(card, selectCb.checked); return; }
+    const claimBtn = e.target.closest('[data-claim-task]');
+    if (claimBtn) { e.stopPropagation(); doGoalClaim(claimBtn.dataset.claimTask, claimBtn); return; }
+    const copyBtn = e.target.closest('[data-copy-task]');
+    if (copyBtn) { copyPromptForTask(copyBtn.dataset.copyTask, copyBtn); return; }
+    const releaseBtn = e.target.closest('[data-release-claim]');
+    if (releaseBtn) { e.stopPropagation(); doGoalRelease(releaseBtn.dataset.releaseClaim, releaseBtn.dataset.releaseTask, releaseBtn); return; }
+    const openBtn = e.target.closest('.task__open');
+    if (openBtn && openBtn.dataset.taskId && window.OTBTaskDetail) { window.OTBTaskDetail.open(openBtn.dataset.taskId); return; }
+    // Click elsewhere: a ready card toggles its selection; a read-only (active /
+    // backlog) card opens the detail overlay (board affordance, work.js:1268-1271).
+    const card = e.target.closest('.task');
+    if (!card || !card.dataset.taskId) return;
+    if (card.classList.contains('task--readonly')) {
+      if (window.OTBTaskDetail) window.OTBTaskDetail.open(card.dataset.taskId);
+    } else {
+      toggleGoalCardSelect(card);
+    }
+  });
+  // task 1002425 — the goal's bulk-action toolbar.
+  $('#goal-bulk-claim-btn')?.addEventListener('click', doGoalBulkClaim);
+  $('#goal-bulk-clear-btn')?.addEventListener('click', clearGoalSelection);
+  // task 1002164 — Confirm on a pending-review criterion, in both the capped
+  // band column and the dedicated #/goal/N/completion view.
+  ['#goal-completion-body', '#goal-completion-full'].forEach((sel) => {
     $(sel)?.addEventListener('click', (e) => {
-      const claimBtn = e.target.closest('[data-claim-task]');
-      if (claimBtn) { e.stopPropagation(); doGoalClaim(claimBtn.dataset.claimTask, claimBtn); return; }
-      const releaseBtn = e.target.closest('[data-release-claim]');
-      if (releaseBtn) { e.stopPropagation(); doGoalRelease(releaseBtn.dataset.releaseClaim, releaseBtn.dataset.releaseTask, releaseBtn); return; }
-      const row = e.target.closest('.ledger__row--task');
-      if (row && row.dataset.taskId && window.OTBTaskDetail) window.OTBTaskDetail.open(row.dataset.taskId);
+      const btn = e.target.closest('[data-confirm-crit]');
+      if (btn) { e.preventDefault(); confirmCriterion(btn.dataset.confirmCrit, btn); }
     });
   });
   // task 1953 — Approve/Deny on the goal's own pending-requests panel.