web/frps: add detailed client and proxy views with enhanced tracking (#5144)

web/frps/src/router/index.ts

@@ -1,10 +1,15 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import ServerOverview from '../views/ServerOverview.vue'
 import Clients from '../views/Clients.vue'
+import ClientDetail from '../views/ClientDetail.vue'
 import Proxies from '../views/Proxies.vue'
+import ProxyDetail from '../views/ProxyDetail.vue'
 
 const router = createRouter({
   history: createWebHashHistory(),
+  scrollBehavior() {
+    return { top: 0 }
+  },
   routes: [
     {
       path: '/',
@@ -16,11 +21,21 @@ const router = createRouter({
       name: 'Clients',
       component: Clients,
     },
+    {
+      path: '/clients/:key',
+      name: 'ClientDetail',
+      component: ClientDetail,
+    },
     {
       path: '/proxies/:type?',
       name: 'Proxies',
       component: Proxies,
     },
+    {
+      path: '/proxy/:name',
+      name: 'ProxyDetail',
+      component: ProxyDetail,
+    },
   ],
 })