@galda/cli 0.10.104 → 0.10.106

package/app/index.html

@@ -877,6 +877,23 @@
      reviewed goal has no g.pr — one card per requirement (task) with its
      proof video, Approve/Dismiss, and a revision-request chat. */
   .reviewmodal{width:640px;max-height:74vh;overflow-y:auto}
+  /* goal-806/#851 案3: 複数レビュー内でどのタスクを見ているか掴めるよう、左に
+     細い番号レール。IntersectionObserver でスクロール位置に連動してハイライトし、
+     クリックで気持ちよく（smooth）その見出し頭へジャンプできる。1件しか
+     requirement が無いレビューでは要らないので JS 側で .show を切り替える。 */
+  .reviewmodal{display:flex;align-items:flex-start;gap:0}
+  .revrail{position:sticky;top:0;align-self:flex-start;flex:0 0 auto;width:0;overflow:hidden;
+    display:flex;flex-direction:column;align-items:center;padding-top:1px}
+  .revrail.show{width:30px;margin-right:12px}
+  .revrail button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;
+    gap:4px;padding:7px 0;width:100%;color:var(--ink3);font:600 10px/1 var(--mono);transition:color .15s}
+  .revrail button .bar{width:3px;height:16px;border-radius:2px;background:var(--hair2);transition:background .15s,height .15s}
+  .revrail button.on{color:var(--ink)}
+  .revrail button.on .bar{background:var(--green);height:24px}
+  /* task-971: 白黒(モノクロ)版 — ?railmono=1 で緑を使わずinkの濃淡だけで
+     現在地を示す比較用バリアント。配色を使わない代替案の見え方を確認するため。 */
+  .revrail.mono button.on .bar{background:var(--ink)}
+  .revbody{flex:1;min-width:0}
   .revsummary{margin:-4px 0 12px}
   /* task 96: recap block shared by the checklist top summary and the chat导线 */
   .rvhead{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--ink2);font-weight:700}
@@ -953,7 +970,7 @@
   @keyframes upcelflash{0%{transform:scale(.4);opacity:.95}100%{transform:scale(3);opacity:0}}
   @media (prefers-reduced-motion:reduce){ .upcel.show .upcelflash{animation:none;opacity:0} }
   .reqlist{display:flex;flex-direction:column;gap:12px}
-  .reqcard{border:1px solid var(--hair2);border-radius:14px;padding:14px 16px;background:var(--paper);transition:border-color .15s,background-color .15s}
+  .reqcard{border:1px solid var(--hair2);border-radius:14px;padding:14px 16px;background:var(--paper);transition:border-color .15s,background-color .15s;scroll-margin-top:8px}
   .reqcard.approved{border-color:rgba(var(--green-rgb),.5);background:rgba(var(--green-rgb),.05)}
   .reqcard.dismissed{border-color:rgba(var(--danger-rgb),.45);background:rgba(var(--danger-rgb),.05)}
   .reqhead{display:flex;align-items:baseline;gap:8px}
@@ -1080,7 +1097,7 @@
      sentence-case UI section heads, 14px --ink body prose, canvas log box. Same
      IDs/classes/markup as before — ONLY the look changes. Behaviour is unchanged
      (Approve stays hidden for failed; failure brief / Archive / send-back shown).
-     All tokens (--panel/--hair/--ink*/--canvas/--ui/--mono) so it adapts per theme. */
+     All tokens (--panel/--hair/--ink family/--canvas/--ui/--mono) so it adapts per theme. */
   .gdoverlay .modal{width:min(680px,94%);max-height:min(86vh,760px);display:flex;flex-direction:column;position:relative;overflow:hidden;
     background:var(--panel);border:0;border-radius:18px;padding:0;
     box-shadow:0 18px 54px -18px rgba(15,17,40,.30),0 0 0 1px var(--hair);
@@ -1581,16 +1598,19 @@
     background:var(--panel);color:var(--ink);font:400 12.5px/1 var(--ui);padding:0 44px 0 12px;outline:none}
   #fsRoot .cc-ask .answ-inline input:focus{border-color:color-mix(in srgb,var(--blue) 55%,var(--hair2))}
   #fsRoot .cc-ask .answ-inline .sa-send{right:5px}
-  /* Delete (trash) stays hover-revealed, pinned top-right of the card (§1.5-10 —
-     icon buttons are never a permanent fixture); restores the「Needs your answer」
-     discard path. */
-  #fsRoot .cc-ask .acts{position:absolute;top:8px;right:8px;display:flex;opacity:0;transition:opacity .15s}
-  #fsRoot .cc-ask:hover .acts{opacity:1}
-  /* Touch devices have no hover → the hover-only trash was permanently invisible
-     and the「Needs your answer」card had no reachable discard path (Masa
-     2026-07-16: 右上のdeleteが押せない). Reveal it (dimmed, so it still reads as
-     secondary per §1.5-10) whenever the pointer can't hover. */
-  @media (hover: none){ #fsRoot .cc-ask .acts{opacity:.55} }
+  /* Which request this question belongs to, on the label's own line: "#835 モバイル
+     でGalda is offline…". Not the mono/uppercase/blue of the label itself — that
+     vocabulary means "this is a Question"; the goal is ordinary prose, and it is
+     dim because it identifies rather than asks (§5.5 薄く・騒がない). */
+  #fsRoot .cc-ask-of{font-family:var(--ui);font-size:11px;letter-spacing:0;text-transform:none;
+    color:var(--ink3);margin-left:8px}
+  /* Third question onward: a count, not a card (§1.5-8). A line of text, no box —
+     the box is what would take the room this is trying to save. */
+  #fsRoot .cc-ask-more{font-size:11px;color:var(--ink3);margin:4px 0 2px 2px}
+  /* A trash used to sit here, hover-revealed top-right. It called fsTaskDelete —
+     it deleted the GOAL — from a card that did not say which goal it was, next to
+     the answer box (Masa 2026-07-29). Deleting lives on the card and in the right
+     lane, where the thing being deleted is named. */
   #fsRoot .qchips{display:flex;gap:6px;flex-wrap:wrap}
   #fsRoot .achip{height:28px;padding:0 12px;border-radius:8px;border:1px solid var(--hair2);background:var(--panel);
     color:var(--ink2);font:inherit;font-size:12.5px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
@@ -1903,7 +1923,12 @@
   .sa-hd .keys{margin-left:auto;font:500 9px/1 var(--mono);color:var(--ink3);letter-spacing:.08em}
   .sa-x{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--ink3);font-size:15px;cursor:pointer}
   .sa-x:hover{color:var(--ink);background:transparent}
-  .sa-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 22px 22px;scrollbar-width:none;display:flex;flex-direction:column;gap:12px;align-items:center}
+  /* goal-806/#851 案3: 複数のレビュー(sa-item)を縦スクロールで読んでいるとき、
+     どれが何件目かを左の細いレールで示す。sa-hd の "N / M" は明示アクション
+     (↑↓/クリック/Approve)でしか動かないので、素のスクロールでは追従しない
+     ——ここだけスクロール位置に連動してハイライトする。 */
+  .sa-mid{flex:1;min-height:0;display:flex;align-items:stretch}
+  .sa-body{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;padding:16px 22px 22px;scrollbar-width:none;display:flex;flex-direction:column;gap:12px;align-items:center}
   .sa-body::-webkit-scrollbar{display:none}
   .sa-item{background:var(--panel);border-radius:16px;box-shadow:0 1px 2px rgba(20,23,31,.05),0 0 0 1px var(--hair);padding:16px 18px;position:relative;width:min(720px,96%)}
   /* H14: single-review tap → the See-all card flashes a blue ring to guide the eye */
@@ -2192,6 +2217,14 @@
   .redesign .rshot:last-child{margin-bottom:0}
   .redesign .rshot img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--hair)}
   .redesign .rshot figcaption{margin-top:6px;font-family:var(--mono);font-size:11px;color:var(--ink3)}
+  /* older shots from the same attempt fold away by default — the newest one already
+     shows open; this is a manual "show more", not another auto-stacking pile. */
+  .redesign .rshotfold{margin-top:8px}
+  .redesign .rshotfold summary{cursor:pointer;font-family:var(--mono);font-size:11px;color:var(--ink3);list-style:none}
+  .redesign .rshotfold summary::-webkit-details-marker{display:none}
+  .redesign .rshotfold summary:before{content:'▸ ';color:var(--ink3)}
+  .redesign .rshotfold[open] summary:before{content:'▾ '}
+  .redesign .rshotfold .rshot{margin-top:12px}
   /* before/after pair + the red box over what actually changed (pixel-diffed here from
      the worker's own two shots — no box appears unless the pixels really differ) */
   .redesign .beforeafter .proofimg{width:100%;height:auto;max-height:none;object-fit:initial;display:block;border-radius:8px;border:1px solid var(--hair)}
@@ -2224,17 +2257,41 @@
      Replaces the single Request paragraph + separate "This review" section. */
   .redesign .rqlist{display:flex;flex-direction:column;gap:12px;margin-top:2px}
   .redesign .rqit{display:flex;gap:10px;align-items:baseline}
-  .redesign .rqit .rqn{flex:0 0 16px;font:600 12px/1.5 var(--mono);color:var(--ink3);font-variant-numeric:tabular-nums}
+  .redesign .rqit .rqn{flex:0 0 16px;font:600 12px/1.5 var(--mono);color:var(--ink2);font-variant-numeric:tabular-nums}
   .redesign .rqit .rqbody{flex:1;min-width:0}
   /* §2 forces .rask to full-contrast ink !important everywhere else in the card (it's
      the user's own words, never faded) — the Request stack is the one place that rule
      is deliberately overridden: only the LATEST ask reads at full weight. */
   .redesign .rqit .rqbody .rbody.rask{color:var(--ink2) !important}
-  .redesign .rqit.latest .rqn{color:var(--blue,#7C9EFF)}
-  .redesign .rqit.latest .rqbody .rbody.rask{color:var(--ink) !important;font-weight:600}
+  /* latest = monochrome (ink), not blue — a color for "current" competes with the review
+     state dot/PR green elsewhere on the card (Masa 2026-07-29 follow-up). Weight B from
+     the A/B compare (Masa picked B 2026-07-29): number stays ink2, body drops to 500 —
+     calmer than the shipped bold ink. */
+  .redesign .rqit.latest .rqn{color:var(--ink2)}
+  .redesign .rqit.latest .rqbody .rbody.rask{color:var(--ink) !important;font-weight:500}
+  /* Request stack cap (Masa 2026-07-29): middle asks collapse into one dots-only row,
+     no label text, no "collapsing" wording — tap to expand in place. */
+  .redesign .rqfold-row{margin:0;cursor:pointer}
+  .redesign .rqfold-row>summary{list-style:none;display:flex;align-items:center;justify-content:center;padding:2px 0;border-radius:8px;font:600 13px/1 var(--mono);color:var(--ink3);letter-spacing:.08em}
+  .redesign .rqfold-row>summary::-webkit-details-marker{display:none}
+  .redesign .rqfold-row>summary:hover{background:var(--hover-s,rgba(255,255,255,.05));color:var(--ink)}
+  .redesign .rqfold-row .rqmid{display:flex;flex-direction:column;gap:12px;margin-top:12px}
   /* Changed/Tests aligns with the request TEXT, not the number/chevron — same 18px
      the fold body below uses, so both sit under the same column (Masa 2026-07-29). */
   .redesign .rqit .rqev{font-size:12px;color:var(--ink3);margin:5px 0 0;padding-left:18px}
+  /* Canonical requirement coverage: one compact ledger, not three competing
+     interpretations. Status is text + a small rule/mark (no badge surface),
+     and Manager checks stay visually distinct from worker claims. */
+  .redesign .rqcov{display:flex;flex-direction:column;margin-top:2px}
+  .redesign .rqcov-row{padding:11px 0;border-top:1px solid var(--hair)}
+  .redesign .rqcov-row:first-child{padding-top:0;border-top:0}
+  .redesign .rqcov-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:baseline}
+  .redesign .rqcov-text{font-size:13.5px;line-height:1.55;color:var(--ink)}
+  .redesign .rqcov-state{font:600 10px/1.4 var(--mono);letter-spacing:.02em;color:var(--ink3);white-space:nowrap}
+  .redesign .rqcov-state.verified{color:var(--green)}
+  .redesign .rqcov-state.failed{color:var(--danger)}
+  .redesign .rqcov-detail{margin-top:5px;font-size:11.5px;line-height:1.55;color:var(--ink3)}
+  .redesign .rqcov-detail b{font-weight:600;color:var(--ink2)}
   /* A long ask folds with the SAME .lacc pulldown Activity/Conversation use — chevron on
      the peek line, body is the genuine rest (no duplicate, no trailing "…": Masa
      2026-07-29 flagged both the vertical anchor line and the "…" as unnecessary — the
@@ -3267,6 +3324,8 @@
 
 <div class="overlay revfloat" id="reviewOverlay">
   <div class="modal reviewmodal">
+    <div class="revrail" id="reviewRail"></div>
+    <div class="revbody">
     <div class="revcount" id="reviewCount">REVIEW</div>
     <h3 id="reviewGoalTitle">Review</h3>
     <p id="reviewIntro">Review each requirement with its capture and approve it individually — approved ones fold away. Or approve the whole goal below to send it straight to Done; the next review pops in automatically. Tap outside to close.</p>
@@ -3292,6 +3351,7 @@
       <input type="text" id="reviewFixInput" placeholder="Type fix instructions (attach a screenshot too) — sends the goal back to the worker…">
       <button type="button" id="reviewFixSend">Send</button>
     </div>
+    </div>
   </div>
 </div>
 
@@ -4174,6 +4234,20 @@ function saShotPair(shots, declared){
   const before = find(pair[0]), after = find(pair[1]);
   return before && after && before !== after ? { before, after } : null;
 }
+// A goal can carry several shots from one attempt (variant comparisons, retries). Piling
+// all of them full-width makes the Review dialog scroll forever (#881 follow-up), so only
+// the most recent shot shows open; older ones fold behind a disclosure the user opens on
+// demand — screenshots stop auto-stacking without losing any of them.
+function saShotFigHtml(sh){
+  return `<figure class="rshot"><img src="${esc(sh.url)}" alt="${esc(sh.name || 'screenshot')}" loading="lazy"><figcaption>${esc(String(sh.name || '').replace(/\.[a-z]+$/i, ''))}</figcaption></figure>`;
+}
+function saShotsListHtml(shots){
+  const list = shots ?? [];
+  if (!list.length) return '';
+  if (list.length === 1) return saShotFigHtml(list[0]);
+  const older = list.slice(0, -1);
+  return `${saShotFigHtml(list[list.length - 1])}<details class="rshotfold"><summary>ほかの${older.length}枚を表示</summary>${older.map(saShotFigHtml).join('')}</details>`;
+}
 function saPlainPairHtml(pair){
   const col = (sh, label) => `<div class="ba-col"><span class="balabel">${label}</span><img class="proofimg" src="${esc(sh.url)}" alt="${esc(label)}" loading="lazy"></div>`;
   return `<div class="beforeafter">${col(pair.before, 'Before')}${col(pair.after, 'After')}</div>`;
@@ -5446,6 +5520,7 @@ function openReviewChecklist(goalId){
 }
 function closeReviewChecklist(){
   $('reviewOverlay').classList.remove('show');
+  reviewRailWiring?.destroy(); reviewRailWiring = null;
   const goalId = state.reviewOpenGoal;
   state.reviewOpenGoal = null;
   // task 86: レビュー画面からチャットへ戻る瞬間に、そのゴールの末尾(完了して
@@ -5612,6 +5687,7 @@ function renderReviewChecklist(){
       ${chat}` : ''}
     </div>`;
   }).join('');
+  renderReviewRail(reqs);
   for (const b of $('reviewList').querySelectorAll('.reqbtn')) {
     b.onclick = () => setRequirementStatus(goalId, Number(b.dataset.task), b.dataset.act);
   }
@@ -5646,6 +5722,56 @@ function renderReviewChecklist(){
     };
   }
 }
+// goal-806/#851 案3: 複数カードのレビューで「今どこを見ているか」を左の細い
+// レールの番号で示す共通ヘルパー。scroller をスクロールするたび、その上端
+// から少し(bandPx)下のラインを跨いでいるカードを「今読んでいる」と判定して
+// ハイライトする(IntersectionObserver の rootMargin では、まだ画面外にある
+// 手前のカードの巨大な rect が「一部交差」して誤って選ばれることがあるため、
+// 素直に座標で判定する)。クリックは scrollIntoView(smooth) で気持ちよく
+// その見出し頭へ着地させる。戻り値は teardown 用の { destroy() }。
+function wireScrollRail({ rail, scroller, cards, getKey, onClick }){
+  if (!rail || !scroller || cards.length < 2) { rail?.classList.remove('show'); if (rail) rail.innerHTML = ''; return { destroy(){} }; }
+  rail.classList.add('show');
+  const setOn = (key) => { for (const b of rail.querySelectorAll('button')) b.classList.toggle('on', b.dataset.railkey === String(key)); };
+  setOn(getKey(cards[0]));
+  for (const b of rail.querySelectorAll('button')) {
+    b.onclick = () => onClick(b.dataset.railkey);
+  }
+  // task 959/960: bandPx=24 だと「タイトルが天井にほぼ着くまで」次カードに切り替わらず、
+  // ユーザーが実際に読んでいる体感より遅れる。960でさらに早めてほしいとの指摘があり、
+  // scroller高さの1/2程度(下限40px・上限260px)を判定ラインにして、少しスクロールした
+  // だけで次のカードへ移った体感になるようにする。scroller.clientHeight はダイアログの
+  // レイアウト完了後でないと0のことがあるので、固定値でなく毎回 onScroll 内で読み直す。
+  const onScroll = () => {
+    const bandPx = Math.min(260, Math.max(40, scroller.clientHeight * 0.5));
+    const bandY = scroller.getBoundingClientRect().top + bandPx;
+    let current = cards[0];
+    for (const card of cards) {
+      const r = card.getBoundingClientRect();
+      if (r.top <= bandY) current = card; else break;
+    }
+    setOn(getKey(current));
+  };
+  scroller.addEventListener('scroll', onScroll, { passive: true });
+  onScroll();
+  return { destroy(){ scroller.removeEventListener('scroll', onScroll); } };
+}
+let reviewRailWiring = null;
+function renderReviewRail(reqs){
+  const rail = $('reviewRail');
+  if (!rail) return;
+  reviewRailWiring?.destroy();
+  if (reqs.length < 2) { rail.classList.remove('show'); rail.innerHTML = ''; return; }
+  rail.classList.add('show');
+  rail.innerHTML = reqs.map((t, i) => `<button type="button" data-railkey="${t.id}" title="${esc(t.title ?? '')}"><span class="bar"></span>${t.num ?? i + 1}</button>`).join('');
+  const scroller = $('reviewList').closest('.reviewmodal');
+  const cards = [...$('reviewList').querySelectorAll('.reqcard')];
+  reviewRailWiring = wireScrollRail({
+    rail, scroller, cards,
+    getKey: (card) => card.dataset.task ?? card.dataset.reopen,
+    onClick: (key) => cards.find((c) => (c.dataset.task ?? c.dataset.reopen) === key)?.scrollIntoView({ behavior: 'smooth', block: 'start' }),
+  });
+}
 // task 122: render()で消えるReviewの行を、Doneの行位置へ『飛んでいく』ように
 // 見せるFLIPアニメーション。captureReviewFly()をrender()の直前(行がまだ
 // DOMにある間)に呼んで元位置を覚え、playReviewFly()をrender()の直後に呼んで
@@ -6766,17 +6892,38 @@ function renderFsFeed(){
   // Questions render at the FEED BOTTOM (composer-adjacent) — built into askHtml
   // so they sit AFTER the conversation turns (H18/H19 / Pattern A: 質問は末尾固定).
   let askHtml = '';
-  for (const g of state.goals.filter((g) => g.projectId === state.active && g.status === 'needsInput' && g.question)) {
+  // This loop renders EVERY goal in the project that is waiting on an answer —
+  // not the one you happen to be watching — and the card used to print nothing
+  // but the word "Question" and the text. Two of them stacked, each with its own
+  // free-text box, and nothing on screen said which request you were answering
+  // (Masa 2026-07-29, with #835 and #856 sitting inside goal-847's live feed).
+  // The right lane has named them all along ("#835 モバイルでGalda is offline…");
+  // this makes the middle say the same thing, in the same shape.
+  const asking = state.goals.filter((g) => g.projectId === state.active && g.status === 'needsInput' && g.question);
+  // §1.5-8 量には畳みで先に応え、スクロールは後. Past the second card the rest are
+  // counted, not drawn — a queue of questions must not push the live output off
+  // the screen. They are all still in Needs you, which is where the count points.
+  const ASK_SHOWN = 2;
+  for (const g of asking.slice(0, ASK_SHOWN)) {
     const chips = (g.question.options || []).map((o) => `<button class="achip" data-fsanswer="${g.id}" data-a="${esc(o)}">${esc(o)}</button>`).join('');
-    // QUESTION card (H18): mono label + prompt + option chips + always-on free-text
-    // answer + hover trash. Data hooks (data-fsanswer / -ansinput / -anssend /
-    // -answerdel) are unchanged so the existing wiring below keeps working.
-    askHtml += `<div class="cc-ask"><div class="cc-ask-lb">Question</div>`
+    const title = String(g.text ?? '').replace(/\s+/g, ' ').trim().slice(0, 60);
+    // QUESTION card (H18): mono label + the goal it belongs to + prompt + option
+    // chips + always-on free-text answer. Data hooks (data-fsanswer / -ansinput /
+    // -anssend) are unchanged so the existing wiring below keeps working.
+    //
+    // The trash is deliberately absent (Masa 2026-07-29). It called fsTaskDelete:
+    // it deleted the GOAL, not the question, from an unlabelled card — and an
+    // irreversible action does not belong beside a text box in a feed you are
+    // skim-reading. Deleting still lives on the card and in the right lane.
+    askHtml += `<div class="cc-ask"><div class="cc-ask-lb">Question`
+      + `<span class="cc-ask-of">#${esc(String(g.id))}${title ? ` ${esc(title)}` : ''}</span></div>`
       + `<div class="cc-ask-q">${esc(g.question.text)}</div>`
       + (chips ? `<div class="qchips">${chips}</div>` : '')
       + `<div class="answ-inline"><input type="text" data-fsansinput="${g.id}" placeholder="Type your answer…" aria-label="Type your answer">`
-      + `<button type="button" class="sa-send" data-fsanssend="${g.id}" title="Send answer" aria-label="Send answer"><svg viewBox="0 0 24 24"><path d="M12 19V5M5 12l7-7 7 7"/></svg></button></div>`
-      + `<span class="acts"><button class="ab" data-fsanswerdel="${g.id}" title="Delete">${FS_ICONS.del}</button></span></div>`;
+      + `<button type="button" class="sa-send" data-fsanssend="${g.id}" title="Send answer" aria-label="Send answer"><svg viewBox="0 0 24 24"><path d="M12 19V5M5 12l7-7 7 7"/></svg></button></div></div>`;
+  }
+  if (asking.length > ASK_SHOWN) {
+    askHtml += `<div class="cc-ask-more">+${asking.length - ASK_SHOWN} more waiting on you</div>`;
   }
   // Clawd states (§4.5, driven by REAL state — no timers): activity in this column
   // → speaker row (Clawd + Claude Code + goal metadata) above the raw CC lines;
@@ -6861,7 +7008,7 @@ function renderFsFeed(){
   };
   // Delete a "needs your answer" card outright (restores 「Needs your answer」カードを削除
   // できるように — a question you don't want to answer had no discard path in flagship).
-  for (const b of feed.querySelectorAll('[data-fsanswerdel]')) b.onclick = (e) => { e.stopPropagation(); fsTaskDelete(Number(b.dataset.fsanswerdel)); };
+  // data-fsanswerdel is gone with the trash it wired (see .cc-ask above).
 }
 async function fsAnswerQuestion(goalId, answer){
   if (!answer) return;
@@ -9409,6 +9556,8 @@ function closeSummaryPera(){ $('summaryOverlay').classList.remove('show'); }
 const SA = { open: false, items: [], diffs: {}, actLog: {}, msgs: {}, convOpen: new Set(), shotBox: {}, detOpen: new Set(), diffOpen: new Set(), attachments: {}, focusGid: null, focusScrolled: false, focusTimer: null, cur: null, solo: null, lastMarkup: null };
 // Same convention as the existing ?dev=1 devbar flag — off unless someone opts in by URL.
 const SA_DEV = new URLSearchParams(location.search).get('dev') === '1';
+// task-971: 白黒(モノクロ)版のレールを ?railmono=1 で見比べられるようにする。
+const SA_RAIL_MONO = new URLSearchParams(location.search).get('railmono') === '1';
 function saReplyAttachmentsHtml(goalId){
   return (SA.attachments[goalId] || []).map((a, i) => `<span class="sa-replythumb"><img src="${esc(a.url)}" alt="Attached image"><button type="button" data-saarm="${goalId}:${i}" aria-label="Remove image">×</button></span>`).join('');
 }
@@ -9473,6 +9622,33 @@ function latestGoalRunForOutcome(goalId, tasks, outcome){
     note: prev.run?.note ? `${note} ${prev.run.note}` : note,
   };
 }
+function canonicalRequirementCoverage(goal, tasks){
+  const requirements = Array.isArray(goal?.requirements) ? goal.requirements.filter((r) => r?.id && r?.text) : [];
+  if (!requirements.length) {
+    return (tasks || []).filter((t) => t.goalId === goal?.id && (t.detail || t.title) && (!t.reply || !t.replyFrom || t.replyFrom === 'you'))
+      .sort((a, b) => (a.num ?? 0) - (b.num ?? 0))
+      .map((t) => ({ id: `legacy-task-${t.id}`, text: String((t.reply ? t.detail : t.title) ?? t.title ?? '').replace(/\s+/g, ' ').trim(), coverage: 'unverified', legacy: true }));
+  }
+  const attemptOrder = new Map((goal.attempts || []).map((attempt, index) => [attempt.id, index]));
+  const evidence = Array.isArray(goal.requirementEvidence) ? goal.requirementEvidence : [];
+  return requirements.map((requirement) => {
+    const rows = evidence.filter((row) => row?.requirementId === requirement.id)
+      .sort((a, b) => (attemptOrder.get(a.attemptId) ?? -1) - (attemptOrder.get(b.attemptId) ?? -1));
+    const latestAttemptId = rows.at(-1)?.attemptId;
+    const latestRows = latestAttemptId ? rows.filter((row) => row.attemptId === latestAttemptId) : [];
+    const statuses = latestRows.map((row) => row.coverage);
+    const coverage = statuses.includes('failed') ? 'failed'
+      : statuses.includes('verified') ? 'verified'
+      : statuses.length && statuses.every((status) => status === 'not-applicable') ? 'not-applicable'
+      : 'unverified';
+    const claims = [...new Set(latestRows.map((row) => row.claim).filter(Boolean))];
+    const workerEvidence = [...new Set(latestRows.map((row) => row.workerEvidence || row.evidence).filter(Boolean))];
+    const checks = latestRows.flatMap((row) => Array.isArray(row.checks) ? row.checks : [])
+      .filter((check) => Array.isArray(check.requirementIds) && check.requirementIds.includes(requirement.id));
+    const checkFacts = [...new Set(checks.map((check) => `${check.kind}: ${check.status}`))];
+    return { id: requirement.id, text: requirement.text, coverage, claims, workerEvidence, checkFacts, attemptId: latestAttemptId ?? null };
+  });
+}
 // One digest-row → one See-all card item. Extracted from saRows (2026-07-24) so a single
 // "Needs you" goal can be opened as the SAME review card (saLedgerRows solo mode) — the card's
 // whole shape (Request/Result/Proof/Activity, empty sections auto-hidden) is reused verbatim.
@@ -9522,10 +9698,7 @@ function saRowFromDigest(r, gs, ts){
       // 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) ?? 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) ?? t.title ?? '').replace(/\s+/g, ' ').trim(), status: t.status })),
+      requirementCoverage: canonicalRequirementCoverage(g, ts),
       did, siblings, risk: g?.risk ?? null,
       verificationInfraError: g?.verificationInfraError ?? r.verificationInfraError ?? null,
       prNote: g?.prNote ?? null,
@@ -9946,7 +10119,7 @@ function saReqStackRows(it, attemptEvidence){
   const reqMsgs = SA.msgs[gk];
   const reqAsks = Array.isArray(reqMsgs) ? reqMsgs.filter((m) => m?.from === 'you' && String(m.text || '').trim()) : [];
   const reqItems = reqAsks.length ? reqAsks : (it.goalText ? [{ text: it.goalText }] : []);
-  return reqItems.map((m, idx) => {
+  const row = (m, idx) => {
     const text = String(m.text || '').trim();
     const isLatest = idx === reqItems.length - 1;
     const evLine = isLatest && attemptEvidence ? `<p class="rqev">${esc(attemptEvidence)}</p>` : '';
@@ -9960,7 +10133,19 @@ function saReqStackRows(it, attemptEvidence){
         })()
       : `<p class="rbody rask">${esc(text)}</p>`;
     return `<div class="rqit${isLatest ? ' latest' : ''}"><span class="rqn">${idx + 1}</span><div class="rqbody">${body}${evLine}</div></div>`;
-  }).join('');
+  };
+  // Cap the stack at first + latest 2 (Masa 2026-07-29 follow-up: "3個以上の表示はいらない
+  // ...良い感じに間を...にして"). The first ask (original request) and the latest 2 (current
+  // state) stay visible; anything in between collapses into one dots-only row (no label
+  // text, no "collapsing" wording) that expands in place — numbering stays the real,
+  // continuous index so nothing reads as renumbered.
+  if (reqItems.length <= 3) return reqItems.map(row).join('');
+  const midFrom = 1, midTo = reqItems.length - 3;
+  const foldKey = `${gk}:reqfold`;
+  const midOpen = SA.detOpen.has(foldKey);
+  const midRows = reqItems.slice(midFrom, midTo + 1).map((m, k) => row(m, midFrom + k)).join('');
+  const foldRow = `<details class="rqfold-row" data-detkey="${foldKey}"${midOpen ? ' open' : ''}><summary class="rqdots">···</summary><div class="rqmid">${midRows}</div></details>`;
+  return row(reqItems[0], 0) + foldRow + reqItems.slice(-2).map((m, k) => row(m, reqItems.length - 2 + k)).join('');
 }
 function saItemHtml(it, i){
   // st===3 is NOT a terminal row (REVIEW-FEEDBACK-FLOW 決定3): a reply is not a dismissal.
@@ -10081,31 +10266,27 @@ function saItemHtml(it, i){
   const reqSec = reqStackRows
     ? `<section class="rsec rreq" data-reqmsgs="${gk}"><div class="rsec-h">Request</div><div class="rqlist">${reqStackRows}</div></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>` : '';
+  // ── Summary (Masa 2026-07-29, 案2): "何の修正か一目で分からない" への対策として、雑に
+  //書かれたRequest本文の上に一言サマリを置く。色は使わない — 他のセクションと同じ
+  // rsec/rsec-h の見た目に揃えた通常セクション（案1のバナー・案3の絵文字強調は却下）。
+  // 出典はレビュー要約(reviewSummary.changed)のみ — worker側の新フィールドを増やさず、
+  // 既存の値をそのまま短く見せるだけなのでworker(Claude Code/Codex)側の負担は増えない。
+  const summaryText = String(it.goal?.reviewSummary?.changed || '').replace(/\s+/g, ' ').trim();
+  const summarySec = summaryText
+    ? `<section class="rsec rsum"><div class="rsec-h">Summary</div><p class="rbody v">${esc(summaryText.slice(0, 200))}</p></section>`
+    : '';
   const coverage = (it.requirementCoverage || []).filter((r) => r.text);
-  // For one requirement copied from Request, its status is useful but the full
-  // sentence is not. Multiple or narrowed requirements retain their text.
-  const coverageIsSingleRequest = coverage.length === 1
-    && String(coverage[0].text).replace(/\s+/g, ' ').trim() === requestText;
   const coverageRows = coverage.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>${coverageIsSingleRequest ? '' : ` · ${esc(r.text)}`}</p>`;
+    const labels = { verified: 'Verified', failed: 'Failed', 'not-applicable': 'Not applicable', unverified: 'Not verified' };
+    const details = [
+      r.legacy ? 'Legacy item — no canonical evidence was recorded' : '',
+      r.checkFacts?.length ? `Manager: ${r.checkFacts.join(' · ')}` : '',
+      r.claims?.length ? `Worker claim: ${r.claims.join(', ')}` : '',
+      r.workerEvidence?.length ? r.workerEvidence.join(' · ') : '',
+    ].filter(Boolean);
+    return `<div class="rqcov-row" data-requirement-id="${esc(r.id)}"><div class="rqcov-main"><div class="rqcov-text">${esc(r.text)}</div><span class="rqcov-state ${esc(r.coverage)}">${esc(labels[r.coverage] || labels.unverified)}</span></div>${details.length ? `<div class="rqcov-detail">${details.map((detail, index) => index === 0 ? esc(detail) : `<br>${esc(detail)}`).join('')}</div>` : ''}</div>`;
   }).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 coverageSec = coverageRows ? `<section class="rsec"><div class="rsec-h">Requirement coverage</div><div class="rqcov">${coverageRows}</div></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 →
@@ -10214,9 +10395,7 @@ function saItemHtml(it, i){
   const boxed = shotPair ? SA.shotBox[it.goalId] : null;
   const shotsBody = shotPair
     ? `<div class="rshotpair" data-shotpair="${it.goalId}">${typeof boxed === 'string' ? boxed : saPlainPairHtml(shotPair)}</div>`
-    : it.shots?.length
-      ? it.shots.map((sh) => `<figure class="rshot"><img src="${esc(sh.url)}" alt="${esc(sh.name || 'screenshot')}" loading="lazy"><figcaption>${esc(String(sh.name || '').replace(/\.[a-z]+$/i, ''))}</figcaption></figure>`).join('')
-      : '';
+    : saShotsListHtml(it.shots);
   // ── Proof (spec §6/§11): before/after (identical size) when a real image exists; a
   // run-log for logic-only tests; dropped entirely for a conversational task. ──
   let proofInner = '';
@@ -10351,12 +10530,11 @@ function saItemHtml(it, i){
     <div class="rhead"><span class="rtag">${it.no != null ? `#${it.no}` : ''}</span>${rst}</div>
     <h2 class="rtitle">${esc(it.title)}</h2>
     ${meta}
+    ${summarySec}
     ${reqSec}
     ${S('Open it', openBody + infraBody)}
     ${S('What to check', checkBody)}
     ${coverageSec}
-    ${evidenceSec}
-    ${reqVerifySec}
     ${S('Run state', interruptedBody)}
     ${S('PR', prRepairBody)}
     ${S('Also carries', carriesBody)}
@@ -10460,6 +10638,25 @@ async function saEnhanceShotBoxes(){
     if (host) host.innerHTML = html;
   }));
 }
+let saRailWiring = null;
+// goal-806/#851 案3: 素のスクロールでは SA.cur/"N / M" が動かないので、レール
+// だけスクロール位置を追いかけて示す(SA.cur 自体は触らない=↑↓/Approve の
+// 対象を変えない)。共通実装は wireScrollRail (engine 側の renderReviewRail と同じ)。
+function renderSaRail(pending, body){
+  const rail = $('saRail');
+  if (!rail) return;
+  saRailWiring?.destroy(); saRailWiring = null;
+  if (!body || pending.length < 2) { rail.classList.remove('show'); rail.innerHTML = ''; return; }
+  rail.classList.add('show');
+  rail.classList.toggle('mono', SA_RAIL_MONO);
+  rail.innerHTML = pending.map((it, i) => `<button type="button" data-railkey="${it.goalId}" title="${esc((it.title ?? '').slice(0, 80))}"><span class="bar"></span>${i + 1}</button>`).join('');
+  const cards = [...body.querySelectorAll('.sa-item[data-gid]')];
+  saRailWiring = wireScrollRail({
+    rail, scroller: body, cards,
+    getKey: (card) => card.dataset.gid,
+    onClick: (key) => body.querySelector(`.sa-item[data-gid="${key}"]`)?.scrollIntoView({ behavior: 'smooth', block: 'start' }),
+  });
+}
 function saRender(){
   const S = $('seeall'); if (!S) return;
   // SSE, diff fetches and action responses rebuild the dialog. Remember the
@@ -10514,7 +10711,8 @@ function saRender(){
   // a synthetic "new review just arrived" render the same way saSync does mid-read.
   const devInjectBtn = SA_DEV ? '<button class="sa-x" data-saact="devinject:0" title="Insert a fake review above the current scroll (dev only)">+TEST</button>' : '';
   const markup = `<div class="sa-panel"><div class="sa-hd"><span class="t">${hdTitle}</span><span class="c">${c}</span><span class="sa-count">${posLabel}</span><span class="keys">${hdKeys}</span>${devInjectBtn}<button class="sa-x" data-saact="close:0">✕</button></div>
-    <div class="sa-body">${SA.items.length ? SA.items.map((it, i) => saItemHtml(it, i)).join('') : '<div class="sa-empty">Nothing waiting for review.</div>'}</div></div>`;
+    <div class="sa-mid"><div class="revrail" id="saRail"></div>
+    <div class="sa-body">${SA.items.length ? SA.items.map((it, i) => saItemHtml(it, i)).join('') : '<div class="sa-empty">Nothing waiting for review.</div>'}</div></div></div>`;
   // Most SSE goal/task events are unrelated to the card the person is reading.
   // Replacing #seeall with identical markup destroyed and recreated every node,
   // producing a blank flash and resetting browser-owned state. Keep the current
@@ -10538,6 +10736,7 @@ function saRender(){
   SA.lastMarkup = markup;
   S.innerHTML = markup;
   const body = S.querySelector('.sa-body');
+  renderSaRail(pending, body);
   let focusPlacedNow = false;
   // H14's "scroll the focused card to top" used to always run one requestAnimationFrame
   // after this point. That's still required for the very FIRST render of a fresh
@@ -10709,7 +10908,7 @@ function saOpen(focusGoalId, solo = false){
   saFetchDiffs();
   saEnhanceShotBoxes();
 }
-function saClose(){ SA.open = false; SA.solo = null; SA.focusGid = null; SA.lastMarkup = null; if (SA.focusTimer) { clearTimeout(SA.focusTimer); SA.focusTimer = null; } $('seeall').classList.remove('open'); applyPendingUiVersionIfAny(); }
+function saClose(){ SA.open = false; SA.solo = null; SA.focusGid = null; SA.lastMarkup = null; if (SA.focusTimer) { clearTimeout(SA.focusTimer); SA.focusTimer = null; } saRailWiring?.destroy(); saRailWiring = null; $('seeall').classList.remove('open'); applyPendingUiVersionIfAny(); }
 // Continuous review (Masa 2026-07-08): move a persistent "current" card with
 // ↑↓ and auto-advance to the next pending after each verdict — same screen, same
 // Ledger, so approving flows without hunting for the next one.

package/engine/server.mjs

@@ -1726,8 +1726,26 @@ function activeSlotCount(projectId = null) {
   if (projectId != null) return (queues.get(projectId)?.running.size ?? 0) + planningCount(projectId);
   return globalRunningCount() + planningCount();
 }
+// A goal holds its slot for as long as it is in Doing — from the moment planning
+// starts until it leaves — and NOT only while one of its tasks happens to be
+// executing.
+//
+// activeSlotCount() counts running TASKS (plus goals still planning). That is the
+// right question for pump(), which decides how many workers may run. It is the
+// wrong question here: a goal whose task was sitting in the queue counted for
+// nothing, so a free slot appeared, so the next stacked goal was planned too —
+// and so on. Measured with MANAGER_MAX_PARALLEL=2 and four goals: two tasks ran
+// (the cap held), while all four goals sat in Doing and `stacked` never had a
+// single member. The board says four things are being worked on when two are,
+// and because nothing is `stacked`, the row that explains the wait — "Waiting
+// for parallel slot · active #N · starts when one reaches Review/Done" — never
+// renders at all.
+function activeGoalSlots(projectId = null) {
+  return goals.filter((g) => (g.status === 'planning' || g.status === 'running')
+    && (projectId == null || g.projectId === projectId)).length;
+}
 function stackedStartSlots(projectId) {
-  return Math.min(projectParallelCap() - activeSlotCount(projectId), GLOBAL_MAX_PARALLEL - activeSlotCount());
+  return Math.min(projectParallelCap() - activeGoalSlots(projectId), GLOBAL_MAX_PARALLEL - activeGoalSlots());
 }
 function startPlanningGoal(goal) {
   goal.status = 'planning';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galda/cli",
-  "version": "0.10.104",
+  "version": "0.10.106",
   "type": "module",
   "description": "Galda - hand off work to Claude Code or Codex, get proof back. Runs on your existing subscription, no extra API cost.",
   "scripts": {