Refactor web UI with Alpine.js and TailwindCSS, enhance task management

[mhmdk0]

Overview

This PR introduces a major refactor of the WebUI, replacing the previous Bootstrap-based implementation with Alpine.js and TailwindCSS to provide a more modern, lightweight, and maintainable frontend architecture.

In addition to the UI redesign, this PR introduces training support in the WebUI, improves task execution management, and refactors several backend routes to align with the new UI flow.

Main Changes

WebUI Refactor

• Replaced Bootstrap with TailwindCSS for styling.
• Introduced Alpine.js for frontend interactivity.
• Refactored templates and static assets to follow the new UI architecture.
• Improved overall layout, styling consistency, and maintainability.

Training Support in WebUI

• Added training functionality to WebUI routes.
• Implemented training templates and static components.
• Fixed training submission flow to correctly return entity IDs for UI usage.

Task Execution Improvements

• Allow multiple tasks to run simultaneously in the WebUI.
• Improved task start/stop handling.
• Updated task naming to match the new UI design.
• Improved log handling and event processing.
• Enabled interactive mode execution for better UI log streaming.

Aggregator Workflow Changes

• Removed the previous aggregator association model.
• Introduced "set aggregator" functionality to simplify workflow.

Backend & UI Fixes

• Fixed UI logs behavior and event duplication issues.
• Improved handling of logs when switching profiles.
• Refactored JavaScript logic to match the new frontend flow.
• Various UI fixes and consistency improvements.

[github-actions]

MLCommons CLA bot All contributors have signed the MLCommons CLA ✍️ ✅