[UI Feature] Standalone mode for the new Katib UI

[andreyvelich]

/kind feature

The new Katib UI should work in the standalone mode when user deploys Katib without Kubeflow central dashboard.
Let's continue discussion here how we should do that.
Also check this comment: #1427 (comment).

/cc @kimwnasptd @gaocegege @johnugeorge

[kimwnasptd]

First off, from the technical side of view, the frontend can figure out if it's in Kubeflow mode or in Standalone dynamically. So we won't need to extend the backend to provide this info to the frontend. I've tried to document the more technical details of why the above approach works in kubeflow/dashboard#41.

The changes we will need to make to the UI, that will be aware of the mode, are:

1. Showing a namespace drop-down component in standalone mode
2. Have a side panel for app navigation in standalone mode [HP Tuning, NAS]
3. Rely on the CentralDashboard's side-panel for navigating into the app's different pages in Kubeflow mode

In both cases the UI will be checking if the window.centraldashboard object is present to detect if the app is exposed under the CentralDashboard

[kimwnasptd]

For the side-panel we should try to avoid showing two distinct sidebars in Kubeflow mode kubeflow/dashboard#41.

The Katib UI should only expose a hamburger-menu/sidebar only if the CentralDashboard is not present, which means no window.centraldashboard object exists in the app's window.

[andreyvelich]

For the side-panel we should try to avoid showing two distinct sidebars in Kubeflow mode kubeflow/dashboard#41 (comment). The Katib UI should only expose a hamburger-menu/sidebar only if the CentralDashboard is not present, which means no window.centraldashboard object exists in the app's window.

Then how we will navigate between Trial template editor page, Katib Config and main page where user can create new Experiment?
Are you planing to integrate these pages in the central dashboard menu?

[kimwnasptd]

Are you planing to integrate these pages in the central dashboard menu?

Correct, we can have any entries that would be in the sidebar-menu to be in the dashboard. I've already done something like this in the picture above, where the Dashboard has a NAS and HP Tuning entries under Experiments.

Ofc we can discuss about using different names, just wanted to show how it would look like.

[kimwnasptd]

Also adding a comment on this issue wrt what Namespace will be selected from the app in standalone mode. Right now there will be none and the user will always need to manually click one #1427 (comment)

We've described some iterations we could do here in the general tracking issue for standalone/kf modes of the web apps kubeflow/dashboard#41

[andreyvelich]

Correct, we can have any entries that would be in the sidebar-menu to be in the dashboard. I've already done something like this in the picture above, where the Dashboard has a NAS and HP Tuning entries under Experiments.

Make sense, I think we should discuss which pages we want to see in the menu in the current Katib status.
For example, currently we use the same CRD for NAS and HP which makes possible to use one page to deploy Experiments.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.