From af8d4d6fc4fa8d1d42be225c6648647eaff14743 Mon Sep 17 00:00:00 2001
From: Adriano Dal Pastro <adrianodalpastro@tielogic.com>
Date: Wed, 13 May 2026 10:10:35 +0200
Subject: [PATCH] =?UTF-8?q?feat(web):=20rebuild=20Cerca=20modello=20tab=20?=
 =?UTF-8?q?=E2=80=94=20model=20picker=20+=20result=20canvas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 web/index.html | 40 +++++++++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/web/index.html b/web/index.html
index 4dfeea2..3f92714 100644
--- a/web/index.html
+++ b/web/index.html
@@ -226,6 +226,7 @@
 </section>
 
 <!-- ============================== TROVA UTENSILE ============================== -->
+<!-- ============================== CERCA MODELLO ============================== -->
 <section class="panel" id="tab-grasp">
   <div class="grid-2">
     <div>
@@ -237,36 +238,41 @@
       <div class="kv">
         <label>Nuvola di <select id="graspObjectPick"><option value="">(top overall)</option></select></label>
         <label>Confidenza <input type="number" id="graspConf" value="0.5" step="0.05" min="0" max="1" /></label>
-        <label class="inline"><input type="checkbox" id="graspDryRun" checked /> Dry-run</label>
       </div>
       <div id="graspLegend" class="grasp-legend"></div>
       <div class="actions">
         <button id="detectBtn">Rileva oggetto</button>
         <button id="loopBtn">▶ Loop riconoscimento</button>
         <label class="inline" style="margin-left:8px"><input type="number" id="loopRateMs" value="500" min="100" step="50" style="width:80px"> ms</label>
-        <button id="planBtn" class="primary">Pianifica grasp</button>
-        <button id="executeBtn" class="primary">Esegui presa</button>
       </div>
     </div>
     <div>
-      <h2>Crop utensile</h2>
-      <div class="canvas-wrap small">
-        <canvas id="cropCanvas" width="320" height="240"></canvas>
+      <h2>Fit modello 3D</h2>
+      <div class="kv">
+        <label>Modello
+          <select id="findModelPick"><option value="">— carico ricette… —</option></select>
+        </label>
+        <button id="findRecipesRefreshBtn" class="ghost" title="Ricarica ricette">↻</button>
+      </div>
+      <div class="actions">
+        <button id="findBtn" class="primary" disabled>Trova</button>
       </div>
 
-      <h2>Nuvola punti oggetto (base frame)</h2>
-      <div class="scatter-row">
-        <div>
-          <div class="scatter-title">Top-down (X-Y)</div>
-          <canvas id="scatterXY" width="260" height="260"></canvas>
-        </div>
-        <div>
-          <div class="scatter-title">Laterale (X-Z)</div>
-          <canvas id="scatterXZ" width="260" height="260"></canvas>
-        </div>
+      <div id="findStatus" class="status-line">—</div>
+
+      <div class="canvas-wrap">
+        <canvas id="findResultCanvas" width="640" height="480"></canvas>
       </div>
 
-      <!-- Hidden DOM hooks consumed by app.js (Precisione + Dettagli UI removed). -->
+      <div class="kv">
+        <label class="inline"><input type="checkbox" id="findShowModel" checked> Punti modello (blu)</label>
+        <label class="inline"><input type="checkbox" id="findShowAccepted"> Punti accettati (verdi)</label>
+        <label class="inline"><input type="checkbox" id="findShowExcluded"> Punti esclusi (rossi)</label>
+      </div>
+
+      <pre id="findDetails" class="log small">—</pre>
+
+      <!-- DOM hooks dormienti consumati da app.js residuo. Tenuti per evitare null deref. -->
       <div style="display:none">
         <span id="statsWindow">5</span>
         <table id="statsTable"><tbody>