This PR introduces a comprehensive loading animation system with 5 unique fullscreen effects and multiple feature enhancements to improve user experience and security.
🎨 Loading Animation System
Five Distinct Animation Styles
Glitch (Cyberpunk/Signal Interference)
RGB color split layers with independent animation
Signal distortion bars with steps animation
Noise overlay and glitch blocks
Cyberpunk aesthetic with transparent background
Breathe (Elegant Dream)
12 floating light particles with complex motion paths
Multi-layer gradient background with smooth transitions
3 particle sizes (small/normal/large)
Soft blue/purple color palette
Typewriter (Retro Terminal)
ASCII character rain (9 columns)
CRT scanline effect
5 animated cursor trails
Green monochrome terminal aesthetic
CRT pixel grid simulation
Scanner (Matrix/Hacker)
Matrix-style binary digit rain (10 columns)
Dense grid background with flicker
Powerful scan beam with bright core
Random code fragments
Green/cyan hacker aesthetic
Pulse (Sonar/Radar)
5 concentric radar circles
Cross-hair grid lines
5 sonar pulse waves
8 blinking radar targets
Radar sweep rotation
Blue military tech aesthetic
Technical Features
Random 20% probability for each animation
Minimum duration control (600-800ms) to prevent flickering
Fullscreen immersive effects with layered visuals
CSS keyframes for optimal performance
Applied to SSH connections, file manager, and server monitoring
📦 File Management Enhancements
File Compression
Support for multiple formats: ZIP, TAR, TAR.GZ, TAR.BZ2, 7Z
Friendly error messages with format-specific instructions
Automatic detection of missing compression tools
Clear installation guidance for users
Archive Extraction
Support for ZIP, TAR, GZ, BZ2, XZ, 7Z, RAR formats
Visual progress feedback
Error handling with recovery suggestions
Maintains file permissions and structure
File Permissions Dialog
Visual permission editor with checkboxes
Owner, Group, Others permission sets
Numeric and symbolic notation display
Real-time permission calculation
File Color Coding
Different colors for file types (folders, images, archives, executables, etc.)
Improved visual scanning
Consistent across all file views
🖥️ Terminal Improvements
Command History Tracking
Persistent command history per SSH host
Search and filter functionality
Keyboard navigation (↑↓ arrows)
Delete individual commands
Command autocomplete based on history
Drag-to-Desktop Split Screen
Drag tabs to create split screen layouts
Flexible positioning (left/right/top/bottom)
Smooth animations
Works with terminals, file managers, and servers
🏠 Host Manager Enhancements
Direct Quick Actions
SSH Connection button
File Manager access
Server Status monitoring
Tab switching instead of disabling buttons
Folder Customization
Create custom folders in sidebar
Organize hosts by folders
Batch operations (move, delete)
Persistent folder structure
🔒 Security Improvements
Login Rate Limiting
Prevents brute force attacks
Configurable attempt limits
Automatic account lockout
Clear error messages
User Enumeration Fix
Consistent response times
Generic error messages
No timing attacks possible
🎨 UI/UX Improvements
Login Page Redesign
Split-screen cinematic layout
Diagonal line pattern background
Smooth TERMIX logo animations
Premium visual details
i18n support
Page Transitions
Smooth macOS-style transitions
Ripple effects
TERMIX logo animation during transitions
Premium feel and polish
Command Palette
Quick command access (Ctrl+K / Cmd+K)
Keyboard shortcuts display
i18n support
Fuzzy search
🌍 Internationalization
German language support
i18n for command palette
i18n for terminal customization
i18n for login stats
🛠️ Technical Improvements
Modularized server stats widget collectors
Enhanced error logging
Database encryption improvements
Removed empty catch blocks
Added proper error handling
Test Plan
Loading animations display correctly in all scenarios
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Summary
This PR introduces a comprehensive loading animation system with 5 unique fullscreen effects and multiple feature enhancements to improve user experience and security.
🎨 Loading Animation System
Five Distinct Animation Styles
Glitch (Cyberpunk/Signal Interference)
Breathe (Elegant Dream)
Typewriter (Retro Terminal)
Scanner (Matrix/Hacker)
Pulse (Sonar/Radar)
Technical Features
📦 File Management Enhancements
File Compression
Archive Extraction
File Permissions Dialog
File Color Coding
🖥️ Terminal Improvements
Command History Tracking
Drag-to-Desktop Split Screen
🏠 Host Manager Enhancements
Direct Quick Actions
Folder Customization
🔒 Security Improvements
Login Rate Limiting
User Enumeration Fix
🎨 UI/UX Improvements
Login Page Redesign
Page Transitions
Command Palette
🌍 Internationalization
🛠️ Technical Improvements
Test Plan
🤖 Generated with Claude Code