dashboard/app: migrate to bootstrap
Justification
The Syzkaller dashboard currently relies on custom, vanilla CSS and JavaScript for common UI components (dropdowns, collapsible panels, tables, navigation). This leads to:
- Maintenance Overhead: We are reinventing the wheel for standard components, making the codebase harder to maintain.
- Rigid UI: The current design lacks responsiveness and modern visual standards.
- Barrier to Entry: Contributors without deep frontend experience find it difficult to make UI improvements.
Migrating to Bootstrap 5 will allow us to delete significant amounts of custom CSS/JS, leverage a robust and responsive grid system, and utilize standard, well-tested components (cards, navs, tables, collapse) to quickly improve the user experience.
To minimize risk and ensure easy reviews, the migration will be done in very small, incremental steps.
Migration Plan
dashboard/app: migrate to bootstrap
Justification
The Syzkaller dashboard currently relies on custom, vanilla CSS and JavaScript for common UI components (dropdowns, collapsible panels, tables, navigation). This leads to:
Migrating to Bootstrap 5 will allow us to delete significant amounts of custom CSS/JS, leverage a robust and responsive grid system, and utilize standard, well-tested components (cards, navs, tables, collapse) to quickly improve the user experience.
To minimize risk and ensure easy reviews, the migration will be done in very small, incremental steps.
Migration Plan
head_bootstraptemplate (loading Bootstrap via CDN) and migrateerror.htmlto use Bootstrap layout and alert components.templates.html:header) to Bootstrap Navbar/Navs.subsystems.html(simple table layout).manager.html.main.htmland its sub-templates likebug_list,manager_list).bug.htmlandbisect_results,crash_list).style.css.