Update transcription-editor.html

transcription-editor.html

@@ -192,7 +192,7 @@
   .pmi-slot.filled{color:#2a7; border-color:#bfe0cd; font-weight:600}
   .pmi-result{margin-top:14px; font-size:13px; color:var(--ink)}
   .pmi-result.stale{opacity:.5}
-  .pmi-result.stale::before{content:"An excerpt changed since this was computed \2014 compute again to update it";
+  .pmi-result.stale::before{content:"An excerpt changed since this was computed \2014 compute again to update it, and to export a report";
     display:block; margin-bottom:8px; font-size:11.5px; color:#9a6a1f; opacity:1}
   .pmi-score{font-size:30px; font-weight:600; letter-spacing:-.01em; font-variant-numeric:tabular-nums}
   .pmi-keys{font-size:12px; color:var(--muted); margin:4px 0 10px}
@@ -635,7 +635,14 @@ function startSharedTimer(estLo, estHi){
   const tStart = Date.now();
   const frames = ["\u280b","\u2819","\u2839","\u2838","\u283c","\u2834","\u2826","\u2827","\u2807","\u280f"];
   let k = 0;
-  const est = ` (both excerpts together usually take ~${estLo}\u2013${estHi}s on GPU)`;
+  // The estimate describes a warm Space. The first call of a session also pays
+  // for waking the Space and streaming the model weights onto the GPU, which is
+  // the difference between "slow" and "stuck" from where the user is sitting --
+  // so say it while it is happening, not afterwards.
+  const est = ` (both excerpts together usually take ~${estLo}\u2013${estHi}s on GPU`
+    + (firstRunDone ? ")"
+                    : "; the first run can take considerably longer while the "
+                    + "Space wakes up and loads the models)");
   const tick = ()=>{
     const el = (Date.now()-tStart)/1000;
     const sp = frames[k++ % frames.length];
@@ -1787,6 +1794,11 @@ function createPanel(KEY, root){
       + `Not right? Drag the handles to adjust and transcribe again.`;
     $(".js-stage").hidden = false;
     refreshReadout(); drawWave(); draw();
+    // Flip the shared button HERE, not after the awaits below: analyseKey is a
+    // round trip to /analyze, and waiting for both panels' key estimates left
+    // the button reading "Transcribe" for a beat after the notes were already
+    // drawn. The notes are what the button's state depends on, and they are in.
+    syncPairButton();
     await analyseKey();          // key estimate is ready before you look for it
   }
 
@@ -2244,6 +2256,10 @@ function createPanel(KEY, root){
    the only path, which halves the run count and pays the fixed GPU overhead
    (fork, CUDA attach, weight streaming) once instead of twice. */
 let pairBusy = false;
+// Set once a transcription has actually come back, so the cold-start warning in
+// the progress line stops being shown after the Space is demonstrably awake. A
+// failed call leaves it false: the next attempt is still a first run.
+let firstRunDone = false;
 // The shared button clears instead of transcribing once both excerpts hold
 // notes, however they arrived -- transcribed, imported or restored.
 function bothHaveNotes(){
@@ -2252,8 +2268,12 @@ function bothHaveNotes(){
 }
 function syncPairButton(){
   const btn = document.getElementById("btnTranscribePair");
-  if(!btn || pairBusy) return;
+  if(!btn) return;
   const done = bothHaveNotes();
+  // Mid-flight the label must not move until BOTH excerpts have landed, but
+  // once they have there is no reason to wait for the call to unwind: the
+  // notes are on screen, so the button should already say what it now does.
+  if(pairBusy && !done) return;
   btn.textContent = done ? "Clear" : "Transcribe both excerpts \u2192";
   btn.title = done ? "Clear both excerpts and start over" : "";
   btn.classList.toggle("danger", done);
@@ -2267,6 +2287,7 @@ async function transcribeBoth(){
   if(bothHaveNotes()){
     if(!confirm("Clear both excerpts and start over?")) return;
     resetPanel("A"); resetPanel("B");
+    clearPmiResult();   // the score belongs to the notes that just went away
     clearSnapshot();
     document.getElementById("dualName").textContent =
       "Load two audio files";
@@ -2309,6 +2330,7 @@ async function transcribeBoth(){
     await B.pairApply(data.b);
     stopSharedTimer();
     sharedStatus().textContent = `A: ${A.doneMsg()}  |  B: ${B.doneMsg()}`;
+    firstRunDone = true;      // the Space is awake; later runs get the plain estimate
     writeSnapshot();          // a fresh transcription is worth persisting at once
   }catch(err){
     stopSharedTimer();
@@ -2559,7 +2581,28 @@ function stopEveryPanel(except){
 }
 function markStale(){
   const box=document.getElementById("pmiResult");
-  if(box && !box.hidden) box.classList.add("stale");
+  if(box && !box.hidden){
+    box.classList.add("stale");
+    // The score stays on screen, greyed, because it still says something about
+    // what the user just changed. The REPORT does not: a PDF pairs that number
+    // with freshly captured rolls, so an edited excerpt would be documented
+    // against a score it no longer belongs to. Recompute to get it back.
+    const bar = document.getElementById("pdfBar");
+    if(bar) bar.hidden = true;
+  }
+  refreshPmiState();
+}
+/* Editing the notes only marks the score stale -- it still describes something
+   the user can see. Clearing the excerpts is different: the notes it was
+   computed from are gone, so leaving the number on screen lets a PDF pair the
+   old score with new rolls. Remove it outright, along with the alignment state
+   and the report button it enabled. */
+function clearPmiResult(){
+  const box = document.getElementById("pmiResult");
+  if(box){ box.hidden = true; box.classList.remove("stale"); box.innerHTML = ""; }
+  const bar = document.getElementById("pdfBar");
+  if(bar) bar.hidden = true;
+  alnEdit = null;
   refreshPmiState();
 }
 function refreshPmiState(){