Replace /workspaces → /projects as default landing page for both users and teams

.werft/build.ts

@@ -395,7 +395,7 @@ export async function deployToDev(deploymentConfig: DeploymentConfig, workspaceF
         werft.fail('deploy', err);
     } finally {
         // produce the result independently of Helm succeding, so that in case Helm fails we still have the URL.
-        exec(`werft log result -d "dev installation" -c github-check-preview-env url ${url}/workspaces/`);
+        exec(`werft log result -d "dev installation" -c github-check-preview-env url ${url}/projects`);
     }
 
     werft.log(`observability`, "Running observability static checks.")

components/dashboard/src/App.tsx

@@ -239,7 +239,7 @@ function App() {
                 <Route path="/admin/workspaces" component={WorkspacesSearch} />
 
                 <Route path={["/", "/login"]} exact>
-                    <Redirect to="/workspaces" />
+                    <Redirect to="/projects" />
                 </Route>
                 <Route path={["/settings"]} exact>
                     <Redirect to="/account" />
@@ -283,7 +283,7 @@ function App() {
                 {(teams || []).map(team =>
                     <Route path={`/t/${team.slug}`} key={team.slug}>
                         <Route exact path={`/t/${team.slug}`}>
-                            <Redirect to={`/t/${team.slug}/workspaces`} />
+                            <Redirect to={`/t/${team.slug}/projects`} />
                         </Route>
                         <Route exact path={`/t/${team.slug}/:maybeProject/:resourceOrPrebuild?`} render={(props) => {
                             const { maybeProject, resourceOrPrebuild } = props.match.params;

components/dashboard/src/Menu.tsx

@@ -176,7 +176,7 @@ export default function Menu() {
         return (
             <div className="flex p-1 pl-3 ">
                 { projectName && <div className="flex h-full rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 px-2 py-1">
-                    <Link to={team ? `/t/${team.slug}/projects` : "/workspaces"}>
+                    <Link to={team ? `/t/${team.slug}/projects` : `/projects`}>
                         <span className="text-base text-gray-600 dark:text-gray-400 font-semibold">{team?.name || userFullName}</span>
                     </Link>
                 </div> }

components/dashboard/src/projects/Projects.tsx

@@ -112,17 +112,24 @@ export default function () {
                     {projects.filter(filter).sort(hasNewerPrebuild).map(p => (<div key={`project-${p.id}`} className="h-52">
                         <div className="h-42 border border-gray-100 dark:border-gray-800 rounded-t-xl">
                             <div className="h-32 p-6">
-                                <div className="flex text-xl font-semibold text-gray-700 dark:text-gray-200 font-medium">
+                                <div className="flex text-gray-700 dark:text-gray-200 font-medium">
                                     <Link to={`/${teamOrUserSlug}/${p.name}`}>
-                                        {p.name}
+                                        <span className="text-xl font-semibold">{p.name}</span>
                                     </Link>
                                     <span className="flex-grow" />
                                     <div className="justify-end">
-                                        <ContextMenu menuEntries={[{
-                                            title: "Remove Project",
-                                            customFontStyle: 'text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300',
-                                            onClick: () => onRemoveProject(p)
-                                        }]} />
+                                        <ContextMenu menuEntries={[
+                                            {
+                                                title: "New Workspace",
+                                                href: `/#${p.cloneUrl}`,
+                                                separator: true,
+                                            },
+                                            {
+                                                title: "Remove Project",
+                                                customFontStyle: 'text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300',
+                                                onClick: () => onRemoveProject(p)
+                                            },
+                                        ]} />
                                     </div>
                                 </div>
                                 <a href={p.cloneUrl.replace(/\.git$/, '')}>

components/gitpod-protocol/src/util/gitpod-host-url.ts

@@ -85,23 +85,23 @@ export class GitpodHostUrl {
     }
 
     asDashboard(): GitpodHostUrl {
-        return this.with(url => ({ pathname: '/workspaces/' }));
+        return this.with(url => ({ pathname: '/projects' }));
     }
 
     asLogin(): GitpodHostUrl {
-        return this.with(url => ({ pathname: '/login/' }));
+        return this.with(url => ({ pathname: '/login' }));
     }
 
     asUpgradeSubscription(): GitpodHostUrl {
-        return this.with(url => ({ pathname: '/plans/' }));
+        return this.with(url => ({ pathname: '/plans' }));
     }
 
     asAccessControl(): GitpodHostUrl {
-        return this.with(url => ({ pathname: '/access-control/' }));
+        return this.with(url => ({ pathname: '/integrations' }));
     }
 
     asSettings(): GitpodHostUrl {
-        return this.with(url => ({ pathname: '/settings/' }));
+        return this.with(url => ({ pathname: '/settings' }));
     }
 
     asGraphQLApi(): GitpodHostUrl {