undo option

fmoreno-tsyl · fmoreno-tsyl · commit 51cb3f7bb9a1 · 2026-02-13T22:53:13.000+01:00
diff --git a/js/annotation_editor.html b/js/annotation_editor.html
@@ -301,6 +301,17 @@
             width: 20px;
             height: 20px;
         }
+
+        .tool-button:disabled {
+            opacity: 0.3;
+            cursor: not-allowed;
+            pointer-events: none;
+        }
+
+        .tool-button:disabled:hover {
+            transform: none;
+            background: var(--color-surface);
+        }
     </style>
 </head>
 <body>
@@ -310,6 +321,7 @@
             <div class="shortcuts">
                 <span><span class="shortcut-key">A</span> Arrow</span>
                 <span><span class="shortcut-key">R</span> Rectangle</span>
+                <span><span class="shortcut-key">Ctrl+Z</span> Undo</span>
                 <span><span class="shortcut-key">Esc</span> Cancel</span>
                 <span><span class="shortcut-key">Ctrl+Enter</span> Save</span>
             </div>
@@ -332,6 +344,12 @@
                         <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
                     </svg>
                 </button>
+                <button class="tool-button" id="undo-button" data-tooltip="Undo (Ctrl+Z)" disabled>
+                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <polyline points="1 4 1 10 7 10"></polyline>
+                        <path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path>
+                    </svg>
+                </button>
             </div>
 
             <div class="toolbar-section">
diff --git a/js/annotation_editor.js b/js/annotation_editor.js
@@ -36,6 +36,19 @@
         img.src = screenshotDataUrl;
     }
 
+    // Undo last annotation
+    function undo() {
+        if (annotations.length === 0) return;
+        annotations.pop();
+        redrawCanvas();
+        updateUndoButton();
+    }
+
+    // Enable/disable undo button based on annotations count
+    function updateUndoButton() {
+        document.getElementById('undo-button').disabled = annotations.length === 0;
+    }
+
     // Redraw canvas with base image and all annotations
     function redrawCanvas() {
         // Clear canvas
@@ -168,6 +181,7 @@
         }
 
         redrawCanvas();
+        updateUndoButton();
     });
 
     // Tool selection
@@ -185,6 +199,9 @@
         canvas.className = 'tool-rectangle';
     });
 
+    // Undo button
+    document.getElementById('undo-button').addEventListener('click', undo);
+
     // Action buttons
     document.getElementById('save-with-annotations').addEventListener('click', () => {
         // Get final canvas as data URL
@@ -228,6 +245,9 @@
             document.getElementById('arrow-tool').click();
         } else if (e.key === 'r' || e.key === 'R') {
             document.getElementById('rectangle-tool').click();
+            } else if (e.key === 'z' && (e.ctrlKey || e.metaKey)) {
+            e.preventDefault();
+            undo();
         } else if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
             document.getElementById('save-with-annotations').click();
         }
diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Exploratory Testing Extension",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "description": "Chrome extension for exploratory testing",
   "permissions": [
     "storage",

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"manifest_version": 3,`
`3`	`3`	`"name": "Exploratory Testing Extension",`
`4`		`- "version": "4.0.1",`
	`4`	`+ "version": "4.1.0",`
`5`	`5`	`"description": "Chrome extension for exploratory testing",`
`6`	`6`	`"permissions": [`
`7`	`7`	`"storage",`