Update UI from terminal-focused aesthetic to a clean, professional
developer experience inspired by modern code editors. Improve typography,
color scheme, and component styling while simplifying interactive elements.
Implements a modern file browser with:
- Year-based organization for essays
- Topic-based grouping for AI content
- Keyboard navigation (j/k to navigate, o to open)
- Expandable/collapsible folders with animations
- Dark mode support
Implement vim-style keyboard shortcuts (j/k/o/g/G) for tree navigation.
Enhance file tree styling with focus states and folder indicators.
Add visual feedback for keyboard navigation and tab key focus.
Display file extensions with proper styling and prevent text selection.
Implement a hierarchical file browser with expandable folders and colored
file type indicators. Features include:
- Tree view styling with toggle functionality
- File extension badges with type-specific colors
- Grid/tree view toggle tabs in directory template
- Enhanced breadcrumb navigation with icons
- New API endpoint for retrieving directory structure
- Dark mode support for all tree components
Transform the UI from "Digital Zen Garden" to "Programmer's Dream Design"
with VS Code-inspired elements, enhanced code blocks, syntax highlighting,
and a file explorer sidebar. Includes responsive styling, dark mode
improvements, and contact page formatting enhancements.