Enhanced all NetIfyd LuCI views with improved UX, live status, and better data visualization following modern dashboard patterns. ## Flows View (flows.js) - Complete Rewrite: - Redesigned from individual flow tracking to aggregated flow analytics - Added 4 gradient metric cards: Total, Active, Expired, Purged flows - New interface activity table showing TCP/UDP/ICMP packets per interface - Protocol distribution section with visual progress bars and percentages - Pause/Resume button for real-time updates - Information panel explaining flow data limitations - 3-second refresh interval for real-time monitoring ## Applications View (applications.js) - Enhanced: - Added live service status badge (green "Live" / red "Offline") - Implemented search filter for application names - Reduced refresh interval from 10s to 5s for faster updates - Improved header layout with better spacing - Added visual feedback with loading states - Color-coded application indicators with percentage bars ## Devices View (devices.js) - Enhanced: - Added live service status badge matching applications view - Implemented search filter for IP addresses and MAC addresses - Reduced refresh interval from 10s to 5s - Enhanced header with modern layout - Better device list presentation with last-seen timestamps - Traffic distribution visualization with upload/download bars ## Settings View (settings.js) - Enhanced: - Added comprehensive configuration guide section - Included recommended configuration best practices - Added performance considerations and warnings - Flow Export explanation for advanced users - Links to external documentation (Netify.ai) - Visual improvements to service status banner - Better organized help information with icons ## Technical Improvements: - All views handle empty data gracefully with informative messages - Consistent modern UI design across all views - Better error handling and user feedback - Improved polling efficiency with proper container creation - Responsive layouts that work on mobile devices ## Testing: - Deployed and tested on OpenWrt 23.05 with NetIfyd 5.2.1 - Verified RPC backend compatibility - Confirmed graceful degradation when flow export disabled - Validated live status indicators and refresh mechanisms 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| secubox | ||