codehere 0.7.0 → 0.8.0

package/dist/infrastructure/protocols/ui-page-v2.js

@@ -662,14 +662,31 @@ const SHARED_STYLES = `
   .audit-line b { color: var(--fg-90); font-weight: 600; }
   .audit-line code { background: hsl(0 0% 9%); padding: 1px 5px; border-radius: 3px; color: var(--fg-70); }
 
+  /* project-memory nudge · same quiet family as .audit-line (trust present-
+     but-quiet); .on = the post-click confirmation state */
+  .mem-nudge {
+    font-family: var(--mono); font-size: 10.5px; color: var(--fg-40);
+    padding: 6px 12px; margin: 8px 0;
+    background: rgba(0,0,0,0.2);
+    border-left: 2px solid var(--border); border-radius: 3px;
+    line-height: 1.55;
+  }
+  .mem-nudge .mem-btn {
+    background: none; border: 1px solid var(--border); border-radius: 4px;
+    color: var(--fg-70); font-family: var(--mono); font-size: 10.5px;
+    padding: 2px 8px; cursor: pointer; margin-left: 4px;
+  }
+  .mem-nudge .mem-btn:hover { border-color: var(--accent); color: var(--fg); }
+  .mem-nudge.on { border-left-color: rgba(40,200,64,0.4); color: var(--fg-70); }
+
   /* auditor persona · audit-chain + verifier + hook-badges amplified,
      summary muted (per demo v12 line 2462: "amplify audit-lines +
      hook-badges + trust-grades") */
-  body.auditor .audit-line { background: rgba(74,144,226,0.06); border-left-color: #4a90e2; color: var(--fg-70); font-size: 11.5px; padding: 8px 14px; }
-  body.auditor .verifier-panel { box-shadow: 0 0 0 2px rgba(40,200,64,0.18); }
-  body.auditor .hook-badge { transform: scale(1.05); }
-  body.auditor .file-chip .trust { font-weight: 700; padding: 2px 7px; }
-  body.auditor .panel:has(p) { opacity: 0.7; }
+  body[data-persona="auditor"] .audit-line { background: rgba(74,144,226,0.06); border-left-color: #4a90e2; color: var(--fg-70); font-size: 11.5px; padding: 8px 14px; }
+  body[data-persona="auditor"] .verifier-panel { box-shadow: 0 0 0 2px rgba(40,200,64,0.18); }
+  body[data-persona="auditor"] .hook-badge { transform: scale(1.05); }
+  body[data-persona="auditor"] .file-chip .trust { font-weight: 700; padding: 2px 7px; }
+  body[data-persona="auditor"] .panel:has(p) { opacity: 0.7; }
 
   /* SHAPE: velocity · hide tool-call cards, summary prose, tokens, verifier · keep outcome + files */
   body.shape-velocity .tc-card,
@@ -683,6 +700,13 @@ const SHARED_STYLES = `
   body.shape-security .verifier-panel { box-shadow: 0 0 0 2px rgba(255,95,87,0.18); padding: 14px; }
   body.shape-security .hook-block-card { box-shadow: 0 0 0 2px rgba(255,95,87,0.3); }
 
+  /* Reshape shapes recompose the goal room too (slice 4): "just what shipped"
+   * / velocity hide per-turn meta; the audit/security shape amplifies the
+   * room's audit line. Reuses the existing body.shape-* + .p-eng/.audit-line. */
+  body.shape-ship-only #task-list .card-row2 .p-eng,
+  body.shape-velocity #task-list .card-row2 .p-eng { display: none !important; }
+  body.shape-security #task-list .audit-line { background: rgba(74,144,226,0.06); border-left-color: #4a90e2; font-size: 11.5px; padding: 8px 14px; }
+
   /* v0.8 S2.5 · Settings drawer · ported from demo v12 lines 178-192 + A-09
    * in the backlog. Right-side off-canvas panel · holds Context Sources +
    * future section-visibility toggles. */
@@ -936,6 +960,29 @@ const SHARED_STYLES = `
     box-shadow: 0 0 0 3px rgba(255,154,118,0.18);
   }
 
+  /* Goal-first home · each project (goal) is a group; its tasks live inside.
+   * The home is organized by what you're working toward, not by status. */
+  .goal-group { margin: 0 0 22px; }
+  .goal-head {
+    display: flex; align-items: baseline; gap: 10px;
+    padding: 0 0 8px; margin: 20px 0 10px;
+    border-bottom: 1px solid var(--border);
+  }
+  .goal-group:first-child .goal-head { margin-top: 0; }
+  .goal-title { font-size: 15px; font-weight: 600; color: var(--fg); letter-spacing: -0.01em; }
+  .goal-meta { font-family: var(--mono); font-size: 10.5px; color: var(--fg-40); margin-left: auto; }
+  .goal-head { cursor: pointer; }
+  .goal-head:hover .goal-title { color: var(--accent); }
+  .goal-head:hover .goal-meta { color: var(--fg-70); }
+
+  /* The goal room · a single goal opened to its multi-agent turns, in order. */
+  .room-head { margin: 4px 0 14px; }
+  .room-back { background: transparent; border: 0; color: var(--fg-50); font-family: var(--mono); font-size: 11px; cursor: pointer; padding: 0; margin-bottom: 12px; }
+  .room-back:hover { color: var(--fg); }
+  .room-title { font-size: 20px; font-weight: 600; color: var(--fg); letter-spacing: -0.01em; }
+  .room-sub { font-family: var(--mono); font-size: 11px; color: var(--fg-40); margin-top: 5px; }
+  .turns-label { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; color: var(--fg-40); text-transform: uppercase; margin: 18px 0 12px; }
+
   /* Task card · glass surface · matches demo v12 .glass-card pattern.
    * Faint white-on-dark fill + 1px low-contrast border · sits on top of
    * the ambient dot-grid. Hover lifts 2px with a bigger shadow + inner
@@ -1515,8 +1562,9 @@ const SHARED_STYLES = `
   .input-ta::placeholder { color: var(--fg-40); }
   .input-ta:disabled { color: var(--fg-30); }
   .input-meta { font-family: var(--mono); font-size: 10px; color: var(--fg-40); white-space: nowrap; display: inline-flex; gap: 8px; align-items: center; }
-  .input-meta .pick-agent { color: var(--fg-70); cursor: pointer; padding: 2px 6px; border-radius: 3px; transition: background 0.15s; }
+  .input-meta .pick-agent { color: var(--fg-70); cursor: pointer; padding: 2px 6px; border-radius: 3px; transition: background 0.15s; background: transparent; border: none; font: inherit; -webkit-appearance: none; appearance: none; }
   .input-meta .pick-agent:hover { background: rgba(255,255,255,0.05); color: var(--fg); }
+  .input-meta select.pick-agent option { background: var(--bg-2, #1a1a1f); color: var(--fg); }
   .input-meta .cost-est { color: var(--allow); padding: 2px 6px; border-radius: 3px; background: rgba(40,200,64,0.06); }
   .send-btn {
     background: var(--accent); color: #000; border: none; border-radius: 6px;
@@ -1536,7 +1584,11 @@ const SHARED_STYLES = `
 `;
 const APP_SCRIPT = `
 const _cached = {};
-let _filter = 'all', _detail = null, _offline = false;
+let _filter = 'all', _detail = null, _room = null, _offline = false, _autoOpened = false;
+// Project-memory state for the open room · null = unknown (fetch in flight),
+// false = agents forget this project (show the nudge), true = memory already
+// on (stay quiet), 'just-on' = turned on from the nudge this visit (confirm).
+let _roomMemory = null;
 const ICONS = { queued:'\\u23F3', running:'\\u25CF', paused:'\\u23F8', blocked:'\\uD83D\\uDD12', done:'\\u2713', failed:'\\u2715', crashed:'!', killed:'\\u2298' };
 const STAT_ORDER = ['running','queued','paused','blocked','done','failed','crashed','killed'];
 const FILTERS = { all: s=>true, running: s=>['running','queued','paused','blocked'].includes(s.status), done: s=>['done','completed'].includes(s.status), failed: s=>['failed','crashed','killed','error'].includes(s.status) };
@@ -1668,12 +1720,14 @@ function codeCard(path, snippet, lang) {
 }
 function allS(d) { const sp=d.spawned||d.sessions||[], pe=d.persisted||[], seen=new Set(sp.map(s=>s.sessionId)); return [...sp,...pe.filter(p=>!seen.has(p.sessionId))]; }
 function cardActions(s) {
+  // Only 'kill' is wired (POST /api/task/:id/kill). Pause/Resume/Restart had NO
+  // backend endpoint — they rendered as live buttons that silently no-op'd (R11
+  // honest-state lie, 2026-06-03). Removed until real process control lands; Kill
+  // and Cancel both map to the wired kill, so every rendered control here works.
   const m={
-    running:'<button class="card-btn pause" onclick="event.stopPropagation();a(\\'pause\\',\\''+s+'\\')">Pause</button><button class="card-btn kill" onclick="event.stopPropagation();a(\\'kill\\',\\''+s+'\\')">Kill</button>',
-    paused:'<button class="card-btn" onclick="event.stopPropagation();a(\\'resume\\',\\''+s+'\\')">Resume</button><button class="card-btn kill" onclick="event.stopPropagation();a(\\'kill\\',\\''+s+'\\')">Kill</button>',
+    running:'<button class="card-btn kill" onclick="event.stopPropagation();a(\\'kill\\',\\''+s+'\\')">Kill</button>',
+    paused:'<button class="card-btn kill" onclick="event.stopPropagation();a(\\'kill\\',\\''+s+'\\')">Kill</button>',
     queued:'<button class="card-btn kill" onclick="event.stopPropagation();a(\\'kill\\',\\''+s+'\\')">Cancel</button>',
-    crashed:'<button class="card-btn restart" onclick="event.stopPropagation();a(\\'restart\\',\\''+s+'\\')">Restart</button>',
-    failed:'<button class="card-btn restart" onclick="event.stopPropagation();a(\\'restart\\',\\''+s+'\\')">Restart</button>',
     blocked:'<button class="card-btn kill" onclick="event.stopPropagation();a(\\'kill\\',\\''+s+'\\')">Cancel</button>',
   };
   return m[mapped(s)]||'';
@@ -1691,11 +1745,101 @@ function mapped(s) { return s==='queued'?'running':s==='blocked'?'paused':aStat(
 function findS(id) { const s=allS(_cached.tasks||{}); return s.find(x=>x.sessionId===id)||null; }
 
 function render() {
-  if(_detail){ const t=findS(_detail); if(t)renderD(t); else{ _detail=null; renderL(); } }
+  if(_detail){ const t=findS(_detail); if(t)renderD(t); else{ _detail=null; if(_room)renderRoom(); else renderL(); } }
+  else if(_room) renderRoom();
   else renderL();
   upCnt(); upBud(); upSq(); upWk(); upIdx();
 }
 
+// The goal room — one goal opened to its tasks as a chronological thread of
+// agent turns. Renders into #task-list (same surface as the goals list).
+function openRoom(enc){
+  _room=decodeURIComponent(enc||''); _detail=null;
+  // Project-memory status for the nudge — fetched once per entry from the
+  // daemon (the SAME readiness the injector acts on, not a guess).
+  _roomMemory=null;
+  (function(forCwd){
+    fetch('/api/memory/status?cwd='+encodeURIComponent(forCwd)).then(x=>x.json()).then(j=>{
+      if(_room===forCwd){ _roomMemory=!!j.ready; render(); }
+    }).catch(()=>{});
+  })(_room);
+  document.getElementById('task-list-view').style.display='';
+  document.getElementById('task-detail-view').style.display='none';
+  document.body.classList.remove('detail-open');
+  // Hand-off affordance: inside a room the composer targets THIS goal (cwd is
+  // pinned in submit) and the picker defaults to whoever worked it last —
+  // continuing is zero clicks, handing to a different agent is one visible
+  // click. Set once on entry (not in renderRoom, which re-runs every poll and
+  // would stomp the user's choice).
+  const ta=document.getElementById('main-ta');
+  if(ta) ta.placeholder='Add the next task in this goal\\u2026 any agent picks up where the last one left off';
+  const ap=document.getElementById('agent-pick');
+  if(ap){
+    const turns=allS(_cached.tasks||{}).filter(x=>!/^demo-/.test(x.sessionId||'')&&(x.cwd||'')===_room&&x.agent).sort((a,b)=>(a.startedAt||0)-(b.startedAt||0));
+    const raw=turns.length?String(turns[turns.length-1].agent):'';
+    ap.value=['claude-code','codex','aider','gemini','opencode'].indexOf(raw)>=0?raw:'auto';
+  }
+  render();
+}
+function closeRoom(){
+  _room=null; _roomMemory=null;
+  const ta=document.getElementById('main-ta');
+  if(ta) ta.placeholder='Describe a task or ask a question...';
+  const ap=document.getElementById('agent-pick'); if(ap) ap.value='auto';
+  render();
+}
+async function initRoomMemory(btn){
+  if(!_room) return;
+  if(btn){ btn.disabled=true; btn.textContent='turning on\\u2026'; }
+  try{
+    const r=await fetch('/api/memory/init',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({cwd:_room})});
+    if(r.ok){ _roomMemory='just-on'; render(); }
+    else { const e=await r.json().catch(()=>({})); al('Could not turn on memory: '+(e.error||e.reason||'unknown')); if(btn){btn.disabled=false;btn.textContent='turn on project memory';} }
+  }catch(e){ al('Network error: '+e.message); if(btn){btn.disabled=false;btn.textContent='turn on project memory';} }
+}
+function renderRoom(){
+  const c=document.getElementById('task-list');
+  const _hs=document.getElementById('host-sessions-strip'); if(_hs){ _hs.style.display='none'; }
+  const esc=s=>String(s==null?'':s).replace(/[&<>"]/g,ch=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[ch]));
+  const cwd=_room;
+  const items=allS(_cached.tasks||{}).filter(x=>!/^demo-/.test(x.sessionId||'') && (x.cwd||'')===cwd);
+  items.sort((a,b)=>(a.startedAt||0)-(b.startedAt||0)); // turns in the order they happened
+  const projects=_cached.projects||[];
+  const p=projects.find(x=>x.cwd===cwd);
+  const title=(p&&p.title)||(cwd?(cwd.split('/').filter(Boolean).pop()||'Goal'):'Goal');
+  const agents=[...new Set(items.map(x=>x.agent).filter(Boolean))];
+  let html='<div class="room-head"><button class="room-back" onclick="closeRoom()">\\u2190 all goals</button>';
+  html+='<div class="room-title">'+esc(title)+'</div>';
+  // Persona-adaptive (direction B): everyone sees the plain-English outcome;
+  // the technical path is engineer-only (.p-eng · hidden for PM/designer via
+  // the existing body[data-persona] CSS — recomposes live, no re-render).
+  const _done=items.filter(x=>x.status==='completed'||x.status==='done').length;
+  const _outcome=items.length?(_done===items.length?('\\u2713 all '+items.length+' shipped'):(_done+' of '+items.length+' shipped')):'no tasks yet';
+  html+='<div class="room-sub">'+esc(_outcome)+(agents.length?' \\u00b7 '+agents.map(esc).join(', '):'')+'<span class="p-eng"> \\u00b7 '+esc(cwd||'')+'</span></div></div>';
+  if(items.length){
+    html+='<div class="turns-label">How your agents worked this goal, in order</div>';
+    for(const t of items) html+=cardH(t);
+    // Auditor signal · subtle for everyone, amplified for the Auditor persona
+    // via body[data-persona="auditor"] .audit-line. Honest: real step count,
+    // and every step IS in the local hash-chained audit log.
+    const _stepsTotal=items.reduce((n,t)=>n+((t.steps||[]).length),0);
+    html+='<div class="audit-line allow" style="margin-top:14px">&#128274; every step in this goal is in the local audit chain \\u00b7 <b>'+_stepsTotal+' steps</b> \\u00b7 verify \\u21bb</div>';
+  } else {
+    html+='<div class="empty-state"><h2>No tasks in this goal yet.</h2></div>';
+  }
+  // Project-memory nudge (stranger-walk finding 2026-06-06): web-only users
+  // never run codehere-init, so agents silently get NO memory of the
+  // project. Honest + quiet: rendered ONLY when the daemon says memory is
+  // off; the confirmation says "from the next task" because injection
+  // happens at spawn — no fake instant effect.
+  if(_roomMemory===false){
+    html+='<div class="mem-nudge">&#129504; agents forget this project between runs \\u00b7 <button class="mem-btn" onclick="initRoomMemory(this)">turn on project memory</button></div>';
+  } else if(_roomMemory==='just-on'){
+    html+='<div class="mem-nudge on">\\u2713 project memory is on \\u2014 agents will remember this project from the next task</div>';
+  }
+  c.innerHTML=html;
+}
+
 // C-01 · first-run indexing banner · auto-show when session count < 3 +
 // only once per browser session (sessionStorage tracks the dismissal).
 function upIdx(){
@@ -1773,39 +1917,66 @@ function fmtGap(ms){
 
 function renderL() {
   const c=document.getElementById('task-list'), all=allS(_cached.tasks||{});
+  const esc=s=>String(s==null?'':s).replace(/[&<>"]/g,ch=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[ch]));
   const fl=all.filter(FILTERS[_filter]||FILTERS.all);
   let html='';
-  // Pin demo-shape sessions (id prefix 'demo-') to the very top — they
-  // exist to demonstrate what the product does · always relevant.
+  // Demo-shape sessions (id prefix 'demo-') render AFTER the goals — they
+  // demonstrate the product, but the home leads with YOUR goals (spec:
+  // "Home is a list of your goals"; demos were burying it).
   const demo=fl.filter(x=>/^demo-/.test(x.sessionId||''));
   const rest=fl.filter(x=>!/^demo-/.test(x.sessionId||''));
-  if(demo.length){
-    html+='<div class="section-label featured">Featured</div>';
-    for(const t of demo) html+=cardH(t);
-  }
-  for(const g of STAT_ORDER){
-    const items=rest.filter(x=>aStat(x.status)===g||(g==='running'&&['running','queued'].includes(x.status))||(g==='failed'&&['crashed','killed','error'].includes(x.status)));
-    if(!items.length)continue;
-    const label={running:'Running',queued:'Running',paused:'Paused',blocked:'Blocked',done:'Done',failed:'Failed',crashed:'Failed',killed:'Failed'}[g]||g;
-    html+='<div class="section-label">'+label+'</div>';
+  // Goal-first home: group the rest by project (the goal/room), not by status.
+  // cwd → project title (from /api/projects); fall back to the folder name.
+  const projects=_cached.projects||[];
+  const titleFor=cwd=>{
+    if(!cwd) return 'Ungrouped';
+    const p=projects.find(x=>x.cwd===cwd);
+    if(p&&p.title) return p.title;
+    const parts=String(cwd).split('/').filter(Boolean);
+    return parts.length?parts[parts.length-1]:'Ungrouped';
+  };
+  const groups=new Map();
+  for(const t of rest){
+    const key=t.cwd||'ungrouped';
+    if(!groups.has(key)) groups.set(key,{cwd:t.cwd,items:[]});
+    groups.get(key).items.push(t);
+  }
+  const lastTs=g=>g.items.reduce((m,x)=>Math.max(m,x.startedAt||0),0);
+  const ordered=[...groups.values()].sort((a,b)=>lastTs(b)-lastTs(a));
+  let prevGroupTs=null;
+  for(const g of ordered){
+    // Time-gap separator BETWEEN goals (ordered by recency) — a big gap means
+    // these goals are from a different stretch of work ("last week").
+    const gts=lastTs(g);
+    if(prevGroupTs!==null && gts>0 && prevGroupTs>0){
+      const gg=Math.abs(prevGroupTs-gts);
+      if(gg>2*3600*1000){ html+='<div class="time-gap"><span class="line"></span><span class="label">'+fmtGap(gg)+'</span><span class="line"></span></div>'; }
+    }
+    prevGroupTs=gts;
+    g.items.sort((a,b)=>(b.startedAt||0)-(a.startedAt||0));
+    const running=g.items.filter(x=>['running','queued','paused','blocked'].includes(x.status)).length;
+    const meta=g.items.length+' task'+(g.items.length===1?'':'s')+(running?' · '+running+' running':'');
+    html+='<div class="goal-group"><div class="goal-head" data-goal-cwd="'+encodeURIComponent(g.cwd||'')+'" onclick="openRoom(\\''+encodeURIComponent(g.cwd||'')+'\\')"><span class="goal-title">'+esc(titleFor(g.cwd))+'</span><span class="goal-meta">'+esc(meta)+' \\u00b7 open \\u2192</span></div>';
+    // Time-gap separator within a goal · a big gap between consecutive tasks
+    // in the same goal is meaningful ("picked this back up 3 days later").
     let prevTs=null;
-    for(const t of items){
-      // F-04 · time-gap separator · inject before this card when there's a
-      // > 2h gap between its startedAt and the previous card's. Skips for
-      // 'running' (still alive, no gap) and the first card (no predecessor).
-      const ts = t.startedAt || 0;
-      if(g!=='running' && prevTs!==null && ts>0 && prevTs>0){
+    for(const t of g.items){
+      const ts=t.startedAt||0;
+      if(prevTs!==null && ts>0 && prevTs>0){
         const gap=Math.abs(prevTs-ts);
-        if(gap > 2*3600*1000){
-          html+='<div class="time-gap"><span class="line"></span><span class="label">'+fmtGap(gap)+'</span><span class="line"></span></div>';
-        }
+        if(gap>2*3600*1000){ html+='<div class="time-gap"><span class="line"></span><span class="label">'+fmtGap(gap)+'</span><span class="line"></span></div>'; }
       }
       html+=cardH(t);
       prevTs=ts;
     }
+    html+='</div>';
+  }
+  if(demo.length){
+    html+='<div class="section-label featured">Featured</div>';
+    for(const t of demo) html+=cardH(t);
   }
   if(!html){
-    const h={all:'No tasks yet. Type a task below to get started.',running:'No running tasks.',done:'No completed tasks.',failed:'No failed tasks.'};
+    const h={all:'No goals yet. Type a task below to start one.',running:'No running tasks.',done:'No completed tasks.',failed:'No failed tasks.'};
     html='<div class="empty-state"><h2>'+(h[_filter]||'No tasks found.')+'</h2></div>';
   }
   c.innerHTML=html;
@@ -1814,6 +1985,8 @@ function renderL() {
 function renderHostSessions(data){
   const strip=document.getElementById('host-sessions-strip');
   if(!strip)return;
+  // The observed-sessions strip belongs to the goals home, not inside a room.
+  if(_room){ strip.style.display='none'; strip.innerHTML=''; return; }
   const sessions=(data&&data.sessions)||[];
   if(!sessions.length){ strip.style.display='none'; strip.innerHTML=''; return; }
   function he(s){ return String(s).replace(/[&<>"]/g, c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c])); }
@@ -1880,7 +2053,7 @@ function cardH(t) {
   const stalledHtml = t.stalledReason ? '<div class="card-stalled" title="the watchdog stopped this task because the agent went silent">'+he(t.stalledReason)+'</div>' : '';
   return '<div class="task-card '+agentClass+pinClass+'" onclick="showD(\\''+t.sessionId+'\\')">'
     +'<div class="card-row1">'+statIcon(s)+'<span class="card-title" title="'+displayPrompt(t.prompt).replace(/"/g,'&quot;').slice(0,400)+'">'+title(t.prompt)+'</span>'+tagHtml(t.tags||[])+agentChip+'</div>'
-    +'<div class="card-row2">'+metaParts.join('')+verB(t.verification)+outcomeHtml+'</div>'
+    +'<div class="card-row2"><span class="p-eng">'+metaParts.join('')+'</span>'+verB(t.verification)+outcomeHtml+'</div>'
     +stalledHtml
     +(cardActions(t.sessionId)?'<div class="card-row3">'+cardActions(t.sessionId)+'</div>':'')+'</div>';
 }
@@ -2401,6 +2574,12 @@ function renderD(t) {
   // Empty finalReport object or null/empty summary => honest "unavailable" outcome,
   // not a green check. Composer must offer a re-spawn affordance for these cases.
   const hasReportText = !!(t.finalReport && typeof t.finalReport.summary === 'string' && t.finalReport.summary.trim());
+  // §G R8 — green ✓ "Final Report" ONLY for a verified live-agent summary
+  // (source === 'agent-summary'). Every other source — deterministic fallback,
+  // error-recovery, mock synthesis — renders an honest ⚠, never a fake ✓.
+  // POSITIVE allowlist (not deny-one) so a new/unknown source can't sneak a ✓.
+  const reportSource = (t.finalReport && t.finalReport.source) || '';
+  const isVerifiedAgentReport = reportSource === 'agent-summary';
   const isTerminal = ['completed','done','killed','failed','error','crashed'].includes(t.status);
   // The headline "N files changed" number. Normally derived from the actual
   // artifact list, so claim === rendered count, always. The optional
@@ -2415,8 +2594,13 @@ function renderD(t) {
   } else {
     oHtml+=(claimedFiles?'<div class="outcome-item"><span class="check">'+ms(true)+'</span> '+claimedFiles+' file'+(claimedFiles===1?'':'s')+' changed</div>':'');
     oHtml+='<div class="outcome-item"><span class="'+(nStep>0?'check':'pending')+'">'+(nStep>0?ms(true):'\\u2022')+'</span> '+nStep+' step'+(nStep===1?'':'s')+'</div>';
-    if(hasReportText) {
+    if(hasReportText && isVerifiedAgentReport) {
       oHtml+='<div class="outcome-item"><span class="check">'+ms(true)+'</span> Final Report</div>';
+    } else if(hasReportText) {
+      const _rl = reportSource==='deterministic' ? 'No written report \\u2014 recorded facts only'
+                : reportSource==='error-recovery' ? 'Final Report \\u2014 task did not complete'
+                : 'Final Report \\u2014 unverified (not a live-agent summary)';
+      oHtml+='<div class="outcome-item"><span class="pending">\\u26A0</span> '+_rl+'</div>';
     } else if(isTerminal) {
       oHtml+='<div class="outcome-item"><span class="pending">\\u26A0</span> Final Report unavailable</div>';
     }
@@ -3190,9 +3374,28 @@ function al(m){const e=document.getElementById('toast');if(e){e.textContent=m;e.
 async function fetchAll() {
   const sk=document.getElementById('skeleton');if(sk){const p=sk.parentNode;if(p)p.removeChild(sk);}
   try {
-    const [t,r]=await Promise.all([fetch('/api/tasks').then(x=>x.json()),fetch('/api/readiness/agents').then(x=>x.json())]);
-    _cached.tasks=t;_cached.readiness=r;
+    const [t,r,pj]=await Promise.all([fetch('/api/tasks').then(x=>x.json()),fetch('/api/readiness/agents').then(x=>x.json()),fetch('/api/projects').then(x=>x.json()).catch(()=>({projects:[]}))]);
+    _cached.tasks=t;_cached.readiness=r;_cached.projects=(pj&&pj.projects)||[];
     if(t.pricing)_cached.pricing=t.pricing;
+    // Auto-open the most relevant thread on first load (running > most-recent) —
+    // landing on a bare list "did nothing" feel (Ega 2026-06-02). Once only, and
+    // only if the user hasn't already navigated; Back still returns to the list.
+    if(!_autoOpened){
+      const _all=allS(t||{});
+      if(_all.length){
+        _autoOpened=true;
+        if(_detail===null){
+          // Demos never hijack first load — auto-open is for YOUR work
+          // (a seeded demo stuck on "running" was stealing it · 2026-06-06 walk).
+          const _real=_all.filter(x=>!/^demo-/.test(x.sessionId||''));
+          const _act=_real.filter(x=>['running','queued','paused','blocked'].includes(x.status));
+          const _pool=_act.length?_act:_real.slice();
+          _pool.sort((a,b)=>(b.startedAt||0)-(a.startedAt||0));
+          const _pick=_pool[0];
+          if(_pick&&_pick.sessionId){ showD(_pick.sessionId); }
+        }
+      }
+    }
     render();
   }catch(e){console.error('fetch error',e);}
   try {
@@ -3221,7 +3424,20 @@ async function submit(ta,btn,taskId){
     // which is the disabled-composer bug's mirror image: composer enabled but
     // routed wrong.
     const url = taskId ? '/api/task/'+taskId+'/message' : '/api/task';
-    const body = taskId ? JSON.stringify({text:p}) : JSON.stringify({prompt:p});
+    let body;
+    if(taskId){ body=JSON.stringify({text:p}); }
+    else {
+      // Room-aware spawn: typing while a goal room is open adds the task TO
+      // that goal (cwd pinned to the room) — before this, the room composer
+      // silently spawned OUTSIDE the room, the same routing lie as the
+      // follow-up bug above. Agent comes from the visible picker; 'auto'
+      // omits it so the server's conductor default applies unchanged.
+      const payload={prompt:p};
+      if(_room) payload.cwd=_room;
+      const ap=document.getElementById('agent-pick');
+      if(ap&&ap.value&&ap.value!=='auto') payload.agent=ap.value;
+      body=JSON.stringify(payload);
+    }
     const r=await fetch(url,{method:'POST',headers:{'Content-Type':'application/json'},body});
     if(!r.ok){const e=await r.json();al('Failed: '+(e.error||'unknown'));btn.disabled=false;ta.disabled=false;_submitting=false;}else{
       ta.value='';btn.textContent='\\u2713';setTimeout(()=>{btn.textContent='\\u2191';btn.disabled=false;ta.disabled=false;_submitting=false;ta.focus();},1200);
@@ -3946,6 +4162,7 @@ export const TASK_HTML_V2 = `<!doctype html>
       <option value="pm">PM view</option>
       <option value="designer">Designer view</option>
       <option value="eng">Engineer view</option>
+      <option value="auditor">Auditor view</option>
     </select>
     <button class="density-toggle" id="density-toggle" title="Toggle compact / standard density">&#8862; Compact</button>
     <button class="reshape-btn" id="reshape-open" title="Describe the view you want · agent composes from primitives">⌘ Reshape view</button>
@@ -3997,7 +4214,6 @@ export const TASK_HTML_V2 = `<!doctype html>
 
   <div class="content">
     <div id="task-list-view" class="content-inner">
-      <div id="host-sessions-strip" style="display:none"></div>
       <div id="task-list">
         <div class="skeleton" id="skeleton">
           <div class="skeleton-card"></div>
@@ -4005,6 +4221,10 @@ export const TASK_HTML_V2 = `<!doctype html>
           <div class="skeleton-card"></div>
         </div>
       </div>
+      <!-- Observed host sessions live BELOW the goals: the spec's home is
+           "a list of your goals" — ambient observation must not bury the
+           thesis surface (found burying it during the 2026-06-06 walk). -->
+      <div id="host-sessions-strip" style="display:none"></div>
     </div>
     <div id="task-detail-view" style="display:none" class="content-inner">
       <div id="detail-view"></div>
@@ -4021,7 +4241,7 @@ export const TASK_HTML_V2 = `<!doctype html>
   <div class="input-area">
     <div class="input-bar">
       <textarea class="input-ta composer-bar" id="main-ta" placeholder="Describe a task or ask a question..." rows="1"></textarea>
-      <div class="input-meta composer-meta"><span class="pick-agent" title="Auto-pick · best agent for this task">↳ Auto</span><span class="cost-est" title="Estimated cost · based on prompt length + recent agent pricing">~$0.02</span></div>
+      <div class="input-meta composer-meta"><select class="pick-agent" id="agent-pick" title="Who does this task — Auto picks the best fit" aria-label="Pick the agent for this task"><option value="auto">↳ Auto</option><option value="claude-code">claude-code</option><option value="codex">codex</option><option value="aider">aider</option><option value="gemini">gemini</option><option value="opencode">opencode</option></select><span class="cost-est" title="Estimated cost · based on prompt length + recent agent pricing">~$0.02</span></div>
       <button class="send-btn composer-send" id="main-btn">&#8593;</button>
     </div>
     <div class="kbd-hint">

package/dist/infrastructure/protocols/verify-page.js

@@ -298,6 +298,23 @@ export const VERIFY_HTML = `<!doctype html>
     { id:"F-TASK-CARD", name:"Task card", surface:"list", sel:".task-card", status:"shipped", tier:"v0.7" },
     { id:"F-TIME-GAP-PILL", name:"Brand pill + relative-time sub", surface:"list", sel:".time-gap", status:"shipped", tier:"v0.7" },
     { id:"F-WORKTREE-ALERT", name:"Worktree alert", surface:"list", sel:".worktree-alert", status:"partial", tier:"v0.7" },
+    /* goal-first home + goal room (v1 spec · shared-room hand-off). Goal groups
+       render from REAL non-demo tasks (same data dependency as F-TIME-GAP-PILL);
+       room features are observed by driving the REAL openRoom() on the first
+       goal-head's data-goal-cwd, then closeRoom() — same pattern as showD(). */
+    { id:"F-GOAL-GROUP", name:"Goal-first home · tasks grouped by goal", surface:"list", sel:".goal-group", status:"shipped", tier:"v1" },
+    { id:"F-GOAL-HEAD-OPEN", name:"Goal head opens its room (carries cwd)", surface:"list", sel:".goal-head[data-goal-cwd]", status:"shipped", tier:"v1" },
+    { id:"F-AGENT-PICK", name:"Composer agent picker (Auto + 5 agents)", surface:"list", sel:"select#agent-pick", status:"shipped", tier:"v1" },
+    /* room selectors are scoped to #task-list: the hidden detail view's DOM
+       persists (display:none still matches querySelectorAll) and also has an
+       .audit-line — unscoped, a dead room would false-OBSERVE off it. */
+    { id:"F-ROOM-HEAD", name:"Goal room header (title + outcome sub)", surface:"room", sel:"#task-list .room-head .room-title", status:"shipped", tier:"v1" },
+    { id:"F-ROOM-BACK", name:"Room back-to-all-goals affordance", surface:"room", sel:"#task-list .room-back", status:"shipped", tier:"v1" },
+    { id:"F-ROOM-TURNS", name:"Turns in order (how agents worked the goal)", surface:"room", sel:"#task-list .turns-label", status:"partial", tier:"v1" },
+    { id:"F-ROOM-AUDIT", name:"Room audit line (steps in local chain)", surface:"room", sel:"#task-list .audit-line", status:"partial", tier:"v1" },
+    /* partial by nature: renders ONLY when the daemon reports project memory
+       OFF for the opened room (initialized projects correctly show nothing). */
+    { id:"F-ROOM-MEM-NUDGE", name:"Project-memory init nudge (turn on memory)", surface:"room", sel:"#task-list .mem-nudge", status:"partial", tier:"v1" },
     { id:"M-OVERLAY-LINEAR", name:"Overlay-renderer Linear", surface:"list", sel:".or-overlay", status:"shipped", tier:"v0.9" },
     { id:"M-PRIMITIVES-NOTE", name:"Primitives note", surface:"list", sel:".primitives-note .prims .p", status:"shipped", tier:"v0.8" },
     { id:"M-RESHAPE-AGENT-COMPOSE", name:"Agent-compose animation", surface:"list", sel:".agent-compose .line", status:"shipped", tier:"v0.8" },
@@ -651,6 +668,31 @@ export const VERIFY_HTML = `<!doctype html>
           });
         });
       }, Promise.resolve());
+    }).then(function(){
+      // room-surface features · drive the REAL openRoom() (same pattern as
+      // showD above) on the first goal-head's data-goal-cwd, observe, close.
+      // No goal-head on the home = no real tasks; the room genuinely cannot
+      // be opened, so room features go MISSING/PARTIAL-GAP per their status —
+      // honest, and F-GOAL-GROUP fails alongside so the cause is visible.
+      var room = FEATURES.filter(function(f){ return f.surface==="room" && f.status!=="roadmap" && f.status!=="future"; });
+      if (!room.length) return;
+      var w0 = frameWin();
+      var gh = frameDoc().querySelector(".goal-head[data-goal-cwd]");
+      var check = function(){
+        var d = frameDoc();
+        room.forEach(function(f){
+          var present = d.querySelectorAll(f.sel).length > 0;
+          var r = { id:f.id, present:present, verdict:covVerdict(f, present) };
+          covResults.push(r); paintCov(r);
+        });
+      };
+      if (!gh){ check(); return; }
+      try { w0.openRoom(gh.getAttribute("data-goal-cwd")); } catch(e){}
+      return sleep(200).then(function(){
+        check();
+        try { if (w0.closeRoom) w0.closeRoom(); } catch(e){}
+        return sleep(120);
+      });
     }).then(function(){
       // roadmap / future: SKIP (correctly absent), no observation
       FEATURES.filter(function(f){ return f.status==="roadmap" || f.status==="future"; }).forEach(function(f){

package/dist/infrastructure/storage/project-thread-mirror.js

@@ -31,7 +31,7 @@ import { existsSync, mkdirSync, appendFileSync, readFileSync } from 'fs';
 import { homedir } from 'os';
 import { join } from 'path';
 import { createHash } from 'crypto';
-const PROJECTS_DIR = join(homedir(), '.codehere', 'projects');
+const PROJECTS_DIR = join(process.env.CODEHERE_HOME || homedir(), '.codehere', 'projects');
 /** Match migration module's defaults. Same regex set kept in sync. */
 const TEMP_DIR_PATTERNS = [/^\/tmp\//, /^\/var\/folders\//, /^\/private\/var\/folders\//, /^\/private\/tmp\//];
 function isTempDir(cwd) {

package/dist/infrastructure/storage/project-thread-reader.js

@@ -21,7 +21,7 @@
 import { existsSync, readFileSync, readdirSync, statSync } from 'fs';
 import { join } from 'path';
 import { homedir } from 'os';
-const DEFAULT_PROJECTS_DIR = join(homedir(), '.codehere', 'projects');
+const DEFAULT_PROJECTS_DIR = join(process.env.CODEHERE_HOME || homedir(), '.codehere', 'projects');
 /** List all known projects with summary stats. Cheap; no full task content. */
 export function listProjects(options) {
     const root = options?.projectsDir ?? DEFAULT_PROJECTS_DIR;

package/dist/infrastructure/storage/project-thread-title-backfill.js

@@ -24,7 +24,7 @@ import { existsSync, readdirSync, readFileSync, appendFileSync, statSync } from
 import { join } from 'path';
 import { homedir } from 'os';
 import { generateThreadTitle } from '../../application/use-cases/generate-thread-title.js';
-const DEFAULT_PROJECTS_DIR = join(homedir(), '.codehere', 'projects');
+const DEFAULT_PROJECTS_DIR = join(process.env.CODEHERE_HOME || homedir(), '.codehere', 'projects');
 function scanThread(slug, file) {
     let title = null;
     let firstPrompt = null;