feat: implement comprehensive diagnostics export system
Diagnostics Export Utility (diagnostics-export.ts):
- ComprehensiveDiagnostics interface with detailed system information
- System info: screen resolution, color depth, pixel ratio, viewport size
- Network info: connection type, effective type, downlink, RTT
- Storage info: localStorage, sessionStorage, IndexedDB, WebSQL availability
- Performance metrics: load time, memory usage, connection type
- Browser/WebView info: user agent, language, platform, hardware concurrency
- Error context: error state, messages, timestamps
- Plugin availability and status information
DiagnosticsExporter class:
- collectDiagnostics(): comprehensive data collection
- exportAsJSON(): formatted JSON export
- exportAsCSV(): CSV format for spreadsheet analysis
- copyToClipboard(): clipboard integration with format selection
- Performance timing and memory usage collection
- Storage availability testing
- Network connection detection
StatusView Integration:
- Updated to use comprehensive diagnostics collector
- Enhanced diagnostics display with system information
- Improved error handling and user feedback
- Maintains existing functionality with added depth
Key features:
- Real-time system information collection
- Multiple export formats (JSON, CSV)
- Clipboard integration with user feedback
- Performance metrics and timing
- Comprehensive error context
- Storage and network capability detection
This completes the comprehensive diagnostics export from the implementation plan.
32e84c421f