Usa screenshot di pagina come sfondo heatmap al posto dell’iframe.

Cattura periodica client-side (con consenso), storage ActiveStorage e overlay allineato all’immagine.

Co-authored-by: Cursor <cursoragent@cursor.com>

backend/public/admin.css

@@ -962,22 +962,29 @@ body.admin-body {
 
 .admin-heatmap-stage {
   position: relative;
-  overflow: hidden;
+  overflow: auto;
+  width: 100%;
   min-height: 70vh;
   max-height: 85vh;
   border: 1px solid var(--card-border);
   border-radius: 10px;
-  background: #111;
+  background: #d7dbe2;
 }
 
-.admin-heatmap-frame {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  border: 0;
+.admin-heatmap-scaler {
+  position: relative;
+  transform-origin: top left;
   background: #fff;
+  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
+}
+
+.admin-heatmap-shot {
+  display: block;
+  width: 100%;
+  height: auto;
+  vertical-align: top;
   pointer-events: none;
+  user-select: none;
 }
 
 .admin-heatmap-fallback {
@@ -1003,9 +1010,8 @@ body.admin-body {
 
 .admin-heatmap-overlay {
   position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
+  left: 0;
+  top: 0;
   z-index: 1;
   pointer-events: none;
 }