feat: Complete redesign and modernization of PutWindow component

[Champii]

🎨 Complete PutWindow Redesign and Modernization

This PR completely redesigns and modernizes the PutWindow component, transforming it from the outdated first window into a professional, user-friendly upload interface that follows the established MutAnt design system.

✨ Key Features

Enhanced User Flow

• ✅ Immediate File Dialog: Upload button now immediately opens system file dialog
• ✅ Auto-populated Form: File selection automatically fills filename and starts daemon transfer
• ✅ Two-Phase Progress: Clear separation between browser→daemon and daemon→network uploads
• ✅ Smart State Management: Upload button only enables after file transfer completes

Modern UI Components

• ✅ File Information Section: Prominent display with file type icons, size, and details
• ✅ Clear Upload Mode Selection: Visible public/private radio buttons (not hidden)
• ✅ Collapsible Advanced Settings: Chunk size, storage mode, no-verify options
• ✅ Professional Progress Indicators: Color-coded phases with real-time updates

Design System Integration

• ✅ Professional Aesthetic: Sober, techy look with fluorescent orange, blue, green accents
• ✅ Visual Hierarchy: Clear section separation with consistent spacing and typography
• ✅ fs-tree Design Language: Follows established patterns and styling
• ✅ Modern Components: Styled section groups, info frames, progress bars

🔧 Technical Improvements

Enhanced Components

• New Progress Components: file_transfer_progress() and network_upload_progress()
• Theme System Extensions: Added section groups, info frames, and headers
• File Type Detection: Smart icon and color mapping system
• State Management: Proper validation and error handling

Architecture

• Modular Design: Separated UI into focused section methods
• Clean Code: Avoided unsafe patterns, proper error handling
• Reusable Components: Created components for future use
• Performance: Efficient state updates and rendering

📱 User Experience

Before

• Manual file selection after opening window
• Basic progress display
• Hidden upload options
• Inconsistent styling

After

• Immediate file dialog on upload click
• Professional two-phase progress tracking
• Clear, visible upload mode selection
• Modern, consistent design throughout

🎯 Files Changed

• mutant-web/src/app/put.rs: Complete component redesign with modern UI sections
• mutant-web/src/app/fs_window.rs: Updated to trigger immediate file dialog
• mutant-web/src/app/components/progress.rs: Added modern styled progress components
• mutant-web/src/app/theme.rs: Extended theme system with new styling functions
• mutant-web/src/app/window_system.rs: Fixed unstable feature usage
• mutant-web/src/lib.rs: Removed unnecessary feature flag

🧪 Testing

• ✅ Compilation: All code compiles successfully
• ✅ Build: Full project builds without errors
• ✅ Design Consistency: Follows established patterns
• ✅ State Management: Proper validation and error handling

📸 UI Sections Implemented

1. File Information Section: Professional file display with icons
2. Key Name Input: Clean input with validation
3. Upload Mode Selection: Clear public/private choice
4. Advanced Settings: Collapsible configuration options
5. Progress Display: Two-phase upload tracking
6. Completion Screen: Professional results with copy functionality
7. Error Handling: Graceful error display

🚀 Impact

This redesign transforms the upload experience from a basic, outdated interface into a modern, professional tool that:

• Reduces user friction with immediate file selection
• Provides clear feedback through detailed progress tracking
• Maintains design consistency with the rest of MutAnt
• Offers advanced configuration options when needed
• Handles errors gracefully with professional messaging

The new PutWindow sets the standard for modern UI components in the MutAnt ecosystem and provides a foundation for future component development.

---

Pull Request opened by Augment Code with guidance from the PR author

[Copilot]

Pull Request Overview

This PR completely redesigns the PutWindow component and modernizes related parts of the application to improve user experience and visual consistency. Key changes include updating the window system to simplify sender usage, integrating modern themed UI components and progress indicators, and triggering an immediate file dialog upon creating a Put tab.

Reviewed Changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
mutant-web/src/lib.rs	Removed an unstable feature flag no longer needed.
mutant-web/src/app/window_system.rs	Refactored sender usage from a write-lock mapping to a read-lock with cloning.
mutant-web/src/app/theme.rs	Introduced new theming functions for styled sections and frames.
mutant-web/src/app/fs_window.rs	Updated to trigger an immediate file dialog when adding a Put tab.
mutant-web/src/app/components/progress.rs	Added modern, detailed progress components for file transfers.

Comments suppressed due to low confidence (1)

mutant-web/src/app/window_system.rs:81

• Review the change from using a write-lock mapping to a read-lock with cloning; ensure that cloning the sender aligns with the intended single-writer semantics and does not inadvertently allow multiple concurrent sender instances.

fn new_window_tx() -> futures::channel::mpsc::Sender<WindowType> {

[Copilot]

[nitpick] Consider reusing the existing styled_progress_bar utility to construct the progress bar for consistency across components, unless the deviation is intentional.

Suggested change

	let progress_bar = ProgressBar::new(completion)
	.fill(MutantColors::ACCENT_BLUE)
	.animate(true);
	let progress_bar = styled_progress_bar(completion, None, Some(MutantColors::ACCENT_BLUE));