codehere 0.7.1 → 1.0.1

package/dist/infrastructure/protocols/ui/app-script-composer-cost.js

@@ -0,0 +1,588 @@
+import { COST_PER_M_OUTPUT_TOKENS_USD } from '../../cost/spend-aggregator.js';
+import { VERDICT_WORDS } from '../../../application/services/verdict-service.js';
+/**
+ * Composer cost estimate — computed, never narrated. Three honest modes (free tier, a real
+ * per-token rate, unknown), each labelled as what it is rather than rounded into a claim.
+ *
+ * Split out of app-script.ts (strangler fig). Verbatim slice, interpolated back at the
+ * position it was cut from so it keeps sharing the surrounding IIFE scope — its functions
+ * are still called from the code left behind. Verified by hashing the composed APP_SCRIPT
+ * before and after: same bytes.
+ */
+export const COMPOSER_COST = `/* S7 · the composer cost estimate is COMPUTED, never narrated. Three honest
+   modes, each labeled as what it is:
+   - free    -> the picked agent has no per-token cost: "$0 · free tier"
+   - recent  -> median of the user's recent REAL completed-task costs for that
+                agent + this prompt's input-token share, priced from COST_RATES
+                (the SAME table the daemon bills with, interpolated at build
+                so client and server can't drift)
+   - typical -> no history yet for a paid agent: a flat figure said plainly
+                ("typical") instead of dressed up as a computation.
+   The tooltip is set per mode so it never claims a computation that didn't
+   happen (the old chip hardcoded ~$0.02 under a "based on prompt length +
+   pricing" tooltip — the S7 audit CRIT). */
+var COST_RATES=${JSON.stringify(COST_PER_M_OUTPUT_TOKENS_USD)};
+var VERDICT_WORDS=${JSON.stringify(VERDICT_WORDS)};
+function estCost(agent, promptChars){
+  var rate=COST_RATES[agent];
+  if(rate===undefined||rate===0) return { mode:'free', text:'$0 \\u00B7 free tier', title:'This agent runs on a free tier \\u00b7 no per-token cost.' };
+  var recent=[];
+  try{
+    var all=allS(_cached.tasks||{});
+    for(var i=0;i<all.length;i++){
+      var x=all[i];
+      if(x.agent===agent && x.cost && typeof x.cost.spent==='number' && x.cost.spent>0 && ['completed','done'].includes(x.status)) recent.push(x.cost.spent);
+    }
+  }catch(e){}
+  // prompt's own input share: ~4 chars/token at the input rate (1/5 of output)
+  var promptCents=((promptChars/4)/1000000)*(rate*0.2)*100;
+  if(recent.length){
+    recent.sort(function(a,b){return a-b;});
+    var med=recent[Math.floor(recent.length/2)];
+    var cents=med+promptCents;
+    return { mode:'recent', text:'~$'+(cents/100).toFixed(cents<10?4:2),
+      title:'Estimate: median of your last '+recent.length+' real '+agent+' task'+(recent.length===1?'':'s')+' + this prompt\\u2019s input share, at the same pricing table the daemon uses.' };
+  }
+  return { mode:'typical', text:'~$0.02 \\u00B7 typical',
+    title:'No completed '+agent+' tasks yet to average \\u00b7 $0.02 is a typical small-task cost, not a computation. Your budget cap bounds the real spend.' };
+}
+function updateCostEst(){
+  var pick=document.getElementById('agent-pick');
+  var mainAgent=(pick&&pick.value&&pick.value!=='auto')?pick.value:'conductor';
+  var mta=document.getElementById('main-ta');
+  var mEl=document.getElementById('cost-est-main');
+  if(mEl){ var m=estCost(mainAgent,(mta&&mta.value?mta.value.length:0)); mEl.textContent=m.text; mEl.title=m.title; mEl.setAttribute('data-verify-mode',m.mode); }
+  var dEl=document.getElementById('cost-est-detail');
+  if(dEl){
+    var dt=_detail?findS(_detail):null;
+    var dAgent=(dt&&dt.agent&&dt.agent!=='conductor')?dt.agent:'conductor';
+    var dta2=document.getElementById('detail-ta');
+    var d=estCost(dAgent,(dta2&&dta2.value?dta2.value.length:0));
+    dEl.textContent=d.text; dEl.title=d.title; dEl.setAttribute('data-verify-mode',d.mode);
+  }
+}
+// ── S13 · ⌘K palette — every relocated control as a command that NAMES its
+// visible consequence and RUNS the existing function. Grouped Act / View /
+// Trust / Go; type-to-filter; up/down + Enter executes; Esc closes. ─────────────
+// S20 · three lenses replace the five personas. body[data-lens] + a REAL
+// re-render: rowH/cardH/renderD branch their templates per lens — different
+// section order and inclusion, never display:none. Persisted, announced.
+function curLens(){
+  const v=document.body.getAttribute('data-lens');
+  return (v==='review'||v==='status')?v:'default';
+}
+function applyLens(v){
+  v=(v==='review'||v==='status')?v:'default';
+  document.body.setAttribute('data-lens',v);
+  try{ localStorage.setItem('codehere-lens',v); }catch(e){}
+  // Lossless switch: recompose via the normal render path, keep the scroll.
+  const _sy=window.scrollY;
+  window.__lensSwitch=true;
+  try{
+    if(_cached.tasks) render();
+    renderHostSessions(_cached.host||{sessions:[]});
+  }catch(e){}
+  window.__lensSwitch=false;
+  if(_sy>0)window.scrollTo(0,_sy);
+  return lensEffect(v);
+}
+function lensEffect(v){
+  // One line naming the visible change — never a bare "switched".
+  if(v==='review') return 'Review \\u00b7 verdict + evidence lead \\u00b7 conversation rests collapsed';
+  if(v==='status') return 'Status \\u00b7 outcomes only \\u00b7 one sentence per task + spend';
+  return 'Default \\u00b7 the full view is back';
+}
+function applyDensity(on){
+  // Same body.density-compact class the old header toggle drove.
+  document.body.classList.toggle('density-compact',!!on);
+  try{ localStorage.setItem('codehere-density-compact',on?'1':'0'); }catch(e){}
+}
+let _palItems=[], _palSel=0;
+function paletteCommands(q){
+  const cmds=[];
+  const add=(group,cmd,label,cons,kbd,run)=>cmds.push({group:group,cmd:cmd,label:label,cons:cons,kbd:kbd||'',run:run});
+  // Act
+  add('Act','new-task','New task','focuses the composer \\u00b7 live cost estimate as you type','N',function(){ if(_detail)hideD(); if(_room)closeRoom(); const ta=document.getElementById('main-ta'); if(ta)ta.focus(); });
+  const running=allS(_cached.tasks||{}).filter(t=>['running','queued','paused','blocked'].includes(t.status));
+  if(running.length){
+    running.slice(0,6).forEach(function(t){
+      add('Act','stop-task','Stop: '+displayPrompt(t.prompt).slice(0,60),'stops '+agentLabel(t.agent)+' now \\u00b7 the run ends as stopped','',function(){ stopTask(null,t.sessionId); });
+    });
+  } else {
+    add('Act','stop-task','Stop a running task\\u2026','nothing is running right now \\u00b7 live tasks list here when there are any','',function(){ al('Nothing is running right now'); });
+  }
+  add('Act','share','Share this thread','signed read-only link \\u00b7 the bundle is your audit trail, not your code','',function(){ if(window.openShare)window.openShare(); else al('Share is unavailable'); });
+  add('Act','verify-chain','Verify the audit chain','walks every entry \\u00b7 the verdict lands on the audit footer','',function(){ const f=document.querySelector('.oss-footer'); if(f&&f.scrollIntoView)f.scrollIntoView({block:'end'}); verifyAuditChain(); al('Walking the chain \\u00b7 the verdict lands on the audit footer'); });
+  // View · ONE consistent experience. The lens (Default/Review/Status), Reshape
+  // and Density mode-switches were removed (2026-06-20) — they made the UI shift
+  // around between visits. The default conversation-first view is the only view.
+  // Filter (below) stays: it scopes the list, it doesn't reshape the design.
+  [['all','everything'],['running','only running tasks'],['done','only completed tasks'],['failed','only failed tasks']].forEach(function(f){
+    add('View','filter-'+f[0],'Filter: '+f[0]+(_filter===f[0]?' \\u2713':''),'shows '+f[1]+(f[0]==='all'?'':' \\u00b7 removable token above the list'),'',function(){ setFilter(f[0]); al('Filter: '+f[0]); });
+  });
+  // Trust
+  add('Trust','settings','Settings','configured integrations, docs','',function(){ openDrawer(); });
+  // Go
+  const ags=(_cached.readiness&&_cached.readiness.agents)||[];
+  const agSum=ags.length?ags.map(function(a){ return agentLabel(a.id)+' '+agentS(a.state); }).join(' \\u00b7 '):'readiness loads with the first poll';
+  add('Go','agents','Participants',agSum,'',function(){ openDrawer(); al('Who can work your rooms \\u00b7 '+agSum); });
+  add('Go','observer','Observed terminal sessions','the sessions codehere is watching \\u00b7 expands + scrolls to them','',function(){
+    window._obsOpen=true; renderHostSessions(_cached.host||{sessions:[]});
+    const o=document.getElementById('observer-rail'); if(o&&o.scrollIntoView)o.scrollIntoView({block:'center'});
+  });
+  add('Go','history','History','earlier work + demos \\u00b7 expands below today, scroll preserved','',function(){
+    window.__histExpand();
+    const h=document.querySelector('.hist-row'); if(h&&h.scrollIntoView)h.scrollIntoView({block:'start'});
+  });
+  add('Go','tour','Take the tour','a quick walkthrough \\u00b7 projects, the + entry point, the composer, the picker, send','',function(){ if(_detail)hideD(); if(_room)closeRoom(); startTour(); });
+  // jump-to-task by typing its title · top 8 REAL matches, Enter opens it
+  if(q){
+    const ql=q.toLowerCase();
+    allS(_cached.tasks||{}).filter(function(t){ return t.prompt&&displayPrompt(t.prompt).toLowerCase().indexOf(ql)>=0; })
+      .slice(0,8).forEach(function(t){
+        add('Go','jump-task','Open: '+displayPrompt(t.prompt).slice(0,60),'opens this task\\u2019s detail \\u00b7 '+agentLabel(t.agent),'',function(){ showD(t.sessionId); });
+      });
+  }
+  return cmds;
+}
+function paletteFilter(q){
+  const all=paletteCommands(q);
+  if(!q) return all.filter(c=>c.cmd!=='jump-task');
+  const ql=q.toLowerCase();
+  return all.filter(c=>c.cmd==='jump-task'||(c.label+' '+c.cons).toLowerCase().indexOf(ql)>=0);
+}
+// Phase 4 · one crafted icon per palette group (Raycast-grade feel), inline SVG
+// inheriting currentColor. String-only, no regex (template-literal safe).
+function palIcon(group){
+  var sv="<svg aria-hidden='true' focusable='false' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'>";
+  var p;
+  if(group==='Act') p="<rect x='3' y='4' width='18' height='16' rx='2'/><path d='m7 9 3 3-3 3'/><path d='M13 15h4'/>";
+  else if(group==='View') p="<path d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/><circle cx='12' cy='12' r='3'/>";
+  else if(group==='Trust') p="<path d='M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6Z'/><path d='m9 12 2 2 4-4'/>";
+  else p="<path d='M5 12h14'/><path d='m13 6 6 6-6 6'/>"; // Go
+  return '<span class="picon">'+sv+p+'</svg></span>';
+}
+function renderPalette(q){
+  const list=document.getElementById('palette-list');
+  if(!list) return;
+  _palItems=paletteFilter(q);
+  if(_palSel>=_palItems.length)_palSel=Math.max(0,_palItems.length-1);
+  const he=s=>String(s==null?'':s).replace(/[&<>"]/g,ch=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[ch]));
+  let html='', grp='';
+  _palItems.forEach(function(it,i){
+    if(it.group!==grp){ grp=it.group; html+='<div class="pgroup">'+grp+'</div>'; }
+    html+='<div class="prow'+(i===_palSel?' sel':'')+'" data-pi="'+i+'" data-verify-cmd="'+he(it.cmd)+'">'+palIcon(it.group)+'<span class="n"'+((it.cmd==='stop-task'||it.cmd==='jump-task')?' data-user-content':'')+'>'+he(it.label)+'</span><span class="c">'+he(it.cons)+'</span>'+(it.kbd?'<span class="pk">'+he(it.kbd)+'</span>':'')+'</div>';
+  });
+  if(!_palItems.length) html='<div class="pempty">no command matches \\u201c'+he(q)+'\\u201d \\u00b7 esc closes</div>';
+  list.innerHTML=html;
+  const selEl=list.querySelector('.prow.sel');
+  if(selEl&&selEl.scrollIntoView)selEl.scrollIntoView({block:'nearest'});
+}
+function openPalette(){
+  const sc=document.getElementById('palette-scrim');
+  const inp=document.getElementById('palette-input');
+  if(!sc||!inp) return;
+  _palSel=0; inp.value='';
+  renderPalette('');
+  sc.classList.add('open');
+  setTimeout(function(){ inp.focus(); },30);
+}
+function closePalette(){
+  const sc=document.getElementById('palette-scrim');
+  if(sc)sc.classList.remove('open');
+}
+function runPaletteItem(i){
+  const it=_palItems[i];
+  if(!it) return;
+  closePalette();
+  try{ it.run(); }catch(e){ al('Command failed \\u00b7 '+((e&&e.message)||e)); }
+}
+// The harness drives the palette programmatically (coverage re-points the
+// relocated header controls to these commands).
+try{ window.openPalette=openPalette; window.closePalette=closePalette; }catch(e){}
+
+async function fetchAll() {
+  const sk=document.getElementById('skeleton');if(sk){const p=sk.parentNode;if(p)p.removeChild(sk);}
+  try {
+    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;
+    // S13 refuter · the 2026-06-02 auto-open ("a bare list felt like nothing
+    // happened") is RETIRED: the home now answers at rest — decision queue
+    // first, today's truth, one calm column. Auto-opening a detail made the
+    // first paint the one screen S13 didn't redesign, and broke the
+    // one-orange rule on landing. The user opens work; we don't hijack.
+    render();
+    updateCostEst();
+  }catch(e){console.error('fetch error',e);}
+  try {
+    const h=await fetch('/api/host-sessions').then(x=>x.json());
+    renderHostSessions(h);
+  }catch{}
+  try {
+    // Refuter C5 · the spend figure sits in the hero now — a page-load
+    // snapshot frozen for the tab's lifetime read as live. Refresh each poll.
+    const p=await fetch('/api/spend/today').then(x=>x.json());
+    if(p&&p.budget){_cached.pricing={dailyBudgetCents:Math.round((p.budget.dailyUsd||0)*100),spentTodayCents:Math.round((p.totalUsd||0)*100)}; upBud();}
+  }catch{}
+  try{ var _spv=document.getElementById('spend-view'); if(_spv&&_spv.style.display==='block') await renderTeamHero(); }catch(e){ /* never let the hero break the page */ }
+}
+
+// ── Cost + audit hero (the team ledger) ──────────────────────────────────────
+// The first thing on the home page: what the team spent and an integrity-checked
+// record of what each agent did. Cost for everyone (this machine), the full
+// merged team view when codehere team has a dir. Self-contained + try/catch so
+// it can never break the rest of the dashboard.
+let _teamHero={team:null,spend:null,mode:'team'};
+function _tchEsc(s){return String(s==null?'':s).replace(/[&<>"]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]));}
+function _tchUsd(n){n=Number(n)||0; return '$'+n.toFixed(2);}
+function _tchRows(obj){
+  const e=Object.entries(obj||{}).sort((a,b)=>b[1]-a[1]); if(!e.length) return '';
+  const top=e[0][1]||1;
+  return e.map(([k,v])=>'<div class="tch-r"><span class="tch-nm">'+_tchEsc(k)+'</span><span class="tch-tk"><i style="width:'+Math.max(2,Math.round(100*v/top))+'%"></i></span><span class="tch-am">'+_tchUsd(v)+'</span></div>').join('');
+}
+async function renderTeamHero(){
+  const el=document.getElementById('team-cost-hero'); if(!el) return;
+  if(arguments[0]!==1){ // a real refresh (not a toggle re-render) refetches
+    try{ _teamHero.team=await fetch('/api/team').then(x=>x.json()); }catch{ _teamHero.team=null; }
+    try{ _teamHero.spend=await fetch('/api/spend/today').then(x=>x.json()); }catch{ _teamHero.spend=null; }
+    try{ _teamHero.audit=await fetch('/api/audit/summary').then(x=>x.json()); }catch{ _teamHero.audit=null; }
+  }
+  const team=_teamHero.team, spend=_teamHero.spend;
+  const configured = !!(team && team.configured);
+  const audit = _teamHero.audit;
+  el.style.display=''; // dedicated Spend & Audit page — always render, even at $0 / no team
+
+  const mineOnly = configured && _teamHero.mode==='mine';
+  const mine = configured ? (team.machines||[]).find(m=>m.machineId===team.myMachineId) : null;
+  // pick the active dataset
+  let total, perAgent, perProject, dailyUsd, machines, totalActions, broken, perAgentSessions={}, tampered=[], unsigned=[];
+  if(configured && !mineOnly){
+    total=team.teamTotal; perAgent=team.perAgent; perProject=team.perProject; dailyUsd=team.dailyUsd;
+    machines=team.machines||[]; totalActions=team.totalActions; broken=team.brokenChains||[];
+    perAgentSessions=team.perAgentSessions||{}; tampered=team.tamperedShares||[]; unsigned=team.unsignedShares||[];
+  } else if(configured && mineOnly){
+    total=mine?mine.totalUsd:0; perAgent=mine?mine.byAgent:{}; perProject=mine?(mine.byProject||{}):{}; dailyUsd=team.dailyUsd;
+    machines=mine?[mine]:[]; totalActions=mine&&mine.audit?mine.audit.actions:0; broken=(mine&&mine.audit&&!mine.audit.chainOk)?[mine.machineId]:[];
+    // per-agent/project for a machine come as {name:usd}
+    const a={}; for(const k in (mine&&mine.byAgent)||{})a[k]=mine.byAgent[k]; perAgent=a;
+  } else {
+    const sp=spend||{totalUsd:0,byAgent:{},byProject:{},budget:null};
+    total=sp.totalUsd||0; const a={},pj={};
+    for(const k in sp.byAgent||{})a[k]=sp.byAgent[k].usd; for(const k in sp.byProject||{})pj[k]=sp.byProject[k].usd;
+    perAgent=a; perProject=pj; dailyUsd=sp.budget?sp.budget.dailyUsd:null; machines=[]; totalActions=audit?audit.actions:0; broken=[];
+  }
+  const pct = dailyUsd? Math.min(100,Math.round(100*total/dailyUsd)) : null;
+  const left = dailyUsd!=null? Math.max(0,dailyUsd-total) : null;
+
+  const toggle = configured ? '<div class="tch-tog"><button class="'+(!mineOnly?'on':'')+'" onclick="_tchSet(\\'team\\')">Team</button><button class="'+(mineOnly?'on':'')+'" onclick="_tchSet(\\'mine\\')">This machine</button></div>' : '';
+  const machineRows = (configured && !mineOnly && machines.length)
+    ? '<div class="tch-grp">By machine</div>'+machines.map(m=>'<div class="tch-r"><span class="tch-nm">'+_tchEsc(m.machineId)+(m.machineId===team.myMachineId?' <span class="tch-me">you</span>':'')+'</span><span class="tch-tk"><i style="width:'+Math.max(2,Math.round(100*m.totalUsd/(machines[0].totalUsd||1)))+'%"></i></span><span class="tch-am">'+_tchUsd(m.totalUsd)+'</span></div>').join('')
+    : '';
+  const agentRows = Object.keys(perAgent||{}).length? '<div class="tch-grp">By agent</div>'+_tchRows(perAgent) : '';
+  const projRows = Object.keys(perProject||{}).length? '<div class="tch-grp">By project</div>'+_tchRows(perProject) : '';
+  // Practice runs live OUTSIDE the totals (fabricated cost, never billed) —
+  // one quiet line, only when any exist (Ega pick A, 2026-07-07).
+  let _prUsd=0,_prN=0;
+  if(configured && !mineOnly && team.practice){ _prUsd=team.practice.usd||0; _prN=team.practice.sessions||0; }
+  else if(configured && mineOnly && mine){ _prUsd=mine.practiceUsd||0; _prN=mine.practiceSessions||0; }
+  else if(!configured && spend && spend.practice){ _prUsd=spend.practice.usd||0; _prN=spend.practice.sessions||0; }
+  const practiceRow = _prN>0? '<div class="tch-sub" style="margin-top:8px">practice runs \\u00b7 '+_prN+' session'+(_prN===1?'':'s')+' \\u00b7 '+_tchUsd(_prUsd)+' fabricated \\u00b7 not in the totals</div>' : '';
+
+  let recordCol='';
+  if(configured){
+    const chainRows = machines.filter(m=>m.audit).map(m=>'<div class="tch-mach"><span>'+_tchEsc(m.machineId)+'</span><span class="'+(m.audit.chainOk?'ok':'bad')+'">'+(m.audit.chainOk?'\\u2713 ok':'\\u2715 BROKEN')+' \\u00b7 '+(m.audit.actions||0).toLocaleString()+'</span></div>').join('');
+    // The green claim renders ONLY when share data was actually loaded (team
+    // view — mine-mode never populates tampered/unsigned) AND nothing is
+    // unsigned: "all shares signed" next to an "unsigned: X" line is a lie.
+    const sigLine = tampered.length
+      ? '<div class="tch-broken">\\u2715 signature invalid on '+tampered.map(_tchEsc).join(', ')+' \\u2014 altered or re-signed with a different key. Do not trust that share.</div>'
+      : ((!mineOnly && machines.length && !unsigned.length)? '<div class="tch-sub" style="color:var(--verified,#84b594)">\\u2713 all shares signed \\u00b7 keys match the ones first seen</div>' : '');
+    const unsignedLine = unsigned.length? '<div class="tch-sub">unsigned, can\\'t verify: '+unsigned.map(_tchEsc).join(', ')+'</div>' : '';
+    const actKeys = Object.keys(perAgentSessions||{}).sort(function(a,b){return perAgentSessions[b]-perAgentSessions[a];});
+    const actByAgent = actKeys.length
+      ? '<div class="tch-grp">What each agent did</div>'+actKeys.map(function(a){return '<div class="tch-mach"><span>'+_tchEsc(a)+'</span><span>'+perAgentSessions[a]+' session'+(perAgentSessions[a]===1?'':'s')+'</span></div>';}).join('')
+      : '';
+    recordCol='<div class="tch-col"><div class="tch-lab">Record</div><div class="tch-sub">what each agent did, integrity-checked</div>'
+      +'<div class="tch-stat"><div class="k">Actions</div><div class="v">'+(totalActions||0).toLocaleString()+'</div></div>'
+      +(broken.length?'<div class="tch-broken">\\u2715 chain broken on '+broken.map(_tchEsc).join(', ')+'. Investigate before trusting that record.</div>':'')
+      +sigLine+unsignedLine
+      +actByAgent
+      +(chainRows?'<div class="tch-grp">Chain integrity, per machine</div>'+chainRows:'')
+      +'</div>';
+  } else if(audit){
+    // Solo: this machine's own integrity-checked record (no team merged yet).
+    recordCol='<div class="tch-col"><div class="tch-lab">Record</div><div class="tch-sub">what each agent did on this machine, integrity-checked</div>'
+      +'<div class="tch-stat"><div class="k">Actions (last 24h)</div><div class="v">'+(audit.actions||0).toLocaleString()+'</div></div>'
+      +(audit.agents?'<div class="tch-grp">'+audit.agents+' agent'+(audit.agents===1?'':'s')+' active \\u00b7 '+(audit.blocked||0)+' blocked by trust</div>':'')
+      +'</div>';
+  }
+
+  const budBtn='style="background:none;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:rgba(255,255,255,.72);font:inherit;font-size:10.5px;padding:2px 8px;margin-left:5px;cursor:pointer"';
+  const budInput='style="width:80px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:6px;color:inherit;font:inherit;font-size:10.5px;padding:2px 7px;margin-left:8px"';
+  const setBudgetUI='<span class="tch-setbud">set a daily cap:<button '+budBtn+' onclick="_tchSetBudget(5)">$5</button><button '+budBtn+' onclick="_tchSetBudget(20)">$20</button><button '+budBtn+' onclick="_tchSetBudget(50)">$50</button><input id="tch-bud-input" type="number" min="1" step="1" placeholder="$ custom" '+budInput+'><button '+budBtn+' onclick="_tchSetBudgetInput()">set</button></span>';
+  const changeBudget='<span class="tch-hint" style="cursor:pointer;text-decoration:underline" onclick="_tchSetBudget(null)">change</span>';
+  const barMeta = dailyUsd!=null
+    ? '<div class="tch-barm"><span>'+pct+'% used'+(configured&&!mineOnly?', '+machines.length+' machines merged':'')+'</span><span>'+_tchUsd(left)+' left'+(!configured?' \\u00b7 '+changeBudget:'')+'</span></div>'
+    : '<div class="tch-barm"><span>no budget set</span>'+(configured?'<span class="tch-hint">set one: codehere team budget &lt;amount&gt;</span>':setBudgetUI)+'</div>';
+  const ofTxt = dailyUsd!=null? ' <span class="tch-of">of '+_tchUsd(dailyUsd)+(configured?' team':'')+' budget today</span>' : '';
+  const setupHint = !configured? '<div class="tch-setup">Solo view. Run <code>codehere team set-dir &lt;a git repo&gt;</code> on each machine to merge the whole team, local-first.</div>' : '';
+  // In-product discovery recruiting hook (Torres). Opt-in: shows only when a team is
+  // configured AND a scheduler URL is set (CODEHERE_DISCOVERY_URL). Dismissible.
+  const recruit = (configured && team && team.recruitUrl && !_recruitDismissed())
+    ? '<div id="ch-recruit" style="display:flex;align-items:center;gap:8px;padding:9px 12px;margin:0 0 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.03);font-size:12px;color:var(--fg-70,rgba(255,255,255,.7))"><span style="flex:1">Running 2+ agents on a team? We\\'re learning how teams handle agent cost and what each one did. <a href="'+_tchEsc(team.recruitUrl)+'" target="_blank" rel="noopener" style="color:var(--accent);text-decoration:underline">20-min chat \\u2192</a></span><button onclick="_recruitDismiss()" title="dismiss" style="background:none;border:0;color:inherit;cursor:pointer;font-size:14.5px;opacity:.6;line-height:1">\\u00d7</button></div>'
+    : '';
+
+  el.innerHTML=recruit+'<style id="tch-css">'+_TCH_CSS+'</style>'
+    // data-reading · DESIGN.md §0. The largest type on a product surface is a
+    // MEASURED FACT, never a claim or a heading. This total is metered spend, so
+    // it earns --fs-reading; ui-token-gate refuses that size on anything else.
+    +'<div class="tch-band"><div class="tch-spend"><div class="tch-big" data-reading>'+_tchUsd(total)+ofTxt+'</div>'
+    +(dailyUsd!=null?'<div class="tch-bar"><i style="width:'+(pct||0)+'%"></i></div>':'')+barMeta
+    +'<div class="tch-est">estimate across all agents and machines, not a provider invoice</div></div>'+toggle+'</div>'
+    +'<div class="tch-cols"><div class="tch-col tch-cost"><div class="tch-lab">Cost</div><div class="tch-sub">where the bill went, today</div>'
+    +machineRows+agentRows+projRows+practiceRow
+    +((!machineRows&&!agentRows&&!projRows)?'<div class="tch-sub" style="margin-top:8px">No agent spend recorded today.</div>':'')
+    +'</div>'+recordCol+'</div>'+setupHint;
+  el.style.display='block';
+}
+function _recruitDismissed(){ try{ return localStorage.getItem('ch-recruit-dismissed')==='1'; }catch(e){ return false; } }
+function _recruitDismiss(){ try{ localStorage.setItem('ch-recruit-dismissed','1'); }catch(e){} var n=document.getElementById('ch-recruit'); if(n)n.remove(); }
+function _tchSet(mode){ _teamHero.mode=mode; try{ renderTeamHero(1); }catch{} }
+// Set (or clear, usd=null) this machine's daily cap from the page — no CLI needed.
+// Solo only; team budgets come from team config via the codehere team budget CLI.
+async function _tchSetBudget(usd){
+  try{ await fetch('/api/budget',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({dailyUsd:usd})}); }catch(e){}
+  try{ await renderTeamHero(); }catch(e){}
+}
+// Custom typed cap from the input next to the presets.
+function _tchSetBudgetInput(){ var el=document.getElementById('tch-bud-input'); if(!el)return; var v=Number(el.value); if(!(v>0)){ el.focus(); return; } _tchSetBudget(v); }
+const _TCH_CSS=[
+  '#team-cost-hero{margin:0 0 18px}',
+  '#team-cost-hero .tch-band{display:flex;align-items:flex-end;gap:18px;padding:14px 0 12px;border-bottom:1px solid var(--border-soft,rgba(255,255,255,.06))}',
+  '#team-cost-hero .tch-spend{flex:1}',
+  '#team-cost-hero .tch-big[data-reading]{font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--fg)}',
+  '#team-cost-hero .tch-of{font-size:13px;font-weight:500;color:var(--fg-50,rgba(255,255,255,.5))}',
+  '#team-cost-hero .tch-bar{height:6px;border-radius:4px;background:var(--bg-3,hsl(0 0% 12%));margin:9px 0 4px;max-width:420px;overflow:hidden}',
+  '#team-cost-hero .tch-bar>i{display:block;height:100%;background:var(--accent)}',
+  '#team-cost-hero .tch-barm{display:flex;justify-content:space-between;max-width:420px;font-size:10.5px;color:var(--fg-50,rgba(255,255,255,.5))}',
+  '#team-cost-hero .tch-hint{font-family:var(--mono);color:var(--fg-40,rgba(255,255,255,.4))}',
+  '#team-cost-hero .tch-est{font-size:10.5px;color:var(--fg-40,rgba(255,255,255,.4));margin-top:5px}',
+  '#team-cost-hero .tch-tog{display:flex;border:1px solid var(--border);border-radius:7px;overflow:hidden;font-size:12px}',
+  '#team-cost-hero .tch-tog button{background:none;border:none;color:var(--fg-50,rgba(255,255,255,.5));padding:6px 12px;cursor:pointer;font:inherit}',
+  '#team-cost-hero .tch-tog button.on{background:var(--accent-wash,rgba(255,154,118,.1));color:var(--accent);font-weight:600}',
+  '#team-cost-hero .tch-cols{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:14px}',
+  '#team-cost-hero .tch-col{padding:2px 0}',
+  '#team-cost-hero .tch-cost{padding-right:26px;border-right:1px solid var(--border-soft,rgba(255,255,255,.06))}',
+  '#team-cost-hero .tch-col+.tch-col{padding-left:26px}',
+  '#team-cost-hero .tch-lab{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--fg-50,rgba(255,255,255,.5))}',
+  '#team-cost-hero .tch-sub{font-size:10.5px;color:var(--fg-40,rgba(255,255,255,.4));margin:2px 0 9px}',
+  '#team-cost-hero .tch-grp{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-40,rgba(255,255,255,.4));margin:12px 0 6px}',
+  '#team-cost-hero .tch-r{display:grid;grid-template-columns:fit-content(220px) 1fr 56px;gap:9px;align-items:center;margin-bottom:5px}',
+  '#team-cost-hero .tch-nm{font-size:12px;color:var(--fg-70,rgba(255,255,255,.7));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
+  '#team-cost-hero .tch-me{color:var(--fg-40,rgba(255,255,255,.4));font-size:10.5px}',
+  '#team-cost-hero .tch-tk{height:5px;background:var(--bg-3,hsl(0 0% 12%));border-radius:3px;overflow:hidden}',
+  '#team-cost-hero .tch-tk>i{display:block;height:100%;background:var(--accent)}',
+  '#team-cost-hero .tch-am{font-size:12px;text-align:right;color:var(--fg);font-family:var(--mono)}',
+  '#team-cost-hero .tch-stat .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-40,rgba(255,255,255,.4))}',
+  '#team-cost-hero .tch-stat .v{font-size:20px;font-weight:600;color:var(--fg)}',
+  '#team-cost-hero .tch-mach{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;border-bottom:1px solid var(--border-soft,rgba(255,255,255,.06))}',
+  '#team-cost-hero .tch-mach .ok{color:var(--verified,#84b594);font-weight:600}',
+  '#team-cost-hero .tch-mach .bad{color:var(--caught,#cf8b7e);font-weight:600}',
+  '#team-cost-hero .tch-broken{font-size:12px;color:var(--caught,#cf8b7e);margin:6px 0}',
+  '#team-cost-hero .tch-setup{font-size:12px;color:var(--fg-40,rgba(255,255,255,.4));margin-top:12px;padding-top:10px;border-top:1px solid var(--border-soft,rgba(255,255,255,.06))}',
+  '#team-cost-hero .tch-setup code{font-family:var(--mono);color:var(--fg-70,rgba(255,255,255,.7))}'
+].join('');
+
+let _submitting=false;
+// It-4 V1-FANOUT-ALL · honest @all fanout. A leading "@all " sends the SAME
+// question to every READY adapter as a read-only batch (one column per vendor,
+// each carrying that vendor's real words). Never fakes a column for a not-ready
+// adapter; with <2 ready vendors there's nothing to compare, so we say so
+// plainly instead of rendering a misleading one-column "fanout".
+async function fanoutAll(ta,btn,prompt){
+  const d=_cached.readiness||{};
+  const ready=(d.agents||[]).filter(a=>agentS(a.state)==='ready');
+  if(ready.length<2){
+    al('@all needs at least 2 ready agents to compare \\u00b7 only '+ready.length+' ready right now. Open Settings to set more up, or send to one agent without @all.');
+    btn.disabled=false;ta.disabled=false;_submitting=false;
+    return;
+  }
+  const cwd=_room||undefined;
+  const tasks=ready.map(a=>({prompt,agent:a.id,...(cwd?{cwd}:{}),readOnly:true}));
+  try{
+    const r=await fetch('/api/task/batch',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({tasks})});
+    if(!r.ok){const e=await r.json().catch(()=>({}));al('@all failed: '+(e.error||'unknown'));btn.disabled=false;ta.disabled=false;_submitting=false;return;}
+    ta.value='';btn.textContent='\\u2713';setTimeout(()=>{btn.textContent='\\u2191';btn.disabled=false;ta.disabled=false;_submitting=false;ta.focus();},1200);
+    fetchAll();
+  }catch(e){al('Network error: '+e.message);btn.disabled=false;ta.disabled=false;_submitting=false;}
+}
+async function submit(ta,btn,taskId){
+  if(_submitting)return;
+  const p=ta.value.trim();
+  if(!p)return;
+  _submitting=true;
+  btn.disabled=true;ta.disabled=true;
+  // @all fanout — only on a fresh spawn (not a follow-up to one task).
+  if(!taskId && /^@all\\s+/i.test(p)){
+    return fanoutAll(ta,btn,p.replace(/^@all\\s+/i,'').trim());
+  }
+  try {
+    // When called from detail view (taskId set), route to follow-up endpoint
+    // so the message goes to the SAME session that ran the original work.
+    // Without this, every "ask follow-up" silently spawned a brand-new task,
+    // which is the disabled-composer bug's mirror image: composer enabled but
+    // routed wrong.
+    const url = taskId ? '/api/task/'+taskId+'/message' : '/api/task';
+    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;
+      // Hand-off link: a new task typed into an open room CONTINUES the thread.
+      // Pin parentSessionId to the most recent turn in this room so the server
+      // mirrors a lineage edge — threadGroups then links the conversation even
+      // when the next turn is a DIFFERENT agent (the cross-agent hand-off, the
+      // wedge). Without this, each room task is an orphan and 0 threads cross agents.
+      if(_room){
+        // _cached.tasks is a GROUPED object (batch->turns), not an array — every
+        // other reader flattens it via allS(); doing the same here avoids the
+        // "not iterable" throw. _roomThread.tasks is already a flat array.
+        let last=null;
+        const pool=allS(_cached.tasks||{}).slice();
+        if(_roomThread&&_roomThread.cwd===_room&&Array.isArray(_roomThread.tasks)) for(const t of _roomThread.tasks) pool.push(t);
+        for(const t of pool){ if(!t||!t.sessionId||/^demo-/.test(t.sessionId)) continue; if(normC(t.cwd)!==normC(_room)) continue; if(!last||(t.startedAt||0)>(last.startedAt||0)) last=t; }
+        if(last&&last.sessionId) payload.parentSessionId=last.sessionId;
+      }
+      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().catch(function(){return {};});
+      // S1 · a failed send shows a PERSISTENT plain reason at the composer —
+      // never a vanishing toast, never a silent no-op, and never the \u2713.
+      // S1 honesty, now on BOTH composers: a failed spawn/send shows a
+      // PERSISTENT plain reason where the user is looking \u2014 detail uses
+      // #detail-send-fail, the home composer uses #main-send-fail. Never a
+      // vanishing toast for the product's most important action.
+      const sf=document.getElementById(taskId?'detail-send-fail':'main-send-fail');
+      if(sf){ sf.textContent='Not sent \u00b7 '+String(e.error||('HTTP '+r.status)); if(taskId)sf.setAttribute('data-sid', taskId); sf.style.display='block'; }
+      else al('Failed: '+(e.error||'unknown'));
+      btn.disabled=false;ta.disabled=false;_submitting=false;
+    }else{
+      const sf0=document.getElementById(taskId?'detail-send-fail':'main-send-fail');
+      if(sf0){ sf0.style.display='none'; sf0.textContent=''; }
+      const resp=await r.json().catch(function(){return {};});
+      ta.value='';btn.textContent='\\u2713';setTimeout(()=>{btn.textContent='\\u2191';btn.disabled=false;ta.disabled=false;_submitting=false;},1200);
+      await fetchAll();
+      // Don't leave the user on the same page — a fresh spawn opens the run it
+      // just created, so you immediately SEE the task you described start working.
+      // Follow-ups (taskId set) stay put: you're already looking at that task.
+      if(!taskId && resp && resp.sessionId){ showD(resp.sessionId); }
+      else { ta.focus(); }
+    }
+  }catch(e){al('Network error: '+e.message);btn.disabled=false;ta.disabled=false;_submitting=false;}
+}
+
+function offlineMode(v){
+  _offline=v;
+  const b=document.getElementById('offline-banner');
+  if(b)b.style.display=v?'block':'none';
+}
+
+let _healthFails=0;
+async function pollHealth(){
+  try {
+    const r=await fetch('/health',{cache:'no-store'});
+    if(r.ok){if(_healthFails>0){offlineMode(false);fetchAll();}_healthFails=0;}
+    else {_healthFails++;if(_healthFails>=2)offlineMode(true);}
+  } catch {_healthFails++;if(_healthFails>=2)offlineMode(true);}
+}
+
+document.addEventListener('DOMContentLoaded',()=>{
+  // A-10 · populate the OSS footer · version from /api/version
+  fetch('/api/version').then(r=>r.json()).then(v=>{
+    const ve=document.getElementById('oss-version');
+    if(ve && v && v.version) ve.textContent='v'+v.version;
+  }).catch(()=>{});
+  // v0.8 S2.5 · settings drawer wire-up · opened from the ⌘K palette now
+  document.getElementById('settings-close')?.addEventListener('click', closeDrawer);
+  document.getElementById('drawer-overlay')?.addEventListener('click', closeDrawer);
+
+  // S20 · lens + density restore — both controls live in ⌘K; the saved lens
+  // survives reload through the same body attribute the templates branch on.
+  // (Set BEFORE the first fetch renders, so the first paint is already lensed.)
+  // ONE consistent experience (2026-06-20): always boot the default view. The
+  // persisted lens/density are ignored so the UI never reopens in a different
+  // mode than the user left another day. Clear them so they can't resurface.
+  document.body.setAttribute('data-lens','default');
+  document.body.classList.remove('density-compact');
+  try{ localStorage.removeItem('codehere-lens'); localStorage.removeItem('codehere-density-compact'); localStorage.removeItem('codehere_shape'); }catch{}
+
+  // S13 · ⌘K palette wiring — header hint, type-to-filter, up/down + Enter, Esc.
+  document.getElementById('cmdk-open')?.addEventListener('click', openPalette);
+  const _palInp=document.getElementById('palette-input');
+  if(_palInp){
+    _palInp.addEventListener('input', ()=>{ _palSel=0; renderPalette(_palInp.value.trim()); });
+    _palInp.addEventListener('keydown', (e)=>{
+      if(e.key==='ArrowDown'){ e.preventDefault(); _palSel=Math.min(Math.max(0,_palItems.length-1),_palSel+1); renderPalette(_palInp.value.trim()); }
+      else if(e.key==='ArrowUp'){ e.preventDefault(); _palSel=Math.max(0,_palSel-1); renderPalette(_palInp.value.trim()); }
+      else if(e.key==='Enter'){ e.preventDefault(); runPaletteItem(_palSel); }
+    });
+  }
+  document.getElementById('palette-list')?.addEventListener('click', (e)=>{
+    const row=e.target&&e.target.closest?e.target.closest('.prow'):null;
+    if(row) runPaletteItem(Number(row.getAttribute('data-pi')));
+  });
+  document.getElementById('palette-scrim')?.addEventListener('click', (e)=>{
+    if(e.target===document.getElementById('palette-scrim')) closePalette();
+  });
+
+  // S13 · decision-queue keyboard — the printed hints actually work when a
+  // row is focused: A approve · X deny · R retry · ⏎ review/primary.
+  document.getElementById('decision-queue')?.addEventListener('keydown', (e)=>{
+    const row=e.target&&e.target.closest?e.target.closest('.dq-row'):null;
+    if(!row) return;
+    const click=(sel)=>{ const b=row.querySelector(sel); if(b&&!b.disabled){ e.preventDefault(); b.click(); return true; } return false; };
+    const k=String(e.key||'').toLowerCase();
+    if(k==='a') click('[data-act="approve"]');
+    else if(k==='x') click('[data-act="deny"]');
+    else if(k==='r') click('[data-act="retry"]');
+    else if(e.key==='Enter'&&e.target===row) click('[data-act="review"],[data-act="approve"]');
+  });
+
+  // v0.8 S3 · Reshape modal wire-up · the palette applies shapes directly;
+  // the modal stays for free-text reshape (X / outside-click / Esc closes)
+  document.getElementById('reshape-close')?.addEventListener('click', closeReshape);
+  document.getElementById('reshape-modal')?.addEventListener('click', e=>{
+    if(e.target===document.getElementById('reshape-modal')) closeReshape();
+  });
+  document.querySelectorAll('.reshape-suggestions .pill').forEach(b=>{
+    b.addEventListener('click', ()=>{
+      const shape=b.dataset.shape;
+      const prompt=b.dataset.prompt;
+      const cfg=SHAPE_CONFIGS[shape] || 'density: standard';
+      applyShape(shape, prompt, cfg);
+    });
+  });
+  document.getElementById('reshape-submit')?.addEventListener('click', ()=>{
+    const inp=document.getElementById('reshape-input');
+    const txt=(inp?.value||'').trim();
+    if(!txt) return;
+    const shape=classifyShape(txt);
+    applyShape(shape, txt, 'density: standard · agent-composed from prompt');
+  });
+  document.getElementById('reshape-input')?.addEventListener('keydown', e=>{
+    if(e.key==='Enter') document.getElementById('reshape-submit')?.click();
+  });
+  // Restore last shape on load
+  restoreShape();
+`;
+//# sourceMappingURL=app-script-composer-cost.js.map