feat(web): 新增导航组合式函数，更新应用外壳组合式函数，增强前端路由和状态管理

web/src/composables/useAppShell.js

@@ -124,6 +124,7 @@ export function useAppShell() {
   })
 
   const detailMode = computed(() => route.name === 'app-request-detail')
+  const logDetailMode = computed(() => route.name === 'app-log-detail')
   const detailAlerts = computed(() => (detailMode.value ? buildDetailAlerts(selectedRequest.value) : []))
 
   const topBarView = computed(() => {
@@ -134,6 +135,13 @@ export function useAppShell() {
       }
     }
 
+    if (logDetailMode.value) {
+      return {
+        title: '日志详情',
+        desc: '查看单条日志的解析结果、上下文信息与原始记录。'
+      }
+    }
+
     return currentView.value
   })
 
@@ -270,6 +278,7 @@ export function useAppShell() {
     currentView,
     customRange,
     detailMode,
+    logDetailMode,
     filteredRequests,
     filters,
     handleApprove,

web/src/composables/useNavigation.js

@@ -3,7 +3,7 @@ import { useRoute, useRouter } from 'vue-router'
 
 import { icons } from '../data/icons.js'
 
-export const appViews = ['overview', 'workbench', 'requests', 'approval', 'policies', 'audit', 'employees', 'settings']
+export const appViews = ['overview', 'workbench', 'requests', 'approval', 'policies', 'audit', 'logs', 'employees', 'settings']
 
 export const navItems = [
   {
@@ -54,6 +54,14 @@ export const navItems = [
     title: '任务规则中心',
     desc: '集中管理规则文件、外部 MCP 服务与定时任务调度。'
   },
+  {
+    id: 'logs',
+    label: '日志管理',
+    navHint: '查看 Hermes 调用与系统运行日志',
+    icon: icons.logs,
+    title: '日志管理',
+    desc: '集中查看 Hermes 归纳任务进度、调用明细与系统运行日志。'
+  },
   {
     id: 'employees',
     label: '员工管理',
@@ -79,6 +87,7 @@ const viewRouteNames = {
   approval: 'app-approval',
   policies: 'app-policies',
   audit: 'app-audit',
+  logs: 'app-logs',
   employees: 'app-employees',
   settings: 'app-settings'
 }