feat(ui): finalize shared shells and loading states

web/src/router/index.js

@@ -4,10 +4,11 @@ import { checkBackendHealth } from '../composables/useBackendHealth.js'
 import { appViews } from '../composables/useNavigation.js'
 import { useSystemState } from '../composables/useSystemState.js'
 import { canAccessAppView } from '../utils/accessControl.js'
-import AppShellRouteView from '../views/AppShellRouteView.vue'
-import BackendUnavailableRouteView from '../views/BackendUnavailableRouteView.vue'
-import LoginRouteView from '../views/LoginRouteView.vue'
-import SetupRouteView from '../views/SetupRouteView.vue'
+
+const AppShellRouteView = () => import('../views/AppShellRouteView.vue')
+const BackendUnavailableRouteView = () => import('../views/BackendUnavailableRouteView.vue')
+const LoginRouteView = () => import('../views/LoginRouteView.vue')
+const SetupRouteView = () => import('../views/SetupRouteView.vue')
 
 const appChildRoutes = appViews
   .filter((view) => view !== 'documents')
@@ -92,11 +93,24 @@ const router = createRouter({
     },
     {
       path: '/app/logs/:logKind/:logId',
+      redirect: (to) => ({
+        name: 'app-log-detail',
+        params: { logKind: to.params.logKind, logId: to.params.logId },
+        query: to.query,
+        hash: to.hash
+      })
+    },
+    {
+      path: '/app/logs',
+      redirect: { name: 'app-settings', query: { section: 'systemLogs' } }
+    },
+    {
+      path: '/app/settings/logs/:logKind/:logId',
       name: 'app-log-detail',
       component: AppShellRouteView,
       meta: {
         requiresAuth: true,
-        appView: 'logs'
+        appView: 'settings'
       }
     },
     ...appChildRoutes.map((route) => ({