feat: close modal on Escape key press

- Add useEffect hook to listen for Escape keydown event
- Clean up listener on unmount to prevent memory leaks
- Add tests for Escape key behavior

Closes #14

Author: Ian Philpot

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vibe-playground",
   "productName": "Vibe Playground",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "description": "Terminal manager with integrated file browsing for multiple repositories",
   "main": ".webpack/main",
   "private": true,

src/renderer/components/HotkeyHelp/HotkeyHelp.test.tsx

@@ -73,4 +73,32 @@ describe('HotkeyHelp', () => {
     const rows = table?.querySelectorAll('tr');
     expect(rows?.length).toBe(7); // 7 shortcuts defined
   });
+
+  it('should call onClose when Escape key is pressed', () => {
+    const onClose = jest.fn();
+    render(<HotkeyHelp isOpen={true} onClose={onClose} />);
+    
+    fireEvent.keyDown(document, { key: 'Escape' });
+    
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+
+  it('should not respond to Escape key when modal is closed', () => {
+    const onClose = jest.fn();
+    render(<HotkeyHelp isOpen={false} onClose={onClose} />);
+    
+    fireEvent.keyDown(document, { key: 'Escape' });
+    
+    expect(onClose).not.toHaveBeenCalled();
+  });
+
+  it('should clean up event listener on unmount', () => {
+    const onClose = jest.fn();
+    const { unmount } = render(<HotkeyHelp isOpen={true} onClose={onClose} />);
+    
+    unmount();
+    fireEvent.keyDown(document, { key: 'Escape' });
+    
+    expect(onClose).not.toHaveBeenCalled();
+  });
 });

src/renderer/components/HotkeyHelp/HotkeyHelp.tsx

@@ -17,6 +17,19 @@ const shortcuts = [
 ];
 
 export function HotkeyHelp({ isOpen, onClose }: HotkeyHelpProps) {
+  React.useEffect(() => {
+    if (!isOpen) return;
+
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        onClose();
+      }
+    };
+
+    document.addEventListener('keydown', handleKeyDown);
+    return () => document.removeEventListener('keydown', handleKeyDown);
+  }, [isOpen, onClose]);
+
   if (!isOpen) return null;
 
   const handleOverlayClick = (e: React.MouseEvent) => {