Remote Development Beta - Rails Frontend
### Problem to solve Be able to get work done at GitLab without ever having to clone a project locally. If we can do work on `www-gitlab-com`, `gitlab-docs`, or `gitlab-org`, then we can assume contributors to projects of similar complexity will be able to use the feature as well. ### Intended users * [Devon (DevOps Engineer)](https://about.gitlab.com/handbook/marketing/product-marketing/roles-personas/#devon-devops-engineer) * [Allison (Application Ops)](https://about.gitlab.com/handbook/marketing/product-marketing/roles-personas/#allison-application-ops) ### User experience goal Allow users full control of their GitLab Workspaces via the GitLab UI. A user should be able to Create, Stop, Terminate Workspaces and access a running Workspace URL. ### Proposal Add Workspaces as a left-hand nav item in the Groups sidebar. Display a plain text table of Workspaces including the following columns: Name, Namespace Desired State, Actual State, Displayed State, Editor, URL, Project, Has Devfile, Actions. Additional details: - We can utilize [the initial UI](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/105783) as the MVC for a first pass. We will design a more fully functional empty state as part of https://gitlab.com/gitlab-org/gitlab/-/issues/383998+ - This work will be based off https://gitlab.com/gitlab-org/cluster-integration/gitlab-agent/-/merge_requests/805+ and https://gitlab.com/gitlab-org/gitlab/-/issues/383998+. - This work will be initially stubbed with a dummy gitlab~2492649 . - This work will be wrapped in a gitlab~7884237 , see https://gitlab.com/gitlab-org/gitlab/-/issues/391543+ ### Further details - This work supports the [Remote Development](https://gitlab.com/groups/gitlab-org/-/epics/7419) direction. ## Scope A stubbed-out UI for internal validation. ### Documentation This work will contain **no** public-facing documentation. ### Availability & Testing - This work will be supported by Frontend unit tests. ### Designs <img src="/uploads/932c1dfe1b1189c88f8a2d509f53309c/empty.png" width="30%" /> <img src="/uploads/61515cd87cf0edfccf1bda015620599b/workspaces.png" width="30%" /> <img src="/uploads/b9a8417ce30dd6544e7c09b9a975d7c1/project.png" width="30%" /> ### Links/references - https://gitlab.com/gitlab-org/gitlab/-/merge_requests/105783+ - [✿ Link to Figma file →](https://www.figma.com/file/2XmMH4x3cWGBTTnOJaIl6J/Remote-Development?node-id=117%3A5643&t=4vhOcuP4mHatyLIB-1)
epic