@galda/cli 0.10.84 → 0.10.85

package/app/index.html

@@ -4,6 +4,24 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Galda</title>
+<script>
+  // app/index.html is a server-backed SPA, not a standalone artifact. Rendering the
+  // product shell from file:// makes missing theme/API/SSE data look like an old UI.
+  if (location.protocol === 'file:') {
+    document.documentElement.classList.add('galda-invalid-file-preview');
+    document.title = 'Galda — invalid preview URL';
+  }
+</script>
+<style>
+  #galdaInvalidFilePreview{display:none}
+  html.galda-invalid-file-preview body{margin:0;background:#0a0a0b;color:#e9e7e2;font-family:system-ui,sans-serif}
+  html.galda-invalid-file-preview body>*{display:none!important}
+  html.galda-invalid-file-preview body>#galdaInvalidFilePreview{display:grid!important;min-height:100vh;place-items:center;padding:32px}
+  .galda-invalid-file-card{max-width:620px;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px;background:#101014}
+  .galda-invalid-file-card h1{margin:0 0 12px;font-size:22px;letter-spacing:-.02em}
+  .galda-invalid-file-card p{margin:8px 0;color:#a3a097;line-height:1.6}
+  .galda-invalid-file-card code{color:#e9e7e2;font-family:ui-monospace,monospace}
+</style>
 <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%233B6BFF'/%3E%3Cstop offset='1' stop-color='%230E2AA8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='11' fill='none' stroke='url(%23g)' stroke-width='5'/%3E%3C/svg%3E">
 <!-- brand fonts FINAL (v45 §1): the 3 adopted faces self-host in /fonts.css — the old
      Google Fonts Inter/JetBrains request was removed (offline-safe, no stray families) -->
@@ -463,6 +481,11 @@
   .qansrow{display:flex;gap:7px;align-items:center;margin-top:8px}
   .qansrow input{flex:1;background:var(--glass);border:1px solid var(--hair2);border-radius:8px;color:var(--ink);font-size:12.5px;padding:6px 10px;outline:none}
   .qsub{font-size:10.5px;color:var(--ink3);margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  .approvalflow .qscope{margin-top:7px;font-size:11px;color:var(--ink2);line-height:1.45;white-space:pre-wrap}
+  .approvalflow .qactions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
+  .approvalflow .qaction{border:1px solid rgba(var(--blue-rgb),.5);border-radius:8px;padding:6px 12px;background:transparent;color:var(--blue);font-size:11.5px;cursor:pointer}
+  .approvalflow .qaction.primary{background:var(--blue);color:white;border-color:var(--blue)}
+  .approvalflow .qaction.cancel{color:var(--ink3);border-color:var(--hair2)}
   /* The one line under a reply box: what the AI asked back, or the answer it gave.
      Same part as .qsub, but an answer is a sentence — it must wrap, not ellipsis. */
   /* The reply box's own short thread (CDO HANDOFF-REPLY-CONVERSATION §2/§5). It uses
@@ -1368,13 +1391,19 @@
   #fsRoot .fsproj.on{background:var(--hover);color:var(--ink)}
   #fsRoot .fsproj i{width:4px;height:4px;border-radius:50%;background:var(--ink3);flex:0 0 4px;position:relative;top:1.5px} /* top:1.5px = optical nudge so the dot/running-ring centre sits on the name's x-height, not the line-box centre (Masa 2026-07-24, rail=D). Same shift for idle dot + running ring keeps the column aligned. */
   #fsRoot .fsproj.on i{background:var(--green)}
+  /* Review-blue comparison B: Aurora Blue #5CC4FF at 78%. This is a dedicated
+     Review token; the app's ordinary blue controls must not inherit it. */
+  #fsRoot .fsproj.rev i{background:rgba(var(--review-rgb),.78);box-shadow:0 0 3px rgba(var(--review-rgb),.24)}
   /* running project = solid saturated green dot with a breathing glow — never dims to
      grey, independent of selection (HANDOFF-v45 §11, flagship .proj.run port) */
   /* running project = a spinning broken green ring (matches the Doing marker · flagship #316).
      Was a pulsing dot (fsrundot). Centre WITHOUT transform (spin's rotate would override a centring
      translate → drift bottom-right) via top/left:50% + negative-half margin; concentric with the 4px dot. */
   #fsRoot .fsproj.run i{background:none;box-shadow:none;position:relative}
-  #fsRoot .fsproj.run i::after{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;box-sizing:border-box;border-radius:50%;border:1.3px solid #22c55e;border-top-color:transparent;animation:spin 1.8s linear infinite}
+  /* Review-blue comparison baseline: the Doing cue is a 7px / 1.3px broken
+     ring, while idle and Review remain 4px dots. */
+  #fsRoot .fsproj.run i::after{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;box-sizing:border-box;border-radius:50%;border:1.3px solid var(--green);border-top-color:transparent;animation:spin 1.8s linear infinite}
+  #fsRoot .fsproj.rev i{background:rgba(var(--review-rgb),.78);box-shadow:0 0 3px rgba(var(--review-rgb),.24)}
   @keyframes fsrundot{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 50%,transparent)}50%{box-shadow:0 0 5px 1.5px color-mix(in srgb,var(--green) 35%,transparent)}}
   @media (prefers-reduced-motion:reduce){#fsRoot .fsproj.run i::after{animation:none}}
   #fsRoot .fsproj .pname{min-width:0;overflow:hidden;text-overflow:ellipsis}
@@ -1719,10 +1748,9 @@
   .lbc-n{font:600 10px/1 var(--mono);color:var(--ink3);font-variant-numeric:tabular-nums;letter-spacing:.02em}
   .lbc-dot{width:6px;height:6px;border-radius:50%;flex:0 0 6px;background:var(--ink3)}
   .lbc-dot.run{background:var(--green);animation:lbcpulse 2.4s ease-in-out infinite}
-  /* Status dot palette (Masa 2026-07-18): Needs you = amber #ffca16, Review = steel #8390f2,
-     Doing = green (kept), Done/To Do/Later = grey, Failed = red. Fixed hues (like flagship's
-     board), chosen to sit together as one family anchored on the green. */
-  .lbc-dot.rev{background:#8390f2}
+  /* Status dot palette: Needs you = amber, Review = dedicated Aurora Blue,
+     Doing = green, Done/To Do/Later = grey, Failed = red. */
+  .lbc-dot.rev{background:rgba(var(--review-rgb),.78)}
   .lbc-dot.bad{background:var(--danger)}
   .lbc-dot.intr{background:#ffca16}
   .lbc-dot.ok{background:var(--ink3);opacity:.6}
@@ -1918,7 +1946,7 @@
   .lg-hd .no{flex:0 0 auto;font:600 11px/1 var(--mono);color:var(--ink3);font-variant-numeric:tabular-nums}
   .lg-hd .t{flex:1;font:600 15px/1.3 var(--ui);letter-spacing:-.014em}
   .lg-state{flex:0 0 auto;font:600 9px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase} /* state = colour text only (§5.5 no badge) */
-  .lg-state.review{color:var(--blue)}
+  .lg-state.review{color:var(--review)}
   /* meta row: PR link / token savings (real tap-to-open toggle) / Run locally — a
      compact row directly under the title (H23 §1, pattern 1 won over a plain text
      line and title-row-right-aligned chips). */
@@ -2428,6 +2456,7 @@
      specificity and greys the running dot out on the Gradient wallpaper rail — this
      exception restores solid green so "running" never dims to grey. */
   body[data-theme="gradient"] #fsRoot .fsproj.run i{background:none}
+  body[data-theme="gradient"] #fsRoot .fsproj.rev i{background:rgba(var(--review-rgb),.78)}
   body[data-theme="gradient"] #fsRoot .fsproj .num,body[data-theme="gradient"] #fsRoot .fsproj .pcount{color:rgba(20,23,31,.6)}
   body[data-theme="gradient"] #fsRoot .fsproj:not(.on):hover{background:rgba(255,255,255,.34)}
   body[data-theme="gradient"] #fsRoot .fsproj.on{background:rgba(255,255,255,.5);color:var(--ink)}
@@ -2565,6 +2594,7 @@
   body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj i{background:rgba(255,255,255,.6)}
   /* same GOTCHA exception as the light Gradient rail, dark variant (HANDOFF-v45 §11) */
   body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj.run i{background:none}
+  body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj.rev i{background:rgba(var(--review-rgb),.78)}
   body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj .num,body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj .pcount{color:rgba(255,255,255,.6)}
   body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj.on{background:rgba(255,255,255,.15);color:#fff}
   body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj:not(.on):hover{background:rgba(255,255,255,.1)}
@@ -2928,6 +2958,13 @@
 </style>
 </head>
 <body>
+  <main id="galdaInvalidFilePreview" aria-live="assertive">
+    <section class="galda-invalid-file-card">
+      <h1>This is not the running Galda app</h1>
+      <p><code>app/index.html</code> was opened with <code>file://</code>. This source file cannot load the theme, live state, Review data, or realtime updates.</p>
+      <p>Start Galda from the target worktree and open the authenticated <code>http://localhost:&lt;port&gt;/?key=&lt;key&gt;</code> URL printed in the terminal.</p>
+    </section>
+  </main>
   <div id="themebg"></div>
   <input type="file" id="bg3File" accept="image/*" style="display:none"><!-- Banff BACKDROP free upload (v3 §6.5) -->
   <canvas id="glassgl"></canvas>
@@ -3371,7 +3408,7 @@ const savedTheme = (() => {
   if (v !== s) localStorage.setItem('theme', v);
   return v;
 })();
-const state = { repos: null, repoHome: '', /* GET /api/repos — the folders a project can point at (Context Bar) */ projects: [], goals: [], tasks: [], act: {}, actAt: {}, todos: {}, chatTurns: {}, active: localStorage.getItem('sel:project') || 'default', editing: null, attach: [], connectCommand: '', models: ['sonnet'], agentModels: null, agentEfforts: null, agents: ['claude-code', 'codex'], auth: null, expanded: new Set(), openThreads: new Set(), queueOrder: {}, externalActivity: [], selectedGoal: null, workflowColumns: {}, wfDraft: null, reviewDefinitions: {}, rdDraft: null, runningCounts: {}, parallelLimits: null, connectedApp: localStorage.getItem('sel:agent') || 'claude-code', reviewOpenGoal: null, reviewApprovals: {}, goalDetailOpen: null, qreplyOpen: new Set(), logCollapsed: localStorage.getItem('logCollapsed') !== '0', logEntries: [], layout: localStorage.getItem('layout') || 'flagship', theme: savedTheme, boardskin: localStorage.getItem('boardskin') || 'auto', summaryPattern: Number(localStorage.getItem('summaryPattern')) || 3, peraSpot: 0, skill: null, skillsCache: null, projectRules: {}, rulesOpen: false,
+const state = { repos: null, repoHome: '', /* GET /api/repos — the folders a project can point at (Context Bar) */ projects: [], goals: [], tasks: [], act: {}, actAt: {}, todos: {}, chatTurns: {}, active: localStorage.getItem('sel:project') || 'default', editing: null, attach: [], connectCommand: '', models: ['sonnet'], agentModels: null, agentEfforts: null, agents: ['claude-code', 'codex'], auth: null, expanded: new Set(), openThreads: new Set(), queueOrder: {}, externalActivity: [], selectedGoal: null, composerDetachedGoal: null, workflowColumns: {}, wfDraft: null, reviewDefinitions: {}, rdDraft: null, runningCounts: {}, parallelLimits: null, connectedApp: localStorage.getItem('sel:agent') || 'claude-code', reviewOpenGoal: null, reviewApprovals: {}, goalDetailOpen: null, qreplyOpen: new Set(), logCollapsed: localStorage.getItem('logCollapsed') !== '0', logEntries: [], layout: localStorage.getItem('layout') || 'flagship', theme: savedTheme, boardskin: localStorage.getItem('boardskin') || 'auto', summaryPattern: Number(localStorage.getItem('summaryPattern')) || 3, peraSpot: 0, skill: null, skillsCache: null, projectRules: {}, rulesOpen: false,
   // per-message send overrides set via slash-commands (reset after each send,
   // except model which is sticky in localStorage). palette = open command list.
   // Scoped per project (msgByProject) so a skill/mode picked in one project can't leak
@@ -3414,7 +3451,7 @@ function restoreFocusedAnswerInput(container, attr, saved){
 }
 
 const STATUS_LABEL = {
-  sending: 'Sending…', stacked: 'Queued', planning: 'Planning…', queued: 'To do', running: 'Working…', needsInput: 'Needs input',
+  sending: 'Sending…', stacked: 'Queued', planning: 'Planning…', queued: 'To do', running: 'Working…', needsInput: 'Needs input', needsApproval: 'Needs you',
   review: 'In review', done: 'Done', failed: 'Failed', partial: 'Partly failed', interrupted: 'Interrupted', skipped: 'Skipped',
   rejected: 'Dismissed',
 };
@@ -3437,7 +3474,7 @@ const GOAL_CHIP = (s, columns, startedAt) => s === 'stacked' || s === 'sending'
   s === 'reverted' ? ['REVERTED', ''] :
   s === 'rejected' ? ['DISMISSED', 'rejected'] :
   s === 'folded' ? ['FOLDED', ''] :
-  s === 'blocked' ? ['BLOCKED', 'blocked'] : s === 'needsInput' ? ['NEEDS INPUT', 'blocked'] : ['FAIL', ''];
+  s === 'blocked' ? ['BLOCKED', 'blocked'] : s === 'needsInput' ? ['NEEDS INPUT', 'blocked'] : s === 'needsApproval' ? ['NEEDS YOU', 'blocked'] : ['FAIL', ''];
 const FINISHED = (s) => ['done', 'partial', 'failed', 'interrupted'].includes(s);
 const ICONS = {
   pencil: '<svg viewBox="0 0 24 24"><path d="M4 20l1-4L16.5 4.5a2.1 2.1 0 013 3L8 19l-4 1z"/></svg>',
@@ -3725,6 +3762,7 @@ function buildReviewDigest({ goals, tasks } = {}){
       verificationInfraError: g.verificationInfraError ?? null,
       proof: proofTask?.proof ?? null,
       proofTaskId: proofTask?.id ?? null,
+      incompleteRequirementCount: goalTasks.reduce((n, t) => n + (t.requirementEvidence?.requirements ?? []).filter((v) => ['partial', 'not-addressed'].includes(v.status)).length, 0),
       plan,
       planText: plan ? (g.planText ?? '') : null,
     };
@@ -3735,6 +3773,7 @@ function buildReviewDigest({ goals, tasks } = {}){
       if (existing.proof == null) { existing.proof = row.proof; existing.proofTaskId = row.proofTaskId; }
       if (existing.testResult == null) existing.testResult = row.testResult;
       if (existing.verificationInfraError == null) existing.verificationInfraError = row.verificationInfraError;
+      existing.incompleteRequirementCount += row.incompleteRequirementCount;
       continue;
     }
     if (row.pr) byPr.set(row.pr, row);
@@ -4320,8 +4359,9 @@ function mergeGoalTimeline(goals, externalActivity, projectId){
 // レビュー画面(checklist/detail overlay)からチャットへ戻った時、そのゴールの
 // 末尾がすぐ見える位置へスクロールする(task 86)。ゴールが完了していて結論サマリ
 // (.gsummary)が出ていればそこを、まだなければゴールメッセージ全体の末尾を狙う。
-function goToGoalInChat(goalId){
+function goToGoalInChat(goalId, bindComposer = true){
   state.selectedGoal = goalId;
+  if (bindComposer) state.composerDetachedGoal = null;
   renderReplyBind();   // Feature A: the composer's "Replying to #NNN" chip follows the focused goal — renderStream() alone skips it (only render() calls it)
   renderStream();
   const goalEl = document.querySelector(`#stream [data-goalmsg="${goalId}"]`);
@@ -4663,8 +4703,17 @@ function renderTasks(){
       <div class="qansrow"><input type="text" data-qansinput="${g.id}" placeholder="Type your answer…"><button type="button" class="qbtn ok" data-qanssend="${g.id}" aria-label="Send">↑</button></div>
       <div class="qsub">${esc((g.text ?? '').replace(/\s+/g, ' ').slice(0, 54))}</div></div>`;
   }).join('');
-  const todo = questionCards
-    + grouped(todoShown, (t, i) => (i === 0 && !questionCards ? '<div class="upnextlbl">UP NEXT</div>' : '') + row(t, { drag: 1, idx: i }))
+  const approvalCards = pgoals.filter((g) => g.status === 'needsApproval' && g.approvalRequest).map((g) => {
+    const a = g.approvalRequest;
+    const scope = (a.scope || []).map((x) => `• ${esc(x)}`).join('\n');
+    return `<div class="qflow approvalflow" data-approvalgoal="${g.id}"><div class="qh">◆ Needs your approval</div><div class="qq">${esc(a.question || g.text)}</div>
+      ${scope ? `<div class="qscope">${scope}</div>` : ''}
+      <div class="qsub">${esc(a.action || 'continue')}</div>
+      <div class="qactions"><button type="button" class="qaction primary" data-approval="proceed" data-goal="${g.id}">Proceed</button><button type="button" class="qaction" data-approvaledit="${g.id}">Edit scope</button><button type="button" class="qaction cancel" data-approval="cancel" data-goal="${g.id}">Cancel</button></div>
+      <div class="qansrow" data-approvaleditrow="${g.id}" hidden><input type="text" data-approvalinput="${g.id}" placeholder="Describe the allowed scope…"><button type="button" class="qbtn ok" data-approval="edit" data-goal="${g.id}" aria-label="Apply and proceed">↑</button></div></div>`;
+  }).join('');
+  const needsYou = approvalCards + questionCards;
+  const todo = grouped(todoShown, (t, i) => (i === 0 ? '<div class="upnextlbl">UP NEXT</div>' : '') + row(t, { drag: 1, idx: i }))
     + (todoAll.length > TODO_LIMIT ? `<div class="more" data-todomore="1">${state.showAllTodo ? 'show less' : `more · +${todoAll.length - TODO_LIMIT}`}</div>` : '');
   // Reviews are numbered by their own original TODO number (task 118), not
   // by position in this list — that number matches the dialog header
@@ -4738,7 +4787,8 @@ function renderTasks(){
      <button type="button" class="pdel" data-pdel="${g.id}" title="Delete">✕</button></div>`).join('');
   const savedQAns = captureFocusedAnswerInput($('tasklist'), 'data-qansinput');
   $('tasklist').innerHTML =
-    sec('Attention', attention, 'attn')
+    sec('Needs you', needsYou, 'needsyou')
+    + sec('Attention', attention, 'attn')
     + sec(pickColumnLabel(cols, 'review', 'Review'), reviewDigest + review, 'reviewsec', reviewDefinitionFor(state.active).description, REVIEW_DEF_HINT)
     + sec(pickColumnLabel(cols, 'doing', 'Doing'), doing)
     + sec(pickColumnLabel(cols, 'todo', 'To do'), todo, 'todosec')
@@ -4920,6 +4970,25 @@ function renderTasks(){
   for (const b of $('tasklist').querySelectorAll('[data-qanswer]')) b.onclick = (e) => { e.stopPropagation(); answerQ(Number(b.dataset.qanswer), b.dataset.answer); };
   for (const b of $('tasklist').querySelectorAll('[data-qanssend]')) b.onclick = (e) => { e.stopPropagation(); const inp = $('tasklist').querySelector(`[data-qansinput="${b.dataset.qanssend}"]`); answerQ(Number(b.dataset.qanssend), inp && inp.value.trim()); };
   for (const inp of $('tasklist').querySelectorAll('[data-qansinput]')) inp.onkeydown = (e) => { if (e.key === 'Enter' && !e.isComposing) { e.preventDefault(); answerQ(Number(inp.dataset.qansinput), inp.value.trim()); } };
+  for (const b of $('tasklist').querySelectorAll('[data-approvaledit]')) b.onclick = (e) => {
+    e.stopPropagation();
+    const row = $('tasklist').querySelector(`[data-approvaleditrow="${b.dataset.approvaledit}"]`);
+    if (row) { row.hidden = !row.hidden; if (!row.hidden) row.querySelector('input')?.focus(); }
+  };
+  const decideApproval = async (goalId, decision, instruction = '') => {
+    const r = await fetch(withKey(`/api/goals/${goalId}/approval`), { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ decision, instruction }) });
+    if (!r.ok) showErr((await r.json().catch(() => null))?.error || 'Approval decision failed'); else await refresh();
+  };
+  for (const b of $('tasklist').querySelectorAll('[data-approval]')) b.onclick = (e) => {
+    e.stopPropagation();
+    const instruction = b.dataset.approval === 'edit' ? ($('tasklist').querySelector(`[data-approvalinput="${b.dataset.goal}"]`)?.value.trim() || '') : '';
+    if (b.dataset.approval === 'edit' && !instruction) return;
+    decideApproval(Number(b.dataset.goal), b.dataset.approval, instruction);
+  };
+  for (const inp of $('tasklist').querySelectorAll('[data-approvalinput]')) inp.onkeydown = (e) => {
+    if (e.key !== 'Enter' || e.isComposing || !inp.value.trim()) return;
+    e.preventDefault(); decideApproval(Number(inp.dataset.approvalinput), 'edit', inp.value.trim());
+  };
   // B mode: tap an "未送信" outbox row to resend it.
   for (const el of $('tasklist').querySelectorAll('[data-oresend]')) el.onclick = () => { const item = outbox.load().find((x) => x.oid === el.dataset.oresend); if (item) postOutboxItem(item); };
   const moreEl = $('tasklist').querySelector('[data-todomore]');
@@ -5318,7 +5387,7 @@ function closeReviewChecklist(){
   state.reviewOpenGoal = null;
   // task 86: レビュー画面からチャットへ戻る瞬間に、そのゴールの末尾(完了して
   // いれば結論サマリ)がすぐ見える位置へスクロールする。
-  if (goalId != null) goToGoalInChat(goalId);
+  if (goalId != null) goToGoalInChat(goalId, false);
 }
 function renderReviewChecklist(){
   const goalId = state.reviewOpenGoal;
@@ -6034,9 +6103,11 @@ async function sendReviewDismiss(text){
     if (body.task) upsert(state.tasks, body.task);
     $('reviewFixInput').value = '';
     reviewAttach = []; renderReviewAttach();
-    // A question changed nothing, so closing the card would hide the answer that is
-    // on its way. Only a reply that actually moved the goal closes it.
-    if (body.outcome !== 'answer') closeReviewChecklist();
+    // Keep the centre conversation focused on this work, but detach only the
+    // composer. Review is a live progress surface and stays open until Close.
+    state.selectedGoal = goal.id;
+    state.composerDetachedGoal = goal.id;
+    state.openThreads.add(goal.id);
     render();
   } catch { showErr('Dismiss failed.'); }
 }
@@ -6422,13 +6493,23 @@ function renderFsRail(){
     const pgoals = state.goals.filter((g) => g.projectId === p.id);
     // running dot (HANDOFF-v45 §11): a REAL running task, independent of selection —
     // .on already means "selected", .run means "actually doing work right now".
-    const running = ptasks.some((t) => t.status === 'running');
+    // Was ptasks.some(status==='running') only — missed goals sitting in the board's
+    // 'doing' bucket before their first task exists yet (e.g. still 'planning'), so a
+    // project the To Do/Kanban view showed as Doing kept a static dot in the rail
+    // (Masa report 2026-07-27: "全部doingなのに緑のアイコンが回ってない"). Match the
+    // same bucket the board/list already use, minus Paused (intentionally static).
+    const running = pgoals.some((g) => fsBoardBucket(g, ptasks) === 'doing'
+      && !(g.status === 'blocked' && g.blocked?.kind === 'paused'));
     const td = ptasks.filter((t) => ['running', 'queued'].includes(t.status)).length;
     const rev = buildReviewDigest({ goals: pgoals, tasks: ptasks }).length;
     const pcount = `<span class="pcount" title="${rev} review${rev === 1 ? '' : 's'} ready · ${td} to-do">`
       + `<span class="pc-item rev${rev ? '' : ' zero'}">${FS_ICO_SCAN}${rev}</span>`
       + `<span class="pc-item td">${FS_ICO_TD}${td}</span></span>`;
-    return `<button class="fsproj${p.id === state.active ? ' on' : ''}${running ? ' run' : ''}" data-fsproj="${p.id}"><i></i><span class="pname">${esc(p.name)}</span>${pcount}</button>`;
+    // The left dot itself, not just the count beside it, should read "review waiting"
+    // (Masa 2026-07-27: "青で表示されるのは左の◯もね") — reuses the same Review blue
+    // as pc-item.rev/.lbc-dot.rev. Running (spinning) wins when both are true.
+    const revCls = !running && rev ? ' rev' : '';
+    return `<button class="fsproj${p.id === state.active ? ' on' : ''}${running ? ' run' : ''}${revCls}" data-fsproj="${p.id}"><i></i><span class="pname">${esc(p.name)}</span>${pcount}</button>`;
   }).join('')
     + `<button class="fsprojadd" id="fsProjAdd" title="New project"><span class="pa-plus"></span><span class="pa-label">New project</span></button>`;
   // Skip the DOM swap when the rail is unchanged: re-creating .fsproj.run would restart the
@@ -6631,7 +6712,12 @@ function renderFsFeed(){
   if (!out && hasWork) {
     const laterN = pgoals.filter((g) => g.status === 'pending').length;
     const queuedN = ptasks.filter((t) => t.status === 'queued').length + pgoals.filter((g) => ['planning', 'stacked'].includes(g.status)).length;
-    const msg = running.length ? 'working…' : queuedN ? `${queuedN} queued · waiting to start` : laterN ? `no active task · ${laterN} saved in Later` : 'no active task';
+    const selectedQueued = [...ptasks].reverse().find((t) => t.status === 'queued' && t.goalId === state.selectedGoal)
+      ?? [...ptasks].reverse().find((t) => t.status === 'queued');
+    const queuedText = selectedQueued
+      ? `Queued · ${String(selectedQueued.title ?? '').replace(/\s+/g, ' ').slice(0, 90)} · waiting to start`
+      : `${queuedN} queued · waiting to start`;
+    const msg = running.length ? 'working…' : queuedN ? queuedText : laterN ? `no active task · ${laterN} saved in Later` : 'no active task';
     out = `<div class="cc-c">⎿  ${esc(msg)}</div>`;
   }
   $('fsRoot').classList.toggle('clawdhero', !hasWork);
@@ -6669,6 +6755,13 @@ async function fsAnswerQuestion(goalId, answer){
   catch { showErr('Failed to send answer'); return; }
   if (!r.ok) showErr('Failed to send answer'); else await refresh();
 }
+async function submitApprovalDecision(goalId, decision, instruction = ''){
+  if (decision === 'edit' && !String(instruction).trim()) return;
+  let r;
+  try { r = await fetch(withKey(`/api/goals/${goalId}/approval`), { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ decision, instruction }) }); }
+  catch { showErr('Approval decision failed'); return; }
+  if (!r.ok) showErr((await r.json().catch(() => null))?.error || 'Approval decision failed'); else await refresh();
+}
 async function fsRetryTask(id){
   const r = await fetch(withKey(`/api/tasks/${id}/retry`), { method: 'POST' });
   if (!r.ok) showErr('Retry failed.'); else await refresh();
@@ -6744,6 +6837,7 @@ function fsBoardBucket(goal, tasks){
   const s = goal?.status;
   if (s === 'pending') return 'later';                          // shelved by the composer's "Later"
   if (s === 'needsInput') return 'needs';                       // a clarifying question is waiting on the user
+  if (s === 'needsApproval') return 'needs';                    // an explicit go/no-go is waiting; never Review
   if (s === 'blocked' && goal?.blocked?.kind === 'paused') return 'doing'; // paused by user — stays in Doing, shown amber "Paused" (Masa 2026-07-19: 1カードのまま黄色に・Needs youへ移動しない)
   if (['blocked', 'failed', 'partial', 'interrupted'].includes(s)) return 'needs'; // stopped/errored — needs YOUR action (retry), like the flagship board which puts .drow.err in Needs you. Not "Doing" — Doing is only what's actively moving (Masa 2026-07-18)
   if (s === 'review' || s === 'folded') return 'review'; // folded (PR filed for review) reads as Review, not Doing — goalGroupStatus parity (Masa 2026-07-21)
@@ -6895,7 +6989,7 @@ function renderFsBoard(){
       col('To Do', 'var(--ink3)', bucket.todo.length, bucket.todo.map(goalCard).join(''), 'todo')
     + col('Doing', 'var(--green)', bucket.doing.length, bucket.doing.map(goalCard).join(''), 'doing')
     + (bucket.needs.length ? col('Needs you', '#ffca16', bucket.needs.length, bucket.needs.map(goalCard).join(''), 'needs') : '')
-    + col('Review', '#8390f2', reviewDigest.length, reviewDigest.map(reviewCard).join(''), 'review')
+    + col('Review', 'var(--review)', reviewDigest.length, reviewDigest.map(reviewCard).join(''), 'review')
     + col('Done', 'var(--ink3)', bucket.done.length, bucket.done.slice(0, 40).map(goalCard).join(''), 'done')
     + col('Later', 'var(--ink3)', bucket.later.length, bucket.later.map(goalCard).join(''), 'later');
   for (const b of el.querySelectorAll('[data-fsnew]')) b.onclick = () => $('input')?.focus(); // every + New / header + focuses the composer
@@ -6924,7 +7018,7 @@ function togglePauseActive(){
 // width. They announce themselves beside the List/Board toggle instead — pure read of the same
 // buckets the board just rendered (no server call). Colour on the dot only; a column already
 // in view sinks. Only the columns with items are drawn — zero waiting shows nothing.
-const FS_WAIT = [['needs', 'Needs you', '#ffca16'], ['review', 'Review', '#8390f2']];
+const FS_WAIT = [['needs', 'Needs you', '#ffca16'], ['review', 'Review', 'var(--review)']];
 function fsWaitPlace(){
   const bar = $('fsWait'), seg = $('fsTvSeg'), lane = $('fsLane');
   if (!bar || !seg || !lane) return;
@@ -6997,6 +7091,7 @@ function renderFsReview(){
     // retest ×3 note (v45 §5.3): the goal came back green from a Ledger Dismiss
     const g0 = pgoals.find((g) => g.id === r.goalIds[0]);
     const rnote = g0?.retest?.passed ? `<span class="rnote">✓ ${esc(g0.retest.note)}</span>` : '';
+    const incompleteNote = r.incompleteRequirementCount ? `<span class="rnote">${r.incompleteRequirementCount} requirement${r.incompleteRequirementCount === 1 ? '' : 's'} need review</span>` : '';
     const infraNote = r.verificationInfraError?.detail
       ? `<span class="rnote">検証基盤エラー · <button type="button" class="retrybtn" data-goalreverify="${r.goalIds[0]}">再検証</button></span>`
       : '';
@@ -7011,7 +7106,7 @@ function renderFsReview(){
     // (Masa 2026-07-20: this card showed reviewSummary.check "…が出ない" while the list
     // showed the request text). Plan-reviews keep their "PLAN — approve to execute:"
     // checkLine, which is the actionable label there, not a title mismatch.
-    return `<div class="rcard noimg" data-fsrev="${r.goalIds[0]}"><div class="rc"><div class="t">${rid}${esc(r.plan ? r.checkLine : saReviewTitle(g0))}</div>${rnote}${infraNote}${pr}${conflictNote}</div>
+    return `<div class="rcard noimg" data-fsrev="${r.goalIds[0]}"><div class="rc"><div class="t">${rid}${esc(r.plan ? r.checkLine : saReviewTitle(g0))}</div>${rnote}${incompleteNote}${infraNote}${pr}${conflictNote}</div>
       <div class="act"><button class="b" data-fsapprove="${ids}" title="Approve">✓</button><button class="b no" data-fsdismiss="${ids}" title="Send back">✕</button></div></div>`;
   };
   // V3-C (Masa決定 2026-07-07): no collapsed strip — it duplicated the sm2 meter right
@@ -7079,6 +7174,7 @@ function fsBucketTodo(){
     failed: list.filter((t) => ['failed', 'interrupted'].includes(t.status)),
     blocked: pgoals.filter((g) => g.status === 'blocked'),
     needsInput: pgoals.filter((g) => g.status === 'needsInput'), // a clarifying question is waiting on the user (board's "Needs you")
+    needsApproval: pgoals.filter((g) => g.status === 'needsApproval'),
     reviewGoals: pgoals.filter((g) => g.status === 'review'),
     queued: list.filter((t) => t.status === 'queued' && !t.reply).sort(byQueue),
     // A reply task's completion is already visible inline in the center-lane timeline
@@ -7186,7 +7282,7 @@ function errorButtonsHtml(meta, { taskId = null, goalId = null, interrupted = fa
 // error as a small in-row colour element (§1.5-8), quiet Done fold.
 function renderFsTodo(){
   const el = $('fsTodoSec'); if (!el) return;
-  const { pgoals, list, running, failed, blocked, needsInput, queued, doneAll, later, rejected } = fsBucketTodo();
+  const { pgoals, list, running, failed, blocked, needsInput, needsApproval, queued, doneAll, later, rejected } = fsBucketTodo();
   const paused = !!state.projects.find((p) => p.id === state.active)?.paused; // list版 Doing トグルの状態
   // 一時停止したゴール(blocked kind:'paused')は Doing に「Paused」1行で留める(Masa 2026-07-19)。
   // Needs you 側(failed/blocked)へは出さず、その走行/中断タスク行も抑止して二重行を作らない。
@@ -7276,7 +7372,10 @@ function renderFsTodo(){
       <div class="acts2">${errorButtonsHtml(meta, { goalId: g.id, agent: g.agent })}<button class="errbtn" data-fsarchive="${g.id}">Archive</button></div></div></div>`; }).join('')
     + needsInput.map((g) => `<div class="drow err int"><div class="trow now" data-fsgoalrow="${g.id}"><span class="st run int"></span>${noSpan(g.id)}<span class="tt">${tt(g.text || g.plan?.[0], 60)}</span><span class="stword int">Needs input</span></div>
       <div class="errline"><div class="msg"><span class="x int">?</span>${tt(g.question?.text || 'A question is waiting on you', 180)}</div>
-      <div class="acts2"><button class="errbtn" data-fsglog="${g.id}">Answer</button></div></div></div>`).join('');
+      <div class="acts2"><button class="errbtn" data-fsglog="${g.id}">Answer</button></div></div></div>`).join('')
+    + needsApproval.map((g) => { const a = g.approvalRequest || {}; const scope = (a.scope || []).join(' · '); return `<div class="drow err int"><div class="trow now" data-fsgoalrow="${g.id}"><span class="st run int"></span>${noSpan(g.id)}<span class="tt">${tt(a.question || g.text, 80)}</span><span class="stword int">Approval</span></div>
+      <div class="errline"><div class="msg"><span class="x int">?</span>${tt(scope || a.action || 'Permission required', 180)}</div>
+      <div class="acts2"><button class="errbtn" data-fsapproval="proceed" data-goal="${g.id}">Proceed</button><button class="errbtn" data-fsapprovaledit="${g.id}">Edit scope</button><button class="errbtn" data-fsapproval="cancel" data-goal="${g.id}">Cancel</button></div></div></div>`; }).join('');
   // Parked over-cap replies ride at the TOP of To Do (above the ordinary Next-up
   // queue), as neutral "Queued" rows — the same goal-row shape as a resumed Doing
   // goal but without the green "Working on it", because no worker is running yet.
@@ -7303,7 +7402,7 @@ function renderFsTodo(){
   // Keep executable work and deliberately-shelved Later work visibly distinct.
   // "To Do 6" while all six were in Later made an idle queue look broken: Later
   // never auto-starts by design. The header now tells the operational truth.
-  const needsCount = failed.filter((t) => !resumedGoalIds.has(t.goalId)).length + blocked.length + needsInput.length;
+  const needsCount = failed.filter((t) => !resumedGoalIds.has(t.goalId)).length + blocked.length + needsInput.length + needsApproval.length;
   const doingCount = running.length + finalizingGoals.length + pausedGoalIds.size;
   const nextCount = parkedReplyGoals.length + queued.length;
   // Free-tier pending counter (H22): on the free plan the header shows the wall
@@ -7374,6 +7473,14 @@ function renderFsTodo(){
   for (const b of el.querySelectorAll('[data-fsprretry]')) b.onclick = (e) => { e.stopPropagation(); fsRetryPrGoal(b); };
   for (const b of el.querySelectorAll('[data-fslog]')) b.onclick = () => fsToggleLog(Number(b.dataset.fslog));
   for (const b of el.querySelectorAll('[data-fsglog]')) b.onclick = () => toggleGoalDetail(Number(b.dataset.fsglog));
+  for (const b of el.querySelectorAll('[data-fsapproval]')) b.onclick = async (e) => {
+    e.stopPropagation(); await submitApprovalDecision(Number(b.dataset.goal), b.dataset.fsapproval);
+  };
+  for (const b of el.querySelectorAll('[data-fsapprovaledit]')) b.onclick = (e) => {
+    e.stopPropagation(); fsInlineInput(b.closest('.drow'), '', 'Describe the allowed scope…', async (instruction) => {
+      await submitApprovalDecision(Number(b.dataset.fsapprovaledit), 'edit', instruction);
+    });
+  };
   for (const b of el.querySelectorAll('[data-fsreverify]')) b.onclick = async () => {
     b.disabled = true; b.textContent = 'Starting…';
     let r; try { r = await fetch(withKey(`/api/goals/${b.dataset.fsreverify}/reverify`), { method: 'POST' }); }
@@ -8071,14 +8178,15 @@ function showBillingBlocked(blocked){
 
 const AUTH_COPY = {
   ja: {
-    connectTitle: '接続が必要です', connectBody: 'Claude Codeとの接続が切れています。ボタンから接続してください。', connect: 'Claude Codeを接続', retry: '接続を確認',
+    connectTitle: '接続が必要です', connectBody: 'Claude Codeとの接続が切れています。ボタンから接続してください。', connect: 'Claude Codeを接続', retry: '接続を確認', checking: '確認中…',
     limitTitle: 'Claudeは利用上限です', limitBody: '作業は安全に待機しています。すぐ続ける場合は、待機中のタスクをCodexへ切り替えられます。', limitWait: '作業は安全に待機しています。Claudeが再び使えるようになると自動で再開します。', codex: 'Codexで続ける',
   },
   en: {
-    connectTitle: 'Connect Claude Code', connectBody: 'Claude Code is disconnected. Use the button to reconnect and continue.', connect: 'Connect Claude Code', retry: 'Check connection',
+    connectTitle: 'Connect Claude Code', connectBody: 'Claude Code is disconnected. Use the button to reconnect and continue.', connect: 'Connect Claude Code', retry: 'Check connection', checking: 'Checking…',
     limitTitle: 'Claude limit reached', limitBody: 'Your work is safely waiting. Switch the waiting tasks to Codex if you want to continue now.', limitWait: 'Your work is safely waiting and will resume automatically when Claude is available.', codex: 'Continue with Codex',
   },
 };
+let authConnectionOpened = false;
 function renderAuthBanner(auth){
   const bar = $('errbar');
   state.auth = auth ?? state.auth;
@@ -8092,7 +8200,7 @@ function renderAuthBanner(auth){
       + `<div class="bx-q">${limited ? (canUseCodex ? copy.limitBody : copy.limitWait) : copy.connectBody}</div></div>`
       + `<div class="bx-act">${limited && canUseCodex
         ? `<button class="bx-cta" id="bxUseCodex">${copy.codex}</button>`
-        : limited ? '' : `<button class="bx-cta" id="bxConnectClaude">${copy.connect}</button><button class="bx-cta" id="bxRetryClaude">${copy.retry}</button>`}</div></div>`;
+        : limited ? '' : `<button class="bx-cta" id="bxClaudeAuthAction" data-auth-phase="${authConnectionOpened ? 'verify' : 'connect'}"><span class="bx-spin"></span><span data-auth-label>${authConnectionOpened ? copy.retry : copy.connect}</span></button>`}</div></div>`;
     bar.style.display = 'block';
     clearTimeout(errTimer); // this banner persists — no auto-hide
     const codex = bar.querySelector('#bxUseCodex');
@@ -8108,30 +8216,39 @@ function renderAuthBanner(auth){
       } catch (e) { showErr(e.message || 'Could not switch to Codex.'); }
       finally { codex.disabled = false; }
     };
-    const connect = bar.querySelector('#bxConnectClaude');
-    if (connect) connect.onclick = async () => {
-      connect.disabled = true;
-      try {
-        const r = await fetch(withKey('/api/worker-auth/connect'), { method: 'POST' });
-        if (!r.ok) throw new Error();
-        showToast(copy === AUTH_COPY.ja ? '接続画面を開きました。完了後に「接続を確認」を押してください。' : 'Connection opened. When finished, choose “Check connection”.');
-      } catch { showErr(copy === AUTH_COPY.ja ? '接続画面を開けませんでした。' : 'Could not open the connection.'); }
-      finally { connect.disabled = false; }
-    };
-    const retry = bar.querySelector('#bxRetryClaude');
-    if (retry) retry.onclick = async () => {
-      retry.disabled = true;
+    const authAction = bar.querySelector('#bxClaudeAuthAction');
+    if (authAction) authAction.onclick = async () => {
+      const phase = authAction.dataset.authPhase;
+      authAction.disabled = true;
+      authAction.classList.add('loading');
+      const label = authAction.querySelector('[data-auth-label]');
+      if (label) label.textContent = phase === 'verify' ? copy.checking : copy.connect;
       try {
-        const r = await fetch(withKey('/api/worker-auth/retry'), { method: 'POST' });
+        const endpoint = phase === 'verify' ? '/api/worker-auth/retry' : '/api/worker-auth/connect';
+        const r = await fetch(withKey(endpoint), { method: 'POST' });
         const body = await r.json().catch(() => ({}));
         if (!r.ok) throw new Error();
-        renderAuthBanner(body.auth);
-        if (body.auth?.ok) showToast(copy === AUTH_COPY.ja ? '接続できました。' : 'Connected.');
-      } catch { showErr(copy === AUTH_COPY.ja ? 'まだ接続できていません。' : 'Not connected yet.'); }
-      finally { retry.disabled = false; }
+        if (phase === 'connect') {
+          authConnectionOpened = true;
+          renderAuthBanner(state.auth);
+          showToast(copy === AUTH_COPY.ja ? '接続画面を開きました。完了後に「接続を確認」を押してください。' : 'Connection opened. When finished, choose “Check connection”.');
+        } else {
+          renderAuthBanner(body.auth);
+          if (body.auth?.ok) showToast(copy === AUTH_COPY.ja ? '接続できました。' : 'Connected.');
+        }
+      } catch {
+        showErr(phase === 'verify'
+          ? (copy === AUTH_COPY.ja ? 'まだ接続できていません。' : 'Not connected yet.')
+          : (copy === AUTH_COPY.ja ? '接続画面を開けませんでした。' : 'Could not open the connection.'));
+      } finally {
+        authAction.disabled = false;
+        authAction.classList.remove('loading');
+        if (label) label.textContent = phase === 'verify' ? copy.retry : copy.connect;
+      }
     };
   } else if (authDown) {
     authDown = false;
+    authConnectionOpened = false;
     bar.classList.remove('billing');
     bar.style.display = 'none';
     bar.innerHTML = '';
@@ -8858,6 +8975,10 @@ const REPLY_PLAIN = new Set(['running', 'partial', 'failed', 'interrupted', 'blo
 function replyBinding(){
   const id = state.selectedGoal;
   if (id == null) return null;
+  // Focus and reply-target are separate concepts. A Review reply keeps this goal
+  // selected so its live work remains in the centre feed, while the composer goes
+  // back to new-goal mode and shows no stale “Replying to” chip.
+  if (state.composerDetachedGoal === id) return null;
   const g = state.goals.find((x) => x.id === id);
   if (!g || g.projectId !== state.active) return null;   // stale after a project switch → new-goal mode
   // needsInput has NO worker session yet (planGoal() sets it before any task/worker
@@ -8932,10 +9053,9 @@ async function send(){
         const body = await replyToGoal(bind.goal.id, fullText, '#input');
         if (body) {
           upsert(state.goals, body.goal); if (body.task) upsert(state.tasks, body.task);
-          // A Review reply is a one-shot handoff. Keeping the composer bound
-          // afterwards adds a redundant “Replying to #N” banner and makes the
-          // next, unrelated instruction easy to send to the old goal by mistake.
-          state.selectedGoal = null;
+          // Keep the goal selected for the centre feed; detach only the composer.
+          state.composerDetachedGoal = bind.goal.id;
+          state.openThreads.add(bind.goal.id);
           render();
         }
       } else {
@@ -9221,6 +9341,14 @@ function saRowFromDigest(r, gs, ts){
       title: saReviewTitle(g),
       check: String(g?.reviewSummary?.check || r.checkLine || '').replace(/\s+/g, ' ').trim(),
       goalText: String(g?.text ?? '').replace(/\s+/g, ' ').trim(),
+      // Server supplies this fact-only ledger for new reviews. Older reviews
+      // simply omit it, so the UI remains backward compatible during rollout.
+      attempt: g?.reviewAttempt ?? null,
+      unmappedChangedFiles: outcome?.unmappedChangedFiles ?? [],
+      requirementVerification: outcome?.requirementVerification ?? null,
+      requirementCoverage: ts.filter((t) => t.goalId === g?.id && (t.detail || t.title)).sort((a, b) => (a.num ?? 0) - (b.num ?? 0)).map((t) => ({ text: String(t.reply ? t.detail : t.title).replace(/\s+/g, ' ').trim(), taskStatus: t.status, evidenceStatus: t.requirementEvidence?.requirements?.[0]?.status ?? null })),
+      requirementEvidence: outcome?.requirementEvidence?.requirements ?? [],
+      requirementCoverage: ts.filter((t) => t.goalId === g?.id && (t.detail || t.title) && (!t.reply || !t.replyFrom || t.replyFrom === 'you')).sort((a, b) => (a.num ?? 0) - (b.num ?? 0)).map((t) => ({ text: String(t.reply ? t.detail : t.title).replace(/\s+/g, ' ').trim(), status: t.status })),
       did, siblings, risk: g?.risk ?? null,
       verificationInfraError: g?.verificationInfraError ?? r.verificationInfraError ?? null,
       prNote: g?.prNote ?? null,
@@ -9726,6 +9854,44 @@ function saItemHtml(it, i){
   const reqSec = !it.goalText ? '' : reqFold
     ? `<section class="rsec rreq"><div class="rsec-h">Request</div><details class="lacc" data-detkey="${gk}:req"${reqOpen ? ' open' : ''}><summary><i class="ltog">›</i><p class="rbody rask lfirst">${esc(reqPeek)}</p></summary><div class="lbody"><p class="rbody rask">${esc(it.goalText)}</p></div></details></section>`
     : `<section class="rsec rreq"><div class="rsec-h">Request</div><p class="rbody rask">${esc(it.goalText)}</p></section>`;
+  // The active attempt is intentionally a compact fact row, not a second
+  // interpretation of the request. It makes the latest reply, files and
+  // verification visible together while prior attempts stay in Conversation.
+  const attempt = it.attempt;
+  const activeText = String(attempt?.activeRequirement?.text || '').replace(/\s+/g, ' ').trim();
+  const attemptFiles = Array.isArray(attempt?.changedFiles) ? attempt.changedFiles.filter(Boolean) : [];
+  const attemptTests = attempt?.verification?.tests;
+  const attemptProof = attempt?.verification?.proof;
+  const attemptEvidence = [
+    attemptFiles.length ? `Changed: ${attemptFiles.join(' · ')}` : '',
+    attemptTests?.ran ? `Tests: ${attemptTests.passed ?? 0} passed${attemptTests.failed ? ` / ${attemptTests.failed} failed` : ''}` : '',
+    attemptProof?.pass === true ? 'Proof recorded' : '',
+  ].filter(Boolean).join(' · ');
+  const attemptSec = activeText || attemptEvidence
+    ? `<section class="rsec"><div class="rsec-h">This review</div>${activeText ? `<p class="rbody rask">${esc(activeText)}</p>` : ''}${attemptEvidence ? `<p class="rbody v">${esc(attemptEvidence)}</p>` : ''}</section>`
+    : '';
+  const reqVerify = it.requirementVerification;
+  const reqVerifyParts = [
+    reqVerify?.proof?.verified ? 'Independent proof recorded' : reqVerify?.proof ? 'Proof recorded' : '',
+    reqVerify?.run?.url ? `Open it: ${reqVerify.run.url}` : '',
+    Array.isArray(reqVerify?.changedFiles) && reqVerify.changedFiles.length ? `Files: ${reqVerify.changedFiles.join(' · ')}` : '',
+  ].filter(Boolean);
+  const reqVerifySec = reqVerifyParts.length ? `<section class="rsec"><div class="rsec-h">Requirement verification</div><p class="rbody v">${esc(reqVerifyParts.join(' · '))}</p></section>` : '';
+  const coverageRows = (it.requirementCoverage || []).filter((r) => r.text).map((r) => {
+    const status = r.evidenceStatus || r.taskStatus;
+    const tone = status === 'addressed' || status === 'done' ? 'ok' : status === 'partial' ? '' : 'dim';
+    return `<p class="rbody v"><b class="${tone}">${esc(status)}</b> · ${esc(r.text)}</p>`;
+  }).join('');
+  const coverageSec = coverageRows ? `<section class="rsec"><div class="rsec-h">Requirement coverage</div>${coverageRows}</section>` : '';
+  // Worker-declared evidence is displayed verbatim as an auditable label, not
+  // promoted into a Manager verdict. Empty means the worker did not provide it.
+  const evidenceRows = (it.requirementEvidence || []).map((entry) => {
+    const tone = entry.status === 'addressed' ? 'ok' : entry.status === 'partial' ? '' : 'dim';
+    return `<p class="rbody v"><b class="${tone}">${esc(entry.status)}</b> · ${esc(entry.evidence || entry.id)}</p>`;
+  }).join('');
+  const evidenceSec = evidenceRows ? `<section class="rsec"><div class="rsec-h">Requirement evidence</div>${evidenceRows}</section>` : '';
+  const userCoverageRows = (it.requirementCoverage || []).filter((r) => r.text).map((r) => `<p class="rbody v"><b class="${r.status === 'done' ? 'ok' : 'dim'}">${esc(r.status)}</b> · ${esc(r.text)}</p>`).join('');
+  const userCoverageSec = userCoverageRows ? `<section class="rsec"><div class="rsec-h">User requirements</div>${userCoverageRows}</section>` : '';
   // ── Open it (Masa 2026-07-22): a plain section in the card's own typography — the same
   // heading + body shape as Request and Result, not a chip in another vocabulary. The
   // address the worker declared IS the control (press it → the process starts on demand →
@@ -9843,7 +10009,11 @@ function saItemHtml(it, i){
   const diffHtml = it.ghRows
     ? saGhDiffRowsHtml(it.ghRows, it.diffTotal || 0, it.pr || '', gk)
     : hasGitDiff ? saGhDiffHtml(d.diff, it.pr, gk) : clientDiff ? saGhDiffHtml(clientDiff, it.pr, gk) : '';
-  const changedBody = isConv ? '' : (changedDescHtml + filesListHtml + diffHtml);
+  const unmapped = Array.isArray(it.unmappedChangedFiles) ? it.unmappedChangedFiles.filter(Boolean) : [];
+  // "Unmapped" is a fact: these measured changes were not named in worker
+  // evidence. It is intentionally not labelled unrelated or wrong.
+  const unmappedHtml = unmapped.length ? `<p class="rbody v">Not mapped to a requirement: ${esc(unmapped.join(' · '))}</p>` : '';
+  const changedBody = isConv ? '' : (changedDescHtml + filesListHtml + unmappedHtml + diffHtml);
   // ── sensitive-area note (real: classifyChangeRisk forced the pause) ──
   const risk = it.risk;
   const riskHtml = risk?.shouldPause
@@ -9928,8 +10098,18 @@ function saItemHtml(it, i){
   // interrupted goal is amber+resumable, everything else stopped is a red error.
   const attnInt = gstatus === 'interrupted' || Boolean(it.interruptedTask);
   const attnLabel = attnInt ? 'Interrupted — resume available' : gstatus === 'blocked' ? 'Blocked' : 'Failed';
+  const liveReply = [...state.tasks].reverse().find((t) => t.goalId === it.goalId && t.reply);
+  const liveWorkLabel = liveReply?.status === 'queued'
+    ? 'Queued · To Do'
+    : liveReply?.status === 'running'
+      ? 'Working on it · Doing'
+      : it.goal?.status === 'review'
+        ? 'Ready for review'
+        : it.goal?.status === 'failed' || it.goal?.status === 'partial'
+          ? 'Needs attention'
+          : 'Working on it';
   const rst = working
-    ? '<span class="rst working"><span class="rdot"></span>Working on it</span>'
+    ? `<span class="rst working"><span class="rdot"></span>${liveWorkLabel}</span>`
     : attn
     ? `<span class="rst ${attnInt ? 'int' : 'err'}"><span class="rdot"></span>${attnLabel}</span>`
     : '<span class="rst"><span class="rdot"></span>In review</span>';
@@ -9938,6 +10118,11 @@ function saItemHtml(it, i){
     <h2 class="rtitle">${esc(it.title)}</h2>
     ${meta}
     ${reqSec}
+    ${attemptSec}
+    ${coverageSec}
+    ${evidenceSec}
+    ${reqVerifySec}
+    ${userCoverageSec}
     ${S('Open it', openBody)}
     ${S('Run state', interruptedBody)}
     ${S('PR', prRepairBody)}
@@ -10098,7 +10283,22 @@ function saRender(){
 function saSync(){
   if (!SA.open) return;
   const ae = document.activeElement;
-  if (ae && $('seeall').contains(ae) && ae.tagName === 'INPUT') return;
+  // Do not erase text while the reviewer is typing. Once Send clears the box,
+  // focus alone must not freeze To Do / Doing / Review status updates.
+  if (ae && $('seeall').contains(ae) && ae.tagName === 'INPUT' && ae.value) return;
+  // Working cards are intentionally absent from the Review ledger rows after the
+  // server moves them to To Do / Doing. Keep their held dialog snapshot wired to
+  // live goal/task state so the status changes in place instead of disappearing.
+  for (const ex of SA.items.filter((x) => x.st === 3)) {
+    const liveGoal = state.goals.find((g) => g.id === ex.goalId);
+    if (liveGoal) ex.goal = liveGoal;
+    const activeReply = state.tasks.some((t) => t.goalId === ex.goalId && t.reply && ['queued', 'running'].includes(t.status));
+    if (liveGoal?.status === 'review' && !activeReply) {
+      ex.st = 0;
+      ex.rstatus = null;
+      ex.inflight = false;
+    }
+  }
   const rows = saLedgerRows();
   for (const row of rows) {
     const ex = SA.items.find((x) => x.goalId === row.goalId);
@@ -10196,42 +10396,24 @@ async function saReplyCall(it, text, outcome){
   if (!r?.ok) throw new Error('reply failed');
   return r.json().catch(() => null);
 }
-// Once feedback becomes rework, remove it from Review immediately and repaint the board
-// from the response. A queued reply appears in To Do; the next worker event promotes it to
-// Doing. Questions/unsure replies keep status=review and never come through this function.
-function saMoveFeedbackOutOfReview(it, body){
+// Once feedback becomes rework, keep the card as a live progress surface until the
+// reviewer closes it. The lane behind the dialog still moves immediately to To Do / Doing,
+// and the centre conversation follows the same goal; only the Review card snapshot is held.
+function saKeepFeedbackLive(it, body){
   const goal = body?.goal;
   const task = body?.task;
   if (goal?.id) upsert(state.goals, goal);
   if (task?.id) upsert(state.tasks, task);
-  const at = SA.items.findIndex((row) => row.goalId === it.goalId);
-  const next = at >= 0 ? (SA.items[at + 1] || SA.items[at - 1]) : null;
-  // Was the reviewer actually looking at the card that just left Review (vs having already
-  // scrolled past it to read another one)? If it's fully above the visible scroll area, the
-  // reviewer is reading something else — snapping the view to the next card's top would yank
-  // it out from under them (Masa 2026-07-26: replying to the card above and having the one
-  // you're reading jump to the top was reported as stressful).
-  const bodyEl = document.querySelector('#seeall .sa-body');
-  const cardEl = saCardEl(it.goalId);
-  const priorScrollTop = bodyEl?.scrollTop ?? 0;
-  const removedHeight = cardEl ? cardEl.getBoundingClientRect().height : 0;
-  const cardAboveViewport = !!(cardEl && bodyEl && cardEl.getBoundingClientRect().bottom <= bodyEl.getBoundingClientRect().top + 1);
-  if (at >= 0) SA.items.splice(at, 1);
+  it.goal = goal ?? state.goals.find((g) => g.id === it.goalId) ?? it.goal;
+  it.st = 3;
+  it.inflight = false;
+  it.rstatus = 'working';
+  SA.cur = it.goalId;
+  state.selectedGoal = it.goalId;
+  state.composerDetachedGoal = it.goalId;
+  state.openThreads.add(it.goalId);
   render();
-  if (SA.solo === it.goalId || !SA.items.length) { saRender(); saClose(); return; }
-  SA.cur = next?.goalId ?? SA.items[0]?.goalId ?? null;
-  if (cardAboveViewport) {
-    // Keep reading where we were: compensate for the removed card's height instead of
-    // forcing a scroll-to-top of whatever is now "current".
-    SA.focusGid = null;
-    saRender();
-    const newBody = document.querySelector('#seeall .sa-body');
-    if (newBody) newBody.scrollTop = Math.max(0, priorScrollTop - removedHeight);
-  } else {
-    SA.focusGid = SA.cur;
-    SA.focusScrolled = false;
-    saRender();
-  }
+  saPaintCard(it.goalId);
 }
 function saCardEl(goalId){ return document.querySelector(`#seeall .sa-item[data-gid="${goalId}"]`); }
 // Flip one card to its "Working on it" head without redrawing anything else (決定2).
@@ -10240,7 +10422,13 @@ function saFlipWorking(goalId){
   if (!card) return;
   card.classList.add('working');
   const rst = card.querySelector('.rhead .rst');
-  if (rst) { rst.className = 'rst working'; rst.innerHTML = '<span class="rdot"></span>Working on it'; }
+  const it = SA.items.find((x) => x.goalId === goalId);
+  const liveReply = [...state.tasks].reverse().find((t) => t.goalId === goalId && t.reply);
+  const label = liveReply?.status === 'queued' ? 'Queued · To Do'
+    : liveReply?.status === 'running' ? 'Working on it · Doing'
+    : it?.goal?.status === 'review' ? 'Ready for review'
+    : 'Working on it';
+  if (rst) { rst.className = 'rst working'; rst.innerHTML = `<span class="rdot"></span>${label}`; }
 }
 // Repaint one card's reply thread IN PLACE from its client state — no saRender, so nothing
 // above the box moves. Header is flipped to "Working on it" iff the card is in that state,
@@ -10334,7 +10522,7 @@ async function saSendReply(it, i, text){
     // A change request has left Review. The response is the source of truth for whether it
     // is queued (To Do) or already starting (Doing); reveal that transition immediately.
     if (body?.goal && body.goal.status !== 'review') {
-      saMoveFeedbackOutOfReview(it, body);
+      saKeepFeedbackLive(it, body);
       return;
     }
     // split keeps the original goal in Review; only the newly-created ticket moves away.
@@ -11057,7 +11245,7 @@ $('filein').addEventListener('change', () => {
   $('filein').value = '';
 });
 // Feature A: ✕ on the "Replying to #NNN" chip detaches → back to new-goal mode.
-$('replyBindX').onclick = () => { state.selectedGoal = null; render(); };
+$('replyBindX').onclick = () => { state.composerDetachedGoal = state.selectedGoal; render(); };
 const IS_MOBILE = () => window.matchMedia('(max-width: 760px)').matches;
 // Phones are chat-first: the Tasks sheet starts FOLDED so the first view is the
 // conversation + composer (the sheet is an 88vw overlay — default-open buried
@@ -11699,7 +11887,7 @@ function gearHistHTML(){
   };
   // History = everything you've sent, newest first (not only settled goals —
   // that felt empty). Each row gets a status glyph; unknown states fall back.
-  const MARK = { done: ['ok', '✓'], reverted: ['no', '↩'], skipped: ['ar', '—'], failed: ['no', '✕'], interrupted: ['ar', '⏸'], review: ['rv', '●'], running: ['run', '…'], planning: ['run', '…'], stacked: ['ar', '·'], needsInput: ['rv', '?'] };
+  const MARK = { done: ['ok', '✓'], reverted: ['no', '↩'], skipped: ['ar', '—'], failed: ['no', '✕'], interrupted: ['ar', '⏸'], review: ['rv', '●'], running: ['run', '…'], planning: ['run', '…'], stacked: ['ar', '·'], needsInput: ['rv', '?'], needsApproval: ['rv', '?'] };
   const evs = (state.goals || [])
     .filter((g) => g.projectId === state.active)
     .map((g) => ({ g, ts: goalTs(g) })).sort((a, b) => b.ts - a.ts);