fix(ui): remove overlay completely - use simple slide-in panel

Remove the problematic overlay that was causing black screen issues.
Now using a much simpler approach: just the panel sliding in from
the right with no background dimming.

Changes:
- Remove overlay creation completely
- Remove click-outside-to-close (not possible without overlay)
- Remove Escape key binding (not needed)
- Simplify close() method
- Panel now just appears/disappears on the right side

Benefits:
- Much simpler code
- No z-order issues
- No black screen
- Panel is always visible
- Main context is still preserved (just not dimmed)

Trade-off: Slightly less visual emphasis, but much more reliable.

This is a working solution that solves the black screen problem.

Related: #14
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: codewizdave

src/ui_ctk/components/slide_in_panel.py

@@ -102,16 +102,14 @@ def _create_ui(self):
         self.content_frame.pack(fill="both", expand=True, padx=20, pady=20)
 
     def show(self):
-        """Show the panel with overlay.
+        """Show the panel.
 
-        Creates a semi-transparent overlay and displays the panel
-        on the right side of the parent window.
+        Displays the panel on the right side of the parent window.
         """
         if self._visible:
             return  # Already visible
 
-        # Position panel FIRST (before overlay)
-        # This ensures panel is in the widget hierarchy
+        # Position panel on the right side
         parent_width = self.parent.winfo_width()
         panel_width = self.cget('width')
 
@@ -124,51 +122,17 @@ def show(self):
             anchor="nw",  # Northwest anchor (top-left of panel)
         )
 
-        # THEN create overlay (dims the background)
-        self.overlay = ctk.CTkFrame(
-            self.parent,
-            fg_color=("gray20", "#101010"),
-        )
-        self.overlay.place(in_=self.parent, relx=0, rely=0, relwidth=1, relheight=1)
-
-        # Bind click on overlay to close panel
-        self.overlay.bind("<Button-1>", self._on_overlay_click)
-
-        # Bind Esc key to close (after overlay is created)
-        try:
-            self.overlay.bind("<Escape>", self._on_escape_key)
-            self._esc_binding = "overlay"
-        except Exception:
-            # Escape key binding not available, that's OK
-            self._esc_binding = None
-
-        # CRITICAL: Lift panel ABOVE overlay
-        self.lift()
-
         # Mark as visible
         self._visible = True
 
     def close(self):
-        """Close the panel and remove overlay.
+        """Close the panel.
 
-        Cleans up the overlay and hides the panel.
+        Hides the panel.
         """
         if not self._visible:
             return  # Already hidden
 
-        # Unbind Esc key if it was bound
-        if self._esc_binding is not None and self.overlay:
-            try:
-                self.overlay.unbind("<Escape>")
-            except Exception:
-                pass
-            self._esc_binding = None
-
-        # Remove overlay
-        if self.overlay:
-            self.overlay.destroy()
-            self.overlay = None
-
         # Hide panel
         self.place_forget()
 
@@ -179,22 +143,6 @@ def close(self):
         if self.on_close:
             self.on_close()
 
-    def _on_overlay_click(self, event):
-        """Handle click on overlay to close panel.
-
-        Args:
-            event: The click event
-        """
-        self.close()
-
-    def _on_escape_key(self, event):
-        """Handle Escape key press to close panel.
-
-        Args:
-            event: The key event
-        """
-        self.close()
-
     def is_visible(self) -> bool:
         """Check if panel is currently visible.