UI improvements

[titpetric]

I really like beszel: https://beszel.dev/guide/getting-started

Their front end is structured as a vite/typescript app, is high level and may be worth to move in the same direction. I want the FE to be pretty reusable ideally, as Task UI isn't the only app that I'd like a structured design like this for. The paired docs site is also lovely and the combination is somewhat akin to perfection. It has that tailscale look :)

General ideas for laying out Task UI:

• We could set up a "projects" workflow to group taskfiles together and switch between projects in UI
• We can essentially just list every Taskfile.yml with it's title in the overview, so we can consider O(N) as the default view
• Expand / drill down for particular targets to view/trigger them (the task view)
• Have some configurability as to how to lay out the UI for a taskfile (list, grid, breadcrumbs, a little bit of an UX challenge)
• If we maintain execution duration in the DB we can add graphs over time
• Improved docs / add docs 🗡

The authentication flow of beszel can also be an inspiration, really well done.

[joeblew999]

bezel is pretty cool. I used it too.

Under the hood it's using Pocketbase which pushes updates over SSE. The GUI is getting updates over that SSE feed. SO the Browser holds state.

https://github.com/CoreyCole/datastarui is also using SSE to update the Web GUI, and so you can take the SSE Updates off PB, add some HTML, and pump the SSE up to the Browser.

The big thing is that all state is on the Server and all Browsers are kept in Sync.

datastarui can be run with just go run:

go run .

https://github.com/CoreyCole/datastarui/blob/main/refined-prompt.md explains the concept of DataStar