rebuild(stage-4): deliver shared shell and account interfaces

next/frontend/src/app/router.ts

@@ -1,8 +1,20 @@
 import { createRouter, createWebHistory } from "vue-router";
 
-import BootstrapView from "./views/BootstrapView.vue";
+import SystemManagementView from "./views/SystemManagementView.vue";
+import WorkspaceView from "./views/WorkspaceView.vue";
+import { findWorkspace } from "./workspaceRegistry";
 
 export default createRouter({
   history: createWebHistory(),
-  routes: [{ path: "/", name: "bootstrap", component: BootstrapView }],
+  routes: [
+    { path: "/", redirect: "/workspace/emotion" },
+    {
+      path: "/workspace/:workspace",
+      name: "workspace",
+      component: WorkspaceView,
+      beforeEnter: (to) => (findWorkspace(String(to.params.workspace)) ? true : "/workspace/emotion"),
+    },
+    { path: "/system", name: "system", component: SystemManagementView },
+    { path: "/:pathMatch(.*)*", redirect: "/workspace/emotion" },
+  ],
 });