- Added viewMode prop to FileManagerGrid component
- Implemented list view layout with detailed file information
- Updated icon sizing for different view modes (8px for grid, 6px for list)
- Added proper file metadata display in list view (size, permissions, modified date)
- Connected view mode state from FileManagerModern to FileManagerGrid
- Both grid and list view buttons now fully functional
🧭 Navigation System Overhaul:
- Replace broken browser history navigation with proper file system navigation
- Implement intelligent directory history tracking with forward/backward support
- Add smart button state management with auto-disable when not applicable
🔧 Button Fixes:
- Back button (<): Now navigates to previously visited directories
- Forward button (>): Restores navigation after going back
- Up button (↑): Properly constructs parent directory paths
- Refresh button: Fixed icon from Download to RefreshCw
🎯 Smart Button States:
- Back/Forward buttons auto-disable when no history available
- Up button disables at root directory (/)
- Visual feedback with opacity changes for disabled states
- Proper hover effects and accessibility
🧠 Navigation History Logic:
- Automatic history tracking when directories change
- History index management for proper back/forward behavior
- Clean path construction with correct separator handling
- Memory-efficient history management
The file manager now provides desktop-class navigation experience
matching modern file explorers like Windows Explorer or macOS Finder.
Major fixes that make the modern file manager fully functional:
🔧 Core Issues Fixed:
- File selection bug: All files showing as selected when only one was clicked
- SSH connection not established: 400 errors when loading directories
- File path undefined: Backend data missing proper path construction
🎯 File Selection Fix:
- Root cause: All file.path values were 'undefined', causing path comparison
to always return true ('undefined' === 'undefined')
- Solution: Manually construct file paths from currentPath + fileName
- Result: Proper single/multi/range selection now works correctly
🔗 SSH Connection Enhancement:
- Added comprehensive connection status checking before operations
- Implemented automatic reconnection on connection failures
- Enhanced error handling with detailed logging and user feedback
- Added connection parameter validation and debugging
🛠️ Technical Improvements:
- Enhanced useFileSelection hook with safer state management
- Added extensive debugging logs for file operations and path construction
- Improved error messages and user feedback across all operations
- Robust file path building matching traditional file manager logic
The modern file manager now provides a fully functional, desktop-class
file management experience with proper selection, navigation, and operations.
Critical fixes to make the modern file manager functional:
- Fix SSH connection parameters: Pass complete config object to connectSSH()
instead of just host ID, resolving 'Missing SSH connection parameters' error
- Add missing 'New File' button with handleCreateNewFile functionality
- Implement handlePasteFiles and handleRenameFile placeholder functions
- Complete right-click context menu with all required event handlers
- Ensure proper SSH session establishment for backend communication
The modern file manager now properly connects to SSH hosts and can perform
basic file operations. Ready for incremental feature completion.
Major UI/UX improvements to replace clunky sidebar with modern grid layout:
- Add FileManagerModern component with grid-based file browser
- Implement drag-and-drop file upload with validation and progress
- Add comprehensive context menu with file operations (copy/cut/paste/delete)
- Create intelligent file selection system with multi-select support
- Add modern toolbar with search, view switching, and file operations
- Integrate seamless view switching between classic and modern interfaces
- Support keyboard shortcuts and accessibility features
- Add complete i18n support for all new interface elements
Technical components:
- FileManagerGrid: Grid layout with breadcrumb navigation
- FileManagerContextMenu: Right-click context menu system
- useFileSelection: Hook for managing file selection state
- useDragAndDrop: Hook for handling drag-and-drop operations
- View switching logic integrated into main FileManager component
The modern interface is now the default while maintaining backward compatibility.
Users can switch between modern and classic views seamlessly.
- Fix SSH authentication by ensuring all database operations use EncryptedDBOperations for automatic encryption/decryption
- Resolve SSH connection failures caused by encrypted password data being passed to authentication
- Add comprehensive file download functionality for SSH file manager (Issue #228)
- Update database migration to add require_password column for SSH sessions
- Enhance debugging and logging for SSH connection troubleshooting
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
Users can now choose whether to require a password when saving SSH sessions.
A new "Require Password" toggle has been added to the password authentication
tab, allowing sessions to be saved without entering a password when disabled.
- Add requirePassword boolean field to SSH host schema (defaults to true)
- Update form validation to conditionally require password based on setting
- Add "Require Password" toggle with description in Host Manager UI
- Update all backend SSH routes to handle requirePassword field correctly
- Add translations for new UI elements in English and Chinese
- Maintain full backward compatibility with existing hosts
Resolves#118
- Add custom keyboard event handler for macOS Option key combinations
- Enable Option+7 to input pipe symbol (|) in Safari and Firefox
- Support additional special characters: @, €, [, ], commonly used on macOS
- Use both e.key and e.code for robust keyboard layout compatibility
- Only activate on macOS platform to avoid affecting other systems
- Maintain xterm.js native handling as primary with custom handler as fallback
Resolves GitHub Issue #41 where users couldn't type pipe symbol with Option+7 on Mac.
- Add intelligent migration requirement detection that checks for actual unencrypted data
- New databases without sensitive data no longer show false migration warnings
- Frontend now displays three states: completed, required, or not needed
- Fix TypeScript compilation errors in migration status checks
- Prevent unnecessary migration prompts for clean installations
This commit fixes critical issues with the database encryption system:
**Database Write Operations Fixed:**
- Modified credential creation/update operations to use EncryptedDBOperations
- Fixed SSH data and credential access to properly decrypt data
- All sensitive data writes now go through encryption layer
**Database Schema Migration:**
- Added missing columns (private_key, public_key, detected_key_type) to ssh_credentials table
- Fixed "no such column" SQLite errors during encrypted operations
**Application Startup Order:**
- Fixed DatabaseEncryption initialization timing issues
- Moved encryption-dependent modules to load after encryption initialization
- Prevents "DatabaseEncryption not initialized" errors
**Key Management Improvements:**
- Enhanced EncryptedDBOperations.insert() to return properly decrypted data with all fields
- Fixed TypeScript type issues with database insert operations
- Improved error handling for database encryption context
All credential operations now properly encrypt sensitive data including SSH keys,
passwords, and authentication tokens before writing to database.
- Add SSH key deployment endpoint supporting all authentication types
- Implement automatic credential resolution for credential-based hosts
- Add deployment UI with host selection and progress tracking
- Support password, key, and credential authentication methods
- Include deployment verification and error handling
- Add public key field to credential types and API responses
- Implement secure SSH connection handling with proper timeout
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Add optional passphrase input field in key generation container
- Implement AES-128-CBC encryption for protected private keys
- Auto-fill key password field when passphrase is provided
- Support passphrase protection for all key types (Ed25519, ECDSA, RSA)
- Enhance user experience with automatic form field population
- Replace complex PEM-to-SSH conversion logic with ssh2's generateKeyPairSync
- Add three key generation buttons: Ed25519, ECDSA P-256, and RSA
- Generate keys directly in SSH format (ssh-ed25519, ecdsa-sha2-nistp256, ssh-rsa)
- Fix ECDSA parameter bug: use bits (256) instead of curve for ssh2 API
- Enhance generate-public-key endpoint with SSH format conversion
- Add comprehensive key type detection and parsing fallbacks
- Add internationalization support for key generation UI
- Simplify codebase from 300+ lines to ~80 lines of clean SSH generation
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
- Add support for both private and public key storage
- Implement automatic SSH key type detection for all major formats (RSA, Ed25519, ECDSA, DSA)
- Add real-time key pair validation to verify private/public key correspondence
- Enhance credential editor UI with unified key input interface supporting upload/paste
- Improve file format support including extensionless files (id_rsa, id_ed25519, etc.)
- Add comprehensive fallback detection for OpenSSH format keys
- Implement debounced API calls for better UX during real-time validation
- Update database schema with backward compatibility for existing credentials
- Add API endpoints for key detection and pair validation
- Fix SSH2 module integration issues in TypeScript environment
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
Fixed two major credential management issues:
1. Fix SSH key upload button not responding (Issue #232)
- Error handling was silently swallowing exceptions
- Added proper error propagation in axios functions
- Improved error display to show specific error messages
- Users now see actual error details instead of generic messages
2. Improve credential editing to show actual content
- Both "Upload File" and "Paste Key" modes now display existing data
- Upload mode: shows current key content in read-only preview area
- Paste mode: shows editable key content in textarea
- Smart input method switching preserves existing data
- Enhanced button labels and status indicators
Key changes:
- Fixed handleApiError propagation in main-axios.ts credential functions
- Enhanced CredentialEditor.tsx with key content preview
- Improved error handling with console logging for debugging
- Better UX with clear status indicators and preserved data
These fixes resolve the "Add Credential button does nothing" issue
and provide full visibility of credential content during editing.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
ZacharyZcR
