From 57bd25237514fe6d0a739376a3ad45d0b45ed1e7 Mon Sep 17 00:00:00 2001
From: Adriano Dal Pastro <adrianodalpastro@tielogic.com>
Date: Mon, 11 May 2026 17:23:29 +0200
Subject: [PATCH] fix(gui+api): cleanup before merge
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Rename "TrovaUtensile" tab → "Cerca modello".
- Remove the "Precisione (ultime 5 detection)" stats panel and the
  "Dettagli" JSON dump from the grasp tab; keep hidden stubs so the
  existing app.js continuous-loop code doesn't null-deref.
- Add work_plane_routes to api/__init__.py imports + __all__ (consistency
  with the other routers).
- Trim the misleading "drag = pan · wheel = zoom · doppio click = reset"
  hint from the Calibrazione Piano RGB label — pan/zoom isn't wired.
- Disable wpClearBtn initially so it doesn't flash clickable before
  fetchSaved() resolves.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/presa_mano/api/__init__.py |  2 ++
 web/index.html                 | 26 +++++++++++---------------
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/presa_mano/api/__init__.py b/src/presa_mano/api/__init__.py
index 4a3a3f1..830b132 100644
--- a/src/presa_mano/api/__init__.py
+++ b/src/presa_mano/api/__init__.py
@@ -11,6 +11,7 @@ from . import (
     perception_routes,
     posture_routes,
     robot_routes,
+    work_plane_routes,
     wrist_routes,
 )
 
@@ -23,5 +24,6 @@ __all__ = [
     "perception_routes",
     "posture_routes",
     "robot_routes",
+    "work_plane_routes",
     "wrist_routes",
 ]
diff --git a/web/index.html b/web/index.html
index 0f5fea8..e6e9c98 100644
--- a/web/index.html
+++ b/web/index.html
@@ -14,7 +14,7 @@
     <button class="tab" data-tab="agent">Assistente AI</button>
     <button class="tab" data-tab="ai-settings">Impostazioni AI</button>
     <button class="tab" data-tab="workplane">Calibrazione Piano</button>
-    <button class="tab" data-tab="grasp">TrovaUtensile</button>
+    <button class="tab" data-tab="grasp">Cerca modello</button>
     <button class="tab" data-tab="view3d">Vista 3D</button>
     <button class="tab" data-tab="ee">Movimento EE</button>
   </nav>
@@ -187,7 +187,7 @@
           <canvas id="wpOverlay" style="position:absolute;left:0;top:0;pointer-events:none"></canvas>
         </div>
       </div>
-      <div class="marker-info">RGB live · shift+drag = ROI · drag = pan · wheel = zoom · doppio click = reset</div>
+      <div class="marker-info">RGB live · shift+drag = ROI</div>
       <h3 style="margin-top:14px">Vista 3D (frame camera)</h3>
       <div class="canvas-wrap" style="width:min(100%,720px)">
         <canvas id="wp3dCanvas" width="720" height="360" style="display:block;background:#0a0d11;border:1px solid var(--border);border-radius:4px"></canvas>
@@ -209,7 +209,7 @@
         <div class="actions">
           <button id="wpFitBtn" class="primary" disabled>Calcola piano (preview)</button>
           <button id="wpSaveBtn" disabled>Salva piano</button>
-          <button id="wpClearBtn" class="danger">Rimuovi piano salvato</button>
+          <button id="wpClearBtn" class="danger" disabled>Rimuovi piano salvato</button>
         </div>
       </div>
 
@@ -265,21 +265,17 @@
         </div>
       </div>
 
-      <h3>Precisione (ultime <span id="statsWindow">5</span> detection)</h3>
-      <table class="stats" id="statsTable">
-        <thead>
-          <tr><th>asse</th><th>media [m]</th><th>σ [mm]</th><th>range [mm]</th><th>min</th><th>max</th></tr>
-        </thead>
-        <tbody>
+      <!-- Hidden DOM hooks consumed by app.js (Precisione + Dettagli UI removed). -->
+      <div style="display:none">
+        <span id="statsWindow">5</span>
+        <table id="statsTable"><tbody>
           <tr><td>x</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td></tr>
           <tr><td>y</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td></tr>
           <tr><td>z</td><td>—</td><td>—</td><td>—</td><td>—</td><td>—</td></tr>
-        </tbody>
-      </table>
-      <div id="statsMeta" class="marker-info">loop: inattivo</div>
-
-      <h3>Dettagli</h3>
-      <pre id="graspOut" class="log">(nessuna detection)</pre>
+        </tbody></table>
+        <div id="statsMeta"></div>
+        <pre id="graspOut"></pre>
+      </div>
     </div>
   </div>
 </section>