Adjust Inference Server details page UX

slemeur commented 2 months ago

Is your enhancement related to a problem? Please describe

While the inference server page is listing the information, those are not easy to decipher. And we would like to introduce more sections later on.

Describe the solution you'd like

We would like the screen to be better guiding the developer onto the different component and information displayed.

"Server" should be rename "Inference Server"
The most important information is the "Inference Endpoint" but it is buried into the screen, hard to find the first time you use the tool. It should be first. We would like to put more emphasis on this one. Also, we would like to have a label "Inference Endpoint:" and it should be obvious that the user can easily copy it (maybe displaying the copy icon). Wondering, if we should not use a different color for that one.
Similarily, the documentation for the swagger UI is hard to spot the first time and people may even not notice it. We should have a label "Inference API documentations"
Finally, along with https://github.com/containers/podman-desktop-extension-ai-lab/issues/495, we could put the "GPU Inference" onto a dedicated section.

Describe alternatives you've considered

No response

Additional context

No response

axel7083 commented 2 months ago

cc @ekidneyrh @MariaLeonova

MariaLeonova commented 2 months ago

@axel7083 how much UX support is needed? Shall I create a penpot mockup for this screen enhancements?

axel7083 commented 2 months ago

@axel7083 how much UX support is needed? Shall I create a penpot mockup for this screen enhancements?

I think yes that would help, as Stevan is talking about including some metrics in the page which would be a lot of changes https://github.com/containers/podman-desktop-extension-ai-lab/issues/495 and would probably need some discussion as this is currently something we do in podman-destkop (we uses the donuts for resources)

containers / podman-desktop-extension-ai-lab