agenttwin 0.2.2 → 0.3.0

package/dist/dashboard/assets/dashboard/agent-home.js

@@ -0,0 +1,264 @@
+(()=>{
+// Agent home view: night-sky hero, task composer and workspace widgets.
+// Every widget renders recorded receipts, discovered inventory or live hosted-API
+// jobs. Nothing on this page is synthesized: when a fact is unknown it is absent.
+const $ = s => document.querySelector(s);
+const esc = v => String(v ?? '').replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
+let runs = [];
+let runsLoadError = '';
+let hosted = { connected: false, jobs: [] };
+
+/* ---- Helpers ---- */
+const rel = v => {const d=Date.now()-new Date(v).getTime();if(!Number.isFinite(d)||!v)return '';const m=Math.round(d/60000);return m<1?'just now':m<60?`${m}m ago`:m<1440?`${Math.round(m/60)}h ago`:`${Math.round(m/1440)}d ago`;};
+const dur = ms => !Number.isFinite(ms)?'':ms<1000?`${Math.round(ms)}ms`:ms<60000?`${(ms/1000).toFixed(ms%1000?1:0)}s`:`${Math.floor(ms/60000)}m ${Math.round(ms%60000/1000)}s`;
+const title = r => r.dashboardSource?.startsWith('Prepared in dashboard')?'Dashboard-prepared workflow':r.name==='sandbox_boundaries'?'Sandbox boundary check':r.name.replaceAll('_',' ').replace(/^./,c=>c.toUpperCase());
+const statusIco = s => s==='passed'?'<svg class="ok-ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="m8 12.5 3 3 5-6"/></svg>':s==='failed'||s==='error'?'<svg class="bad-ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="m9 9 6 6M15 9l-6 6"/></svg>':'<svg class="neutral-ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 8v5M12 16v.5"/></svg>';
+const spinIco = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="spin"><path d="M12 3a9 9 0 1 0 9 9" stroke-linecap="round"/></svg>';
+const liveJobs = () => hosted.jobs.filter(j=>['queued','running','cancelling'].includes(j.status));
+const envStore = () => {try{return JSON.parse(localStorage.getItem('agenttwin.environment-layout.v2'+($('#agenttwin-discovery')?':'+location.pathname:''))||'null');}catch{return null;}};
+
+/* ---- Widgets ---- */
+// One malformed receipt must not take down the whole page.
+function renderAll(){
+  for(const render of [renderNextStep,renderProject,renderWorking,renderReceipts,renderSandbox,renderGit,renderServices,renderFailures,renderBell,renderComposerCounts]){
+    try{render();}catch(error){console.error('AgentTwin home: widget failed to render.',error);}
+  }
+}
+const receiptError = () => `<p class="w-empty">Recorded receipts could not be loaded (${esc(runsLoadError)}). Import a run.json in <button type="button" class="linklike" data-goto="history">Runs</button> or check the connection.</p>`;
+function renderNextStep(){
+ const discovery=window.agentTwinDashboard?.getDiscovery(),connected=!!hosted.connected;
+ const step=!connected?['Connect your project','Start in your repository with npx agenttwin init, then connect your account.','Connect project','environment']:!discovery?.discovered?['Bring in your project','Run npx agenttwin sync in your repository to load its tools and workflows.','See setup steps','environment']:discovery.workflows.length?['Choose what to test',`${discovery.name} has ${discovery.workflows.length} workflow candidates. Pick one to prepare and run.`,'Choose a workflow','configure']:['Find your workflows','Analyze your repository with a coding agent, then sync its findings.','See setup steps','environment'];
+ $('#home-next-step').innerHTML=`<div><h2>${esc(step[0])}</h2><p>${esc(step[1])}</p></div><button type="button" class="primary" data-goto="${step[3]}">${esc(step[2])} →</button>`;
+}
+function renderProject(){
+ const project=window.agentTwinDashboard?.getDiscovery();
+ $('#project-body').innerHTML=project?.discovered?`<strong class="project-title">${esc(project.name)}</strong><div class="project-summary"><button type="button" data-goto="environment"><b>${project.tools.filter(t=>!t.declared).length}</b>Detected resources</button><button type="button" data-goto="configure"><b>${project.workflows.length}</b>Workflow candidates</button><button type="button" data-goto="history"><b>${runs.length}</b>Run results</button></div><p class="w-empty">Discovery describes code paths. Run receipts show what has actually been tested.</p>`:'<p class="w-empty">Connect and sync your project to see its detected resources and workflow candidates. <button type="button" class="linklike" data-goto="environment">Connect project</button></p>';
+}
+function renderWorking(){
+  const active=liveJobs();
+  $('#working-count').textContent=active.length||'';
+  $('#working-meta').textContent='';
+  const html=active.length?active.map(j=>`<button type="button" class="review-row" data-open-job="${esc(j.id)}"><span class="task-spin">${spinIco}</span><strong>Cloud run ${esc(String(j.id).slice(0,8))}</strong><span class="w-when">${esc(j.status)}</span></button>`).join(''):'<p class="w-empty">No cloud runs in progress. Test a workflow with <span class="mono">npx agenttwin run</span>, then sync its results.</p>';
+  $('#working-body').innerHTML=html;
+}
+function renderReceipts(){
+  const failed=runs.filter(r=>r.status==='failed'||r.status==='error');
+  const rest=runs.filter(r=>r.status==='passed');
+  const incomplete=runs.filter(r=>r.status==='incomplete');
+  $('#receipts-count').textContent=failed.length||'';
+  $('#receipts-spin').hidden=!liveJobs().length;
+  if(runsLoadError&&!runs.length){$('#receipts-body').innerHTML=receiptError();return;}
+  const row=r=>`<button type="button" class="review-row" data-open-receipt="${esc(r.runId)}"><span class="r-ico">${statusIco(r.status)}</span><strong>${esc(title(r))}</strong><span class="ref" title="${esc(window.agentTwinDashboard?.getReceiptSource(r.runId))}">${esc(String(r.runId).slice(0,8))} · ${esc(window.agentTwinDashboard?.getReceiptSource(r.runId))}</span><span class="r-status ${esc(r.status)}">${esc(r.status)}</span><span class="r-time">${esc(rel(r.createdAt))}</span></button>`;
+  let html='';
+  if(failed.length)html+=`<p class="group-label warn">Needs review · <b>${failed.length}</b> failed receipt${failed.length===1?'':'s'}</p>${failed.slice(0,2).map(row).join('')}`;
+  if(rest.length)html+=`<p class="group-label">Passed · <b>${rest.length}</b></p>${rest.slice(0,4).map(row).join('')}`;
+  if(incomplete.length)html+=`<p class="group-label">Incomplete · <b>${incomplete.length}</b></p>${incomplete.slice(0,2).map(row).join('')}`;
+  $('#receipts-body').innerHTML=html||'<p class="w-empty">Run receipts appear here once a workflow executes. <button type="button" class="linklike" data-goto="settings">Connect an account</button> or run <span class="mono">npx agenttwin run</span> from your project.</p>';
+}
+function renderSandbox(){
+  const r=runs[0];
+  if(!r){$('#sandbox-meta').textContent='';$('#sandbox-body').innerHTML='<p class="w-empty">No tests recorded yet. Run a workflow to see its outcome, runner and tested revision.</p>';return;}
+  $('#sandbox-meta').textContent=`latest receipt · ${rel(r.createdAt)}`;
+  const iso=r.isolation??{};
+  const facts=[['Runner',r.runtime==='local'?'CLI':r.runtime==='e2b'?'Cloud':r.runtime],['Result',r.status],['Commit',r.git?.head?.slice(0,8)],['Source',r.git?.dirty?'Includes uncommitted changes':''],['Duration',dur(r.durationMs)],['Checks',(r.assertions??[]).filter(a=>a.passed).length+'/'+(r.assertions??[]).length]].filter(([,v])=>v);
+  $('#sandbox-body').innerHTML=`<div class="fact-grid">${facts.map(([k,v])=>`<div class="fact-item"><span>${esc(k)}</span><b title="${esc(v)}">${esc(v)}</b></div>`).join('')}</div>`;
+}
+function renderGit(){
+ const d=window.agentTwinDashboard?.getDiscovery(),g=d?.git;
+ $('#git-meta').textContent=g?g.branch:'';
+ if(!g){$('#git-body').innerHTML='<p class="w-empty">Sync your repository to see commits and workflow changes.</p><code class="sync-command">npx agenttwin sync</code>';return;}
+ const days=Array.from({length:14},(_,i)=>{const day=new Date(Date.now()-(13-i)*86400000).toISOString().slice(0,10);return {day,count:g.commits.filter(c=>c.date.slice(0,10)===day).length};});
+ const max=Math.max(1,...days.map(d=>d.count));
+ const changes=(d.workflows??[]).filter(w=>g.changedFiles.includes((w.entrypoint??'').split('#')[0]));
+ $('#git-body').innerHTML=`<div class="git-total"><strong>${g.commits.length}${g.commits.length===100?'+':''}</strong><span>commits · last 14 days</span></div><div class="git-bars" aria-label="Commit activity over 14 days">${days.map(d=>`<span style="--bar:${Math.max(5,d.count/max*100)}%" title="${esc(d.day)}: ${d.count} commits"></span>`).join('')}</div><div class="git-foot"><span>${g.totalCommits} commits in repository</span><code>${esc(g.head.slice(0,8))}${g.dirty?' + changes':''}</code></div><p class="w-empty">${changes.length?changes.length+' workflow entrypoints changed since the previous sync. Retest to record new outcomes.':'No workflow entrypoint changes detected since the previous sync.'}</p>`;
+}
+function renderServices(){
+ const events=runs.flatMap(r=>(r.events??[]).map(e=>({r,e}))).slice(0,5);
+ $('#services-body').innerHTML=events.length?events.map(({r,e})=>`<button type="button" class="activity-row" data-open-receipt="${esc(r.runId)}"><span class="activity-dot ${esc(e.operation)}"></span><span><strong>${esc(e.operation)} · ${esc(e.service)}</strong><small>${esc(e.path)} · ${esc(e.detail)}</small></span><time>${esc(rel(r.createdAt))}</time></button>`).join(''):'<p class="w-empty">Reads, writes, retries and injected failures appear here after a test records them.</p>';
+}
+function renderFailures(){
+  const checks=runs.flatMap(r=>[...(r.assertions??[]),...(r.infrastructureAssertions??[])].map(a=>({r,a})));
+  const failed=checks.filter(({a})=>a.passed===false);
+  $('#failures-meta').textContent=checks.length?`${failed.length} failed / ${checks.length} checks`:'';
+  const value=v=>typeof v==='object'?JSON.stringify(v):String(v??'not recorded');
+  $('#failures-body').innerHTML=failed.length?failed.slice(0,6).map(({r,a})=>`<button type="button" class="failure-row" data-open-receipt="${esc(r.runId)}"><span>${statusIco('failed')}</span><span><strong>${esc(a.service??'Workflow')}</strong><span class="f-path"> ${esc(a.path??a.query??a.key??'')}</span><span class="f-path">Expected ${esc(value(a.count??a.equals??a.expected))} · observed ${esc(value(a.actual))}</span><span class="f-path">${esc(title(r))} → View run</span></span></button>`).join(''):runsLoadError&&!runs.length?receiptError():!runs.length?'<p class="w-empty">No checks recorded yet. <button type="button" class="linklike" data-goto="configure">Run a workflow</button> to see what passes and what breaks.</p>':!checks.length?'<p class="w-empty">These runs contain no recorded assertions. Add expected outcomes to your workflow before retesting.</p>':`<p class="w-empty">${checks.filter(({a})=>a.passed===true).length} recorded checks passed. ${checks.filter(({a})=>typeof a.passed!=='boolean').length?'Some checks have no recorded outcome.':'No assertion failures in the loaded runs.'} <button type="button" class="linklike" data-goto="history">View evidence</button></p>`;
+}
+/* ---- Composer ---- */
+function observedServices(){
+  const names=new Set();
+  for(const r of runs){Object.keys(r.finalState??{}).forEach(n=>names.add(n));(r.infrastructureAssertions??[]).forEach(a=>names.add(a.service));}
+  return [...names].filter(Boolean);
+}
+function renderComposerCounts(){
+  const project=window.agentTwinDashboard?.getProject();
+  $('#assistant-project-context').textContent=project?.discovered?project.name:'';
+  const ready=hosted.connected&&chatState?.available;
+  $('#composer-send').disabled=!ready||chatPending;
+  $('#composer-input').disabled=!ready;
+  $('#assistant-connect').hidden=hosted.connected;
+  $('#assistant-connection-status').textContent=!hosted.connected?'Connect your AgentTwin account to get replies.':!chatState?'Checking chat connection…':!chatState.available?'Chat is unavailable on this server.':'Ask about '+(project?.discovered?project.name:'testing your agent')+'. Chat can explain evidence; it does not start runs.';
+}
+function composerInit(){
+  const note=(text,show=true)=>{const n=$('#composer-note');n.textContent=text;n.classList.toggle('show',show&&!!text);};
+  const send=async()=>{
+    const input=$('#composer-input'),text=input.value.trim();
+    if(!text){note('Describe the workflow or failure you want help with.');return;}
+    if(chatPending)return;
+    if(!hosted.connected){note('Connect your account in Settings to chat. Your message stays here until you send it.');return;}
+    const generation=chatGeneration;
+    chatPending=true;$('#composer-send').disabled=true;note('Reading your synced discovery and run evidence…');
+    try{
+      if(!chatState)chatState=await window.agentTwinAccount.chat();
+      if(!chatState.available)throw new Error('Chat is not configured. Set OPENAI_API_KEY and AGENTTWIN_CHAT_MODEL on the API service.');
+      if(generation!==chatGeneration)throw new Error('Account or project changed. Send this message in the current project.');
+      if(!lastRequest||lastRequest.content!==text||lastRequest.project!==chatState.project||lastRequest.jobId!==chatJobId)lastRequest={content:text,project:chatState.project,requestId:crypto.randomUUID(),jobId:chatJobId};
+      const data=await window.agentTwinAccount.sendChat(lastRequest);
+      if(generation!==chatGeneration)return;
+      lastRequest=null;
+      chatState={...chatState,thread:data.thread};input.value='';renderChat();note('Response saved.');
+    }catch(error){if(generation!==chatGeneration)return;if(error.data?.thread){chatState={...chatState,thread:error.data.thread};lastRequest=null;renderChat();}note(error.message);}
+    finally{chatPending=false;renderComposerCounts();}
+  };
+  $('#composer-send').addEventListener('click',send);
+  $('#composer-input').addEventListener('keydown',e=>{if((e.metaKey||e.ctrlKey)&&e.key==='Enter'){e.preventDefault();send();}});
+  $('#assistant-connect').addEventListener('click',()=>{window.agentTwinDashboard?.go('settings');$('#api-token').focus();});
+}
+
+/* ---- Top bar: switcher, bell, palette, fullscreen, customize, loop pill ---- */
+function closeMenus(){$('#home-bell-menu').hidden=true;$('#home-bell').setAttribute('aria-expanded','false');}
+function renderBell(){
+  const waiting=runs.filter(r=>r.status==='failed'||r.status==='error');
+  const errored=hosted.connected?hosted.jobs.filter(j=>j.status==='error'||j.status==='cancelled'):[];
+  const badge=$('#bell-badge'),count=waiting.length+errored.length;
+  badge.textContent=count;badge.hidden=!count;
+  const homeBadge=$('#home-badge'),homeCount=waiting.length+liveJobs().length;
+  homeBadge.textContent=homeCount;homeBadge.hidden=!homeCount;
+  let items=errored.slice(0,2).map(j=>`<button type="button" class="bell-item" data-open-runs><span class="dot" style="background:var(--h-red)"></span><span>Cloud run ${esc(String(j.id).slice(0,8))} ${esc(j.status)}<small>submitted ${esc(rel(j.createdAt))}</small></span></button>`).join('');
+  items+=waiting.slice(0,3).map(r=>`<button type="button" class="bell-item" data-open-runs><span class="dot"></span><span>${esc(title(r))} receipt is ready<small>${esc(r.status)} · ${esc(rel(r.createdAt))} · inspect its assertions</small></span></button>`).join('');
+  $('#bell-items').innerHTML=items||'<p class="palette-empty" style="padding:8px">Nothing needs attention. Failed receipts and errored jobs appear here.</p>';
+}
+function topbarInit(){
+  const toggleMenu=(btn,menu)=>{
+    btn.addEventListener('click',e=>{
+      e.stopPropagation();const open=menu.hidden;closeMenus();menu.hidden=!open;btn.setAttribute('aria-expanded',String(open));
+    });
+    menu.addEventListener('keydown',e=>{
+      if(!['ArrowDown','ArrowUp'].includes(e.key))return;
+      e.preventDefault();
+      const items=[...menu.querySelectorAll('button')];
+      const index=items.indexOf(document.activeElement);
+      const next=e.key==='ArrowDown'?(index+1)%items.length:(index-1+items.length)%items.length;
+      items[next].focus();
+    });
+  };
+  toggleMenu($('#home-bell'),$('#home-bell-menu'));
+  document.addEventListener('click',e=>{if(!e.target.closest('.home-bell-wrap'))closeMenus();});
+  document.addEventListener('keydown',e=>{
+    if(e.key!=='Escape')return;
+    if(!$('#home-bell-menu').hidden){closeMenus();$('#home-bell').focus();}
+  });
+  document.addEventListener('click',e=>{
+    const sw=e.target.closest('.home-switcher [data-view]');
+    if(sw){window.agentTwinDashboard?.go(sw.dataset.view);return;}
+    const discuss=e.target.closest('[data-discuss-job]');if(discuss&&discuss.dataset.discussJob){chatJobId=discuss.dataset.discussJob;window.agentTwinDashboard?.go('home');$('#composer-input').value='Review this run’s results and coverage. Explain any failures, identify missing evidence, and suggest the next step.';$('#assistant-dock-panel').hidden=false;$('#assistant-dock-toggle').hidden=true;$('#assistant-dock-toggle').setAttribute('aria-expanded','true');$('#composer-input').focus();return;}
+    const receipt=e.target.closest('[data-open-receipt]');if(receipt){closeMenus();window.agentTwinDashboard?.openReceipt(receipt.dataset.openReceipt);return;}
+    const job=e.target.closest('[data-open-job]');if(job){closeMenus();window.agentTwinAccount?.inspectJob(job.dataset.openJob).catch(error=>{$('#composer-note').textContent=error.message;$('#composer-note').classList.add('show');});return;}
+    if(e.target.closest('[data-open-runs]')){closeMenus();window.agentTwinDashboard?.go('history');return;}
+    const goto=e.target.closest('[data-goto]');
+    if(goto)window.agentTwinDashboard?.go(goto.dataset.goto);
+  });
+  $('#home-search').addEventListener('click',openPalette);
+  document.addEventListener('keydown',e=>{if((e.metaKey||e.ctrlKey)&&e.key.toLowerCase()==='k'){e.preventDefault();openPalette();}});
+  $('#home-expand').addEventListener('click',()=>{document.fullscreenElement?document.exitFullscreen():document.documentElement.requestFullscreen().catch(()=>{});});
+  const widgetKey='agenttwin:home-widgets:v1';
+  let hiddenWidgets=[];
+  try{hiddenWidgets=JSON.parse(localStorage.getItem(widgetKey)||'[]');if(!Array.isArray(hiddenWidgets))hiddenWidgets=[];}catch{}
+  const widgets=[...document.querySelectorAll('.home-widgets .widget')];
+  const controls=$('#home-widget-controls');
+  const applyWidgets=()=>widgets.forEach(w=>{w.hidden=hiddenWidgets.includes(w.id);});
+  controls.innerHTML=widgets.map(w=>`<label><input type="checkbox" data-widget="${w.id}" ${hiddenWidgets.includes(w.id)?'':'checked'}> ${esc(w.querySelector('h2').textContent)}</label>`).join('')+'<button type="button" id="home-widgets-reset">Show all</button>';
+  const saveWidgets=()=>{applyWidgets();try{localStorage.setItem(widgetKey,JSON.stringify(hiddenWidgets));}catch{}};
+  applyWidgets();
+  $('#home-customize').addEventListener('click',()=>{controls.hidden=!controls.hidden;$('#home-customize').setAttribute('aria-pressed',String(!controls.hidden));});
+  controls.addEventListener('change',e=>{const id=e.target.dataset.widget;if(!id)return;hiddenWidgets=hiddenWidgets.filter(v=>v!==id);if(!e.target.checked)hiddenWidgets.push(id);saveWidgets();});
+  $('#home-widgets-reset').addEventListener('click',()=>{hiddenWidgets=[];controls.querySelectorAll('input').forEach(i=>i.checked=true);saveWidgets();});
+  const setDock=open=>{$('#assistant-dock-panel').hidden=!open;$('#assistant-dock-toggle').hidden=open;$('#assistant-dock-toggle').setAttribute('aria-expanded',String(open));if(open){$('#chat-thread').scrollTop=$('#chat-thread').scrollHeight;$('#composer-input').focus();}else $('#assistant-dock-toggle').focus();};
+  $('#assistant-dock-toggle').addEventListener('click',()=>setDock(true));
+  $('#assistant-dock-close').addEventListener('click',()=>setDock(false));
+  document.addEventListener('keydown',e=>{if(e.key==='Escape'&&!$('#assistant-dock-panel').hidden)setDock(false);});
+
+}
+/* ---- Command palette ---- */
+function openPalette(){
+  closeMenus();
+  if($('.palette'))return;
+  const overlay=document.createElement('div');overlay.className='palette';
+  const views=[['home','Home','Overview with live widgets'],['environment','Environment','Discovered resources and coverage'],['configure','Workflows','Prepare and execute workflows'],['history','Runs','Recorded receipts and evidence'],['settings','Settings','Workspace and account connection']];
+  if(!hosted.connected)views.push(['settings','Connect account','Link an AgentTwin API to submit runs']);
+  overlay.innerHTML=`<div class="palette-panel" role="dialog" aria-label="Search"><input type="search" placeholder="Search views and receipts…" aria-label="Search"><div class="palette-list"></div><div class="palette-hint"><span><kbd>↑↓</kbd>navigate</span><span><kbd>↵</kbd>open</span><span><kbd>esc</kbd>close</span></div></div>`;
+  document.body.append(overlay);
+  const input=overlay.querySelector('input'),list=overlay.querySelector('.palette-list');
+  const items=()=>[...views.map(([id,label,hint])=>({label,hint,run:()=>window.agentTwinDashboard?.go(id)})),...runs.map(r=>({label:title(r),hint:`${r.status} · ${rel(r.createdAt)}`,run:()=>window.agentTwinDashboard?.openReceipt(r.runId)}))];
+  const renderList=()=>{
+    const q=input.value.trim().toLowerCase();
+    const visible=items().filter(i=>(i.label+' '+i.hint).toLowerCase().includes(q));
+    list.innerHTML=visible.length?visible.map((i,n)=>`<button type="button" class="palette-item${n===0?' active':''}" data-index="${n}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="m5 12h14M13 6l6 6-6 6"/></svg>${esc(i.label)}<small>${esc(i.hint)}</small></button>`).join(''):'<p class="palette-empty">Nothing matches.</p>';
+  };
+  renderList();
+  let activeIndex=0;
+  const visible=()=>items().filter(i=>(i.label+' '+i.hint).toLowerCase().includes(input.value.trim().toLowerCase()));
+  const setActive=n=>{
+    const buttons=[...list.querySelectorAll('.palette-item')];
+    if(!buttons.length)return;
+    activeIndex=(n+buttons.length)%buttons.length;
+    buttons.forEach((b,i)=>b.classList.toggle('active',i===activeIndex));
+    buttons[activeIndex].scrollIntoView({block:'nearest'});
+  };
+  input.addEventListener('input',()=>{renderList();activeIndex=0;});
+  input.addEventListener('keydown',e=>{
+    if(e.key==='Escape'){overlay.remove();return;}
+    if(e.key==='ArrowDown'){e.preventDefault();setActive(activeIndex+1);return;}
+    if(e.key==='ArrowUp'){e.preventDefault();setActive(activeIndex-1);return;}
+    if(e.key==='Enter'){e.preventDefault();const item=visible()[activeIndex];if(item){item.run();overlay.remove();}}
+  });
+  list.addEventListener('click',e=>{const item=e.target.closest('.palette-item');if(!item)return;visible()[Number(item.dataset.index)]?.run();overlay.remove();});
+  overlay.addEventListener('click',e=>{if(e.target===overlay)overlay.remove();});
+  input.focus();
+}
+/* ---- Boot ---- */
+let chatState=null,chatPending=false,chatGeneration=0,chatJobId=null,lastRequest=null;
+function renderChat(){
+ const messages=chatState?.thread?.messages??[];
+ $('#chat-thread').innerHTML=messages.map(m=>`<article class="chat-message ${esc(m.role)}"><header>${m.role==='user'?'You':'AgentTwin'}${m.error?' · response failed':''}</header><div class="chat-content">${m.role==='assistant'&&window.marked&&window.DOMPurify?DOMPurify.sanitize(marked.parse(String(m.content??''),{gfm:true,breaks:true}),{ALLOWED_TAGS:['p','br','strong','em','del','code','pre','blockquote','ul','ol','li','h1','h2','h3','h4','table','thead','tbody','tr','th','td','hr','a'],ALLOWED_ATTR:['href','title'],ALLOW_DATA_ATTR:false}):'<p>'+esc(m.content)+'</p>'}</div>${m.context?.jobId?`<button type="button" class="linklike" data-open-job="${esc(m.context.jobId)}">Inspect evidence · ${esc(m.context.jobId.slice(0,8))}</button>`:''}</article>`).join('');
+ $('#chat-thread').hidden=!messages.length;
+ renderComposerCounts();
+ $('.hero-content').classList.toggle('has-conversation',messages.length>0);
+ $('#chat-thread').scrollTop=$('#chat-thread').scrollHeight;
+ $('#settings-chat-status').textContent=chatState?(chatState.available?'Connected model: '+chatState.model:'Chat is unavailable. The API operator needs to configure OPENAI_API_KEY and AGENTTWIN_CHAT_MODEL.'):'Connect your account to check model availability.';
+}
+async function refreshChat(){
+ const generation=++chatGeneration;chatState=null;chatJobId=null;lastRequest=null;renderChat();
+ if(!hosted.connected)return;
+ try{const data=await window.agentTwinAccount.chat();if(generation!==chatGeneration)return;chatState=data;renderChat();}
+ catch(error){if(generation===chatGeneration){$('#assistant-connection-status').textContent='Chat connection failed: '+error.message;}}
+}
+function onReceipts(){const name=window.agentTwinDashboard?.getProject()?.name;runs=(window.agentTwinDashboard?.getReceipts()??[]).filter(r=>!r.project||r.project===name);renderAll();}
+function onHostedJobs(){
+  const connected=hosted.connected;
+  hosted=window.agentTwinHosted??hosted;
+  if(connected!==hosted.connected)void refreshChat();
+  renderAll();
+}
+if($('#home-view')){
+  
+
+  composerInit();
+  topbarInit();
+  addEventListener('agenttwin:jobs',onHostedJobs);
+  if(window.agentTwinHosted)onHostedJobs();
+  addEventListener('agenttwin:receipts',onReceipts);
+  addEventListener('agenttwin:discovery',()=>{onReceipts();void refreshChat();});
+  onReceipts();renderChat();
+}
+
+})();