Add Enhanced Visual Grid Screenshot and Coordinate-Based Clicking with Streamlined UI and Real-Time Feedback

README.md

@@ -510,6 +510,71 @@ Captures a screenshot of the current page.
 }
 ```
 
+### take_grid_screenshot
+Captures a screenshot with coordinate grid overlay for visual reference and element targeting.
+
+**Parameters:**
+- `grid_spacing`: Pixels between grid lines
+  - Type: number
+  - Default: 50
+- `target_identification_mode`: Overlay mode for element targeting and grid display
+  - Type: string (enum)
+  - Enum: ["coordinates", "clickables", "numbered_elements"]
+  - Default: "coordinates"
+- `outputPath` (optional): Path where to save the screenshot. If not provided, returns base64 data.
+  - Type: string
+
+**Example:**
+```json
+{
+  "tool": "take_grid_screenshot",
+  "parameters": {
+    "grid_spacing": 50,
+    "target_identification_mode": "coordinates",
+    "outputPath": "/path/to/grid_screenshot.png"
+  }
+}
+```
+
+### click_at_coordinates
+Clicks at specific x,y coordinates on the viewport, enabling precise coordinate-based interactions.
+
+**Parameters:**
+- `x` (required): X coordinate (horizontal position in pixels)
+  - Type: number
+- `y` (required): Y coordinate (vertical position in pixels)
+  - Type: number
+- `relative_to`: Coordinate reference point
+  - Type: string
+  - Enum: ["viewport", "center"]
+  - Default: "viewport"
+- `scroll_if_needed`: Auto-scroll if coordinates are outside viewport
+  - Type: boolean
+  - Default: true
+
+**Examples:**
+```json
+// Click at absolute viewport coordinates
+{
+  "tool": "click_at_coordinates",
+  "parameters": {
+    "x": 250,
+    "y": 150,
+    "relative_to": "viewport"
+  }
+}
+
+// Click relative to viewport center
+{
+  "tool": "click_at_coordinates",
+  "parameters": {
+    "x": -50,
+    "y": 25,
+    "relative_to": "center"
+  }
+}
+```
+
 ### close_session
 Closes the current browser session and cleans up resources.