chore: initialize git repository and update project configuration files

app.py

@@ -61,100 +61,15 @@ MODEL_FILENAME = "mambaeye_base_ft.pt"
 _GLOBAL_MODEL = None
 
 
-# --- HOVER SCRIPT INJECTION ---
-JS_HOVER_SCRIPT = """
-function() {
-    let overlay = document.getElementById('mamba-hover-overlay');
-    if (!overlay) {
-        overlay = document.createElement('div');
-        overlay.id = 'mamba-hover-overlay';
-        overlay.style.position = 'fixed';
-        overlay.style.pointerEvents = 'none';
-        overlay.style.border = '2px solid rgba(0, 102, 255, 0.8)';
-        overlay.style.backgroundColor = 'rgba(0, 102, 255, 0.2)';
-        overlay.style.zIndex = '99999';
-        overlay.style.display = 'none';
-        document.body.appendChild(overlay);
-    }
-
-    document.addEventListener('mousemove', (e) => {
-        let imgs = document.querySelectorAll('img');
-        let targetImg = null;
-        for (let img of imgs) {
-            if (img.closest('.gradio-image-hook')) {
-                if (img.src && !img.src.includes('data:image/svg')) {
-                    targetImg = img;
-                }
-            }
-        }
-        if (!targetImg) { overlay.style.display = 'none'; return; }
-        
-        let rect = targetImg.getBoundingClientRect();
-        if (e.clientX >= rect.left && e.clientX <= rect.right && e.clientY >= rect.top && e.clientY <= rect.bottom) {
-            let nw = targetImg.naturalWidth;
-            let nh = targetImg.naturalHeight;
-            if (nw === 0 || nh === 0) return;
-            
-            let cw = rect.width;
-            let ch = rect.height;
-            let imgRatio = nw / nh;
-            let containerRatio = cw / ch;
-            
-            let renderW, renderH, renderX, renderY;
-            if (imgRatio > containerRatio) {
-                renderW = cw;
-                renderH = cw / imgRatio;
-                renderX = 0;
-                renderY = (ch - renderH) / 2;
-            } else {
-                renderH = ch;
-                renderW = ch * imgRatio;
-                renderY = 0;
-                renderX = (cw - renderW) / 2;
-            }
-            
-            let relX = e.clientX - rect.left - renderX;
-            let relY = e.clientY - rect.top - renderY;
-            
-            if (relX >= 0 && relX <= renderW && relY >= 0 && relY <= renderH) {
-                let scale = renderW / nw;
-                let TARGET_CANVAS_SIZE = 512;
-                let ratio = Math.min(TARGET_CANVAS_SIZE / nw, TARGET_CANVAS_SIZE / nh);
-                
-                let origX = relX / scale;
-                let origY = relY / scale;
-                
-                let y_offset = (TARGET_CANVAS_SIZE - nw * ratio) / 2;
-                let x_offset = (TARGET_CANVAS_SIZE - nh * ratio) / 2;
-                
-                let canvas_y = origX * ratio + y_offset;
-                let canvas_x = origY * ratio + x_offset;
-                
-                let px = Math.floor(canvas_x / 16) * 16;
-                let py = Math.floor(canvas_y / 16) * 16;
-                
-                let start_orig_y = (py - y_offset) / ratio;
-                let start_orig_x = (px - x_offset) / ratio;
-                
-                let render_box_x = rect.left + renderX + start_orig_y * scale;
-                let render_box_y = rect.top + renderY + start_orig_x * scale;
-                
-                let size_scale = (16 / ratio) * scale;
-                
-                overlay.style.left = render_box_x + "px";
-                overlay.style.top = render_box_y + "px";
-                overlay.style.width = size_scale + "px";
-                overlay.style.height = size_scale + "px";
-                overlay.style.display = 'block';
-            } else {
-                overlay.style.display = 'none';
-            }
-        } else {
-            overlay.style.display = 'none';
-        }
-    });
+# --- FALLBACK CSS INJECTION ---
+# We use a CSS override to display a precision crosshair since custom dynamic HTML div overlays 
+# are deeply rejected by Gradio's internal Canvas shadow properties.
+CSS_STYLE = """
+.gradio-image-hook, .gradio-image-hook * {
+    cursor: crosshair !important;
 }
 """
+
 # -----------------------------
 
 def get_model():
@@ -258,18 +173,6 @@ def draw_patches_on_image(image_arr, positions, x_offset, y_offset, h, w):
         # Paste original color into the highlighted region
         patch_crop = orig_pil.crop(box)
         temp_img.paste(patch_crop, box)
-        
-        color = "red" if i == len(positions) - 1 else "blue"
-        draw.rectangle(box, outline=color, width=2)
-        
-        if i > 0:
-            prev_py, prev_px = positions[i-1]
-            prev_y = (prev_py - y_offset) / ratio
-            prev_x = (prev_px - x_offset) / ratio
-            
-            center_prev = (prev_y + orig_px_size / 2, prev_x + orig_px_size / 2)
-            center_curr = (orig_y + orig_px_size / 2, orig_x + orig_px_size / 2)
-            draw.line([center_prev, center_curr], fill="blue", width=2)
             
     return np.array(temp_img), positions
 
@@ -366,8 +269,9 @@ def process_click_inference(x_orig, y_orig, original_image, state):
     canvas_y = int(x_orig * ratio) + state['y_offset']
     canvas_x = int(y_orig * ratio) + state['x_offset']
     
-    px = (canvas_x // PATCH_SIZE) * PATCH_SIZE
-    py = (canvas_y // PATCH_SIZE) * PATCH_SIZE
+    # 1px flexible precision anchoring the patch directly onto the exact center click
+    px = max(0, min(int(canvas_x - PATCH_SIZE / 2), TARGET_CANVAS_SIZE - PATCH_SIZE))
+    py = max(0, min(int(canvas_y - PATCH_SIZE / 2), TARGET_CANVAS_SIZE - PATCH_SIZE))
     
     cur_loc = state['cur_location'].to(device) if state['cur_location'] is not None else None
     loc_tensor = torch.tensor([[px, py]], dtype=torch.long, device=device)
@@ -419,7 +323,7 @@ def on_clear(original_image):
     
     return grey_base_np, {"Cleared": 1.0}, init_state_for_image(original_image), "Selections cleared. Ready for new patch sequence."
 
-with gr.Blocks(title="MambaEye Interactive Demo") as demo:
+with gr.Blocks(title="MambaEye Interactive Demo", css=CSS_STYLE) as demo:
     gr.Markdown("# MambaEye Interactive Inference Demo")
     gr.Markdown("This interface incorporates the full **MambaEye-base** model natively.")
     
@@ -471,7 +375,5 @@ with gr.Blocks(title="MambaEye Interactive Demo") as demo:
         outputs=[input_image, model_output_label, state, status_text]
     )
     
-    demo.load(js=JS_HOVER_SCRIPT)
-
 if __name__ == "__main__":
     demo.launch(theme=gr.themes.Soft(), ssr_mode=False)