Improve usability of dragging dropping files

[sergiobayona]

[Issue #131] Enhance Drag and Drop UX with Window-Wide Drop Zone

This PR implements an improved drag and drop experience by:

• Making the entire browser window act as a drop target
• Adding clear visual feedback during drag operations
• Handling edge cases like canceled drag operations

Implementation Details

The window now provides visual cues during drag interactions:

• Displays a thick dotted border around the inner window perimeter
• Dims the background color to indicate an active drag state
• Gracefully reverts visual state if drag is canceled

Demo

Video demonstration of the new drag and drop behavior

Note: Visual styling (border style, background opacity) can be adjusted based on feedback.

[krschacht]

This is awesome, thanks for doing this @sergiobayona! I tested locally and reviewed the code. It all looks good except I made some minor improvements to the styling in dark vs light mode.

It looks like our CI system is having some trouble so I'm working to resolve that and then I'll merge this in.

I'm curious, why did you start using HostedGPT and any notable plans with it?

[sergiobayona]

hey @krschacht glad to help. I think this project has a ton of potential. The chat interface is the first "point of contact" with AI for most people. Would love to share some ideas with you. I hang out at the Ruby AI Builders Discord. I see you're there as well. Will ping you and say hi.