acquisitore: immagine viva in Calibrazione e «Blocca immagine» per il calcolo (Refs #94)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

scripts/calibrazione_pagina.py

@@ -12,6 +12,11 @@ Parla con le rotte dello stesso servizio: /camera/sources, /camera/anteprima,
 visibile in entrambe. Calibrazioni salvate con nome in un archivio unico
 (/camera/calibrazioni, /camera/calibrazione-attiva); il calcolo non salva piu':
 si salva dal calcolo_id con un nome.
+#92: l'immagine da file e' una SORGENTE di acquisizione (POST /camera/immagini), non
+un'opzione della calibrazione: la calibrazione usa sempre il frame grezzo della sorgente
+scelta nella tab Acquisizione. Sorgente in cima alla tab; riquadri «Immagine» (grezza) e,
+con la casella, «Calibrata» (/camera/anteprima/calibrata) affiancati; il ciclo anteprima
+si sospende mentre la tab Calibrazione e' aperta.
 Dipende da: niente. E' una stringa, cosi' il pacchetto compilato non ha file dati.
 """
 
@@ -41,6 +46,8 @@ PAGINA = r"""<!doctype html>
   select:focus, input:focus, button:focus-visible { outline: 2px solid var(--accento); outline-offset: 1px; }
   input[type=range] { width: 100%; accent-color: var(--accento); }
   input[type=checkbox] { accent-color: var(--accento); }
+  .scelta-cal { margin-top: 8px; align-items: center; }  /* #93 */
+  .scelta-cal select { flex: 1 1 200px; min-width: 0; }  /* #93: nessuno scorrimento a 400 px */
   .riga { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
   .nota { font-size: .82rem; color: var(--secondario); margin: 8px 0 0; }
   button { padding: 7px 13px; font-size: .95rem; border: 0; border-radius: 6px; background: var(--accento); color: #fff;
@@ -61,10 +68,19 @@ PAGINA = r"""<!doctype html>
            display: flex; align-items: center; justify-content: center; margin-top: 10px; overflow: hidden; }
   .cornice { position: relative; display: inline-block; line-height: 0; max-width: 100%; }
   .cornice img { max-width: 100%; max-height: calc(100vh - 330px); min-height: 200px; border: 0; margin: 0; }
-  #mirino { position: absolute; inset: 0; pointer-events: none;
+  .mirino { position: absolute; inset: 0; pointer-events: none;  /* #92: classe, vale per i due riquadri */
             background: linear-gradient(#fbbf24, #fbbf24) center / 2px 100% no-repeat,
                         linear-gradient(#fbbf24, #fbbf24) center / 100% 2px no-repeat; opacity: .85; }
-  #vuoto { padding: 30px 16px; color: var(--secondario); text-align: center; }
+  #vuoto, #vuotoCal, #vuotoCalTab { padding: 30px 16px; color: var(--secondario); text-align: center; }
+  /* #92: due riquadri affiancati (grezza | calibrata); in colonna sotto i 900 px */
+  .riquadri { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 10px; }
+  .riquadri.doppio { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
+  .riquadro .titolo { font-size: .88rem; font-weight: 600; }
+  .riquadro .titolo span { font-weight: 400; font-size: .78rem; color: var(--secondario); margin-left: 6px; }
+  .riquadro .palco { margin-top: 4px; }
+  .sorgente-riga { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
+  .sorgente-riga .campo-sorgente { flex: 1 1 260px; min-width: 0; }
+  .sorgente-riga select { width: 100%; }
   .indicatori { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-top: 10px; }
   .indicatore { background: var(--sfondo); border: 1px solid var(--bordo); border-radius: 6px; padding: 8px 10px; }
   .indicatore .nome { font-size: .78rem; color: var(--secondario); }
@@ -94,10 +110,9 @@ PAGINA = r"""<!doctype html>
   .scheda-cal .azioni button { padding: 3px 10px; font-size: .82rem; }
   .segno { display: inline-block; font-size: .72rem; padding: 0 6px; border-radius: 9px; background: var(--ok); color: #052e16; margin-left: 6px; }
   .segno.diversa { background: var(--avviso); color: #422006; }
-  .origine label { display: inline-block; margin: 0 14px 4px 0; color: var(--testo); font-size: .92rem; }
-  input[type=radio] { accent-color: var(--accento); }
   @media (max-width: 900px) {
     .griglia { grid-template-columns: minmax(0, 1fr); }
+    .riquadri.doppio { grid-template-columns: minmax(0, 1fr); }  /* #92: in colonna */
     .cornice img { max-height: 60vh; }
   }
   @media (max-width: 500px) {  /* #91: utilizzabile anche stretta (400 px) */
@@ -112,125 +127,153 @@ PAGINA = r"""<!doctype html>
 <main>
   <h1>Acquisizione camera</h1>
 
-  <!-- #91: due tab; la colonna dell'anteprima resta visibile in entrambe -->
+  <!-- #91: due tab; #92: l'anteprima sta nella tab Acquisizione e si sospende nella tab Calibrazione -->
   <div class="tabs" role="tablist" aria-label="Sezioni della pagina">
     <button id="tabAcq" type="button" role="tab" aria-selected="true" aria-controls="pannelloAcq">Acquisizione</button>
     <button id="tabCal" type="button" role="tab" aria-selected="false" aria-controls="pannelloCal" tabindex="-1">Calibrazione</button>
   </div>
 
-  <div class="griglia">
+  <div class="colonna" id="pannelloAcq" role="tabpanel" aria-labelledby="tabAcq">
-    <div class="colonna">
+    <!-- #92: Sorgente in cima, a larghezza piena: camere, cartella e immagini caricate da file -->
-      <!-- #87: sezione Anteprima -->
+    <section class="scheda" id="sezioneSorgente">
-      <section class="scheda" id="sezioneAnteprima">
+      <h2>Sorgente</h2>
-        <h2>Anteprima</h2>
+      <div class="sorgente-riga">
-        <div class="riga">
+        <div class="campo-sorgente">
-          <button id="avvia">Avvia anteprima</button>
+          <label for="sorgente">Camera o immagine</label>
-          <button id="ferma" class="secondario" disabled>Ferma anteprima</button>
+          <select id="sorgente"></select>
-          <button id="scatta" class="secondario">Scatta</button>
-          <label style="margin:0 0 6px"><input id="grezzo" type="checkbox"> Immagine grezza (senza correzione)</label>
-          <label style="margin:0 0 6px"><input id="mirinoCasella" type="checkbox"> Mirino centrale</label>
         </div>
-        <div class="palco">
+        <button id="aggiornaSorgenti" class="secondario" type="button" title="Cerca di nuovo le camere collegate">Aggiorna</button>
-          <div id="vuoto">Anteprima ferma. Premere «Avvia anteprima» o «Scatta».</div>
+        <button id="caricaImmagine" class="secondario" type="button">Carica immagine da file...</button>
-          <div class="cornice" id="cornice" hidden>
+        <input id="fileImmagine" type="file" accept="image/*" hidden>
-            <img id="immagine" alt="Anteprima della camera">
+        <button id="rimuoviImmagine" class="secondario" type="button" hidden>Rimuovi immagine</button>
-            <div id="mirino" hidden></div>
+      </div>
-          </div>
+      <div class="stato" id="statoSorgente">-</div>
-        </div>
+      <div id="msgSorgente" class="messaggio"></div>
-        <div class="indicatori">
+    </section>
-          <div class="indicatore">
-            <div class="nome">Nitidezza</div>
-            <div class="valore" id="nitidezza">-</div>
-            <div class="barra"><div id="barraNitidezza"></div></div>
-            <div class="piccolo">massimo visto: <span id="nitidezzaMax">-</span>
-              <button id="azzeraMax" class="secondario" style="padding:1px 7px;font-size:.75rem;margin-left:6px">Azzera</button></div>
-          </div>
-          <div class="indicatore">
-            <div class="nome">Saturati</div>
-            <div class="valore" id="saturati">-</div>
-            <div class="piccolo">pixel a 250 o più; da tenere sotto l'1 %</div>
-          </div>
-          <div class="indicatore">
-            <div class="nome">Livello medio</div>
-            <div class="valore" id="media">-</div>
-            <div class="piccolo">scala 0-255</div>
-          </div>
-          <div class="indicatore">
-            <div class="nome">Frame pieno</div>
-            <div class="valore" id="dimensioni">-</div>
-            <div class="piccolo" id="raddrizzato">&nbsp;</div>
-          </div>
-        </div>
-        <div id="msgAnteprima" class="messaggio"></div>
-      </section>
-    </div>
 
-    <div class="colonna" id="pannelloAcq" role="tabpanel" aria-labelledby="tabAcq">
+    <!-- #87: sezione Anteprima; #92: barra, due riquadri affiancati (grezza | calibrata), indicatori dal frame grezzo -->
-      <!-- #87: sezione Sorgente -->
+    <section class="scheda" id="sezioneAnteprima">
-      <section class="scheda" id="sezioneSorgente">
+      <h2>Anteprima</h2>
-        <h2>Sorgente</h2>
+      <div class="riga">
-        <label for="sorgente">Camera o cartella</label>
+        <button id="avvia">Avvia anteprima</button>
-        <select id="sorgente"></select>
+        <button id="ferma" class="secondario" disabled>Ferma anteprima</button>
-        <div class="stato" id="statoSorgente">-</div>
+        <button id="scatta" class="secondario">Scatta</button>
-        <div id="msgSorgente" class="messaggio"></div>
+        <label style="margin:0 0 6px"><input id="mostraCal" type="checkbox"> Attiva calibrazione</label>
-      </section>
+        <label style="margin:0 0 6px"><input id="mirinoCasella" type="checkbox"> Mirino centrale</label>
+      </div>
+      <div class="riquadri" id="riquadri">
+        <div class="riquadro">
+          <div class="titolo">Immagine<span>grezza, senza correzione</span></div>
+          <div class="palco">
+            <div id="vuoto">Anteprima ferma. Premere «Avvia anteprima» o «Scatta».</div>
+            <div class="cornice" id="cornice" hidden>
+              <img id="immagine" alt="Anteprima grezza della sorgente">
+              <div id="mirino" class="mirino" hidden></div>
+            </div>
+          </div>
+        </div>
+        <div class="riquadro" id="riquadroCal" hidden>
+          <div class="titolo">Calibrata<span id="nomeCalibrata"></span></div>
+          <div class="palco">
+            <div id="vuotoCal">Premere «Avvia anteprima» o «Scatta».</div>
+            <div class="cornice" id="corniceCal" hidden>
+              <img id="immagineCal" alt="Anteprima della sorgente raddrizzata dalla calibrazione">
+              <div id="mirinoCal" class="mirino" hidden></div>
+            </div>
+          </div>
+          <!-- #93: scelta della calibrazione da attivare sulla sorgente, con CONFERMA -->
+          <div class="riga scelta-cal">
+            <select id="sceltaCal" aria-label="Calibrazione da attivare" disabled></select>
+            <button id="confermaCal" type="button" disabled>CONFERMA</button>
+          </div>
+          <div id="msgSceltaCal" class="messaggio"></div>
+        </div>
+      </div>
+      <div class="indicatori">
+        <div class="indicatore">
+          <div class="nome">Nitidezza</div>
+          <div class="valore" id="nitidezza">-</div>
+          <div class="barra"><div id="barraNitidezza"></div></div>
+          <div class="piccolo">massimo visto: <span id="nitidezzaMax">-</span>
+            <button id="azzeraMax" class="secondario" style="padding:1px 7px;font-size:.75rem;margin-left:6px">Azzera</button></div>
+        </div>
+        <div class="indicatore">
+          <div class="nome">Saturati</div>
+          <div class="valore" id="saturati">-</div>
+          <div class="piccolo">pixel a 250 o più; da tenere sotto l'1 %</div>
+        </div>
+        <div class="indicatore">
+          <div class="nome">Livello medio</div>
+          <div class="valore" id="media">-</div>
+          <div class="piccolo">scala 0-255</div>
+        </div>
+        <div class="indicatore">
+          <div class="nome">Frame pieno</div>
+          <div class="valore" id="dimensioni">-</div>
+          <div class="piccolo" id="raddrizzato">&nbsp;</div>
+        </div>
+      </div>
+      <div id="msgAnteprima" class="messaggio"></div>
+    </section>
 
-      <!-- #87: sezione Parametri camera -->
+    <!-- #87: sezione Parametri camera -->
-      <section class="scheda" id="sezioneParametri">
+    <section class="scheda" id="sezioneParametri">
-        <h2>Parametri camera</h2>
+      <h2>Parametri camera</h2>
-        <div id="parametri"><div class="nota">-</div></div>
+      <div id="parametri"><div class="nota">-</div></div>
-        <div class="riga" id="salvaParametriRiga" hidden>
+      <div class="riga" id="salvaParametriRiga" hidden>
-          <button id="salvaParametri" class="secondario">Salva come predefiniti</button>
+        <button id="salvaParametri" class="secondario">Salva come predefiniti</button>
-        </div>
+      </div>
-        <div id="msgParametri" class="messaggio"></div>
+      <div id="msgParametri" class="messaggio"></div>
-      </section>
+    </section>
-    </div>
+  </div>
 
-    <!-- #91: tab Calibrazione (colonna destra al posto di Sorgente e Parametri) -->
+  <!-- #91: tab Calibrazione; #92: sempre sul frame grezzo della sorgente scelta in Acquisizione, niente file qui -->
-    <div class="colonna" id="pannelloCal" role="tabpanel" aria-labelledby="tabCal" hidden>
+  <div class="griglia" id="pannelloCal" role="tabpanel" aria-labelledby="tabCal" hidden>
-      <section class="scheda" id="sezioneCalibrazione">
+    <section class="scheda" id="sezioneCalibrazione">
-        <h2>Calibrazione</h2>
+      <h2>Calibrazione</h2>
-        <div class="stato" style="margin:0 0 10px">Sorgente: <strong id="calSorgente">-</strong> (si cambia nella tab Acquisizione)</div>
+      <div class="stato" style="margin:0 0 10px">Sorgente: <strong id="calSorgente">-</strong> — immagine grezza dalla tab Acquisizione</div>
-        <div class="origine">
+      <!-- #94: immagine viva (stesso frame dell'anteprima) e «Blocca immagine» per calcolare su quella -->
-          <label for="origSorgente"><input id="origSorgente" name="origine" type="radio" value="sorgente" checked> Sorgente selezionata</label>
+      <div class="palco" style="margin-top:0">
-          <label for="origFile"><input id="origFile" name="origine" type="radio" value="file"> Immagine da file</label>
+        <div id="vuotoCalTab">Nessuna immagine: «Scatta» o avviare l'anteprima nella tab Acquisizione</div>
-        </div>
+        <div class="cornice" id="corniceCalTab" hidden>
-        <div class="riga" style="margin-top:4px">
+          <img id="immagineCalTab" alt="Immagine grezza della sorgente">
-          <button id="scegliFile" class="secondario">Scegli immagine...</button>
-          <input id="file" type="file" accept="image/*" hidden>
-          <span id="nomeFile" class="nota" style="margin:0 0 6px">nessuna immagine scelta</span>
         </div>
+      </div>
+      <div class="riga" style="margin-top:8px">
+        <button id="scattaCal" class="secondario" type="button">Scatta</button>
+        <label style="margin:0 0 6px"><input id="bloccaImg" type="checkbox"> Blocca immagine</label>
+      </div>
+      <div id="msgBlocco" class="messaggio"></div>
+      <div class="riga" style="margin-top:10px">
+        <div><label for="quadrato">Lato dello scacco (mm)</label><input id="quadrato" type="text" inputmode="decimal" value="2" size="8"></div>
+        <button id="acquisisci" title="Acquisisci e calibra">Calcola</button>
+      </div>
+      <p class="nota">
+        Servono una scacchiera che riempie tutto il campo della camera, piana, ferma e ben illuminata, e il lato di uno scacco.
+        La griglia si trova da sola; il risultato corregge anche la distorsione dell'ottica.
+        Il frame è sempre quello grezzo della sorgente; l'anteprima continua anche qui e si può bloccare l'immagine per calcolare su quella.</p>
+      <div id="messaggio" class="messaggio"></div>
+
+      <div id="risultato" hidden style="margin-top:10px">
+        <strong>Risultato del calcolo</strong>
+        <div id="origineCalcolo" class="nota" style="margin:2px 0 6px"></div>
+        <table id="tabella"></table>
+        <div id="avviso" class="avviso"></div>
         <div class="riga" style="margin-top:10px">
-          <div><label for="quadrato">Lato dello scacco (mm)</label><input id="quadrato" type="text" inputmode="decimal" value="2" size="8"></div>
+          <div><label for="nomeCal">Nome</label><input id="nomeCal" type="text" maxlength="60" size="22" autocomplete="off"></div>
-          <button id="acquisisci" title="Acquisisci e calibra">Calcola</button>
+          <button id="salva">Salva</button>
         </div>
-        <p class="nota">
+        <div id="msgSalva" class="messaggio"></div>
-          Servono una scacchiera che riempie tutto il campo della camera, piana, ferma e ben illuminata, e il lato di uno scacco.
+        <img id="overlay" alt="Angoli trovati sulla scacchiera" style="max-width:100%;margin-top:8px;border:1px solid var(--bordo);border-radius:6px">
-          La griglia si trova da sola; il risultato corregge anche la distorsione dell'ottica.
+      </div>
-          Calcolando dalla sorgente l'anteprima si sospende e poi riprende.</p>
+    </section>
-        <div id="messaggio" class="messaggio"></div>
 
-        <div id="risultato" hidden style="margin-top:10px">
+    <section class="scheda" id="sezioneSalvate">
-          <strong>Risultato del calcolo</strong>
+      <h2>Calibrazioni salvate</h2>
-          <div id="origineCalcolo" class="nota" style="margin:2px 0 6px"></div>
+      <div id="stato" class="stato">-</div>
-          <table id="tabella"></table>
+      <div id="calibrazioni" class="elenco"></div>  <!-- #91: una scheda per calibrazione, niente tabella larga -->
-          <div id="avviso" class="avviso"></div>
+      <div id="msgElenco" class="messaggio"></div>
-          <div class="riga" style="margin-top:10px">
+    </section>
-            <div><label for="nomeCal">Nome</label><input id="nomeCal" type="text" maxlength="60" size="22" autocomplete="off"></div>
-            <button id="salva">Salva</button>
-          </div>
-          <div id="msgSalva" class="messaggio"></div>
-          <img id="overlay" alt="Angoli trovati sulla scacchiera" style="max-width:100%;margin-top:8px;border:1px solid var(--bordo);border-radius:6px">
-        </div>
-      </section>
-
-      <section class="scheda" id="sezioneSalvate">
-        <h2>Calibrazioni salvate</h2>
-        <div id="stato" class="stato">-</div>
-        <div id="calibrazioni" class="elenco"></div>  <!-- #91: una scheda per calibrazione, niente tabella larga -->
-        <div id="msgElenco" class="messaggio"></div>
-      </section>
-    </div>
   </div>
 </main>
 
@@ -289,32 +332,123 @@ async function dettaglio(risposta) {
 
 // ---- Sorgente
 
-async function caricaSorgenti() {
+// #92: scegli = nome da selezionare (immagine appena caricata); senza, l'ultima scelta ricordata
+// #92: aggiorna = true forza la ricerca camere del servizio (camera appena collegata); di norma e' in cache
+async function caricaSorgenti(scegli, aggiorna) {
   var sel = $("sorgente");
+  var prima = sel.value;
+  sel.textContent = "";
   try {
-    var r = await fetch("/camera/sources");
+    var r = await fetch("/camera/sources" + (aggiorna ? "?aggiorna=true" : ""));
     var j = await r.json();
     (j.sources || []).forEach(function (s) {
       var o = document.createElement("option");
       o.value = s.name;
       o.textContent = s.label || s.name;
+      o.dataset.kind = s.kind || "";  // #92: «image» = immagine caricata da file
       sel.appendChild(o);
     });
   } catch (e) { dire("msgSorgente", "Elenco delle sorgenti non disponibile.", "errore"); }
   if (!sel.options.length) dire("msgSorgente", "Nessuna sorgente camera trovata.", "errore");
-  var ricordata = memoria("tmf.acq.sorgente");  // #87: ultima scelta ricordata
+  var voluta = scegli || (prima === "" ? memoria("tmf.acq.sorgente") : prima);  // #87: ultima scelta ricordata
-  if (ricordata) {
+  if (voluta) {
-    for (var i = 0; i < sel.options.length; i++) if (sel.options[i].value === ricordata) sel.value = ricordata;
+    for (var i = 0; i < sel.options.length; i++) if (sel.options[i].value === voluta) sel.value = voluta;
   }
-  cambioSorgente(false);
+  cambioSorgente(!!scegli);
 }
 
+// #92: la sorgente selezionata e' un'immagine caricata (si puo' rimuovere)?
+function sorgenteImmagine() {
+  var sel = $("sorgente");
+  return sel.selectedIndex >= 0 && sel.options[sel.selectedIndex].dataset.kind === "image";
+}
+
+// #92: aggiunge (o aggiorna) la voce dell'immagine {source, label, kind} nella select e la seleziona
+function aggiungiSorgente(j) {
+  var sel = $("sorgente");
+  var o = null;
+  for (var i = 0; i < sel.options.length; i++) if (sel.options[i].value === j.source) o = sel.options[i];
+  if (!o) { o = document.createElement("option"); o.value = j.source; sel.appendChild(o); }
+  o.textContent = j.label || j.source;
+  o.dataset.kind = j.kind || "image";
+  sel.value = j.source;
+  cambioSorgente(true);
+}
+
+// #92: «Aggiorna» = ricerca camere nuova (sul servizio puo' durare ~10 s)
+$("aggiornaSorgenti").onclick = async function () {
+  $("aggiornaSorgenti").disabled = true;
+  dire("msgSorgente", "Ricerca delle camere in corso...", "");
+  await caricaSorgenti(undefined, true);
+  dire("msgSorgente", "Elenco aggiornato.", "ok");
+  $("aggiornaSorgenti").disabled = false;
+};
+
+// #92: «Carica immagine da file...» -> POST /camera/immagini, poi la nuova immagine diventa la sorgente
+$("caricaImmagine").onclick = function () { $("fileImmagine").click(); };
+$("fileImmagine").onchange = async function () {
+  var file = $("fileImmagine").files[0];
+  $("fileImmagine").value = "";  // lo stesso file si puo' ricaricare
+  if (!file) return;
+  var f = new FormData();
+  f.append("image", file);
+  $("caricaImmagine").disabled = true;
+  dire("msgSorgente", "Caricamento di «" + file.name + "»...", "");
+  try {
+    var r = await fetch("/camera/immagini", { method: "POST", body: f });
+    if (!r.ok) { dire("msgSorgente", await dettaglio(r), "errore"); return; }
+    var j = await r.json();
+    aggiungiSorgente(j);  // #92: la ricerca camere puo' durare ~10 s: la voce nuova si aggiunge senza rileggere l'elenco
+    dire("msgSorgente", "Immagine «" + j.source + "» caricata: premere «Scatta» per vederla.", "ok");
+  } catch (e) {
+    dire("msgSorgente", "Servizio non raggiungibile.", "errore");
+  } finally {
+    $("caricaImmagine").disabled = false;
+  }
+};
+
+// #92: «Rimuovi immagine» con doppio clic entro 4 s (niente finestre del browser)
+var R = { timer: null };
+function annullaRimuovi() {
+  clearTimeout(R.timer);
+  R.timer = null;
+  $("rimuoviImmagine").textContent = "Rimuovi immagine";
+}
+$("rimuoviImmagine").onclick = async function () {
+  var nome = $("sorgente").value;
+  if (!nome || !sorgenteImmagine()) return;
+  if (R.timer === null) {
+    $("rimuoviImmagine").textContent = "Confermi? Clic ancora";
+    R.timer = setTimeout(annullaRimuovi, 4000);
+    return;
+  }
+  annullaRimuovi();
+  fermaAnteprima();  // la sorgente sta per sparire: niente richieste in volo su di lei
+  while (A.inVolo) await pausa(50);
+  try {
+    var r = await fetch("/camera/immagini?nome=" + encodeURIComponent(nome), { method: "DELETE" });
+    if (!r.ok) { dire("msgSorgente", await dettaglio(r), "errore"); return; }
+    var sel = $("sorgente");  // #92: voce tolta in locale, senza rileggere l'elenco dal servizio
+    sel.removeChild(sel.options[sel.selectedIndex]);
+    if (sel.options.length) sel.selectedIndex = 0;
+    cambioSorgente(true);
+    dire("msgSorgente", "Immagine «" + nome + "» rimossa.", "ok");
+  } catch (e) {
+    dire("msgSorgente", "Servizio non raggiungibile.", "errore");
+  }
+};
+
 // #87: cambiando sorgente si azzerano gli indicatori e si rileggono parametri e calibrazione
 function cambioSorgente(salva) {
   if (salva) memoria("tmf.acq.sorgente", $("sorgente").value);
   var era = A.attiva;
   fermaAnteprima();
+  if (A.bloccata) rilasciaBlocco();  // #94: casella spenta e DELETE sulla sorgente vecchia (prima di svuotare i riquadri)
   azzeraIndicatori();
+  svuotaRiquadri();  // #92: il frame vecchio non e' della nuova sorgente
+  A.calAttiva = null; A.bloccoCal = false;  // #92: stato calibrazione della nuova sorgente ancora da leggere
+  annullaRimuovi();
+  $("rimuoviImmagine").hidden = !sorgenteImmagine();
   dire("msgAnteprima", "");
   dire("msgElenco", "");  // #91
   aggiornaStato();
@@ -324,7 +458,8 @@ function cambioSorgente(salva) {
 
 // ---- Anteprima (#87)
 
-var A = { attiva: false, gen: 0, inVolo: false, url: null, nitMax: 0, ris: null };  // #91: ris = {w, h} dell'ultimo frame
+// #91: ris = {w, h} dell'ultimo frame; #92: calAttiva = la sorgente ha una calibrazione attiva (null = non nota), bloccoCal = un 409 ha fermato le richieste calibrata; urlCal/seqCal = riquadro calibrata, bloccata/sorgenteBloccata/urlBlocco/seqBlocco = #94 immagine bloccata per il calcolo (il riquadro della tab Calibrazione non segue piu' il ciclo), lato = ultimo lato_max
+var A = { attiva: false, gen: 0, inVolo: false, url: null, urlCal: null, seqCal: 0, bloccata: false, sorgenteBloccata: null, urlBlocco: null, seqBlocco: 0, lato: 1280, calAttiva: null, bloccoCal: false, nitMax: 0, ris: null };
 
 function azzeraIndicatori() {
   A.nitMax = 0;
@@ -345,9 +480,74 @@ function mostraImmagine(blob) {
   var vecchio = A.url;
   A.url = URL.createObjectURL(blob);
   $("immagine").src = A.url;
-  if (vecchio) URL.revokeObjectURL(vecchio);  // niente memoria che cresce a ogni frame
+  if (vecchio && vecchio !== A.urlBlocco) URL.revokeObjectURL(vecchio);  // niente memoria che cresce a ogni frame; #94: non quello bloccato
   $("cornice").hidden = false;
   $("vuoto").hidden = true;
+  if (!A.bloccata) mostraInTabCal(A.url);  // #94: lo stesso blob URL va anche nella tab Calibrazione, salvo immagine bloccata
+}
+
+// #94: riquadro «immagine viva» della tab Calibrazione (url null = vuoto)
+function mostraInTabCal(url) {
+  $("immagineCalTab").src = url || "";
+  $("corniceCalTab").hidden = !url;
+  $("vuotoCalTab").hidden = !!url;
+}
+
+// #92: riquadro «Calibrata»: l'immagine raddrizzata oppure il motivo per cui non c'e' (404/409 del servizio)
+function mostraCalibrata(blob, nome) {
+  var vecchio = A.urlCal;
+  A.urlCal = URL.createObjectURL(blob);
+  $("immagineCal").src = A.urlCal;
+  if (vecchio) URL.revokeObjectURL(vecchio);
+  $("corniceCal").hidden = false;
+  $("vuotoCal").hidden = true;
+  $("nomeCalibrata").textContent = nome ? "«" + nome + "»" : "";
+}
+function messaggioCalibrata(testo) {
+  $("corniceCal").hidden = true;
+  $("vuotoCal").hidden = false;
+  $("vuotoCal").textContent = testo;
+  $("nomeCalibrata").textContent = "";
+}
+// #92: cambio sorgente: via i due frame, nessuna immagine di un'altra sorgente
+function svuotaRiquadri() {
+  A.seqCal++;  // una risposta calibrata ancora in volo non vale piu'
+  $("cornice").hidden = true;
+  $("vuoto").hidden = false;
+  mostraInTabCal(null);  // #94: svuotato anche il riquadro della tab Calibrazione
+  messaggioCalibrata("Premere «Avvia anteprima» o «Scatta».");
+}
+// #92: raddrizza l'ULTIMO frame grezzo tenuto dal servizio (nessuna lettura nuova); chiamata dopo ogni anteprima, dopo Carica/Scollega e alla casella
+async function aggiornaCalibrata(lato) {
+  var sorgente = $("sorgente").value;
+  if (!$("mostraCal").checked || !sorgente) return;
+  if (A.calAttiva === false) {  // #92: lo stato dice che non c'e' calibrazione: niente richiesta al servizio
+    A.seqCal++;
+    messaggioCalibrata("nessuna calibrazione attiva su questa sorgente");
+    return;
+  }
+  if (A.bloccoCal) return;  // #92: dopo un 409 (risoluzione diversa, planare) si richiede solo dopo Carica/Scollega o cambio sorgente
+  var n = ++A.seqCal;
+  try {
+    var r = await fetch("/camera/anteprima/calibrata", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ source: sorgente, lato_max: lato || A.lato })
+    });
+    if (n !== A.seqCal) return;  // risposta superata da una piu' recente o da un cambio sorgente
+    if (!r.ok) {  // l'anteprima grezza continua
+      if (r.status === 409) A.bloccoCal = true;  // #92: inutile richiedere a ogni frame
+      messaggioCalibrata(await dettaglio(r));
+      return;
+    }
+    var nome = "";
+    try { nome = decodeURIComponent(r.headers.get("X-Calibrazione") || ""); } catch (e) { /* intestazione non decodificabile: nessun nome */ }
+    var blob = await r.blob();
+    if (n !== A.seqCal) return;
+    mostraCalibrata(blob, nome);
+  } catch (e) {
+    if (n === A.seqCal) messaggioCalibrata("Servizio non raggiungibile.");
+  }
 }
 
 function aggiornaIndicatori(h) {
@@ -372,8 +572,7 @@ function aggiornaIndicatori(h) {
     var nw = parseInt(w, 10), na = parseInt(a, 10);
     if (!A.ris || A.ris.w !== nw || A.ris.h !== na) { A.ris = { w: nw, h: na }; segnaRisoluzioni(); }
   }
-  var r = h.get("X-Raddrizzato");
+  $("raddrizzato").textContent = "frame grezzo";  // #92: l'indicatore viene sempre dal frame grezzo
-  $("raddrizzato").textContent = r === "si" ? "raddrizzata dalla calibrazione" : r === "no" ? "non raddrizzata" : " ";
 }
 
 // una richiesta di anteprima; ritorna "ok" | "errore" | "fatale" (errore che non passa riprovando)
@@ -381,12 +580,13 @@ async function unaAnteprima(lato) {
   var sorgente = $("sorgente").value;
   if (!sorgente) { dire("msgAnteprima", "Scegliere una sorgente.", "errore"); return "fatale"; }
   var g = A.gen;
+  A.lato = lato;
   A.inVolo = true;
   try {
     var r = await fetch("/camera/anteprima", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ source: sorgente, grezzo: $("grezzo").checked, lato_max: lato, timeout_ms: 5000 })
+      body: JSON.stringify({ source: sorgente, grezzo: true, lato_max: lato, timeout_ms: 5000 })  // #92: il riquadro «Immagine» e' sempre grezzo
     });
     if (!r.ok) {
       var d = await dettaglio(r);
@@ -398,6 +598,7 @@ async function unaAnteprima(lato) {
     mostraImmagine(blob);
     aggiornaIndicatori(r.headers);
     dire("msgAnteprima", "");
+    await aggiornaCalibrata(lato);  // #92: stesso frame, raddrizzato; resta in volo finche' non risponde
     return "ok";
   } catch (e) {
     if (g === A.gen) dire("msgAnteprima", "Servizio non raggiungibile.", "errore");
@@ -436,18 +637,74 @@ function fermaAnteprima() {
 // «Scatta»: ferma il ciclo e mostra un frame solo, alla risoluzione piena (fino a 4096 px)
 async function scatta() {
   fermaAnteprima();
-  $("scatta").disabled = true;
+  $("scatta").disabled = $("scattaCal").disabled = true;  // #94: anche il «Scatta» della tab Calibrazione
   dire("msgAnteprima", "Scatto in corso...", "");
   while (A.inVolo) await pausa(50);
   await unaAnteprima(4096);
   $("scatta").disabled = false;
+  $("scattaCal").disabled = A.bloccata;  // #94: con l'immagine bloccata resta spento
 }
 
+// #94: «Blocca immagine»: il servizio tiene una copia del frame grezzo e «Calcola» usa quella
+function sbloccaLocale() {  // casella spenta, il riquadro della tab Calibrazione torna a seguire il ciclo
+  A.bloccata = false;
+  A.sorgenteBloccata = null;
+  A.seqBlocco++;  // una risposta di blocco ancora in volo non vale piu'
+  var b = A.urlBlocco;
+  A.urlBlocco = null;
+  if (b && b !== A.url) URL.revokeObjectURL(b);
+  $("bloccaImg").checked = false;
+  $("scattaCal").disabled = $("scatta").disabled;
+  mostraInTabCal($("cornice").hidden ? null : A.url);
+}
+function rilasciaBlocco() {  // DELETE idempotente: l'esito non conta
+  var s = A.sorgenteBloccata;
+  sbloccaLocale();
+  dire("msgBlocco", "");
+  if (s) fetch("/camera/blocca?source=" + encodeURIComponent(s), { method: "DELETE" }).catch(function () { /* niente da fare */ });
+}
+$("bloccaImg").onchange = async function () {
+  if (!this.checked) { rilasciaBlocco(); return; }
+  var sorgente = $("sorgente").value;
+  if (!sorgente || $("cornice").hidden) {
+    $("bloccaImg").checked = false;
+    dire("msgBlocco", "Nessuna immagine da bloccare: «Scatta» o avviare l'anteprima.", "errore");
+    return;
+  }
+  A.bloccata = true;  // subito: il riquadro smette di seguire il ciclo
+  A.sorgenteBloccata = sorgente;
+  A.urlBlocco = A.url;
+  var n = ++A.seqBlocco;
+  $("scattaCal").disabled = true;
+  dire("msgBlocco", "Blocco in corso...", "");
+  try {
+    var r = await fetch("/camera/blocca", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ source: sorgente }) });
+    if (n !== A.seqBlocco) {  // spenta o cambiata sorgente nel frattempo: la copia appena fatta si toglie
+      if (r.ok) fetch("/camera/blocca?source=" + encodeURIComponent(sorgente), { method: "DELETE" }).catch(function () { /* niente da fare */ });
+      return;
+    }
+    if (!r.ok) { var d = await dettaglio(r); sbloccaLocale(); dire("msgBlocco", d, "errore"); return; }
+    var b = await r.json();
+    dire("msgBlocco", "Immagine bloccata " + b.larghezza + "×" + b.altezza + ": «Calcola» usa questa.", "ok");
+  } catch (e) {
+    if (n === A.seqBlocco) { sbloccaLocale(); dire("msgBlocco", "Servizio non raggiungibile.", "errore"); }
+  }
+};
+
 $("avvia").onclick = avviaAnteprima;
 $("ferma").onclick = fermaAnteprima;
 $("scatta").onclick = scatta;
+$("scattaCal").onclick = scatta;  // #94
 $("azzeraMax").onclick = function () { A.nitMax = 0; $("nitidezzaMax").textContent = "-"; $("barraNitidezza").style.width = "0"; };
-$("mirinoCasella").onchange = function () { $("mirino").hidden = !$("mirinoCasella").checked; };
+// #92: il mirino vale per entrambi i riquadri; #93: la casella «Attiva calibrazione» apre il riquadro e raddrizza il frame gia' tenuto
+$("mirinoCasella").onchange = function () { $("mirino").hidden = $("mirinoCal").hidden = !$("mirinoCasella").checked; };
+function mostraRiquadroCal() {
+  var si = $("mostraCal").checked;
+  $("riquadroCal").hidden = !si;
+  $("riquadri").className = "riquadri" + (si ? " doppio" : "");
+  if (si) aggiornaCalibrata();
+}
+$("mostraCal").onchange = mostraRiquadroCal;
 
 // ---- Parametri camera (#87)
 
@@ -676,6 +933,8 @@ function scegliTab(nome, salva) {
   $("tabCal").tabIndex = cal ? 0 : -1;
   $("pannelloAcq").hidden = cal;
   $("pannelloCal").hidden = !cal;
+  // #94: il ciclo anteprima non si sospende piu' aprendo la tab Calibrazione (come faceva #92)
+  if (!cal && salva) aggiornaCalibrata();  // il riquadro calibrata riflette la calibrazione attiva di adesso
   if (salva) { memoria("tmf.acq.tab", nome); if (cal) caricaCalibrazioni(); }  // l'elenco si rilegge entrando
 }
 $("tabAcq").onclick = function () { scegliTab("acq", true); };
@@ -755,10 +1014,12 @@ async function aggiornaStato() {
     if (r.status === 404) {
       stato.textContent = "Sorgente non calibrata.";
       $("statoSorgente").textContent = "non calibrata";
+      A.calAttiva = false;  // #92
     } else if (!r.ok) {
       stato.textContent = await dettaglio(r);
     } else {
       var d = await r.json();
+      A.calAttiva = true;  // #92
       stato.textContent = "";
       var titolo = document.createElement("div");
       titolo.textContent = "Calibrazione attiva: " + (d.nome ? "«" + d.nome + "»" : "(senza nome)");
@@ -770,7 +1031,7 @@ async function aggiornaStato() {
       stato.appendChild(titolo);
       stato.appendChild(t);
       stato.appendChild(quando);
-      $("statoSorgente").textContent = "calibrata: " + fmt(d.px_per_mm, 2) + " px/mm";
+      $("statoSorgente").textContent = "calibrata: " + (d.nome || "(senza nome)") + " · " + fmt(d.px_per_mm, 2) + " px/mm";  // #92
       if (d.square_mm) $("quadrato").value = fmtCasella(d.square_mm);  // #87: parte dal lato gia' usato
     }
   } catch (e) {
@@ -810,6 +1071,7 @@ function disegnaElenco() {
   annullaConferma();
   t.textContent = "";
   C.celle = [];
+  disegnaSceltaCal();  // #93: la combo sotto la calibrata segue l'elenco, anche se vuoto
   if (!C.elenco.length) {
     var vuota = document.createElement("div");
     vuota.className = "nota";
@@ -850,7 +1112,7 @@ function disegnaElenco() {
     var bc = bottone("Carica", "", function () { caricaNome(c.nome); });
     bc.disabled = !$("sorgente").value;
     az.appendChild(bc);
-    if (attiva) az.appendChild(bottone("Scollega", "secondario", scollega));
+    if (attiva) az.appendChild(bottone("Scollega", "secondario", function () { scollega("msgElenco"); }));  // #93: senza l'evento come parametro
     az.appendChild(bottone("Elimina", "secondario", function (e) { eliminaNome(c.nome, e.currentTarget); }));
     sc.appendChild(riga1);
     sc.appendChild(riga2);
@@ -865,39 +1127,80 @@ function segnaRisoluzioni() {
   (C.celle || []).forEach(function (c) {
     c.span.hidden = !(A.ris && c.w > 0 && c.h > 0 && (A.ris.w !== c.w || A.ris.h !== c.h));
   });
+  // #93: stesso avviso nelle voci della combo; si cambia solo il testo, cosi' scelta e menu aperto restano
+  var sel = $("sceltaCal");
+  for (var i = 0; i < sel.options.length; i++) if (sel.options[i].value) sel.options[i].textContent = testoVoceCal(sel.options[i].dataset);
+}
+
+// #93: testo di una voce della combo: «nome · W×H · px/mm», con «risoluzione diversa» se il frame noto non combacia
+function testoVoceCal(d) {
+  var w = Number(d.w), h = Number(d.h);
+  var t = d.nome + " · " + (w && h ? fmt(w, 0) + "×" + fmt(h, 0) : "-") + " · " + fmt(Number(d.px), 3) + " px/mm";
+  if (A.ris && w > 0 && h > 0 && (A.ris.w !== w || A.ris.h !== h)) t += " — risoluzione diversa";
+  return t;
+}
+// #93: ridisegna la combo (ogni ricarica dell'elenco); preselezionata la calibrazione attiva, senza sorgente tutto spento
+function disegnaSceltaCal() {
+  var sel = $("sceltaCal");
+  sel.textContent = "";
+  var nessuna = document.createElement("option");
+  nessuna.value = "";
+  nessuna.textContent = "— nessuna (non calibrata) —";
+  sel.appendChild(nessuna);
+  (C.elenco || []).forEach(function (c) {
+    var o = document.createElement("option");
+    o.value = c.nome;
+    o.dataset.nome = c.nome; o.dataset.w = c.image_width || 0; o.dataset.h = c.image_height || 0; o.dataset.px = c.px_per_mm || 0;
+    o.textContent = testoVoceCal(o.dataset);
+    sel.appendChild(o);
+  });
+  sel.value = C.attiva !== null && C.attiva !== undefined ? C.attiva : "";
+  if (sel.selectedIndex < 0) sel.selectedIndex = 0;
+  sel.disabled = $("confermaCal").disabled = !$("sorgente").value;
 }
 
 // «Carica»: la calibrazione diventa quella attiva della sorgente. Un errore (es. risoluzione diversa) non ferma l'anteprima.
-async function caricaNome(nome) {
+async function caricaNome(nome, idMsg) {
+  idMsg = idMsg || "msgElenco";  // #93: il messaggio puo' stare sotto la calibrata (msgSceltaCal)
   var sorgente = $("sorgente").value;
-  if (!sorgente) { dire("msgElenco", "Scegliere una sorgente nella tab Acquisizione.", "errore"); return; }
+  if (!sorgente) { dire(idMsg, "Scegliere una sorgente nella tab Acquisizione.", "errore"); return; }
-  dire("msgElenco", "Caricamento di «" + nome + "»...", "");
+  dire(idMsg, "Caricamento di «" + nome + "»...", "");
   try {
     var r = await fetch("/camera/calibrazione-attiva", { method: "PUT", headers: JSON_H, body: JSON.stringify({ source: sorgente, nome: nome }) });
     if (sorgente !== $("sorgente").value) return;
-    if (!r.ok) { dire("msgElenco", await dettaglio(r), "errore"); return; }
+    if (!r.ok) { dire(idMsg, await dettaglio(r), "errore"); disegnaSceltaCal(); return; }  // #93: la combo torna sull'attiva
-    dire("msgElenco", "Calibrazione «" + nome + "» caricata sulla sorgente.", "ok");
+    dire(idMsg, "Calibrazione «" + nome + "» caricata sulla sorgente.", "ok");
-    $("raddrizzato").textContent = $("grezzo").checked ? "non raddrizzata" : "raddrizzata dalla calibrazione";  // il prossimo frame conferma
+    A.bloccoCal = false;  // #92
-    aggiornaStato();
+    await aggiornaStato();  // prima lo stato nuovo (rilegge anche l'elenco, #93: schede e combo allineate), poi il riquadro calibrata
+    aggiornaCalibrata();
   } catch (e) {
-    dire("msgElenco", "Servizio non raggiungibile.", "errore");
+    dire(idMsg, "Servizio non raggiungibile.", "errore");
+    disegnaSceltaCal();  // #93
   }
 }
 
 // «Scollega»: la sorgente torna senza calibrazione, la libreria resta
-async function scollega() {
+async function scollega(idMsg) {
+  idMsg = idMsg || "msgElenco";  // #93
   var sorgente = $("sorgente").value;
   if (!sorgente) return;
   try {
     var r = await fetch("/camera/calibration?source=" + encodeURIComponent(sorgente), { method: "DELETE" });
-    dire("msgElenco", r.ok ? "Calibrazione scollegata dalla sorgente (resta fra le salvate)." : await dettaglio(r), r.ok ? "ok" : "errore");
+    dire(idMsg, r.ok ? "Calibrazione scollegata dalla sorgente (resta fra le salvate)." : await dettaglio(r), r.ok ? "ok" : "errore");
-    if (r.ok) $("raddrizzato").textContent = "non raddrizzata";
   } catch (e) {
-    dire("msgElenco", "Servizio non raggiungibile.", "errore");
+    dire(idMsg, "Servizio non raggiungibile.", "errore");
   }
-  aggiornaStato();
+  A.bloccoCal = false;  // #92
+  await aggiornaStato();  // #93: rilegge anche l'elenco, quindi la combo torna sull'attiva anche dopo un errore
+  aggiornaCalibrata();  // #92: senza calibrazione il riquadro dice che non c'e' 
 }
 
+// #93: CONFERMA sotto la calibrata: voce scelta -> PUT calibrazione-attiva, «nessuna» -> DELETE calibration
+$("confermaCal").onclick = function () {
+  var nome = $("sceltaCal").value;
+  if (nome) caricaNome(nome, "msgSceltaCal"); else scollega("msgSceltaCal");
+};
+
 // «Elimina» di una riga: conferma in pagina con un secondo clic entro 4 s (niente finestre del browser)
 function annullaConferma() {
   clearTimeout(C.confermaTimer);
@@ -927,25 +1230,20 @@ async function eliminaNome(nome, btn) {
 
 // #91: il calcolo non salva mai; il servizio tiene il risultato e ne da' il calcolo_id per «Salva»
 async function calcola() {
-  var daFile = $("origFile").checked;
+  var sorgente = $("sorgente").value;  // #92: sempre la sorgente della tab Acquisizione, frame grezzo
-  var sorgente = $("sorgente").value;
+  if (!sorgente) { messaggio("Scegliere una sorgente nella tab Acquisizione.", "errore"); return; }
-  if (!daFile && !sorgente) { messaggio("Scegliere una sorgente nella tab Acquisizione.", "errore"); return; }
   var lato = leggiNumero($("quadrato").value);
   if (!(lato > 0)) { messaggio("Il lato dello scacco deve essere un numero maggiore di zero.", "errore"); return; }
   var f = new FormData();
   f.append("square_mm", String(lato));  // al servizio sempre con il punto
-  if (daFile) {
+  f.append("source", sorgente);
-    var file = $("file").files[0];
+  var bloccata = A.bloccata;  // #94: immagine bloccata = calcolo sulla copia del servizio, l'anteprima puo' continuare
-    if (!file) { messaggio("Scegliere un file immagine.", "errore"); return; }
+  if (bloccata) f.append("bloccata", "true");
-    f.append("image", file);
+  else fermaAnteprima();  // #92: si ferma il ciclo; sotto si aspetta anche l'eventuale richiesta ancora in volo
-  } else {
-    f.append("source", sorgente);
-  }
-  var eraAttiva = !daFile && A.attiva;  // #87: da sorgente l'anteprima si sospende e poi riprende
-  if (eraAttiva) fermaAnteprima();
   messaggio("Calcolo in corso...", "");
   ["acquisisci", "salva"].forEach(function (i) { $(i).disabled = true; });
   try {
+    while (!bloccata && A.inVolo) await pausa(50);
     var r = await fetch("/camera/calibrate", { method: "POST", body: f });
     if (!r.ok) { messaggio(await dettaglio(r), "errore"); return; }
     var d = await r.json();
@@ -953,7 +1251,7 @@ async function calcola() {
     tabella($("tabella"), d);
     $("overlay").src = "data:image/png;base64," + d.overlay_png;
     $("avviso").textContent = avvisi(d);
-    $("origineCalcolo").textContent = "Origine: " + descriviOrigine(d.origine);
+    $("origineCalcolo").textContent = "Origine: " + (d.bloccata ? "immagine bloccata — " : "") + descriviOrigine(d.origine);  // #94
     $("risultato").hidden = false;
     annullaSovrascrivi();
     dire("msgSalva", "");
@@ -963,7 +1261,6 @@ async function calcola() {
   } finally {
     $("acquisisci").disabled = false;
     $("salva").disabled = false;
-    if (eraAttiva) avviaAnteprima();
   }
 }
 
@@ -1007,14 +1304,7 @@ async function salvaNome() {
 $("acquisisci").onclick = calcola;
 $("salva").onclick = salvaNome;
 $("nomeCal").onkeydown = function (e) { if (e.key === "Enter") salvaNome(); };
-// #87: il pulsante del file e' in italiano, l'input nativo resta nascosto
+$("sorgente").onchange = function () { dire("msgSorgente", ""); cambioSorgente(true); };  // #92
-$("scegliFile").onclick = function () { $("file").click(); };
-$("file").onchange = function () {
-  $("nomeFile").textContent = $("file").files[0] ? $("file").files[0].name : "nessuna immagine scelta";
-  if ($("file").files[0]) $("origFile").checked = true;  // #91: scelto un file, l'origine diventa il file
-};
-
-$("sorgente").onchange = function () { cambioSorgente(true); };
 scegliTab(memoria("tmf.acq.tab") === "cal" ? "cal" : "acq", false);  // #91: tab ricordata
 caricaSorgenti();
 </script>

scripts/camera_service.py

@@ -88,6 +88,7 @@ import os
 import re  # #92: nome sicuro per le immagini caricate
 import sys
 import threading
+import time  # #92: scadenza della cache delle camere
 import urllib.parse  # #92: nome calibrazione nell'header X-Calibrazione
 import uuid  # #91 id dei calcoli in attesa di nome
 from collections import OrderedDict
@@ -110,6 +111,7 @@ from calibrazione_pagina import PAGINA  # noqa: E402
 
 _TRIGGER = ("continuo",)
 _MAX_CALCOLI = 8  # #91: calcoli tenuti in memoria in attesa di un nome
+_CACHE_CAMERE_S = 60.0  # #92: durata della cache della ricerca camere
 _log = logging.getLogger("camera_service")  # #87: errori non bloccanti (settaggi)
 # #87: i quattro parametri regolabili, nell'ordine di presentazione
 _PARAMETRI = ("esposizione", "esposizione_auto", "guadagno", "guadagno_auto")
@@ -154,6 +156,7 @@ def create_app(folder: Path | str | None = None,
                                      else _config_dir_default())  # #83
     aperte: dict = {}
     grezzi: dict = {}  # #92: sorgente -> ultimo frame pieno GREZZO dell'anteprima (per anteprima/calibrata)
+    bloccati: dict = {}  # #94: sorgente -> copia del frame grezzo pieno «bloccata» per il calcolo (stesso lock di grezzi)
     cartella_immagini = archivio.cartella / "immagini"  # #92: immagini caricate dalla pagina (creata al bisogno)
     lock = threading.Lock()  # protegge SOLO i dizionari, mai un'apertura
     lock_sorgenti: dict = {}  # nome sorgente -> Lock che serializza apertura e grab
@@ -169,8 +172,32 @@ def create_app(folder: Path | str | None = None,
         with lock:
             return lock_sorgenti.setdefault(nome, threading.Lock())
 
+    # #92: la ricerca camere di list_sources dura ~10 s: il risultato (gia' filtrato) resta 60 s in cache
+    cache_camere: dict = {"voci": None, "t": 0.0}
+    lock_ricerca = threading.Lock()  # due richieste insieme non lanciano due ricerche
+
+    def _camere(aggiorna: bool = False) -> list:
+        with lock_ricerca:
+            fresca = cache_camere["voci"] is not None and time.monotonic() - cache_camere["t"] < _CACHE_CAMERE_S
+            if fresca and not aggiorna:
+                return cache_camere["voci"]
+            voci = list_sources(None, cameras=True, config=_config())
+            # camera:file (replay) non e' mai configurato in TMF -> fuori dall'elenco
+            cache_camere["voci"] = [{"name": v.name, "kind": v.kind, "label": v.label}
+                                    for v in voci if v.kind in ("camera", "virtual") and v.name != "camera:file"]
+            cache_camere["t"] = time.monotonic()
+            return cache_camere["voci"]
+
+    def _prima_ricerca() -> None:
+        try:
+            _camere()
+        except Exception:  # noqa: BLE001 - e' solo un riscaldamento: la prima richiesta riprova
+            _log.exception("prima ricerca camere fallita")
+
     @asynccontextmanager
     async def _vita(_app):
+        # #92: la prima ricerca parte all'avvio, cosi' la prima pagina non aspetta
+        threading.Thread(target=_prima_ricerca, daemon=True, name="ricerca-camere").start()
         yield
         with lock:  # alla chiusura rilascia le camere aperte
             sorgenti = list(aperte.values())
@@ -184,12 +211,9 @@ def create_app(folder: Path | str | None = None,
     app = FastAPI(title="TMF camera service", lifespan=_vita)
 
     @app.get("/camera/sources")
-    def camera_sources():
+    def camera_sources(aggiorna: bool = False):  # #92: aggiorna=true forza la ricerca (camera appena collegata)
-        voci = list_sources(None, cameras=True, config=_config())
+        elenco = list(_camere(aggiorna))
-        # #92: camera:file (replay) non e' mai configurato in TMF -> fuori dall'elenco
+        # #92: in coda le immagini caricate, sempre fresche dalla cartella (costano nulla)
-        elenco = [{"name": v.name, "kind": v.kind, "label": v.label}
-                  for v in voci if v.kind in ("camera", "virtual") and v.name != "camera:file"]
-        # #92: in coda le immagini caricate, che sono sorgenti a pieno titolo
         for v in list_sources(cartella_immagini, cameras=False):
             elenco.append({"name": v.name, "kind": "image", "label": f"immagine — {v.name}"})
         return {"sources": elenco}
@@ -200,6 +224,7 @@ def create_app(folder: Path | str | None = None,
             with lock:
                 s = aperte.pop(nome, None)
                 grezzi.pop(nome, None)
+                bloccati.pop(nome, None)  # #94: tolta l'immagine/chiusa la sorgente, anche la copia bloccata
             if s is not None:
                 try:
                     s.close()
@@ -345,6 +370,7 @@ def create_app(folder: Path | str | None = None,
         rows: int | None = Form(None),
         image: UploadFile | None = File(None),
         save: bool = Form(False),  # #91: ignorato, il calcolo non salva mai (si salva con nome)
+        bloccata: bool = Form(False),  # #94: true = calcola sulla copia bloccata, senza grab
     ):
         contenuto = await image.read() if image is not None else b""
         if contenuto:
@@ -352,6 +378,13 @@ def create_app(folder: Path | str | None = None,
             if frame is None:
                 raise HTTPException(422, "l'immagine caricata non è leggibile")
             origine = "file:" + (Path((image.filename or "").replace("\\", "/")).name or "immagine")
+        elif bloccata:  # #94: copia bloccata, nessun grab e nessun lock camera
+            nome = _sorgente(source)
+            with lock:
+                frame = bloccati.get(nome)
+            if frame is None:
+                raise HTTPException(409, "nessuna immagine bloccata su questa sorgente")
+            origine = nome
         else:
             nome = _sorgente(source)
             frame = await run_in_threadpool(_grab, nome, 5000)  # come /camera/grab (404/503/504)
@@ -374,7 +407,8 @@ def create_app(folder: Path | str | None = None,
             calcoli[calcolo_id] = (corpo, mappa)
             while len(calcoli) > _MAX_CALCOLI:
                 calcoli.popitem(last=False)
-        return {**corpo, "calcolo_id": calcolo_id, "overlay_png": risultato["overlay_png"]}
+        return {**corpo, "calcolo_id": calcolo_id, "overlay_png": risultato["overlay_png"],
+                "bloccata": bool(bloccata and not contenuto)}  # #94: solo nella risposta (non nel salvato): true se il frame e' la copia bloccata
 
     # ---- #91: archivio unico di calibrazioni con nome
 
@@ -508,6 +542,25 @@ def create_app(folder: Path | str | None = None,
             "X-Nitidezza": f"{nitidezza:.1f}", "X-Saturati-Pct": f"{saturati:.2f}",
             "X-Media": f"{media:.1f}"})
 
+    @app.post("/camera/blocca")
+    def camera_blocca(corpo: dict = Body(default=None)):
+        """#94: copia l'ultimo frame grezzo della sorgente; /camera/calibrate con bloccata=true calcola su quella."""
+        corpo = corpo if isinstance(corpo, dict) else {}
+        nome = _sorgente(corpo.get("source"))
+        with lock:
+            frame = grezzi.get(nome)
+            if frame is None:
+                raise HTTPException(404, "nessun frame: avviare l'anteprima o scattare")
+            bloccati[nome] = frame.copy()
+        alt, larg = frame.shape[:2]
+        return {"source": nome, "larghezza": larg, "altezza": alt}
+
+    @app.delete("/camera/blocca", status_code=204)
+    def camera_sblocca(source: str = ""):
+        with lock:  # #94: idempotente, 204 anche se non c'era nulla
+            bloccati.pop(source.strip(), None)
+        return Response(status_code=204)
+
     @app.post("/camera/anteprima/calibrata")
     def camera_anteprima_calibrata(corpo: dict = Body(default=None)):
         """#92: l'ultimo frame grezzo dell'anteprima, raddrizzato; NON legge un frame nuovo."""

scripts/tests/test_blocca_immagine.py

@@ -0,0 +1,144 @@
+"""Test di #94: «Blocca immagine» (scripts/camera_service.py) e riquadro vivo nella tab Calibrazione (PAGINA).
+
+Uso: uv run --python 3.13 --extra vision-worker --extra dev \
+       --with-editable vendor/visionsuite/packages/vs-camera pytest scripts/tests -q
+Sorgente finta che conta i grab: niente camera vera, niente ProgramData.
+"""
+import re
+
+import numpy as np
+import pytest
+
+from test_calibrazione import _png, cartella, client, una_scacchiera  # fixture e helper della calibrazione
+from test_immagini_affiancate import _anteprima, _carica, _modulo
+from test_pagina_acquisizione import PAGINA
+
+__all__ = ["cartella", "client"]  # le fixture importate restano usate
+
+FINTA = "finta"
+CAMPI = {"cols": "9", "rows": "6", "square_mm": "2"}
+
+
+@pytest.fixture
+def finta(client, monkeypatch):
+    """Sorgente «finta»: il primo grab da' la scacchiera, i successivi un frame bianco (non calibrabile)."""
+    letture = []
+    scacchiera = una_scacchiera()
+    bianco = np.full(scacchiera.shape, 255, np.uint8)
+
+    class Finta:
+        def grab(self, timeout=1000):
+            letture.append(1)
+            return scacchiera.copy() if len(letture) == 1 else bianco.copy()
+
+        def close(self):
+            pass
+
+    monkeypatch.setitem(_modulo(client), "open_source", lambda *a, **k: Finta())
+    client.letture = letture
+    return client
+
+
+def _blocca(c, nome=FINTA):
+    return c.post("/camera/blocca", json={"source": nome})
+
+
+def _calcola(c, **extra):
+    return c.post("/camera/calibrate", data={"source": FINTA, **CAMPI, **extra})
+
+
+# ---- servizio
+
+def test_blocca_senza_frame_404(finta):
+    r = _blocca(finta)
+    assert r.status_code == 404 and r.json()["detail"] == "nessun frame: avviare l'anteprima o scattare"
+
+
+def test_blocca_senza_source_400(finta):
+    assert finta.post("/camera/blocca", json={}).status_code == 400
+    assert finta.post("/camera/blocca").status_code == 400
+
+
+def test_anteprima_poi_blocca_200_con_misure(finta):
+    assert _anteprima(finta, FINTA).status_code == 200
+    r = _blocca(finta)
+    alt, larg = una_scacchiera().shape[:2]
+    assert r.status_code == 200 and r.json() == {"source": FINTA, "larghezza": larg, "altezza": alt}
+
+
+def test_calibrate_bloccata_usa_la_copia_senza_grab(finta):
+    assert _anteprima(finta, FINTA).status_code == 200  # frame 1: la scacchiera
+    assert _blocca(finta).status_code == 200
+    assert _anteprima(finta, FINTA).status_code == 200  # frame 2: bianco, il grezzo cambia ma la copia no
+    prima = len(finta.letture)
+    r = _calcola(finta, bloccata="true")
+    assert r.status_code == 200, r.text
+    assert r.json()["bloccata"] is True and r.json()["origine"] == FINTA
+    assert len(finta.letture) == prima  # nessun grab per il calcolo
+    # senza il blocco il calcolo legge un frame nuovo (bianco): non calibrabile
+    assert _calcola(finta).status_code == 422
+    assert len(finta.letture) == prima + 1
+
+
+def test_calibrate_normale_dice_bloccata_false(client):
+    r = client.post("/camera/calibrate", data={"source": "camera:folder", **CAMPI})
+    assert r.status_code == 200, r.text
+    assert r.json()["bloccata"] is False
+
+
+def test_calibrate_bloccata_senza_copia_409(finta):
+    assert _anteprima(finta, FINTA).status_code == 200  # il grezzo c'e', ma non e' bloccato
+    r = _calcola(finta, bloccata="true")
+    assert r.status_code == 409 and r.json()["detail"] == "nessuna immagine bloccata su questa sorgente"
+
+
+def test_sblocca_204_idempotente_e_toglie_la_copia(finta):
+    assert finta.delete("/camera/blocca", params={"source": FINTA}).status_code == 204  # niente da togliere
+    assert _anteprima(finta, FINTA).status_code == 200
+    assert _blocca(finta).status_code == 200
+    assert finta.delete("/camera/blocca", params={"source": FINTA}).status_code == 204
+    assert _calcola(finta, bloccata="true").status_code == 409
+    assert finta.delete("/camera/blocca", params={"source": FINTA}).status_code == 204
+
+
+def test_rimuovere_l_immagine_toglie_la_copia_bloccata(client):
+    assert _carica(client, "foto.png", una_scacchiera()).status_code == 201
+    assert _anteprima(client, "foto.png").status_code == 200
+    assert _blocca(client, "foto.png").status_code == 200
+    assert client.delete("/camera/immagini", params={"nome": "foto.png"}).status_code == 204
+    assert _carica(client, "foto.png", una_scacchiera()).status_code == 201
+    r = client.post("/camera/calibrate", data={"source": "foto.png", "bloccata": "true", **CAMPI})
+    assert r.status_code == 409
+
+
+# ---- pagina (contenuto statico)
+
+def test_pagina_riquadro_e_casella_nella_tab_calibrazione():
+    ids = set(re.findall(r'id="([^"]+)"', PAGINA))
+    assert {"immagineCalTab", "vuotoCalTab", "scattaCal", "bloccaImg", "msgBlocco"} <= ids
+    assert "Nessuna immagine: «Scatta» o avviare l'anteprima nella tab Acquisizione" in PAGINA
+    assert "Blocca immagine" in PAGINA
+    tab = PAGINA.split('id="pannelloCal"')[1].split('id="sezioneSalvate"')[0]
+    assert "immagineCalTab" in tab and "bloccaImg" in tab  # nella sezione Calibrazione, non altrove
+
+
+def test_pagina_scegli_tab_non_ferma_piu_il_ciclo():
+    assert "A.riprendi" not in PAGINA
+    scegli = PAGINA.split("function scegliTab")[1].split("$(\"tabAcq\").onclick")[0]
+    assert "fermaAnteprima" not in scegli and "avviaAnteprima" not in scegli
+
+
+def test_pagina_calcola_manda_bloccata_e_non_ferma_il_ciclo():
+    calcola = PAGINA.split("async function calcola")[1].split("async function salvaNome")[0]
+    assert 'f.append("bloccata", "true")' in calcola
+    assert "if (bloccata)" in calcola and "else fermaAnteprima();" in calcola
+    assert "immagine bloccata" in calcola
+    assert "l'anteprima resta sospesa" not in PAGINA and "si può bloccare l'immagine" in PAGINA
+
+
+def test_pagina_blocco_rotte_e_cambio_sorgente():
+    assert '"/camera/blocca"' in PAGINA and '"/camera/blocca?source="' in PAGINA
+    assert "method: \"DELETE\"" in PAGINA
+    cambio = PAGINA.split("function cambioSorgente")[1].split("// ---- Anteprima")[0]
+    assert "rilasciaBlocco()" in cambio
+    assert cambio.index("rilasciaBlocco()") < cambio.index("svuotaRiquadri()")

scripts/tests/test_calibrazione.py

@@ -169,7 +169,7 @@ def test_c2_immagine_caricata_senza_salvare(client):
                     files={"image": ("s.png", _png(una_scacchiera()), "image/png")})
     assert r.status_code == 200, r.text
     corpo = r.json()
-    assert CHIAVI_PLANARE | {"overlay_png", "calcolo_id"} == set(corpo)  # #91: niente "saved", niente "source"
+    assert CHIAVI_PLANARE | {"overlay_png", "calcolo_id", "bloccata"} == set(corpo)  # #94: + bloccata; #91: niente "saved", niente "source"
     assert corpo["metodo"] == "planare" and corpo["distorsione"] is False  # #84: con cols/rows nulla cambia
     assert corpo["origine"] == "file:s.png"
     assert corpo["px_per_mm"] == pytest.approx(20.0, rel=0.005)
@@ -337,7 +337,7 @@ def test_c2_senza_cols_rows_e_densa(client_denso):
     r = client_denso.post("/camera/calibrate", data={"source": SORGENTE, "square_mm": "2"})
     assert r.status_code == 200, r.text
     corpo = r.json()
-    assert CHIAVI_DENSA | {"overlay_png", "calcolo_id"} == set(corpo)
+    assert CHIAVI_DENSA | {"overlay_png", "calcolo_id", "bloccata"} == set(corpo)
     assert corpo["metodo"] == "densa" and corpo["distorsione"] is True
     assert (corpo["cols"], corpo["rows"]) == (15, 11)
     assert corpo["px_per_mm"] == pytest.approx(1.0 / corpo["mm_per_px"])

scripts/tests/test_immagini_affiancate.py

@@ -106,6 +106,34 @@ def test_sources_con_immagini_e_senza_camera_file(client):
     assert nomi.index("camera:folder") < nomi.index("a.png")
 
 
+def test_sources_camere_in_cache_e_aggiorna(client):
+    # #92: la ricerca camere (~10 s) si fa una volta e resta 60 s; aggiorna=true la rilancia; le immagini sono sempre fresche
+    g = _modulo(client)
+    originale = g["list_sources"]
+    chiamate = []
+
+    def finto(cartella, cameras=True, **kw):
+        if cameras:
+            chiamate.append(1)
+        return originale(cartella, cameras=cameras, **kw)
+
+    g["list_sources"] = finto
+    try:
+        client.get("/camera/sources")  # se la ricerca d'avvio e' ancora in corso aspetta il suo lock
+        base = len(chiamate)
+        _carica(client, "nuova.png", una_scacchiera())
+        voci = client.get("/camera/sources").json()["sources"]
+        client.get("/camera/sources")
+        assert len(chiamate) == base  # seconda e terza chiamata: nessuna nuova ricerca
+        assert voci[-1]["name"] == "nuova.png"  # ma l'immagine appena caricata c'e'
+        client.get("/camera/sources", params={"aggiorna": "true"})
+        assert len(chiamate) == base + 1  # aggiorna=true la rilancia
+        client.get("/camera/sources")
+        assert len(chiamate) == base + 1  # e il risultato nuovo torna in cache
+    finally:
+        g["list_sources"] = originale
+
+
 def test_sources_senza_immagini_non_crea_la_cartella(client):
     voci = client.get("/camera/sources").json()["sources"]
     assert all(v["kind"] != "image" for v in voci)

scripts/tests/test_pagina_acquisizione.py

@@ -29,10 +29,10 @@ def test_offline_e_senza_finestre_del_browser():
 
 def test_id_principali():
     ids = set(re.findall(r'id="([^"]+)"', PAGINA))
-    attesi = {"sorgente", "avvia", "ferma", "scatta", "grezzo", "mirinoCasella", "immagine",
+    attesi = {"sorgente", "avvia", "ferma", "scatta", "mirinoCasella", "immagine",
               "nitidezza", "nitidezzaMax", "saturati", "media", "dimensioni",
-              "parametri", "salvaParametri", "quadrato", "acquisisci", "scegliFile", "file",
+              "parametri", "salvaParametri", "quadrato", "acquisisci", "caricaImmagine", "fileImmagine",
-              "salva", "stato", "statoSorgente"}  # #91: carica/elimina sono ora per riga, nell'elenco
+              "mostraCal", "salva", "stato", "statoSorgente"}  # #91: carica/elimina sono ora per riga; #92: file e calibrata nell'Acquisizione
     assert attesi <= ids, attesi - ids
     # ogni id usato dal JS con $("...") esiste nel markup
     usati = set(re.findall(r'\$\("([^"]+)"\)', PAGINA))
@@ -41,8 +41,8 @@ def test_id_principali():
 
 def test_sezioni_e_testi_italiani():
     for testo in ("Sorgente", "Anteprima", "Parametri camera", "Calibrazione",
-                  "Salva come predefiniti", "Scegli immagine...", "Questa sorgente non ha parametri regolabili",
+                  "Salva come predefiniti", "Carica immagine da file...", "Questa sorgente non ha parametri regolabili",
-                  "Immagine grezza (senza correzione)"):
+                  "Attiva calibrazione"):  # #92 #93
         assert testo in PAGINA, testo
     assert "it-IT" in PAGINA  # numeri con la virgola
     assert "Choose File" not in PAGINA

scripts/tests/test_pagina_tab.py

@@ -1,4 +1,4 @@
-"""Test della pagina a due tab (#91): contenuto statico di PAGINA, senza servizio."""
+"""Test della pagina a due tab (#91, #92): contenuto statico di PAGINA, senza servizio."""
 
 import importlib.util
 import re
@@ -20,37 +20,58 @@ def test_due_tab_con_ruolo_e_selezione():
     assert '"tmf.acq.tab"' in PAGINA  # tab scelta ricordata (via memoria(), protetta)
 
 
-def test_anteprima_fuori_dai_pannelli():
+def test_sorgente_in_cima_poi_riquadri():
-    # l'anteprima sta nella colonna sinistra, prima dei due pannelli: visibile in entrambe le tab
+    # #92: Sorgente, anteprima e parametri stanno nel pannello Acquisizione; Sorgente prima dei riquadri
-    i_ant = PAGINA.index('id="sezioneAnteprima"')
     i_acq = PAGINA.index('id="pannelloAcq"')
     i_cal = PAGINA.index('id="pannelloCal"')
-    assert i_ant < i_acq < i_cal
+    i_sorg = PAGINA.index('id="sezioneSorgente"')
-    # Sorgente e Parametri nel pannello Acquisizione, la calibrazione in quello Calibrazione
+    i_ant = PAGINA.index('id="sezioneAnteprima"')
-    assert i_acq < PAGINA.index('id="sezioneSorgente"') < PAGINA.index('id="sezioneParametri"') < i_cal
+    i_riq = PAGINA.index('id="riquadri"')
+    assert i_acq < i_sorg < i_ant < i_riq < PAGINA.index('id="sezioneParametri"') < i_cal
     assert PAGINA.index('id="sezioneCalibrazione"') > i_cal
+    # barra: casella calibrata e mirino; la vecchia casella «Immagine grezza» non c'e' piu'
+    assert 'id="mostraCal"' in PAGINA and "Attiva calibrazione" in PAGINA
+    assert 'id="grezzo"' not in PAGINA and "Immagine grezza (senza correzione)" not in PAGINA
+    # riquadri: «Immagine» sempre visibile, «Calibrata» nascosta finche' la casella e' spenta
+    assert re.search(r'<div class="riquadro" id="riquadroCal" hidden>', PAGINA)
+    assert "grezzo: true" in PAGINA
 
 
 def test_id_del_pannello_calibrazione():
     ids = set(re.findall(r'id="([^"]+)"', PAGINA))
-    attesi = {"calSorgente", "origSorgente", "origFile", "scegliFile", "file", "quadrato", "acquisisci",
+    attesi = {"calSorgente", "quadrato", "acquisisci", "nomeCal", "salva", "msgSalva", "calibrazioni",
-              "nomeCal", "salva", "msgSalva", "calibrazioni", "msgElenco", "stato", "risultato", "overlay"}
+              "msgElenco", "stato", "risultato", "overlay",
+              "caricaImmagine", "fileImmagine", "rimuoviImmagine", "riquadroCal", "immagineCal", "mirinoCal"}
     assert attesi <= ids, attesi - ids
     usati = set(re.findall(r'\$\("([^"]+)"\)', PAGINA))
     assert usati <= ids, usati - ids
     assert len(re.findall(r'id="([^"]+)"', PAGINA)) == len(ids)  # nessun id doppio
 
 
+def test_calibrazione_senza_file_ne_radio():
+    # #92: l'immagine da file e' una sorgente di acquisizione, non un'opzione della calibrazione
+    for sparito in ("origFile", "origSorgente", "scegliFile", "nomeFile", 'type="radio"', "Immagine da file", "Sorgente selezionata"):
+        assert sparito not in PAGINA, sparito
+    # l'unico input file e' nella sezione Sorgente, in cima alla tab Acquisizione
+    assert PAGINA.count('type="file"') == 1
+    assert PAGINA.index('type="file"') < PAGINA.index('id="pannelloCal"')
+    assert "immagine grezza dalla tab Acquisizione" in PAGINA
+    # il calcolo manda solo la sorgente (e il lato), mai il file
+    assert 'f.append("source", sorgente)' in PAGINA and 'f.append("image"' not in PAGINA.split("async function calcola")[1].split("async function salvaNome")[0]
+
+
 def test_testi_del_pannello():
-    for testo in ("Sorgente selezionata", "Immagine da file", "Scegli immagine...", "Calcola",
+    for testo in ("Camera o immagine", "Carica immagine da file...", "Rimuovi immagine", "Calcola",
-                  "Calibrazioni salvate", "si cambia nella tab Acquisizione", "risoluzione diversa",
+                  "Calibrazioni salvate", "risoluzione diversa", "Calibrata",
-                  "Carica", "Elimina", "Scollega", "Sovrascrivi «", "Clic ancora", "Nome"):
+                  "Carica", "Elimina", "Scollega", "Sovrascrivi «", "Clic ancora", "Nome",
+                  "calibrata: ", "non calibrata"):
         assert testo in PAGINA, testo
 
 
 def test_rotte_del_contratto():
     for rotta in ("/camera/calibrazioni", "/camera/calibrazione-attiva", "/camera/calibrate",
-                  "/camera/calibration?source="):
+                  "/camera/calibration?source=", "/camera/immagini", "/camera/immagini?nome=",
+                  "/camera/anteprima/calibrata"):  # #92
         assert '"' + rotta in PAGINA, rotta
     for parola in ("calcolo_id", "sovrascrivi", "method: \"PUT\"", "method: \"DELETE\"", "X-Larghezza", "X-Altezza"):
         assert parola in PAGINA, parola
@@ -65,7 +86,7 @@ def test_nessuna_finestra_del_browser_e_offline():
 
 def test_acquisizione_di_87_90_conservata():
     # anteprima, indicatori, mirino, grezzo, parametri camera e ciclo a 100 ms restano
-    for parola in ("Parametri camera", "Immagine grezza (senza correzione)", "Mirino centrale",
+    for parola in ("Parametri camera", "Mirino centrale",
                    "Math.max(100 - (Date.now() - t0), 0)", "/camera/anteprima", "/camera/parametri"):
         assert parola in PAGINA, parola
 
@@ -75,3 +96,48 @@ def test_pagina_stretta():
     # #91: elenco a schede, niente tabella larga ne' scorrimento orizzontale
     assert 'id="calibrazioni" class="elenco"' in PAGINA and "overflow-x" not in PAGINA
     assert "Lettura dei parametri..." in PAGINA
+
+
+def test_ciclo_non_sospeso_nella_tab_calibrazione():
+    # #94: il ciclo non si ferma piu' entrando in Calibrazione (prima #92: A.riprendi); Calcola senza blocco aspetta le richieste in volo
+    assert "A.riprendi" not in PAGINA
+    calcola = PAGINA.split("async function calcola")[1].split("async function salvaNome")[0]
+    assert "fermaAnteprima();" in calcola and "A.inVolo) await pausa(50)" in calcola
+
+
+def test_calibrata_dopo_anteprima_e_dopo_carica():
+    # #92: la calibrata segue ogni anteprima grezza riuscita e si aggiorna dopo Carica/Scollega; 404/409 al posto dell'immagine
+    assert "await aggiornaCalibrata(lato);" in PAGINA
+    assert PAGINA.count("aggiornaCalibrata();") >= 3
+    assert "messaggioCalibrata(await dettaglio(r))" in PAGINA
+    assert 'decodeURIComponent(r.headers.get("X-Calibrazione")' in PAGINA
+
+
+def test_elenco_sorgenti_senza_attese_e_calibrata_solo_se_serve():
+    # #92: la voce dell'immagine caricata si aggiunge in pagina (niente rilettura dell'elenco); «Aggiorna» forza la ricerca camere
+    assert "aggiungiSorgente(j);" in PAGINA and "caricaSorgenti(j.source)" not in PAGINA
+    assert 'id="aggiornaSorgenti"' in PAGINA and ">Aggiorna</button>" in PAGINA
+    assert '"?aggiorna=true"' in PAGINA
+    # nessuna calibrazione attiva: il riquadro lo dice senza chiamare il servizio; dopo un 409 non si richiede piu'
+    assert "if (A.calAttiva === false)" in PAGINA
+    assert "nessuna calibrazione attiva su questa sorgente" in PAGINA
+    assert "if (r.status === 409) A.bloccoCal = true;" in PAGINA and "if (A.bloccoCal) return;" in PAGINA
+    assert PAGINA.count("A.bloccoCal = false;") >= 3  # cambio sorgente, Carica, Scollega
+
+
+def test_attiva_calibrazione_con_scelta_e_conferma():
+    # #93: sotto la calibrata una combo e CONFERMA; la casella cambia nome
+    for i in ('id="sceltaCal"', 'id="confermaCal"', 'id="msgSceltaCal"'):
+        assert i in PAGINA, i
+    assert "Attiva calibrazione" in PAGINA and ">CONFERMA</button>" in PAGINA
+    assert "Mostra immagine calibrata" not in PAGINA
+    assert PAGINA.index('id="riquadroCal"') < PAGINA.index('id="sceltaCal"') < PAGINA.index('id="confermaCal"') < PAGINA.index('id="msgSceltaCal"')
+    # il gestore di CONFERMA usa PUT calibrazione-attiva (via caricaNome) o DELETE calibration (via scollega), messaggio sotto la calibrata
+    gestore = PAGINA[PAGINA.index('$("confermaCal").onclick'):]
+    gestore = gestore[:gestore.index("};")]
+    assert 'caricaNome(nome, "msgSceltaCal")' in gestore and 'scollega("msgSceltaCal")' in gestore
+    assert 'method: "PUT"' in PAGINA and "/camera/calibrazione-attiva" in PAGINA
+    assert 'method: "DELETE"' in PAGINA and '"/camera/calibration?source="' in PAGINA
+    # voce vuota «nessuna», suffisso di risoluzione, combo ridisegnata con l'elenco e spenta senza sorgente
+    assert "— nessuna (non calibrata) —" in PAGINA and "— risoluzione diversa" in PAGINA
+    assert "disegnaSceltaCal();" in PAGINA and "= !$(\"sorgente\").value" in PAGINA