Add Inline Diff Panel Click Outside to Close Functionality

- Implemented a feature to close the inline diff panel when clicking outside of it, enhancing user interaction by allowing access to other UI elements without manual closure.
- This addition improves the overall usability of the inline diff feature, ensuring a smoother experience when navigating the application.

Author: donvito

renderer.js

@@ -1012,6 +1012,14 @@ document.addEventListener('DOMContentLoaded', () => {
   inlineDiffReject.addEventListener('click', () => closeInlineDiff('reject'));
   inlineDiffAccept.addEventListener('click', () => closeInlineDiff('accept'));
 
+  // Close panel when clicking outside of it (allows clicking tabs, sidebar, etc.)
+  document.addEventListener('mousedown', (e) => {
+    if (inlineDiffPanel.classList.contains('hidden')) return;
+    if (!inlineDiffPanel.contains(e.target)) {
+      closeInlineDiff('reject');
+    }
+  });
+
   // Keyboard shortcuts for inline diff
   document.addEventListener('keydown', (e) => {
     if (inlineDiffPanel.classList.contains('hidden')) return;