From 891cecb4a82cebbe927eb681b0c085d357fdd49b Mon Sep 17 00:00:00 2001
From: caoxiaozhu <caoxiaozhu@users.noreply.github.com>
Date: Fri, 15 May 2026 09:36:32 +0000
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E6=96=B0=E5=A2=9E=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E7=BB=84=E5=90=88=E5=BC=8F=E5=87=BD=E6=95=B0=EF=BC=8C?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=BA=94=E7=94=A8=E5=A4=96=E5=A3=B3=E7=BB=84?=
 =?UTF-8?q?=E5=90=88=E5=BC=8F=E5=87=BD=E6=95=B0=EF=BC=8C=E5=A2=9E=E5=BC=BA?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF=E8=B7=AF=E7=94=B1=E5=92=8C=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/composables/useAppShell.js   |  9 +++++++++
 web/src/composables/useNavigation.js | 11 ++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/web/src/composables/useAppShell.js b/web/src/composables/useAppShell.js
index a92882c..c191ad7 100644
--- a/web/src/composables/useAppShell.js
+++ b/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,
diff --git a/web/src/composables/useNavigation.js b/web/src/composables/useNavigation.js
index 33cd0dd..1df69c7 100644
--- a/web/src/composables/useNavigation.js
+++ b/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'
 }