Update app.py

app.py

@@ -113,7 +113,7 @@ class DicomAnalyzer:
                              (display_x, display_y),
                              display_diameter // 2,
                              (0, 255, 255),  # Yellow in BGR
-                             1,
+                             2,  # Increased thickness
                              lineType=cv2.LINE_AA)
 
             # Extract visible portion
@@ -130,6 +130,7 @@ class DicomAnalyzer:
     def handle_keyboard(self, key):
         """Handle keyboard inputs for pan"""
         try:
+            print(f"Handling key press: {key}")  # Debug print
             # Pan amount depends on zoom level
             pan_amount = int(20 * self.zoom_factor)
             
@@ -274,7 +275,7 @@ def create_interface():
             
         results_display = gr.Textbox(label="Results", interactive=False)
         file_output = gr.File(label="Download Results")
-        key_press = gr.Textbox(visible=False)  # Hidden textbox for keyboard events
+        key_press = gr.Textbox(visible=False, elem_id="key_press")  # Added elem_id
         
         # Instructions
         gr.Markdown("""
@@ -326,8 +327,9 @@ def create_interface():
         
         key_press.change(
             fn=analyzer.handle_keyboard,
-            inputs=[key_press],
-            outputs=[image_display]
+            inputs=key_press,
+            outputs=image_display,
+            api_name="handle_keyboard"
         )
         
         blank_btn.click(
@@ -353,17 +355,19 @@ def create_interface():
             outputs=[file_output, results_display]
         )
 
-        # Add JavaScript for keyboard handling
+        # Updated JavaScript for keyboard handling
         gr.HTML("""
         <script>
-        function handleKey(e) {
+        document.addEventListener('keydown', function(e) {
             if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(e.key)) {
                 e.preventDefault();
-                document.querySelector('#key_press textarea').value = e.key;
-                document.querySelector('#key_press textarea').dispatchEvent(new Event('input'));
+                const keyPressElement = document.querySelector('#key_press textarea');
+                if (keyPressElement) {
+                    keyPressElement.value = e.key;
+                    keyPressElement.dispatchEvent(new Event('input'));
+                }
             }
-        }
-        document.addEventListener('keydown', handleKey);
+        });
         </script>
         """)