Use click selection and anywhere deselection; restore sweep details and visible whole-tree reset

README.md

@@ -37,7 +37,7 @@ The original **Genome Atlas silhouettes**, without circle backgrounds, sit on th
 
 The Space uses a single wide title, a centred full-width tree and five resource buttons: **Model, Database, Explorer, Paper and Blog**. The sidebar, animation button and all cumulative sweep counters have been removed. Search, bar settings, comparison modes and zoom controls are available under **View options**. **About the data** retains the subset limitations and icon credits.
 
-Click the page background, then press **Space** to start or replay a four-second clockwise sweep; Space again or Escape stops it. A thin centre hand follows the selected strand, and its assembly info box updates during playback. The final assembly remains selected after the sweep. Playback has no aggregate counters. Only the interaction canvas redraws each frame; the detailed tree stays cached.
+Click the page background, then press **Space** to start or replay a four-second clockwise sweep; Space again or Escape stops it. A thin centre hand follows the selected strand, and its assembly info box updates during playback. The final assembly remains selected after the sweep. Clicking anywhere during playback stops it and clears the selection. Playback has no aggregate counters. Only the interaction canvas redraws each frame; the detailed tree stays cached.
 
 For browser automation, `POC.startSweep()` and `POC.stopSweep(false)` provide the same controls. On the app URL, `?record=1` hides the small utility controls and suppresses mouse interactions for a clean recording while retaining the animated assembly info box; adding `&animate=1` starts one sweep a second after loading. Resource links and the title remain visible. These parameters apply to the app itself; the normal private Space page remains the entry point for signed-in users.
 

app.js

@@ -128,7 +128,7 @@ async function init(){try{const raw=Uint8Array.from(atob($('#dataset').textConte
  stage.addEventListener('pointerleave',()=>{hoverEvent=null;$('#layer-tooltip').hidden=true;if(hoverBin){hoverBin=null;schedule()}if(!down)canvas.style.cursor='default'});
  // Snapshot before target handlers run so actions inside the info box can use
  // the selected assembly before this same click clears it.
- document.addEventListener('click',e=>{e.hadAssemblySelection=!!pinnedAssembly},true);
+ document.addEventListener('click',e=>{e.hadAssemblySelection=!!selected},true);
  document.addEventListener('click',e=>{
   if(e.target.closest('#stage')){
    if(suppressChartClick){suppressChartClick=false;return}
@@ -136,7 +136,7 @@ async function init(){try{const raw=Uint8Array.from(atob($('#dataset').textConte
    if(e.hadAssemblySelection){clearSelection();return}
    const box=stage.getBoundingClientRect(),p=clickPoint||{x:e.clientX,y:e.clientY},x=p.x-box.left,y=p.y-box.top;clickPoint=null;
    const a=assemblyAtClick(x,y);if(a)selectAssembly(a);else clearSelection();
-  }else if(e.hadAssemblySelection){clearSelection()}
+  }else if(e.hadAssemblySelection){stopSweep(false);clearSelection()}
  });
  document.addEventListener('keydown',e=>{if(e.key==='Escape'&&!document.querySelector('dialog[open]'))clearSelection()});
  $('#sel-download').onclick=()=>showDataAccess(selected);$('#data-close').onclick=()=>$('#data-dialog').close();$('#data-copy').onclick=copyDataCode;

carbon-a-strand-source.zip

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:09d40a78b0d612469caf0b4e285b020f225dd4639c76d8a613fdbb3156c30132
-size 15181594
+oid sha256:f2e7d8e675b00ff7937e694c20cda1bf88faf7445ad5f86a6b74a6dbcd027600
+size 15181613

check_presentation.py

@@ -111,7 +111,9 @@ def check(url=None,headers=None):
   page.evaluate("document.documentElement.dataset.recording='true';POC.startSweep()")
   page.wait_for_function('sweep.progress>.1 && sweep.running')
   assert page.locator('#selection').is_visible()
-  page.evaluate('POC.stopSweep(false)')
+  page.locator('h1').click()
+  assert page.evaluate('selected===null && !sweep.running')
+  assert page.locator('#selection').is_hidden()
   assert not errors,errors
   browser.close()
  return {'sweep_duration_ms':round(duration),'sweep_frames':len(frames),'background_redraws':result['redraws'],'layout':'desktop and mobile passed','click_selection_and_anywhere_deselection':'passed','clicks_do_not_zoom':'passed','visible_home_reset':'passed','sweep_info_matches_strand':'passed','search_and_downloads':'passed','resource_links':5,'counter_and_button':'removed','errors':errors}

index.html

@@ -410,7 +410,7 @@ async function init(){try{const raw=Uint8Array.from(atob($('#dataset').textConte
  stage.addEventListener('pointerleave',()=>{hoverEvent=null;$('#layer-tooltip').hidden=true;if(hoverBin){hoverBin=null;schedule()}if(!down)canvas.style.cursor='default'});
  // Snapshot before target handlers run so actions inside the info box can use
  // the selected assembly before this same click clears it.
- document.addEventListener('click',e=>{e.hadAssemblySelection=!!pinnedAssembly},true);
+ document.addEventListener('click',e=>{e.hadAssemblySelection=!!selected},true);
  document.addEventListener('click',e=>{
   if(e.target.closest('#stage')){
    if(suppressChartClick){suppressChartClick=false;return}
@@ -418,7 +418,7 @@ async function init(){try{const raw=Uint8Array.from(atob($('#dataset').textConte
    if(e.hadAssemblySelection){clearSelection();return}
    const box=stage.getBoundingClientRect(),p=clickPoint||{x:e.clientX,y:e.clientY},x=p.x-box.left,y=p.y-box.top;clickPoint=null;
    const a=assemblyAtClick(x,y);if(a)selectAssembly(a);else clearSelection();
-  }else if(e.hadAssemblySelection){clearSelection()}
+  }else if(e.hadAssemblySelection){stopSweep(false);clearSelection()}
  });
  document.addEventListener('keydown',e=>{if(e.key==='Escape'&&!document.querySelector('dialog[open]'))clearSelection()});
  $('#sel-download').onclick=()=>showDataAccess(selected);$('#data-close').onclick=()=>$('#data-dialog').close();$('#data-copy').onclick=copyDataCode;

presentation-verification.json

@@ -1,6 +1,6 @@
 {
-  "sweep_duration_ms": 4013,
-  "sweep_frames": 125,
+  "sweep_duration_ms": 4028,
+  "sweep_frames": 120,
   "background_redraws": 0,
   "layout": "desktop and mobile passed",
   "click_selection_and_anywhere_deselection": "passed",