Bruno P. Kinoshita

And @oliver-sanders ' comment from #81: >Also introducing the gant chart: > >* In live mode view projcted workflow timings. >* In anlysis mode view averaged timings for resource planning....

Would users be able to customize their dashboards, or should we leave it for another release post cylc8.0? I guess it depends on the other issue for user preferences as...

+1 Sounds good. Incremental and small tasks, easier to see progress and close this ticket with a few follow ups for next releases.

I think we can implement the initial version of the design document. Leaving these links in the dashboard, instead of in the menu, would also tidy it up a bit....

@sadielbartholomew all good for me. I thought this would be one of those issues that take a while to close, and have multiple PR's (e.g. #149).

Checked the browser coverage tool already, and ~15% of the code loaded is not loaded. Looks like some Vuetify components are never used but still loaded by webpack. Vue UI...

After using [A La Carte](https://v15.vuetifyjs.com/en/framework/a-la-carte), the size is better, but still above the threshold.  ```diff diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js index bceb629..1368153 100644 ---...

Removing remaining components and libraries not used (e.g. flags), here's the resulting size:  So right now 426.1 kb. After Vuetify A La Carte...

Work branch: https://github.com/kinow/cylc-ui/tree/app-size-1

The project without `vue-flag-icons`, `chartist`, and the Cytoscape dependencies now creates a 199.7 Kb final application, which is below the ~240kb recommended threshold. So our produced artefact size is OK...