@galda/cli 0.10.15 → 0.10.17

package/app/index.html

@@ -610,7 +610,10 @@
   .confetti-piece{position:fixed;pointer-events:none;z-index:9999;will-change:transform,opacity}
 
   /* connect modal */
-  .overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);z-index:60;display:none;place-items:center}
+  .overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);z-index:90;display:none;place-items:center}
+  /* z-index:90 (was 60): the customize-panel discard confirm (#deleteConfirmOverlay, shares this
+     class) can now fire while .gearpop (the customize panel, z-index:80) is open — it was
+     rendering BEHIND the panel it's confirming a discard for (Masa 2026-07-16, real screenshot). */
   .overlay.show{display:grid}
   .modal{width:640px;max-width:92vw;background:var(--surface);border:1px solid var(--hair2);border-radius:16px;padding:20px 22px;box-shadow:0 24px 70px rgba(0,0,0,.6)}
   .modal h3{margin:0 0 6px;font-size:15px;letter-spacing:-.01em}
@@ -619,6 +622,12 @@
     border-radius:9px;padding:11px 12px;white-space:pre-wrap;word-break:break-all;line-height:1.55}
   .modal .mrow{display:flex;gap:8px;margin-top:10px}
   .mbtn{height:30px;padding:0 14px;border-radius:9px;border:0;background:var(--iri);color:var(--on-accent);font-size:12.5px;font-weight:600;cursor:pointer}
+  /* the bare .mbtn fill is --iri, the AI-signature rainbow (logo/send-ring only per DESIGN-RULES
+     §5.5 "虹はAI要素だけ") — it must never be a generic button fill. .primary is the actual
+     neutral affirmative-action look, lifted from the customize panel's own existing Save button
+     (.gearpop .cfoot .cbtn.save below: same --ink/--invink tokens) rather than inventing a new
+     one (CDO decision, Masa 2026-07-16: "todo削除や他UIを参考にしてほしい"). */
+  .mbtn.primary{background:var(--ink);color:var(--invink)}
   .mbtn.ghost{background:transparent;border:1px solid var(--hair2);color:var(--ink2)}
   /* Soft destructive (DESIGN-RULES §7 決定ログ 2026-07-07深夜3: See allアクション色=Soft確定
      — 淡赤面＋濃赤文字。redは面を塗らない小要素専用の原則に沿い、フル赤塗りは使わない）. */
@@ -1074,8 +1083,10 @@
      the layout starts at the three cards. Frame = 14px all around (flagship .app{inset:14px}).
      Dev escape hatch: ?dev=1 (or localStorage devbar=1) adds body.devbar to show the bar. */
   body[data-layout="flagship"]:not(.devbar) .top{display:none}
-  body[data-layout="flagship"] #fsRoot{flex:1;min-height:0;display:flex;gap:12px;padding:14px;
-    --fscenterw:760px} /* single source of truth for the reading column — .fsstream (feed) and
+  body[data-layout="flagship"] #fsRoot{flex:1;min-height:0;display:flex;gap:12px;padding:14px;position:relative;
+    --fscenterw:760px} /* position:relative so .railgrip (a direct child, kept outside .fsrail's
+    overflow:hidden — see below) can be placed via left:calc(var(--railw)...) and never get clipped.
+    single source of truth for the reading column — .fsstream (feed) and
     .compwrap (composer) both read this var so they can never drift apart (fix: composer was
     reported "narrow vs the text above" — both already used the same 760px, but as two separate
     literals; centralising removes the risk of future edits widening one without the other) */
@@ -1092,17 +1103,23 @@
   #fsRoot .fsrail{flex:0 0 var(--railw,168px);display:flex;flex-direction:column;padding:14px 10px;position:relative;transition:flex-basis .28s cubic-bezier(.4,0,.2,1);
     min-width:0;overflow:hidden} /* CDO reference: the rail is a narrow lane; long project names ellipsize inside it instead of widening the whole left side */
   #fsRoot .fsrail.noanim{transition:none}
-  #fsRoot .railgrip{position:absolute;right:0;top:0;bottom:0;width:12px;cursor:col-resize;z-index:5}
-  /* right:0 (was -15px): the rail has overflow:hidden for name-ellipsizing, which CLIPPED a grip
-     that poked out; and .fscenter covered that spot. Sitting on the rail's inner right edge keeps
-     it un-clipped, un-covered, and over the 10px right padding (no project-button overlap). */
-  /* right:-15px = -3px - 12px(#fsRoot gap). The grab area must land on the boundary the user
-     actually SEES: in Gradient the rail melts into the background (transparent, no box-shadow),
-     so the perceived edge is .fscenter's own left border (its box-shadow hairline), which sits
-     one flex gap (12px) to the right of the rail's own right edge. Was centred on the rail's
-     invisible edge; now centred on the visible center-panel edge, in every theme (Masa 2026-07-08). */
+  /* .railgrip is a DIRECT CHILD OF #fsRoot (moved out of .fsrail in the markup below), not a
+     descendant of the rail — .fsrail has overflow:hidden for name-ellipsizing, and any part of a
+     child that pokes past an overflow:hidden ancestor's box is both unpainted AND un-hit-testable,
+     so a grip nested inside the rail can never straddle the rail's own edge (only sit fully inside
+     it, biased away from the visible seam — Masa 2026-07-16). Positioned via left:calc(14px + var(--railw))
+     so it tracks the live rail width automatically (no JS repositioning needed) and is centered
+     exactly on the visible edge, mirroring .lanegrip's left:-3px/width:7px pattern on the other side.
+     The leading 14px is #fsRoot's own left padding (line ~1085): left/top on an absolutely positioned
+     child resolve against the PADDING edge of its containing block, not the content edge where the
+     flex children (.fsrail etc.) actually start — omitting it left the whole grip sitting 14px too
+     far left of the seam (caught from a real screenshot, Masa 2026-07-16 2nd pass). */
+  #fsRoot .railgrip{position:absolute;top:0;bottom:0;left:calc(14px + var(--railw, 168px) - 4px);width:7px;cursor:col-resize;z-index:5}
+  /* Gradient theme: the rail is transparent (no box-shadow edge of its own), so the seam the user
+     actually SEES is .fscenter's own left edge, one flex gap (12px) further right (Masa 2026-07-08). */
+  body[data-theme="gradient"] #fsRoot .railgrip{left:calc(14px + var(--railw, 168px) + 8px)}
   #fsRoot .railgrip::after{content:"";position:absolute;right:3px;top:50%;transform:translateY(-50%);width:2px;height:34px;border-radius:2px;background:var(--hair2);opacity:0;transition:opacity .15s}
-  #fsRoot .fsrail:hover .railgrip::after{opacity:1}
+  #fsRoot .fsrail:hover ~ .railgrip::after,#fsRoot .railgrip:hover::after{opacity:1}
   #fsRoot.railfold .railgrip{display:none}
   #fsRoot .fslogo{display:flex;align-items:center;gap:9px;margin:2px 0 16px 6px;height:22px;flex:0 0 auto}
   #fsRoot .logoring{width:22px;height:22px;flex:0 0 22px;border-radius:50%;
@@ -1296,6 +1313,11 @@
      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} }
   #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}
@@ -1920,7 +1942,7 @@
   #fsClawdHero span{display:block;margin-top:5px;font:500 10px/1.4 var(--mono);letter-spacing:.08em;color:var(--ink3)}
   /* Welcome P1 (H17 item 4, flagship f9c75ad): grounded hop + clean-cut eyes on settle + our CSS confetti.
      Two pixel frames (neutral black-eyes / laughing), no arm-raise, no official confetti. reduce-motion=static. */
-  #fsClawdHero .cstage{position:relative;width:170px;height:132px;display:flex;align-items:flex-end;justify-content:center;margin:0 auto 2px}#fsClawdHero .cw{position:relative;width:150px;transform-origin:50% 100%;will-change:transform;animation:chHop 2.4s linear infinite}#fsClawdHero .cw img{position:absolute;left:0;bottom:0;width:100%;display:block;image-rendering:pixelated}#fsClawdHero .cw .chNeu{animation:chNeu 2.4s linear infinite}#fsClawdHero .cw .chLau{opacity:0;animation:chLau 2.4s linear infinite}#fsClawdHero .chConf{position:absolute;left:50%;top:34px;width:0;height:0;pointer-events:none;z-index:3}#fsClawdHero .chConf i{position:absolute;width:4px;height:7px;border-radius:1.5px;opacity:0;transform:translate(-50%,-50%);animation:chPop 2.4s cubic-bezier(.2,.7,.3,1) infinite}@keyframes chHop{0%,52%{transform:translateY(0) scale(1,1)}55%{transform:translateY(0) scale(1.08,.85)}58%{transform:translateY(-16px) scale(.95,1.14)}61%{transform:translateY(-27px) scale(.98,1.05)}64%{transform:translateY(-31px) scale(1,1)}67%{transform:translateY(-26px) scale(.98,1.05)}70%{transform:translateY(-14px) scale(.95,1.12)}73%{transform:translateY(0) scale(1.1,.82)}77%{transform:translateY(-4px) scale(.99,1.02)}80%,100%{transform:translateY(0) scale(1,1)}}@keyframes chLau{0%,53.8%{opacity:0}54%,85.8%{opacity:1}86%,100%{opacity:0}}@keyframes chNeu{0%,53.8%{opacity:1}54%,85.8%{opacity:0}86%,100%{opacity:1}}@keyframes chPop{0%,54%{opacity:0;transform:translate(0,6px) rotate(0) scale(.5)}60%{opacity:1;transform:translate(calc(var(--dx)*.5),calc(var(--dy)*.5)) rotate(calc(var(--rot)*.5)) scale(1)}72%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}100%{opacity:0;transform:translate(calc(var(--dx)*1.1),calc(var(--dy) + 44px)) rotate(calc(var(--rot)*1.4)) scale(.9)}}@media (prefers-reduced-motion:reduce){#fsClawdHero .cw,#fsClawdHero .cw .chNeu,#fsClawdHero .cw .chLau{animation:none}#fsClawdHero .cw .chLau{opacity:0}#fsClawdHero .chConf{display:none}}
+  #fsClawdHero .cstage{position:relative;left:-13px;width:170px;height:132px;display:flex;align-items:flex-end;justify-content:center;margin:0 auto 2px}#fsClawdHero .cw{position:relative;width:150px;transform-origin:50% 100%;will-change:transform;animation:chHop 2.4s linear infinite}#fsClawdHero .cw img{position:absolute;left:0;bottom:0;width:100%;display:block;image-rendering:pixelated}#fsClawdHero .cw .chNeu{animation:chNeu 2.4s linear infinite}#fsClawdHero .cw .chLau{opacity:0;animation:chLau 2.4s linear infinite}#fsClawdHero .chConf{position:absolute;left:50%;top:34px;width:0;height:0;pointer-events:none;z-index:3}#fsClawdHero .chConf i{position:absolute;width:4px;height:7px;border-radius:1.5px;opacity:0;transform:translate(-50%,-50%);animation:chPop 2.4s cubic-bezier(.2,.7,.3,1) infinite}@keyframes chHop{0%,52%{transform:translateY(0) scale(1,1)}55%{transform:translateY(0) scale(1.08,.85)}58%{transform:translateY(-16px) scale(.95,1.14)}61%{transform:translateY(-27px) scale(.98,1.05)}64%{transform:translateY(-31px) scale(1,1)}67%{transform:translateY(-26px) scale(.98,1.05)}70%{transform:translateY(-14px) scale(.95,1.12)}73%{transform:translateY(0) scale(1.1,.82)}77%{transform:translateY(-4px) scale(.99,1.02)}80%,100%{transform:translateY(0) scale(1,1)}}@keyframes chLau{0%,53.8%{opacity:0}54%,85.8%{opacity:1}86%,100%{opacity:0}}@keyframes chNeu{0%,53.8%{opacity:1}54%,85.8%{opacity:0}86%,100%{opacity:1}}@keyframes chPop{0%,54%{opacity:0;transform:translate(0,6px) rotate(0) scale(.5)}60%{opacity:1;transform:translate(calc(var(--dx)*.5),calc(var(--dy)*.5)) rotate(calc(var(--rot)*.5)) scale(1)}72%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}100%{opacity:0;transform:translate(calc(var(--dx)*1.1),calc(var(--dy) + 44px)) rotate(calc(var(--rot)*1.4)) scale(.9)}}@media (prefers-reduced-motion:reduce){#fsClawdHero .cw,#fsClawdHero .cw .chNeu,#fsClawdHero .cw .chLau{animation:none}#fsClawdHero .cw .chLau{opacity:0}#fsClawdHero .chConf{display:none}}
   #fsRoot.clawdhero #fsClawdHero{display:block}
   /* Non-Claude agent (e.g. Codex) hero: no Clawd mascot (that's a Claude Code brand mark,
      DESIGN-RULES v3 §6.5) — a plain glyph badge stands in so the hero still names the
@@ -2090,6 +2112,12 @@
       <div class="errbar" id="errbar"></div>
       <div class="composer-wrap" id="composerWrap">
         <div class="queue" id="queue"></div>
+        <!-- Conversation-first composer (SLICE 2, docs/HANDOFF-ONBOARDING-conversational.md):
+             a chat/help/settings message gets a quiet reply HERE instead of
+             becoming a To-Do. Reuses the .peraanswer surface; hidden until a
+             reply exists (progressive disclosure — DESIGN-RULES §1.5-3, "存在
+             しないものの器を先に見せない"). -->
+        <div class="peraanswer" id="chatReply" hidden></div>
         <div class="composer">
           <div class="attachbar" id="attachbar" style="display:none"></div>
           <!-- Slash-command palette (Masa決定 2026-07-07: chips→slash). Floats
@@ -2175,7 +2203,6 @@
   <div id="fsRoot" data-rv="3">
     <div class="fscard fsrail">
       <button class="railtg" id="fsRailTg" title="Fold the rail"></button><!-- panel icon filled by tgUpdate (v45 §4) -->
-      <div class="railgrip" id="fsRgrip" title="Drag to resize"></div>
       <button class="fsprojbtn" id="fsProjBtn" title="Switch project"><span class="pname" id="fsProjBtnName"></span><svg viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></svg></button>
       <div class="fslogo"><span class="logoring"></span><span class="logoname">Galda</span></div>
       <!-- gear = RIGHT END of the Projects row (HANDOFF-v45 §2, flagship .lbrow port):
@@ -2193,6 +2220,10 @@
       <button class="fshamb" id="fsHamburger" title="Open To Do and Review"><svg viewBox="0 0 24 24"><path d="M5 7h14M5 12h14M5 17h14"/></svg></button>
       <div id="fsProjects"></div>
     </div>
+    <!-- .railgrip lives here (sibling of .fsrail, not a child — see the CSS comment above)
+         so it can straddle the rail's visible edge without being clipped by .fsrail's
+         overflow:hidden (Masa 2026-07-16). -->
+    <div class="railgrip" id="fsRgrip" title="Drag to resize"></div>
     <div class="fscard fscenter">
       <div id="fsBand"></div>
       <button id="fsBandBtn" title="Change the band image"><svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 15l5-4 4 3 4-5 5 6"/></svg></button>
@@ -2274,7 +2305,7 @@
     <div class="mrow">
       <span style="flex:1"></span>
       <button class="mbtn ghost" id="wfcancel">Cancel</button>
-      <button class="mbtn" id="wfsave">Save</button>
+      <button class="mbtn primary" id="wfsave">Save</button>
     </div>
     <div class="wferr" id="wferr"></div>
   </div>
@@ -5347,10 +5378,15 @@ function applyFsBand(){
 const CLAWD_HERO_IMGS = '<img class="chNeu" src="data:image/png;base64,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" alt=""><img class="chLau" src="data:image/png;base64,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" alt=""></div></div>';
 function clawdHeroHTML(agent){
   const app = connectedAppMeta(agent);
+  // Codex: wordmark + status only — no Clawd mascot (that's a Claude Code brand
+  // mark, §6.5) and no glyph badge either (Masa 2026-07-16: 「codexの時は文字だけでよい」).
   const stage = agent === 'codex'
-    ? `<div class="cstage"><div class="chBadge">${app.icon}</div></div>`
+    ? ''
     : `<div class="cstage"><div class="chConf"></div><div class="cw">${CLAWD_HERO_IMGS}`;
-  return stage + `<b>${esc(app.label)}</b><span>CONNECTED · WAITING FOR GOALS</span>`;
+  // .hstat: the status line is the ONLY element renderClawdHero()/bootDisconnected()
+  // may rewrite — never target it by bare `span` (the codex badge used to carry an
+  // .appglyph <span>, so querySelector('span') clobbered the glyph with the status).
+  return stage + `<b>${esc(app.label)}</b><span class="hstat">CONNECTED · WAITING FOR GOALS</span>`;
 }
 function spawnHeroConfetti(){
   const conf = document.querySelector('#fsClawdHero .chConf'); if (!conf) return;
@@ -5371,9 +5407,9 @@ function spawnHeroConfetti(){
 }
 function renderClawdHero(){
   const el = $('fsClawdHero'); if (!el) return;
-  const prevStatus = el.querySelector('span')?.textContent;
+  const prevStatus = el.querySelector('.hstat')?.textContent;
   el.innerHTML = clawdHeroHTML(state.connectedApp);
-  if (prevStatus) { const s = el.querySelector('span'); if (s) s.textContent = prevStatus; }
+  if (prevStatus) { const s = el.querySelector('.hstat'); if (s) s.textContent = prevStatus; }
   if (state.connectedApp !== 'codex') spawnHeroConfetti(); // Welcome P1 confetti (H17 item 4)
 }
 // one-time static wiring for the flagship shell (folds, lane resize, rail menu, band picker)
@@ -5437,10 +5473,15 @@ function renderClawdHero(){
   const defaultLaneW = 372, defaultRailW = 108, minReadableCenterW = 640;
   const canRestoreFlagshipWidths = (railW, laneW) =>
     window.innerWidth - 28 - 24 - railW - laneW >= minReadableCenterW;
+  // rail's own live max: however wide it can go without crushing the center column below
+  // minReadableCenterW, given however wide the lane currently is — no more flat 280px ceiling
+  // that stopped rightward drags well short of the window edge (Masa 2026-07-16: "もっと広げ
+  // られるようにできる？"). Floors at 72 (the min) on a narrow/laned-out window.
+  const railMax = () => Math.max(72, window.innerWidth - 28 - 24 - lane.getBoundingClientRect().width - minReadableCenterW);
   const saved = Number(localStorage.getItem('fsLaneW'));
   const savedRail = Number(localStorage.getItem('fsRailW'));
   const restoreLane = saved >= 280 && saved <= 540;
-  const restoreRail = savedRail >= 72 && savedRail <= 280;
+  const restoreRail = savedRail >= 72 && savedRail <= railMax();
   if (restoreLane && canRestoreFlagshipWidths(restoreRail ? savedRail : defaultRailW, saved)) {
     root.style.setProperty('--lanew', `${saved}px`);
   }
@@ -5456,16 +5497,17 @@ function renderClawdHero(){
     drag = false; lane.classList.remove('noanim');
     localStorage.setItem('fsLaneW', String(parseInt(root.style.getPropertyValue('--lanew')) || 372));
   });
-  // rail width drag: 72–144px, persisted (flagship .railgrip port, v36 JS; grip hides when folded)
+  // rail width drag: 72px – railMax() (freely widens, only bounded by keeping the center column
+  // readable), persisted (flagship .railgrip port, v36 JS; grip hides when folded)
   const rail = root.querySelector('.fsrail'), rgrip = $('fsRgrip');
-  if (restoreRail && savedRail <= 144 && canRestoreFlagshipWidths(savedRail, restoreLane ? saved : defaultLaneW)) {
+  if (restoreRail && canRestoreFlagshipWidths(savedRail, restoreLane ? saved : defaultLaneW)) {
     root.style.setProperty('--railw', `${savedRail}px`);
   }
   let rsx = 0, rsw = 0, rdrag = false;
   rgrip.addEventListener('mousedown', (e) => { rdrag = true; rsx = e.clientX; rsw = rail.getBoundingClientRect().width; rail.classList.add('noanim'); e.preventDefault(); });
   document.addEventListener('mousemove', (e) => {
     if (!rdrag) return;
-    const w = Math.max(72, Math.min(144, rsw + (e.clientX - rsx)));
+    const w = Math.max(72, Math.min(railMax(), rsw + (e.clientX - rsx)));
     root.style.setProperty('--railw', `${w}px`);
   });
   document.addEventListener('mouseup', () => {
@@ -5756,7 +5798,7 @@ function bootDisconnected(info){
   state.active = '__onboard';
   state.billing = { licensed: false, email };
   try { render(); } catch (e) { console.warn('disconnected render', e); }
-  const heroSpan = document.querySelector('#fsClawdHero span');
+  const heroSpan = document.querySelector('#fsClawdHero .hstat');
   if (heroSpan) heroSpan.textContent = 'CONNECT YOUR MACHINE TO BEGIN';
 
   const style = document.createElement('style');
@@ -5827,7 +5869,17 @@ function bootDisconnected(info){
     const es = new EventSource('/presence');
     es.addEventListener('presence', (e) => {
       let d; try { d = JSON.parse(e.data); } catch { return; }
-      if (d.state === 'connected') { es.close(); location.reload(); } // one reload, only on a stable connect
+      if (d.state === 'connected') {
+        // Confirm the engine is REALLY reachable before reloading. A stale/spurious
+        // 'connected' presence otherwise reloads us into a white flash that lands
+        // right back on this same connect screen — the welcome animation plays, then
+        // 一瞬真っ白 (Masa 2026-07-16). Reuse the proven 6d71c32 contract: the relay
+        // 503s every engine-backed path while offline and 200s once proxied, so
+        // status !== 503 flips exactly at a genuine connect.
+        fetch('/api/state', { cache: 'no-store', credentials: 'same-origin' })
+          .then((r) => { if (r.status !== 503) { es.close(); location.reload(); } })
+          .catch(() => {}); // engine unreachable → not connected yet; keep waiting
+      }
       else if (cgWait) cgWait.innerHTML = '<i></i>WAITING FOR THIS DEVICE';
     });
     window.addEventListener('beforeunload', () => { try { es.close(); } catch {} });
@@ -5891,6 +5943,19 @@ async function postOutboxItem(item){
     }
     if (!r.ok) throw new Error(`HTTP ${r.status}`);
     const goal = await r.json();
+    if (goal.kind === 'chat') {
+      // Conversation-first composer (SLICE 2): this was a chat/help/settings
+      // turn, not a To-Do. Retire the optimistic outbox item — a chat turn is
+      // ephemeral by design, so dropping it does NOT weaken the never-lose
+      // guarantee (which protects real tasks/goals). Show the reply quietly
+      // above the input. We must NOT reach land()/upsert(): a kind:'chat'
+      // response carries no goal id, so upserting it would wedge a ghost
+      // "Sending…" row in the queue forever and pollute state.goals.
+      outbox.remove(item.oid);
+      showChatReply(goal.reply);
+      render();
+      return; // finally still runs posting.delete(); skip land()/upsert()
+    }
     goal.imageUrls = item.imageUrls;
     outbox.land(item.oid, goal.id);
     upsert(state.goals, goal);
@@ -5902,6 +5967,17 @@ async function postOutboxItem(item){
   render();
 }
 
+// SLICE 2: render / clear the conversation-first composer reply (reuses the
+// .peraanswer surface). Quiet, transient — cleared the moment the user sends
+// the next message so a stale reply never lingers above a new turn.
+function showChatReply(text){
+  const el = $('chatReply'); if (!el) return;
+  const t = (text || '').trim();
+  if (!t) { el.hidden = true; el.textContent = ''; return; }
+  el.className = 'peraanswer'; el.textContent = t; el.hidden = false;
+}
+function clearChatReply(){ const el = $('chatReply'); if (el) { el.hidden = true; el.textContent = ''; } }
+
 async function flushOutbox(){
   // Only (re)send items that still need it — never re-POST 'landed' memos that
   // are merely waiting for reconcile() (that was the double-send path).
@@ -5978,6 +6054,7 @@ async function send(){
   renderMsgHint();
 
   $('input').value = ''; $('input').style.height = 'auto';
+  clearChatReply(); // a new turn starts — drop any prior conversational reply
   closePalette();
   localStorage.removeItem('draft');
   renderAttach(); render();
@@ -6738,11 +6815,27 @@ for (const b of $('langSeg').querySelectorAll('button')) b.onclick = () => saveL
 // true (Delete) or false (Cancel/backdrop-click/Escape) — every caller `await`s it, never
 // deletes on native confirm() any more.
 let _delConfirmResolve = null;
-function confirmDelete({ title, body, preview } = {}){
+// dismissValue: what backdrop-click/Escape resolve to. Defaults to false (= the cancelLabel
+// button's own value) for every existing delete-confirmation caller, where that's the safe/no-op
+// outcome. custCancel() (Discard/Save on the customize panel) overrides this to true/"save",
+// because there Discard — not Save — is the LEFT/cancelLabel-slot button (Masa 2026-07-16: wants
+// Discard positioned left); dismissing the dialog must still land on the non-destructive choice
+// regardless of which label happens to sit in which slot.
+let _delDismissValue = false;
+function confirmDelete({ title, body, preview, confirmLabel, cancelLabel, dismissValue = false, confirmDanger = true, cancelDanger = false } = {}){
   $('delModalTitle').textContent = title || 'Delete this goal?';
   $('delModalBody').textContent = body || "This can't be undone.";
+  $('delConfirmBtn').textContent = confirmLabel || 'Delete';
+  $('delCancelBtn').textContent = cancelLabel || 'Cancel';
+  // confirmLabel is danger-red by default (every existing caller is a real delete); cancelLabel
+  // is plain ghost by default. custCancel() flips both — Discard (danger-red) sits in the
+  // cancelLabel slot, Save (plain) in the confirmLabel slot — since Discard is the one Masa
+  // wants positioned left, not the one that happens to be "the button confirmDelete() calls confirm".
+  $('delConfirmBtn').className = 'mbtn' + (confirmDanger ? ' danger' : ' primary');
+  $('delCancelBtn').className = 'mbtn' + (cancelDanger ? ' danger' : ' ghost');
   const pv = $('delPreviewTitle');
   if (preview) { pv.textContent = preview; pv.style.display = ''; } else { pv.textContent = ''; pv.style.display = 'none'; }
+  _delDismissValue = dismissValue;
   $('deleteConfirmOverlay').classList.add('show');
   return new Promise((resolve) => { _delConfirmResolve = resolve; });
 }
@@ -6754,8 +6847,8 @@ function closeDeleteConfirm(result){
 }
 $('delCancelBtn').onclick = () => closeDeleteConfirm(false);
 $('delConfirmBtn').onclick = () => closeDeleteConfirm(true);
-$('deleteConfirmOverlay').addEventListener('click', (e) => { if (e.target === $('deleteConfirmOverlay')) closeDeleteConfirm(false); });
-document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && $('deleteConfirmOverlay').classList.contains('show')) closeDeleteConfirm(false); });
+$('deleteConfirmOverlay').addEventListener('click', (e) => { if (e.target === $('deleteConfirmOverlay')) closeDeleteConfirm(_delDismissValue); });
+document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && $('deleteConfirmOverlay').classList.contains('show')) closeDeleteConfirm(_delDismissValue); });
 $('input').addEventListener('keydown', (e) => {
   // Palette navigation takes priority while it is open (Claude-Code keys).
   if (state.palette && !e.isComposing) {
@@ -7672,7 +7765,37 @@ function custSave(){
   set('tbAnim', cust.tban); set('tbColor', cust.tbc); // logoPal no longer persisted — logo is code-fixed (v45 §3)
   custSnap = null; $('gearPop').classList.remove('open');
 }
-function custCancel(){
+function custHasUnsavedChanges(){
+  if (!custSnap) return false;
+  if (state.theme !== custSnap.theme || fsUI.band !== custSnap.band) return true;
+  return JSON.stringify(cust) !== JSON.stringify(custSnap.cust);
+}
+// Discarding used to happen instantly on any outside tap / Esc / gear re-click — one careless
+// click outside the panel silently threw away everything just picked (Masa 2026-07-16: "外枠
+// タップしたら一瞬で元に戻るのがストレスだから"). Now it only reverts after confirmation, reusing
+// the same Slack-style modal as goal delete (confirmDelete), copy in the project's own review
+// language (reviewLangFor) since this is the one UI dialog whose audience is the user, not a
+// worker's report. _custCancelling guards re-entrancy: the confirm modal's own Escape/backdrop
+// handlers can re-trigger this same Escape/outside-tap listener while it's already awaiting.
+let _custCancelling = false;
+async function custCancel(){
+  if (_custCancelling) return;
+  if (custHasUnsavedChanges()) {
+    _custCancelling = true;
+    const ja = reviewLangFor(state.active) === 'ja';
+    // Discard sits LEFT (Masa 2026-07-16, 2nd pass — mirrors the macOS "unsaved changes"
+    // layout). Because Discard, not Save, occupies the cancelLabel slot this time, backdrop
+    // click/Escape must be told explicitly to resolve as Save (dismissValue: true) — the shared
+    // default (false = whatever's in the cancelLabel slot) would otherwise silently discard on
+    // an accidental Escape/outside-click on the CONFIRM DIALOG ITSELF, the exact class of bug
+    // this whole feature exists to prevent.
+    const saveChosen = await confirmDelete(ja
+      ? { title: '変更を保存しますか?', body: '配色・テーマの変更が保存されていません。', confirmLabel: '保存', cancelLabel: '破棄', confirmDanger: false, cancelDanger: true, dismissValue: true }
+      : { title: 'Save your changes?', body: "Your color and theme customizations haven't been saved.", confirmLabel: 'Save', cancelLabel: 'Discard', confirmDanger: false, cancelDanger: true, dismissValue: true });
+    _custCancelling = false;
+    if (saveChosen) { custSave(); return; }
+    // else: Discard was explicitly clicked (backdrop/Escape can no longer produce this) — revert below.
+  }
   if (custSnap) { Object.assign(cust, custSnap.cust); state.theme = custSnap.theme; fsUI.band = custSnap.band; custSnap = null; custApplyAll(); }
   $('gearPop').classList.remove('open');
 }

package/engine/lib.mjs

@@ -708,31 +708,71 @@ export function trimTaskActivityForState(tasks) {
 }
 
 // PROOF.md for a goal PR: one section per verified task, GIF auto-plays.
-export function buildGoalProofMd({ goalText, items }) {
+// `lang` picks a single language (matches the goal's own request language,
+// same detection as the PR body) instead of the old EN+JA bilingual dump —
+// a proof doc that mixes both isn't "in the requester's language".
+export function buildGoalProofMd({ goalText, items, lang = 'ja' }) {
+  const L = (en, ja) => (lang === 'en' ? en : ja);
   return [
-    `# Proof / 動作確認`,
+    L('# Proof', '# 動作確認'),
     ``,
-    `Goal / ゴール: ${String(goalText ?? '').replace(/\s+/g, ' ').slice(0, 300)}`,
+    `${L('Goal', 'ゴール')}: ${String(goalText ?? '').replace(/\s+/g, ' ').slice(0, 300)}`,
     ``,
-    `Each task below was verified independently by Manager for AI in a headless browser (deterministic check, no LLM at verification time).`,
-    `以下の各タスクは Manager for AI が headless ブラウザで独立検証しました（検証はdeterministic・検証時にLLMは使いません）。`,
+    L('Each task below was verified independently by Manager for AI in a headless browser (deterministic check, no LLM at verification time).',
+      '以下の各タスクは Manager for AI が headless ブラウザで独立検証しました（検証はdeterministic・検証時にLLMは使いません）。'),
     ``,
     ...items.flatMap((it) => [
       `## ${it.num} ${it.title}`,
       ``,
-      `Pass condition / 成功条件: ${it.passCondition}`,
+      `${L('Pass condition', '成功条件')}: ${it.passCondition}`,
       ``,
-      it.beforeShotName ? `Before / 変更前:\n\n![before](./${it.beforeShotName})\n` : '',
-      it.beforeShotName ? `After / 変更後:\n` : '',
+      it.beforeShotName ? `${L('Before', '変更前')}:\n\n![before](./${it.beforeShotName})\n` : '',
+      it.beforeShotName ? `${L('After', '変更後')}:\n` : '',
       it.gifName ? `![demo](./${it.gifName})\n` : '',
       it.shotName ? `![proof](./${it.shotName})\n` : '',
-      it.videoName ? `Full-quality video / 高画質mp4: [${it.videoName}](./${it.videoName})\n` : '',
-      `Result / 結果: ${it.detail}`,
+      it.videoName ? `${L('Full-quality video', '高画質mp4')}: [${it.videoName}](./${it.videoName})\n` : '',
+      `${L('Result', '結果')}: ${it.detail}`,
       ``,
     ]),
   ].filter((l) => l !== '').join('\n');
 }
 
+// PR body for a finished goal (Masa 2026-07-16: "1時間後に見ても一目で分かる"):
+// the plain-language "what to check / what changed" headline (already
+// generated per-goal by summarizeForReview, same request-language `lang`)
+// goes FIRST, above proof/goal/task detail, so a reviewer returning later
+// doesn't have to re-read the raw worker log to know what to look at.
+export function buildGoalPrBody({ lang, goal, goalTasks, files, owner, branch, proofRel, proofItemsCount, reviewDescription, reviewSummary }) {
+  const L = (en, ja) => (lang === 'en' ? en : ja);
+  return [
+    ...((reviewSummary?.check || reviewSummary?.changed) ? [
+      L('## Check first', '## 確認ポイント'),
+      '',
+      ...(reviewSummary.check ? [L(`Check: ${reviewSummary.check}`, `確認: ${reviewSummary.check}`)] : []),
+      ...(reviewSummary.changed ? [L(`Changed: ${reviewSummary.changed}`, `変更: ${reviewSummary.changed}`)] : []),
+      '',
+    ] : []),
+    ...(proofItemsCount && owner ? [
+      L('## Proof — one tap, plays in place', '## 動作確認 — 1タップでその場で再生'),
+      '',
+      `https://github.com/${owner}/blob/${branch}/${proofRel}/PROOF.md`,
+      '',
+    ] : []),
+    L('## Goal', '## ゴール'),
+    '',
+    goal.text.slice(0, 1500),
+    '',
+    ...buildReviewRuleSection(reviewDescription),
+    L(`Implemented by Manager for AI: the goal was decomposed into ${goalTasks.length} task(s), each executed by a Claude Code worker (flat-rate, no extra API), tests written and run per task.${proofItemsCount ? ' Tasks with a pass condition were verified independently in a headless browser.' : ''}`,
+      `Manager for AI が実装: ゴールを${goalTasks.length}個のタスクに分解し、Claude Code worker が順に実行（既存サブスク・追加API無し・タスク毎にテストを作成し実行）。${proofItemsCount ? '成功条件つきタスクは headless ブラウザで独立検証済み。' : ''}`),
+    '',
+    L('## Tasks and worker reports', '## タスクとworker報告'),
+    ...goalTasks.map((t) => `\n### ${t.num} ${t.title} — ${t.status} (${t.secs}s)\n${(t.result ?? '').slice(0, 800)}`),
+    '',
+    L(`Changed files: ${files.map((f) => `\`${f}\``).join(' ')}`, `変更ファイル: ${files.map((f) => `\`${f}\``).join(' ')}`),
+  ].join('\n');
+}
+
 // A finished task's changed files look like a UI edit: app/ (the Manager's
 // own UI dir, or an equivalent frontend root) plus common frontend source
 // extensions. Pure/deterministic — no LLM — so it can gate proof capture
@@ -1130,6 +1170,72 @@ export function detectRequestLanguage(text) {
   return /[぀-ヿ㐀-鿿]/.test(text || '') ? 'ja' : 'en';
 }
 
+// SLICE 2 intent routing (docs/HANDOFF-ONBOARDING-conversational.md): the single
+// composer is conversation-first — a chat/help/settings message ("what can you
+// do?", "reply in English", a greeting) must get a conversational reply, NOT a
+// To-Do; only implementation requests become goals. These are the pure,
+// testable pieces; the server wires them into POST /api/tasks.
+//
+// A dependency-free heuristic that short-circuits only the OBVIOUS cases so most
+// sends skip the LLM classifier:
+//   'task'   — a clear implementation request (imperative verb / code token) and
+//              no chat signal → skip the LLM, go straight to goal creation.
+//   'chat'   — a clear help/settings/greeting message and no task signal.
+//   'unsure' — ambiguous (both signals, or neither) → defer to the LLM.
+// It is deliberately conservative about declaring 'task' (the only branch that
+// skips the LLM): a message carrying BOTH a task verb and a help/settings signal
+// is 'unsure', not 'task', so a help question phrased with "add"/"fix" isn't
+// silently turned into a goal.
+const INTENT_TASK_RE = /\b(fix|add|implement|create|build|refactor|remove|delete|rename|migrate|debug|integrate|revert|deploy)\b|実装|直し|直す|なおして|修正|作って|作成|追加|変更|削除|対応して|リファクタ|置き換え|バグ|不具合/i;
+const INTENT_CODE_RE = /\.(?:js|mjs|cjs|ts|tsx|jsx|css|scss|html|py|go|rs|java|rb|php|json|md|yml|yaml|sh|sql)\b|`[^`]+`|\b(?:function|const|class|import)\b|#\d+/;
+const INTENT_CHAT_META_RE = /何ができ|なにができ|何が出来|使い方|どう使|どうやって使|使える\?|説明して|教えて(?:ください|くれ|ほしい)?\s*[?？]?$|about this (?:tool|app)|what (?:can|do|are|is|does) (?:you|it|this|i)|what'?s this|what can this|how (?:do|does|can) (?:i|this|you|it)|how to use|who are you|^\s*help\s*[?？]?$|そもそも|初めて/i;
+const INTENT_CHAT_SETTINGS_RE = /英語で|日本語で|(?:reply|respond|answer|talk|speak|write)\s+(?:back\s+)?in\s+\w|語で(?:返|答|話|書)|言語/i;
+const INTENT_GREETING_RE = /^\s*(?:hi|hey|hello|yo|sup|thanks|thank you|thx|good (?:morning|evening|afternoon))\b[\s.!?]*$|^\s*(?:こんにち(?:は|わ)|こんばん(?:は|わ)|おはよう|はじめまして|やあ|ありがと(?:う)?|よろしく)[\s。!?！？]*$/i;
+
+export function classifyComposerIntentHeuristic(text) {
+  const t = (text || '').trim();
+  if (!t) return 'chat';
+  const hasTask = INTENT_TASK_RE.test(t) || INTENT_CODE_RE.test(t);
+  const hasChat = INTENT_CHAT_META_RE.test(t) || INTENT_CHAT_SETTINGS_RE.test(t) || INTENT_GREETING_RE.test(t);
+  if (hasTask && !hasChat) return 'task';   // pure implementation request → skip LLM
+  if (hasChat && !hasTask) return 'chat';   // pure help/settings/greeting
+  return 'unsure';                          // both or neither → let the LLM decide
+}
+
+// The one prompt that BOTH classifies and (for chat) writes the reply in the
+// requester's language — one Haiku round-trip, not two. The model returns a
+// single line of JSON: {"intent":"chat|task","reply":"…"}.
+export function buildIntentPrompt(text, lang) {
+  const language = lang === 'ja' ? '日本語' : 'English';
+  return [
+    'You are the intent router for Agent Manager: a tool where a user delegates a coding task in plain language, an AI implements it, and it comes back as a reviewed pull request with proof.',
+    'Classify the user message below into exactly one intent:',
+    '- "task": a request to implement, change, fix, build, or remove something in code (even if vague, e.g. "add dark mode").',
+    '- "chat": anything that is NOT an implementation request — questions about what this tool can do or how to use it, greetings, thanks, small talk, or a settings/preference request (e.g. "reply in English").',
+    'When in doubt between the two, prefer "task".',
+    `If intent is "chat", also write "reply": a short, warm, helpful answer in ${language} (at most 4 sentences). If the user asks what this can do or how to start, briefly explain: describe the change you want in plain language, and it will ask which folder/repo to work in, implement it, and return a PR with proof. If intent is "task", set "reply" to "".`,
+    'Output ONLY one line of raw JSON with keys "intent" and "reply". No markdown, no code fence, no extra text.',
+    '',
+    'User message:',
+    String(text || '').slice(0, 4000),
+  ].join('\n');
+}
+
+// Tolerant parser for the router's reply — never throws. Extracts the first JSON
+// object; on any failure it fails safe to 'task' (so a garbled classification
+// can never silently swallow a real implementation request). Reply is clamped.
+export function parseIntentResponse(raw) {
+  const fallback = { intent: 'task', reply: '' };
+  if (!raw || typeof raw !== 'string') return fallback;
+  const m = raw.match(/\{[\s\S]*\}/);
+  if (!m) return fallback;
+  let obj;
+  try { obj = JSON.parse(m[0]); } catch { return fallback; }
+  const intent = obj && obj.intent === 'chat' ? 'chat' : 'task';
+  const reply = intent === 'chat' && typeof obj.reply === 'string' ? obj.reply.trim().slice(0, 2000) : '';
+  return { intent, reply };
+}
+
 // Normalize a nested boolean-flag object (prSections/reviewCard) key by key,
 // so a partial payload — or one missing the whole sub-object — can't
 // silently disable flags it never mentioned; each key falls back to its own
@@ -2485,6 +2591,56 @@ export function resolveFolderAnswer(answer, folders = []) {
   return null;
 }
 
+// Onboarding funnel, part 2: the user picked "somewhere else…" and typed a path
+// that ISN'T already a git repo. Before, the server just re-asked the same
+// folder question forever (a repo-less / vibe-coder user could never get past
+// setup). This decides what to offer instead. All filesystem probes (does it
+// exist / is it a directory / is it already a repo) are done by the CALLER and
+// passed in, so this stays pure/testable. Returns:
+//   { action: 'use' }                    already a repo → bind as-is
+//   { action: 'init', create: false }    existing non-repo dir → offer `git init` here
+//   { action: 'init', create: true }     path doesn't exist yet → offer to create it + `git init`
+//   { action: 'reject', reason }         HOME (never a work root) or a path that is a file → re-ask
+export function classifyFolderTarget({ dir, homeDir, exists, isDirectory, isRepo } = {}) {
+  if (!dir) return { action: 'reject', reason: 'empty' };
+  const norm = (p) => String(p).replace(/\/+$/, '');
+  if (homeDir && norm(dir) === norm(homeDir)) return { action: 'reject', reason: 'home' };
+  if (isRepo) return { action: 'use' };
+  if (!exists) return { action: 'init', create: true };
+  if (!isDirectory) return { action: 'reject', reason: 'not-a-dir' };
+  return { action: 'init', create: false };
+}
+
+// Build the confirm card shown before we `git init` a non-repo folder. Reuses
+// the same needsInput card shape ({text, options:string[]}) but tags it
+// kind:'folder-init' so the /answer handler runs the init (instead of another
+// folder rebind). `create` = the folder doesn't exist yet and we'll make it.
+// The chosen dir + create flag ride along on the question so the handler is
+// authoritative about WHAT it's initializing (never re-derived from free text).
+export function buildFolderInitConfirm(dir, { lang = 'ja', create = false, homeDir = '' } = {}) {
+  const label = folderLabel(dir, homeDir);
+  const yes = lang === 'en'
+    ? (create ? 'Create it and start a new project here' : 'Start a new project here')
+    : (create ? '作成して、ここで新規プロジェクトを始める' : 'ここで新規プロジェクトを始める');
+  const no = lang === 'en' ? 'Pick another folder…' : '別の場所を選ぶ…';
+  const text = lang === 'en'
+    ? `“${label}” isn’t a Git repository yet. ${create ? 'Create it and start' : 'Start'} a new project here (git init)? Your existing files won’t be touched.`
+    : `「${label}」はまだGitリポジトリではありません。${create ? '作成して、' : ''}ここで新しいプロジェクトを始めますか？（git init・既存のファイルには手を触れません）`;
+  return { text, options: [yes, no], kind: 'folder-init', lang, dir, create, yes, no };
+}
+
+// Interpret the confirm-card answer → true (do the init) / false (decline →
+// re-ask the folder question). Match the exact "yes" option we offered, or a
+// plain affirmative word; anything else (incl. the "pick another folder" option)
+// declines. Defaults to decline on empty/unknown so we never init by accident.
+export function isFolderInitConfirmed(answer, question = {}) {
+  const a = String(answer ?? '').trim();
+  if (!a) return false;
+  if (question.yes && a === question.yes) return true;
+  if (question.no && a === question.no) return false;
+  return /^(yes|y|はい|ok|する|始める)$/i.test(a);
+}
+
 // Analytics identity (A+): a signed-in install scopes usage events to the
 // ACCOUNT (its email, which the billing Worker hashes into the same account_id
 // the accounts table carries) so per-user app activity joins WITHOUT a cookie;

package/engine/server.mjs

@@ -20,8 +20,8 @@ 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, buildFolderQuestion, resolveFolderAnswer } from './lib.mjs';
-import { parseStreamEvents, parsePlan, refinePlanTasks, findOverlappingGoal, canEditGoal, canDeleteGoal, shouldAskClarification, workerExitReason, isForcedStop, workerResultText, taskCountsAsComplete, resolveWantsPR, resolveGoalSource, buildGoalSummary, buildGoalProofMd, buildReviewRuleSection, nextGoalStatus, isPrMerged, isPrApproved, reviewToDoneStatus, advanceReviewGoal, revertReviewGoal, approveGoal, dismissGoal, permissionModeFor, isPlanReview, nextAfterPlanApprove, GOAL_MODES, parseSkillFrontmatter, collectSkills, retestGoal, cancelRetestGoal, computeRetestOutcome, revertGoal, planRevertActions, archiveGoal, unarchiveGoal, undismissGoal, parseNumstat, truncateDiffText, sumUsage, resolveEntryUrl, parseGitLog, diffNewCommits, replayQueueLog, reconcileOrphanGoals, reorderQueue, sortQueueByPriority, TASK_PRIORITIES, validateWorkflowColumns, DEFAULT_WORKFLOW_COLUMNS, validateReviewDefinition, DEFAULT_REVIEW_DEFINITION, buildEphemeralSeedLog, buildEphemeralSeedProjects, trimTaskActivityForState, buildAskContext, WORKER_TOOLS, verifyCfAccessJwt, resolveIdentity, goalVisibleTo, clampParallelLimit, canStartMore, nextRunnableTasks, goalsConflict, detectConflicts, isUiChange, shouldCaptureProof, shouldCaptureBaseline, hasTestRelevantChanges, buildExecutionPlan, buildContextHandoffSummary, buildFailurePostmortem, appendFailureMemory, latestFailurePolicy, classifyChangeRisk, checkRunBudget, usageBudgetTokens, isRateLimited, nextResumeDelay, checkFreeTierLimit, resolveEntitlement, resolveCachedEntitlement, FREE_TIER_LIMITS, verifyLicenseToken, shouldEmitSetupCompleted, pickAnalyticsUid, shouldEmitFreeExhausted, detectRequestLanguage, isNothingVerifiable } from './lib.mjs';
+import { needsProjectFolder, folderLabel, buildFolderQuestion, resolveFolderAnswer, classifyFolderTarget, buildFolderInitConfirm, isFolderInitConfirmed } from './lib.mjs';
+import { parseStreamEvents, parsePlan, refinePlanTasks, findOverlappingGoal, canEditGoal, canDeleteGoal, shouldAskClarification, workerExitReason, isForcedStop, workerResultText, taskCountsAsComplete, resolveWantsPR, resolveGoalSource, buildGoalSummary, buildGoalProofMd, buildGoalPrBody, buildReviewRuleSection, nextGoalStatus, isPrMerged, isPrApproved, reviewToDoneStatus, advanceReviewGoal, revertReviewGoal, approveGoal, dismissGoal, permissionModeFor, isPlanReview, nextAfterPlanApprove, GOAL_MODES, parseSkillFrontmatter, collectSkills, retestGoal, cancelRetestGoal, computeRetestOutcome, revertGoal, planRevertActions, archiveGoal, unarchiveGoal, undismissGoal, parseNumstat, truncateDiffText, sumUsage, resolveEntryUrl, parseGitLog, diffNewCommits, replayQueueLog, reconcileOrphanGoals, reorderQueue, sortQueueByPriority, TASK_PRIORITIES, validateWorkflowColumns, DEFAULT_WORKFLOW_COLUMNS, validateReviewDefinition, DEFAULT_REVIEW_DEFINITION, buildEphemeralSeedLog, buildEphemeralSeedProjects, trimTaskActivityForState, buildAskContext, WORKER_TOOLS, verifyCfAccessJwt, resolveIdentity, goalVisibleTo, clampParallelLimit, canStartMore, nextRunnableTasks, goalsConflict, detectConflicts, isUiChange, shouldCaptureProof, shouldCaptureBaseline, hasTestRelevantChanges, buildExecutionPlan, buildContextHandoffSummary, buildFailurePostmortem, appendFailureMemory, latestFailurePolicy, classifyChangeRisk, checkRunBudget, usageBudgetTokens, isRateLimited, nextResumeDelay, checkFreeTierLimit, resolveEntitlement, resolveCachedEntitlement, FREE_TIER_LIMITS, verifyLicenseToken, shouldEmitSetupCompleted, pickAnalyticsUid, shouldEmitFreeExhausted, detectRequestLanguage, isNothingVerifiable, classifyComposerIntentHeuristic, buildIntentPrompt, parseIntentResponse } from './lib.mjs';
 import { openPR } from './pr.mjs';
 import { runVerification, exerciseUi } from './verify.mjs';
 
@@ -582,7 +582,19 @@ function sendGoalEvent(obj, goal) {
     if (goalVisibleTo(goal, identity, MANAGER_OWNER_EMAIL)) res.write(data);
   }
 }
-function saveGoal(g) { appendFileSync(logFile, JSON.stringify({ ...g, kind: 'goal' }) + '\n'); sendGoalEvent({ ev: 'goal', goal: g }, g); }
+// Durable append to the restart-safe log. A failing disk (ENOSPC when the
+// volume is full, EACCES/EROFS) must NEVER freeze the board: without this guard
+// an appendFileSync throw inside a handler leaves the HTTP request hanging (no
+// response) AND skips the SSE broadcast that follows, so a delete/answer looks
+// like it did nothing — the question card stays stuck forever (Masa 2026-07-16).
+// We swallow the write error (logged), and let the in-memory mutation + SSE
+// proceed regardless. Durability is best-effort here; a live UI wins over a
+// perfectly-replayable log on a disk that can't be written to anyway.
+function logAppend(line) {
+  try { appendFileSync(logFile, line + '\n'); return true; }
+  catch (e) { console.error(`[manager] log write failed (${e?.code || e}) — state not persisted this write, UI still updated`); return false; }
+}
+function saveGoal(g) { logAppend(JSON.stringify({ ...g, kind: 'goal' })); sendGoalEvent({ ev: 'goal', goal: g }, g); }
 // Persist the orphan-goal reclassification computed right after replayQueueLog
 // above (deferred to here because saveGoal/send/sseClients don't exist yet at
 // that point in the module) — writes it to the restart-safe log so it settles
@@ -594,7 +606,7 @@ for (const fix of orphanFixes) {
 }
 function saveTask(t) {
   const { activity, todos, ...persist } = t; // activity + todos are ephemeral (live only)
-  appendFileSync(logFile, JSON.stringify({ ...persist, kind: 'task' }) + '\n');
+  logAppend(JSON.stringify({ ...persist, kind: 'task' }));
   const goal = goals.find((g) => g.id === t.goalId);
   if (goal) sendGoalEvent({ ev: 'task', task: persist }, goal); else send({ ev: 'task', task: persist });
   emitTaskAnalytics(t);
@@ -2160,6 +2172,11 @@ async function finishGoalIfComplete(goal, project, activityTask = null) {
   // point (all its tasks are done), so its conflictsWith is accurate even if
   // PR creation itself fails (e.g. no `gh` auth) or is still no-op'd (no code).
   updateGoalConflicts(goal);
+  // Computed BEFORE createGoalPR (not inside verifyGate, which used to run
+  // after) so the PR body's "確認ポイント" headline is available the first
+  // time the PR is opened, not only on the review card (Masa 2026-07-16).
+  goalAct('Writing the review summary from the worker report and diff.');
+  goal.reviewSummary = await summarizeForReview(goal, siblings, wdir, reviewDefinition);
   goalAct('Checking changed files and preparing the PR branch if code changed.');
   await createGoalPR(goal, prProject, siblings, reviewDefinition, activityTask);
   // goal 427 §4: classify the change's risk from the SAME changed-files/diff
@@ -2228,8 +2245,13 @@ async function verifyGate(goal, prProject, siblings, baseProject, activityTask =
     goal.testResult = { ran: false, skipped: true, skippedReason: changedFiles.length ? 'documentation-only change' : 'no changed files' };
     goalAct(`Skipped project tests: ${goal.testResult.skippedReason}.`);
   }
-  goalAct('Writing the review summary from the worker report and diff.');
-  goal.reviewSummary = await summarizeForReview(goal, siblings, wdir, reviewDefinition);
+  // Normally already set by finishGoalIfComplete before the PR was opened
+  // (so the PR body can include it too); only fall back here for the
+  // standalone /reverify path or any older goal that never got one.
+  if (!goal.reviewSummary) {
+    goalAct('Writing the review summary from the worker report and diff.');
+    goal.reviewSummary = await summarizeForReview(goal, siblings, wdir, reviewDefinition);
+  }
   const uiTasks = siblings.filter((t) => isUiChange(t.changedFiles));
   // Only require/capture proof for projects we can actually boot & screenshot
   // (Manager-shaped). A generic web repo that edits a stylesheet can't be
@@ -2371,26 +2393,12 @@ async function createGoalPR(goal, project, goalTasks, reviewDefinition = DEFAULT
     // (Masa: 「ユーザーの言語で」).
     const lang = reviewDefinition.language === 'auto' ? detectRequestLanguage(goal.text) : (reviewDefinition.language || 'ja');
     const L = (en, ja) => (lang === 'en' ? en : ja);
-    const bodyFor = (branch) => [
-      ...(proofItems.length && owner ? [
-        L('## Proof — one tap, plays in place', '## 動作確認 — 1タップでその場で再生'),
-        '',
-        `https://github.com/${owner}/blob/${branch}/${proofRel}/PROOF.md`,
-        '',
-      ] : []),
-      L('## Goal', '## ゴール'),
-      '',
-      goal.text.slice(0, 1500),
-      '',
-      ...buildReviewRuleSection(reviewDefinition.description),
-      L(`Implemented by Manager for AI: the goal was decomposed into ${goalTasks.length} task(s), each executed by a Claude Code worker (flat-rate, no extra API), tests written and run per task.${proofItems.length ? ' Tasks with a pass condition were verified independently in a headless browser.' : ''}`,
-        `Manager for AI が実装: ゴールを${goalTasks.length}個のタスクに分解し、Claude Code worker が順に実行（既存サブスク・追加API無し・タスク毎にテストを作成し実行）。${proofItems.length ? '成功条件つきタスクは headless ブラウザで独立検証済み。' : ''}`),
-      '',
-      L('## Tasks and worker reports', '## タスクとworker報告'),
-      ...goalTasks.map((t) => `\n### ${t.num} ${t.title} — ${t.status} (${t.secs}s)\n${(t.result ?? '').slice(0, 800)}`),
-      '',
-      L(`Changed files: ${files.map((f) => `\`${f}\``).join(' ')}`, `変更ファイル: ${files.map((f) => `\`${f}\``).join(' ')}`),
-    ].join('\n');
+    const bodyFor = (branch) => buildGoalPrBody({
+      lang, goal, goalTasks, files, owner, branch, proofRel,
+      proofItemsCount: proofItems.length,
+      reviewDescription: reviewDefinition.description,
+      reviewSummary: goal.reviewSummary,
+    });
     const title = `Manager for AI: ${isRework ? L('rework — ', '再作業 — ') : ''}${goal.plan?.[0] ?? goal.text.slice(0, 60)}${goal.plan?.length > 1 ? L(` +${goal.plan.length - 1} more`, ` 他${goal.plan.length - 1}件`) : ''}`;
     const { url, branch } = openPR({
       repoDir: project.dir, slug: `goal-${goal.id}`,
@@ -2401,7 +2409,7 @@ async function createGoalPR(goal, project, goalTasks, reviewDefinition = DEFAULT
       extraCopies,
       extraWrites: proofItems.length ? [{
         destRel: `${proofRel}/PROOF.md`,
-        content: buildGoalProofMd({ goalText: goal.text, items: proofItems }),
+        content: buildGoalProofMd({ goalText: goal.text, items: proofItems, lang }),
       }] : [],
       ...(isRework ? { existingBranch: goal.prBranch, existingPrUrl: goal.pr } : {}),
     });
@@ -2705,6 +2713,32 @@ const server = createServer(async (req, res) => {
         const { projectId, text, pr, images, model, effort, source, pending, review, note, mode, skill, agent } = JSON.parse(body);
         const project = projects.find((p) => p.id === projectId);
         if (!project || !text?.trim()) return json(res, 400, { error: 'projectId and text required' });
+        // Onboarding (docs/HANDOFF-ONBOARDING-conversational.md, SLICE 2): the
+        // composer is conversation-first. A chat/help/settings message ("what can
+        // you do?", "reply in English", a greeting) gets a conversational reply
+        // and must NOT become a To-Do. Classified BEFORE dedupe/billing/goal
+        // creation, so a chat turn never folds into a goal, never counts against
+        // the free-tier cap, and never persists a task. /later (pending) and
+        // /review are explicit user intent → skip classification. A cheap
+        // heuristic short-circuits obvious implementation requests (no LLM);
+        // anything else gets one Haiku round-trip that both classifies and writes
+        // the reply. LLM failure falls back to 'task' — never drop a real
+        // implementation ask (the folder guard below still prevents no-ops).
+        if (!pending && !review && classifyComposerIntentHeuristic(text.trim()) === 'chat') {
+          // Only a HIGH-confidence chat/help/settings message reaches the LLM —
+          // to write the reply, and to let the model veto back to 'task' if the
+          // heuristic over-fired. Everything else (clear tasks AND ambiguous
+          // 'unsure') goes straight to goal creation: bias to task keeps the
+          // common path LLM-free (no latency/tokens on real work) and the folder
+          // guard below still prevents no-ops. LLM failure → treat as task and
+          // fall through, so a real implementation ask is never dropped.
+          const intentLang = detectRequestLanguage(text);
+          try {
+            const r = await runClaude({ prompt: buildIntentPrompt(text.trim(), intentLang), cwd: ROOT, tools: 'Read', model: 'haiku' });
+            const parsed = parseIntentResponse(r.result);
+            if (parsed.intent === 'chat') return json(res, 200, { kind: 'chat', reply: parsed.reply.slice(0, 2000), lang: intentLang });
+          } catch { /* LLM unavailable → fall through to goal creation */ }
+        }
         // Dedupe (Masa: 被ったやつもまとめて): if this near-duplicates a goal
         // already in flight (running/review with a live worker session), fold it
         // in as a thread follow-up (context kept via session resume) instead of
@@ -2854,7 +2888,7 @@ const server = createServer(async (req, res) => {
       const q = queues.get(goal.projectId);
       if (q) q.waiting = q.waiting.filter((t) => t.goalId !== goal.id);
       goals = goals.filter((g) => g.id !== goal.id);
-      appendFileSync(logFile, JSON.stringify({ kind: 'goal', id: goal.id, deleted: true }) + '\n');
+      logAppend(JSON.stringify({ kind: 'goal', id: goal.id, deleted: true }));
       sendGoalEvent({ ev: 'goal-deleted', id: goal.id }, goal);
       startNextStacked(goal.projectId);
       pump(goal.projectId);
@@ -3087,34 +3121,80 @@ const server = createServer(async (req, res) => {
       let answer = '';
       try { answer = String(JSON.parse(body || '{}').answer ?? '').trim(); } catch {}
       if (!answer) return json(res, 400, { error: 'answer required' });
+      // Bind this goal to a project rooted at `dir` and start planning. Shared by
+      // the "picked a repo" and "git-init'd a new folder" paths below.
+      const bindAndPlan = (dir) => {
+        const existing = projects.find((p) => p.dir === dir);
+        let proj = existing;
+        if (!proj) {
+          proj = { id: uniqueProjectId(basename(dir)), name: basename(dir), dir };
+          projects.push(proj); saveProjects();
+        }
+        goal.projectId = proj.id;
+        goal.question = null;
+        goal.clarified = true;
+        goal.status = 'planning';
+        saveGoal(goal);
+        planGoal(goal).catch((e) => { goal.status = 'failed'; goal.prError = String(e).slice(0, 300); saveGoal(goal); });
+        return json(res, 200, goal);
+      };
       // Folder-choice answer (onboarding funnel): rebind the goal to the chosen
       // repo rather than appending to goal.text — a folder isn't a task
-      // clarification. Validate it's a real repo (and not HOME); if not, re-ask
-      // with a fresh detected list so we never fall through to a no-op run.
+      // clarification. If the picked path is already a repo, bind it. If it's a
+      // non-repo dir (or a path that doesn't exist yet), DON'T loop re-asking —
+      // offer to start a new project there via `git init` (the repo-less /
+      // vibe-coder onboarding path). HOME / a file → re-ask.
       if (goal.question?.kind === 'folder') {
         const resolved = resolveFolderAnswer(answer, goal.question.folders || []);
         let dir = resolved?.dir || answer;
         if (dir.startsWith('~')) dir = join(HOME, dir.slice(1).replace(/^\/+/, ''));
-        if (dir !== HOME && isGitRepo(dir)) {
-          const existing = projects.find((p) => p.dir === dir);
-          let proj = existing;
-          if (!proj) {
-            proj = { id: uniqueProjectId(basename(dir)), name: basename(dir), dir };
-            projects.push(proj); saveProjects();
-          }
-          goal.projectId = proj.id;
-          goal.question = null;
-          goal.clarified = true;
-          goal.status = 'planning';
+        const lang = goal.question.lang || 'ja';
+        const cls = classifyFolderTarget({
+          dir, homeDir: HOME,
+          exists: existsSync(dir),
+          isDirectory: (() => { try { return statSync(dir).isDirectory(); } catch { return false; } })(),
+          isRepo: isGitRepo(dir),
+        });
+        if (cls.action === 'use') return bindAndPlan(dir);
+        if (cls.action === 'init') {
+          // Non-repo folder → confirm before we create a repo (non-destructive,
+          // but a repo-less user should see what we're about to do).
+          goal.question = buildFolderInitConfirm(dir, { lang, create: cls.create, homeDir: HOME });
           saveGoal(goal);
-          planGoal(goal).catch((e) => { goal.status = 'failed'; goal.prError = String(e).slice(0, 300); saveGoal(goal); });
           return json(res, 200, goal);
         }
-        // not a usable repo → keep asking (don't run a no-op)
-        goal.question = buildFolderQuestion(detectRepos(HOME), { lang: goal.question.lang || 'ja' });
+        // reject (HOME or a file) → re-ask with a fresh detected list
+        goal.question = buildFolderQuestion(detectRepos(HOME), { lang });
         saveGoal(goal);
         return json(res, 200, goal);
       }
+      // Confirm card for "start a new project here (git init)?". Yes → run the
+      // init (guarded: create the dir if needed, NEVER touch existing files,
+      // NEVER re-init an existing repo), then bind + plan like a picked repo.
+      // Anything else → back to the folder list.
+      if (goal.question?.kind === 'folder-init') {
+        const q = goal.question;
+        const lang = q.lang || 'ja';
+        if (!isFolderInitConfirmed(answer, q)) {
+          goal.question = buildFolderQuestion(detectRepos(HOME), { lang });
+          saveGoal(goal);
+          return json(res, 200, goal);
+        }
+        const dir = q.dir;
+        try {
+          if (dir === HOME) throw new Error('refusing to init HOME as a project');
+          if (q.create && !existsSync(dir)) mkdirSync(dir, { recursive: true });
+          if (!statSync(dir).isDirectory()) throw new Error('target is not a directory');
+          if (!isGitRepo(dir)) gitSync(dir, ['init', '--quiet']); // adds .git only; leaves files as-is
+        } catch (e) {
+          // couldn't init → don't run a no-op; surface why and re-ask
+          goal.question = buildFolderQuestion(detectRepos(HOME), { lang });
+          goal.prError = `git init failed: ${String(e?.message || e).slice(0, 200)}`;
+          saveGoal(goal);
+          return json(res, 200, goal);
+        }
+        return bindAndPlan(dir);
+      }
       goal.text = `${goal.text}\n[確認: ${goal.question?.text ?? ''} → ${answer}]`;
       goal.clarified = true; // answered once → planGoal must never re-ask (persisted via saveGoal)
       goal.question = null;

package/package.json

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