@atmem/architect 0.0.0-stage → 0.2.0

package/src/EngineeringPanel.jsx

@@ -0,0 +1,151 @@
+import {BrainActivity} from './BrainActivity.jsx';
+import React,{useEffect,useRef,useState} from 'react';
+import {engineeringCall,engineeringConversation,mergeEngineeringEvents} from './engineering-client.mjs';
+import './engineering.css';
+import {ArtifactChecks} from './ArtifactChecks.jsx';
+import {verifyArtifactWork} from './artifact-work.mjs';
+import {hasArchitectureDesign,buildIntent,BUILD_AND_TEST_REQUEST} from './design-build-flow.mjs';
+
+export function EngineeringPanel({projectId,session,connection,saveProject,onConnections,project,onWorkModelChange,onIntentContext,onDesign,onDelivery,buildRequest,onBuildRequestHandled,contextBusy=false,onBusyChange}){
+  const draftKey=`atmem-engineering-draft-v1:${projectId}`;
+  const [job,setJob]=useState(null),[events,setEvents]=useState([]),[draft,setDraft]=useState(()=>{try{return localStorage.getItem(draftKey)||'';}catch{return '';}}),
+    [busy,setBusy]=useState(false),[error,setError]=useState(''),[loading,setLoading]=useState(true),[artifact,setArtifact]=useState(null);
+  const [draftError,setDraftError]=useState(''),[mappingStatus,setMappingStatus]=useState('');
+ const mappedArtifacts=useRef(new Set());
+  const [restoreBlocked,setRestoreBlocked]=useState(false),[restoreAttempt,setRestoreAttempt]=useState(0);
+  useEffect(()=>{try{localStorage.setItem(draftKey,draft);setDraftError('');}catch{setDraftError('This draft could not be saved in your browser. Keep this view open or copy it before leaving.');}},[draftKey,draft]);
+  const live=useRef(true),cursor=useRef(0),actionLock=useRef(false);
+  const finalization=events.filter(event=>event.runId===job?.run&&event.kind.startsWith('finalization_')).at(-1);
+  useEffect(()=>{live.current=true;return()=>{live.current=false;};},[]);
+  const call=(action,payload={},options)=>engineeringCall(session,action,{projectId,...(job?{sessionId:job.id}:{}),...payload},options);
+  useEffect(()=>{
+    if(!job)return;
+    const controller=new AbortController();let stopped=false;
+    engineeringCall(session,'artifacts',{projectId,sessionId:job.id},{signal:controller.signal}).then(result=>{
+      if(!stopped)setArtifact(result.artifacts.find(item=>item.runId===job.run)||result.artifacts[0]||null);
+    }).catch(e=>{if(!stopped&&e.name!=='AbortError')setError(e.message);});
+    return()=>{stopped=true;controller.abort();};
+  },[job?.id,job?.run,finalization?.artifactId,projectId,session.token]);
+  useEffect(()=>{
+    const controller=new AbortController();let stopped=false;
+    setLoading(true);setRestoreBlocked(false);
+    (async()=>{let restored=false;try{
+      const result=await engineeringCall(session,'list',{projectId},{signal:controller.signal});
+      const previous=result.sessions.at(-1);
+      if(previous){
+        restored=true;
+        if(!stopped)setJob(previous);
+        const recovered=await engineeringCall(session,'recover',{projectId,sessionId:previous.id},{signal:controller.signal});
+        if(!stopped)setJob(recovered);
+      }
+    }catch(e){if(!stopped&&e.name!=='AbortError'&&(e.status!==404||restored)){setError(e.message);setRestoreBlocked(true);}}finally{if(!stopped)setLoading(false);}})();
+    return()=>{stopped=true;controller.abort();};
+  },[projectId,session.token,restoreAttempt]);
+  useEffect(()=>{
+    if(!job)return;
+    const controller=new AbortController();let stopped=false,timer;
+    async function poll(){try{
+      const result=await engineeringCall(session,'events',{projectId,sessionId:job.id,after:cursor.current},{signal:controller.signal});
+      if(stopped)return;
+      setEvents(current=>mergeEngineeringEvents(current,result.events));
+      if(result.events.length)cursor.current=result.events.at(-1).sequence;
+      setJob(result.session);
+    }catch(e){if(!stopped&&e.name!=='AbortError')setError(e.message);}finally{if(!stopped)timer=setTimeout(poll,1000);}}
+    void poll();return()=>{stopped=true;clearTimeout(timer);controller.abort();};
+  },[job?.id,projectId,session.token]);
+  useEffect(()=>{if(job&&onIntentContext){try{onIntentContext(projectId,job.id,events);}catch(e){setError(e.message);}}},[job?.id,events,onIntentContext]);
+  async function act(operation){
+    if(actionLock.current)return;
+    actionLock.current=true;setBusy(true);setError('');
+    try{await operation();}catch(e){if(live.current)setError(e.message);}finally{actionLock.current=false;if(live.current)setBusy(false);}
+  }
+  useEffect(()=>{onBusyChange?.(busy);return()=>onBusyChange?.(false);},[busy,onBusyChange]);
+  const exactSelection=connection?.provider==='codex'&&connection.model&&connection.model!=='default'&&connection.effort;
+  const running=job?.state==='running',uncertain=job?.state==='starting';
+  const conversation=engineeringConversation(events);
+  const hasDesign=hasArchitectureDesign(project),canSubmit=running?!!draft.trim():!!buildIntent(project,draft);
+  const consumedBuild=useRef(null);
+  function submitIntent(event,requestedText){
+    event?.preventDefault();
+    const submitted=requestedText??(running?draft:buildIntent(project,draft));
+    if(!submitted||submitted.length>80000||loading||restoreBlocked||actionLock.current||uncertain||contextBusy||(!job&&(!exactSelection||!hasDesign)))return false;
+    void act(async()=>{
+      let current=job;
+      let saved=await saveProject();
+      if(!/^[a-f0-9]{64}$/.test(saved?.sha256||''))throw Error('The server did not confirm the saved design context. Your draft is retained.');
+      if(!current){
+        current=await call('create',{model:connection.model,effort:connection.effort});
+        if(live.current)setJob(current);
+        // Native session creation can outlast pending autosaves. Confirm the
+        // context immediately before submitting, without replaying any intent.
+        saved=await saveProject();
+        if(!/^[a-f0-9]{64}$/.test(saved?.sha256||''))throw Error('The server did not confirm the saved design context. Your draft is retained.');
+      }
+      // The new session ID is explicit: React state may not have rendered yet.
+      const next=await call(current.state==='running'?'steer':'start',{sessionId:current.id,text:submitted,contextSha256:saved.sha256});
+      if(live.current){setJob(next);setArtifact(null);setDraft(value=>value===submitted?'':value);}
+    });
+    return true;
+  }
+  useEffect(()=>{
+    if(!buildRequest||buildRequest.projectId!==projectId||consumedBuild.current===buildRequest.id||loading||restoreBlocked||contextBusy||uncertain||busy||(!job&&!exactSelection))return;
+    if(submitIntent(null,buildRequest.intent==='test'?BUILD_AND_TEST_REQUEST:buildIntent(project,''))){
+      consumedBuild.current=buildRequest.id;onBuildRequestHandled?.(buildRequest.id);
+    }
+  },[buildRequest,projectId,loading,restoreBlocked,contextBusy,uncertain,busy,exactSelection,job?.id]);
+  async function linkMappings(){
+    const result=await call('reconciliation',{artifactId:artifact.id});
+    if(result.status==='proposal_missing'){setMappingStatus('File links missing from package.');return;}
+    const verified=await verifyArtifactWork(result);
+    if(verified.payload.artifactId!==artifact.id||verified.payload.artifactSha256!==artifact.sha256||verified.payload.sessionId!==job.id)throw Error('The mapping receipt does not match this captured package.');
+    onWorkModelChange({kind:'artifact',verified},projectId);setMappingStatus('Files connected to design blocks.');
+  }
+  useEffect(()=>{
+    if(!onWorkModelChange||!artifact||running||uncertain||busy||contextBusy||job?.last_status!=='completed'||artifact.runId!==job.run||mappedArtifacts.current.has(artifact.id))return;
+    mappedArtifacts.current.add(artifact.id);setMappingStatus('Connecting files to design blocks…');void act(linkMappings);
+  },[artifact?.id,job?.run,job?.state,busy,contextBusy]);
+  return <div className="engineering-panel">
+    <h2>2. Project files</h2>
+    {onDesign&&<button onClick={onDesign}>Return to Design</button>}
+
+    {buildRequest?.projectId===projectId&&<p role="status">{restoreBlocked?'Your implementation request is waiting. Retry loading earlier work before starting.':uncertain?'Your implementation request is waiting. Recover the existing request first to avoid duplicate work.':contextBusy?'Your implementation request is waiting for the current design changes.':!job&&!exactSelection?'Your implementation request is waiting here. Choose a model and reasoning level below; it will then start automatically.':'Your implementation request is queued.'} <button onClick={()=>onBuildRequestHandled?.(buildRequest.id)}>Cancel queued request</button></p>}
+    {restoreBlocked&&<button disabled={loading||busy} onClick={()=>{setError('');setRestoreAttempt(value=>value+1);}}>Retry loading earlier work</button>}
+    {loading?<p role="status">Finding your project’s work…</p>:<>
+      {job?<>
+        <p className="generation-status" role="status">{(running||uncertain||busy)&&<BrainActivity size={24}/>} {running?'Working':uncertain?'Recovering acceptance of your last request':job.last_status?({completed:'Work completed',interrupted:'Work stopped',failed:'Work needs attention'}[job.last_status]||job.last_status):'Ready'} · {job.model} · {job.effort}</p>
+
+      </>:<>
+        <p>{exactSelection?`${connection.model} · ${connection.effort}`:'Choose a Codex model and reasoning level to start.'}</p>
+        {!exactSelection&&<button onClick={onConnections}>Choose model</button>}
+        {contextBusy&&<p role="status">Finish the current design changes before starting new work.</p>}
+      </>}
+      {!hasDesign&&!job?<p>Start with the Board or Requirements. Add the components or responsibilities before building an implementation.</p>:<form onSubmit={submitIntent}>
+        <details open={running||undefined}><summary>{running?'Add an update':'Additional instructions (optional)'}</summary><label htmlFor="engineering-intent">{running?'Add an implementation update':hasDesign?'Additional instructions (optional)':'Continue implementation'}</label>
+        <textarea id="engineering-intent" rows={2} value={draft} onChange={e=>setDraft(e.target.value)}/></details>
+        {draft.length>80000&&<p role="alert">This update exceeds 80,000 characters. Edit it before sending; your draft is retained.</p>}
+        <button disabled={busy||restoreBlocked||uncertain||contextBusy||!canSubmit||draft.length>80000||(!job&&!exactSelection)}>{busy?<><BrainActivity size={22}/> Sending…</>:running?'Send update':hasDesign?'Generate project files':'Continue implementation'}</button>
+      </form>}
+      {job&&<>
+        {running&&<button disabled={busy} onClick={()=>act(async()=>{const next=await call('interrupt');if(live.current)setJob(next);})}>Stop generation</button>}
+
+        <details className="engineering-actions"><summary>Connection and package details</summary>{finalization&&<p>{finalization.text}</p>}
+          <button disabled={busy} onClick={()=>act(async()=>{const next=await call('recover');if(live.current)setJob(next);})}>Refresh connection status</button>
+          {running&&<button disabled={busy} onClick={()=>act(async()=>{const next=await call('interrupt');if(live.current)setJob(next);})}>Stop work</button>}
+          {!running&&!uncertain&&job.last_status&&<button disabled={busy} onClick={()=>act(async()=>{const captured=await call('capture');if(live.current)setArtifact(captured);})}>Refresh package snapshot</button>}
+        </details>
+        <details><summary>Engineering progress ({events.length})</summary><ol>{events.filter(event=>!['message','accepted','steering_submitted'].includes(event.kind)).map(event=><li key={event.sequence}>{event.kind}{event.text?` · ${event.text}`:''}</li>)}</ol></details>
+      </>}
+      {artifact&&<div className="engineering-artifact"><p>Project files · {artifact.files.filter(file=>file.kind==='file').length} {artifact.files.filter(file=>file.kind==='file').length===1?'file':'files'} · {artifact.turnStatus}.</p>
+        {artifact.runId!==job?.run&&<p>Earlier package · regenerate for current changes.</p>}
+        {onDelivery&&<button disabled={busy} onClick={onDelivery}>Review and download handoff</button>}
+
+        <p className="muted small" role="status">{mappingStatus||'File links pending.'}</p>
+        {mappingStatus==='File links missing from package.'&&<button disabled={busy||contextBusy} onClick={()=>submitIntent(null,'Add architecture-work-proposal.json binding the existing implementation files to the saved design blocks and requirements. Preserve the application and requirements. Run applicable local checks; retain failed or unexecuted checks explicitly.')}>Repair file links</button>}
+
+
+      </div>}
+    </>}
+    {error&&<p role="alert">{error}</p>}
+    {draftError&&<p role="alert">{draftError}</p>}
+  </div>;
+}

package/src/FileTree.jsx

@@ -0,0 +1,7 @@
+import React,{useMemo,useState}from'react';import{Folder,FolderOpen,FileText,FileCode,FileJson,ChevronDown,ChevronRight}from'lucide-react';
+export function FileTree({files,selected,onSelect}){
+ const [closed,setClosed]=useState(new Set());
+ const tree=useMemo(()=>{const root={};for(const path of Object.keys(files).sort()){if(path.endsWith('/'))continue;let branch=root;const parts=path.split('/');for(let i=0;i<parts.length;i++){const part=parts[i];branch[part]??={path:parts.slice(0,i+1).join('/'),children:i<parts.length-1?{}:null};branch=branch[part].children;}}return root;},[files]);
+ const render=(nodes,level=1)=><ul role={level===1?'tree':'group'} aria-label={level===1?'Project files':undefined}>{Object.entries(nodes).map(([name,item])=>{const folder=!!item.children,expanded=!closed.has(item.path),Icon=folder?(expanded?FolderOpen:Folder):/\.json$/.test(name)?FileJson:/\.(?:py|js|mjs|tf|sh|yml|yaml)$/.test(name)?FileCode:FileText;return <li key={item.path} role="treeitem" aria-expanded={folder?expanded:undefined} aria-selected={!folder?selected===item.path:undefined}><button type="button" title={item.path} className={selected===item.path?'selected':''} style={{paddingLeft:8+(level-1)*14}} onClick={()=>folder?setClosed(previous=>{const next=new Set(previous);next.has(item.path)?next.delete(item.path):next.add(item.path);return next;}):onSelect(item.path)}>{folder?(expanded?<ChevronDown size={13}/>:<ChevronRight size={13}/>):<span className="tree-indent"/>}<Icon size={15}/><span>{name}</span></button>{folder&&expanded&&render(item.children,level+1)}</li>;})}</ul>;
+ return <nav className="file-tree" aria-label="Output files">{render(tree)}</nav>;
+}

package/src/FinalChecklist.jsx

@@ -0,0 +1,15 @@
+import React from'react';
+import{estimate}from'./estimate.mjs';
+import{cloudMapping}from'./journey.mjs';
+import{OPTION_NAMES}from'./pack.mjs';
+export function FinalChecklist({project,implementation,terraform,checks=[],onNavigate}){
+ const cost=estimate(project),mapping=cloudMapping(project),requirements=!!(project.needs?.length||project.brief?.application);
+ const selectedRegion=[...(project.decisions||[])].reverse().find(d=>d.subject==='cloud.region'&&d.status==='Accepted')?.decision;
+ const country=[...(project.decisions||[])].reverse().find(d=>d.subject==='data.country'&&d.status==='Accepted')?.decision;
+ const proposed=project.nodes.filter(n=>n.data.kind!=='note'&&n.data.origin!=='existing');
+ const placements=proposed.map(n=>n.data.config?.region).filter(r=>typeof r==='string'&&r.trim()&&!/select|unknown|tbd/i.test(r));
+ const region=selectedRegion||(proposed.length&&placements.length===proposed.length?[...new Set(placements)].join(', '):null);
+ const rows=[['Requirements',requirements?'Recorded':'Not recorded',requirements],['Cloud',mapping.provider?(OPTION_NAMES[mapping.provider]||mapping.provider):'Not selected',!!mapping.provider],['Data country',country||'Not selected',!!country],['Cloud region',region||'Choose region',!!region],['Cost estimate',cost.complete?'Calculated':cost.lines.some(l=>l.cost!=null)?'Partial · charges missing':'Not calculated',cost.complete],['Implementation',implementation?'Included':'Not generated',!!implementation],['Application checks',checks.length?checks.every(c=>c.state==='finished'&&c.result?.status==='passed')?'Passed':'Needs attention':'Not run',checks.length>0&&checks.every(c=>c.state==='finished'&&c.result?.status==='passed')],['Terraform checks',terraform?.status==='passed'?'Passed':terraform?.status==='failed'?'Failed':terraform?.status==='incomplete'?'Incomplete':'Not run',terraform?.status==='passed']];
+ const targets=['requirements','location','location','location','cost','implementation','checks','checks'];
+ return <section className="final-checklist" aria-label="Final checklist"><h3>Final checklist</h3><ul>{rows.map(([name,status,complete],index)=><li key={name}><button type="button" onClick={()=>onNavigate?.(targets[index])} aria-label={`${name}: ${status}. Open ${name}`}><span className={complete?'check-complete':'check-pending'} aria-label={complete?'Complete':'Needs attention'}>{complete?'✓':'!'}</span><span>{name}</span><strong>{status}</strong><span className="checklist-arrow" aria-hidden="true">→</span></button></li>)}</ul></section>;
+}

package/src/HelpNote.jsx

@@ -0,0 +1,3 @@
+import React from 'react';
+function textContent(value){return React.Children.toArray(value).map(child=>typeof child==='string'||typeof child==='number'?String(child):React.isValidElement(child)?textContent(child.props.children):'').join(' ');}
+export function InlineNote({children}){const text=textContent(children).trim().replace(/\s+/g,' '),words=text.split(' ');return text?<small className="inline-note">{words.length>20?words.slice(0,20).join(' ')+'…':text}</small>:null;}

package/src/ImplementationDelivery.jsx

@@ -0,0 +1,91 @@
+import {unzipSync,zipSync,strToU8} from 'fflate';
+import {FinalChecklist} from './FinalChecklist.jsx';
+import {BrainActivity} from './BrainActivity.jsx';
+import {completeProjectZip} from './final-package.mjs';
+import React,{useEffect,useState} from 'react';
+import {engineeringCall,verifiedHandoffDownload} from './engineering-client.mjs';
+import {ArtifactChecks} from './ArtifactChecks.jsx';
+
+export function ImplementationDelivery({project,session,onBuild,onSave,contextBusy=false,designBundle,onDesignDownload,onDownloaded,checkReceipt,onExplore,onNavigate}){
+ const [orcaResult,setOrcaResult]=useState(null);
+ const [prepared,setPrepared]=useState(null),[preparing,setPreparing]=useState(false);
+ const [loaded,setLoaded]=useState(null),[error,setError]=useState(''),[retry,setRetry]=useState(0),[busy,setBusy]=useState(false);
+ const report=loaded?.project===project?loaded.report:null;
+ useEffect(()=>{
+  const controller=new AbortController();setError('');setLoaded(null);
+  engineeringCall(session,'delivery',{projectId:project.id},{signal:controller.signal}).then(value=>{
+   if(!controller.signal.aborted)setLoaded({project,report:value});
+  }).catch(e=>{if(!controller.signal.aborted){if(e.status===404&&e.message.startsWith('Save or restore this project'))setLoaded({project,report:{artifact:null}});else setError(e.message);}});
+  return()=>controller.abort();
+ },[project,session.token,retry]);
+ useEffect(()=>{
+  if(!report?.canPackage||designBundle?.project!==project){setPrepared(null);return;}
+  let stopped=false;const controller=new AbortController();setPreparing(true);setError('');
+  (async()=>{try{
+    const captured=await verifiedHandoffDownload(session,{projectId:project.id,sessionId:report.session.id,artifactId:report.artifact.id,savedDesignSha256:report.savedDesignSha256},report.artifact,{signal:controller.signal});
+    const blob=await completeProjectZip(captured,designBundle);
+    const files=unzipSync(new Uint8Array(await blob.arrayBuffer()));
+    if(!stopped){setPrepared({artifactId:report.artifact.id,designSha256:report.savedDesignSha256,blob});onExplore?.({project,files});}
+  }catch(e){if(!stopped&&e.name!=='AbortError')setError(e.message);}finally{if(!stopped)setPreparing(false);}})();
+  return()=>{stopped=true;controller.abort();};
+ },[report?.artifact?.id,report?.savedDesignSha256,designBundle,project,session.token,retry]);
+ async function launchOrca(blob){
+  if(blob.size>32000000)throw Error('Orca handoff supports ZIPs up to 32 MB. Download ZIP instead.');
+  const zipBase64=await new Promise((resolve,reject)=>{const reader=new FileReader();reader.onload=()=>resolve(reader.result.split(',')[1]);reader.onerror=()=>reject(Error('Could not prepare the project ZIP.'));reader.readAsDataURL(blob);});
+  const result=await engineeringCall(session,'orca/open',{projectId:project.id,zipBase64});setOrcaResult(result);if(!result.opened)throw Error(result.message);
+ }
+ async function openOrca(){
+  if(busy||contextBusy)return;
+  setOrcaResult(null);
+  if(report?.artifact)return download(true);
+  setBusy(true);setError('');try{if(!designBundle||designBundle.project!==project)throw Error('Project files are still preparing.');if(onSave)await onSave(project);await launchOrca(new Blob([zipSync(Object.fromEntries(Object.entries(designBundle.files).map(([name,value])=>[name,typeof value==='string'?strToU8(value):value])))]));}catch(error){setError(error.message);}finally{setBusy(false);}
+ }
+ async function download(openInOrca=false){
+  if(!report?.artifact||busy||contextBusy)return;
+  setBusy(true);setError('');
+  try{
+   let current=report;
+   if(onSave){
+    const saved=await onSave(project);
+    if(!/^[a-f0-9]{64}$/.test(saved?.sha256||''))throw Error('The current design save was not confirmed. Nothing was downloaded.');
+    current=await engineeringCall(session,'delivery',{projectId:project.id});
+    setLoaded({project,report:current});
+    if(current.savedFileSha256!==saved.sha256)
+      throw Error('The saved design changed after confirmation. Review the refreshed Delivery information before downloading.');
+    const confirmedSameDesign=current.relation==='matches_saved_design'&&current.savedFileSha256===saved.sha256;
+    if(current.artifact?.id!==report.artifact.id||current.session?.id!==report.session.id||(current.savedDesignSha256!==report.savedDesignSha256&&!confirmedSameDesign))
+      throw Error('The saved design or package changed. Review the refreshed Delivery information before downloading.');
+   }
+   const payload={projectId:project.id,sessionId:current.session.id,artifactId:current.artifact.id};
+   const captured=await verifiedHandoffDownload(session,{...payload,savedDesignSha256:current.savedDesignSha256},current.artifact);
+   if(designBundle?.project!==project)throw Error('The design documents are refreshing. Try downloading again when preparation finishes.');
+   const blob=await completeProjectZip(captured,designBundle);
+   if(openInOrca){await launchOrca(blob);return;}
+   const url=URL.createObjectURL(blob),link=document.createElement('a');link.href=url;
+   link.download=`architect-handoff-${report.artifact.id}.zip`;link.click();onDownloaded?.();setTimeout(()=>URL.revokeObjectURL(url),1000);
+  }catch(e){setError(e.message)}finally{setBusy(false)}
+ }
+ return <section aria-label="Implementation delivery">
+  <h3>Your project ZIP</h3>
+  {!report&&!error&&<p role="status">Preparing package…</p>}
+  {report&&!report.artifact&&<p>Design package · implementation not generated.</p>}
+  {report&&!report.canPackage&&<button className="btn primary" disabled={!designBundle||designBundle.project!==project||contextBusy} onClick={()=>onDesignDownload?.(designBundle)}>Download project ZIP</button>}
+  {report?.artifact&&<>
+   <p className="delivery-state">{report.relation==='matches_saved_design'?'✓ Current design':report.relation==='design_changed'?'! Design changed since generation':'! Earlier or unverified implementation'}</p>
+
+   <p>{report.artifact.files.filter(file=>file.kind==='file').length} files · {report.artifact.model} · {report.artifact.effort}</p>
+   {report.canPackage&&<button className="btn primary" disabled={busy||preparing||!prepared||contextBusy||!designBundle||designBundle.project!==project} onClick={()=>download()}>Download project ZIP</button>}
+
+
+
+
+  </>}
+  <button className="btn" disabled={busy||preparing||contextBusy||!report||!designBundle||(!!report?.artifact&&!prepared)} onClick={openOrca}>Open in Orca ↗</button> <a className="link orca-website" href="https://orca.dev" target="_blank" rel="noopener noreferrer">Orca website ↗</a>
+  {orcaResult&&<p role="status">{orcaResult.opened?'Opened in Orca':''} <code>{orcaResult.path}</code></p>}
+  <FinalChecklist project={project} implementation={report?.canPackage&&report?.artifact} checks={report?.checks} terraform={checkReceipt} onNavigate={onNavigate}/>
+  {(busy||preparing)&&<p role="status"><BrainActivity/> Preparing ZIP…</p>}
+  {contextBusy&&<p role="status">Waiting for current changes…</p>}
+  {error&&<p role="alert">{error}</p>}
+  <button className="icon" aria-label="Refresh package" title="Refresh package" disabled={busy||preparing} onClick={()=>setRetry(value=>value+1)}>↻</button>
+ </section>;
+}