@galda/cli 0.10.105 → 0.10.107

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,14 +2257,25 @@
      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}
@@ -3280,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>
@@ -3305,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>
 
@@ -4187,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>`;
@@ -5459,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: レビュー画面からチャットへ戻る瞬間に、そのゴールの末尾(完了して
@@ -5625,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);
   }
@@ -5659,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()の直後に呼んで
@@ -6779,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;
@@ -6874,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;
@@ -9422,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('');
 }
@@ -9983,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>` : '';
@@ -9997,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.
@@ -10118,6 +10266,15 @@ 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>`
     : '';
+  // ── 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);
   const coverageRows = coverage.map((r) => {
     const labels = { verified: 'Verified', failed: 'Failed', 'not-applicable': 'Not applicable', unverified: 'Not verified' };
@@ -10238,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 = '';
@@ -10375,6 +10530,7 @@ 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)}
@@ -10482,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
@@ -10536,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
@@ -10560,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
@@ -10731,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/lib.mjs

@@ -3609,6 +3609,44 @@ export function pickChromePath(env = {}, exists = () => false) {
   return chromeCandidates(env).find((c) => exists(c)) ?? null;
 }
 
+// What THIS machine can and cannot do, stated before the person spends an hour
+// reading the absence as a product bug. Two capabilities are host-dependent and
+// silently degrade today: without Chrome nothing can take a screenshot or verify
+// in a browser, and without a native picker "Open folder…" cannot open Finder.
+//
+// Every check here is ADVISORY. None of them stop anything — the app works with
+// neither. That is deliberately NOT testEnvironmentPreflight's blocking/canRun
+// model (which answers "can `npm test` even start"): mixing the two is what made
+// a missing puppeteer read as a failed verification.
+// (`existsFn`/`env` are injected so this stays a pure function under test.)
+export function hostReadiness({ platform = 'darwin', env = {}, existsFn = () => false } = {}) {
+  const chrome = pickChromePath(env, existsFn);
+  const onPath = (cmd) => isCommandOnPath(cmd, {
+    pathEnv: env.PATH ?? '', sep: platform === 'win32' ? ';' : ':', pathExt: env.PATHEXT ?? '', existsFn,
+  });
+  // macOS and Windows ship theirs; Linux has two common ones and neither is a given.
+  const picker = platform === 'darwin' ? 'osascript'
+    : platform === 'win32' ? 'powershell.exe'
+      : (onPath('zenity') ? 'zenity' : 'kdialog');
+  const hasPicker = onPath(picker);
+  return [
+    {
+      id: 'chrome',
+      ok: Boolean(chrome),
+      detail: chrome
+        ? `Chrome/Chromium: ${chrome}`
+        : 'No Chrome/Chromium found — screenshots and browser checks are unavailable',
+    },
+    {
+      id: 'folder-picker',
+      ok: hasPicker,
+      detail: hasPicker
+        ? `Native folder picker: ${picker}`
+        : `No native folder picker (${picker} is not installed) — Open folder… asks you to type the path`,
+    },
+  ];
+}
+
 // `node <manager>/engine/shot.mjs <url|file> <out.png> [--width N] [--height N]
 //  [--full] [--wait MS] [--wait-for SELECTOR] [--element SELECTOR] [--clip x,y,w,h]`
 // Returns { error } instead of throwing, so the CLI can print one clear line.

package/engine/server.mjs

@@ -20,7 +20,7 @@ import { resolve, dirname, join, basename } from 'node:path';
 import { homedir } from 'node:os';
 import { fileURLToPath } from 'node:url';
 import { pathToFileURL } from 'node:url';
-import { needsProjectFolder, folderLabel, chooseFolderScript, parseChosenFolder, buildFolderQuestion, resolveFolderAnswer, classifyFolderTarget, buildFolderInitConfirm, isFolderInitConfirmed, needsReviewPreference, buildReviewPreferenceQuestion, resolveReviewPreferenceAnswer, routeQuestionAnswer, notUnderstoodNote, parseRelocalizedQuestion, classifyAuthProbe, authBannerText, makeSigninChallenge, parseClaimResponse, isCommandOnPath, parseRequestedWorkspaceDir } from './lib.mjs';
+import { needsProjectFolder, folderLabel, chooseFolderScript, parseChosenFolder, buildFolderQuestion, resolveFolderAnswer, classifyFolderTarget, buildFolderInitConfirm, isFolderInitConfirmed, needsReviewPreference, buildReviewPreferenceQuestion, resolveReviewPreferenceAnswer, routeQuestionAnswer, notUnderstoodNote, parseRelocalizedQuestion, classifyAuthProbe, authBannerText, makeSigninChallenge, parseClaimResponse, isCommandOnPath, hostReadiness, parseRequestedWorkspaceDir } from './lib.mjs';
 import { parseStreamEvents, parseCodexEvents, buildCodexArgs, parsePlan, refinePlanTasks, canEditGoal, canDeleteGoal, shouldAskClarification, workerExitReason, classifyWorkerFailure, isForcedStop, taskStatusAfterVerify, workerResultText, taskCountsAsComplete, resolveWantsPR, resolveGoalSource, buildGoalSummary, buildReviewAttemptLedger, latestGoalOutcomeTask, buildDirtyWorkspacePrBlock, buildGoalProofMd, buildGoalPrBody, buildReviewSummaryPrompt, parseReviewSummary, buildReviewRuleSection, nextGoalStatus, isPrMerged, isPrApproved, reviewToDoneStatus, advanceReviewGoal, revertReviewGoal, approveGoal, dismissGoal, rejectGoal, reopenGoal, permissionModeFor, isPlanReview, nextAfterPlanApprove, GOAL_MODES, parseSkillFrontmatter, collectSkills, retestGoal, cancelRetestGoal, computeRetestOutcome, revertGoal, planRevertActions, archiveGoal, unarchiveGoal, undismissGoal, parseNumstat, truncateDiffText, sumUsage, resolveEntryUrl, rebasePreviewUrl, shouldCreateGoalPR, normalizePullRequestUrl, parseGitLog, diffNewCommits, replayQueueLog, reconcileOrphanGoals, reorderQueue, sortQueueByPriority, TASK_PRIORITIES, validateWorkflowColumns, DEFAULT_WORKFLOW_COLUMNS, validateReviewDefinition, DEFAULT_REVIEW_DEFINITION, resolveTestGate, buildEphemeralSeedLog, buildEphemeralSeedProjects, trimTaskActivityForState, buildAskContext, WORKER_TOOLS, workerPrompt, verifyCfAccessJwt, resolveIdentity, goalVisibleTo, clampParallelLimit, canStartMore, nextRunnableTasks, goalsConflict, detectConflicts, pickFoldTarget, autoFoldReviewsEnabled, parseGitUnifiedDiffLocations, hasTestRelevantChanges, parseFailingTestNames, classifyTestGate, classifyPrSafety, isInconclusiveTestRun, countInfraFlakes, classifyRunFailures, classifyVerifyGate, buildVerificationInfraError, verificationInfraErrorFrom, buildExecutionPlan, buildContextHandoffSummary, buildFailurePostmortem, appendFailureMemory, latestFailurePolicy, classifyChangeRisk, checkRunBudget, usageBudgetTokens, isRateLimited, nextResumeDelay, checkFreeTierLimit, resolveEntitlement, resolveCachedEntitlement, FREE_TIER_LIMITS, QUEUED_GOAL_STATUSES, verifyLicenseToken, licenseTokenPayload, shouldRefreshLicense, shouldEmitSetupCompleted, pickAnalyticsUid, shouldEmitFreeExhausted, detectRequestLanguage, testFailureReason, manualTestRetryPrompt, isNothingVerifiable, isNothingVerifiableForPR, isSuspiciouslyIncompleteDone, classifyComposerIntentHeuristic, detectPauseIntent, buildIntentPrompt, parseIntentResponse, buildBoardSnapshot, validateBoardSnapshot, boardIsEmpty, decideBoardPull, resolveConnectedAgents, pickAvailableAgent, pickUtilityAgent, utilityModel, liveTakeoverDecision, shouldOpenBrowserOnBoot, goalTaskTitle, buildGoalTask, shouldUsePlannerForGoal, RUN_DECL_FILE, REQUIREMENT_EVIDENCE_FILE, parseRequirementEvidenceDocument, parseRunDeclaration, SHOT_DIR, collectShotNames, parseGoalAddress, REPLY_OUTCOMES, buildGoalMessage, serializeGoalMessage, parseGoalMessages, computeInternalQualityMetrics, classifyInternalQualityTaskError, resolveWorkspaceMode, goalSessionFor, setGoalAgentSession, switchGoalAgentSession, parseApprovalRequest } from './lib.mjs';
 import { migrateRequirementModel, validateRequirementModel } from './requirement-model.mjs';
 import { buildManagerVerificationChecks, buildRequirementVerificationEvidence, mergeRequirementVerificationEvidence } from './requirement-verification.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';
@@ -3317,6 +3335,14 @@ function testNodePath(dir, dependencySourceDir = null) {
     .filter(Boolean).filter(existsSync);
   return [...new Set([...local, ...(process.env.NODE_PATH ? process.env.NODE_PATH.split(sep) : [])])].join(sep);
 }
+// Advisory host capabilities for /api/state (see hostReadiness in lib.mjs). This
+// touches the filesystem, and /api/state is polled every couple of seconds, so
+// answer once: installing Chrome mid-session is not a thing to poll for, and a
+// restart is already how this app picks up a new environment.
+let _hostReadiness = null;
+function hostReadinessNow() {
+  return (_hostReadiness ??= hostReadiness({ platform: process.platform, env: process.env, existsFn: existsSync }));
+}
 function testEnvironmentPreflight(dir, dependencySourceDir = null) {
   const nodePath = testNodePath(dir, dependencySourceDir);
   const sources = nodePath ? nodePath.split(process.platform === 'win32' ? ';' : ':') : [];
@@ -4349,7 +4375,7 @@ const server = createServer(async (req, res) => {
       const dirty = projectDirtyInfo(p.dir);
       return { ...p, ...(branch ? { branch } : {}), ...dirty };
     });
-    return json(res, 200, { projects: projectsWithBranch, goals: visibleGoals, tasks: trimTaskActivityForState(visibleTasks), models: MODELS, agentModels: { 'claude-code': MODELS, codex: CODEX_MODELS }, agentEfforts: { 'claude-code': CLAUDE_EFFORTS, codex: CODEX_EFFORTS }, agents: AVAILABLE_AGENTS, connectCommand, queueOrder, externalActivity, workflowColumns: projectColumns, reviewDefinitions: projectReviewDefs, runningCounts, parallelLimits, uiVersion: uiVersion(), billing, auth: publicAuth() });
+    return json(res, 200, { projects: projectsWithBranch, goals: visibleGoals, tasks: trimTaskActivityForState(visibleTasks), models: MODELS, agentModels: { 'claude-code': MODELS, codex: CODEX_MODELS }, agentEfforts: { 'claude-code': CLAUDE_EFFORTS, codex: CODEX_EFFORTS }, agents: AVAILABLE_AGENTS, connectCommand, queueOrder, externalActivity, workflowColumns: projectColumns, reviewDefinitions: projectReviewDefs, runningCounts, parallelLimits, uiVersion: uiVersion(), billing, hostReadiness: hostReadinessNow(), auth: publicAuth() });
   }
 
   // Read-only stability snapshot: separates implementation failures from

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galda/cli",
-  "version": "0.10.105",
+  "version": "0.10.107",
   "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": {