Issue #4 - Implement dynamic top toolbar

[zenocross]

Description

The top toolbar is permanently visible, consuming valuable screen space. Implement an auto-hide feature that hides the toolbar after a period of inactivity and shows it again when the mouse moves near the top of the screen.

Current Behavior

• Top toolbar is always visible
• Toolbar occupies screen space continuously
• No option to hide or minimize toolbar

Expected Behavior

• Toolbar automatically hides after 2 seconds of inactivity
• Toolbar reappears when mouse moves near the top edge of the screen
• Smooth fade/slide animation for hiding and showing
• Maintains full functionality when visible

Use Cases

• Maximize workspace: More screen real estate for files and applications
• Distraction-free mode: Cleaner interface for focused work
• Small screens: Especially beneficial for laptop and tablet users

Proposed Solution

Implement auto-hide behavior with:

• 2-second timeout before hiding
• Mouse proximity detection at top screen edge (e.g., top 50px)
• Smooth CSS transitions for show/hide animations
• Optional setting to toggle auto-hide on/off

Steps to Test

1. Open Puter desktop
2. Observe toolbar remains visible
3. Leave mouse idle for 2+ seconds
4. Toolbar should fade/slide out
5. Move mouse near top of screen
6. Toolbar should reappear

---

Download https://cap.so/ to record your screen (use Studio mode). Export as an mp4, and drag and drop into an issue comment below.