feat(ui): finalize shared shells and loading states

web/src/utils/settingsModelHelper.js

@@ -70,11 +70,19 @@ export const SECTION_DEFINITIONS = [
   {
     id: 'logs',
     label: '日志策略',
-    title: '日志与审计策略',
-    desc: '日志级别、留存与脱敏',
-    longDesc: '定义系统日志级别、留存周期和审计策略，保证问题排查和合规审计可追溯。',
+    title: '日志策略',
+    desc: '日志级别、留存与路径',
+    longDesc: '定义系统日志级别、留存周期和写入路径，保证问题排查过程可追溯。',
     actionLabel: '保存日志策略'
   },
+  {
+    id: 'systemLogs',
+    label: '系统日志',
+    title: '系统日志',
+    desc: '运行事件、请求追踪与异常排查',
+    longDesc: '查看系统运行日志、结构化事件和请求追踪信息，作为系统设置下的排障与审计子项。',
+    actionLabel: ''
+  },
   {
     id: 'mail',
     label: '邮箱设置',
@@ -465,6 +473,7 @@ export function computeSectionStatus(state) {
         Number(state.logForm.retentionDays) > 0 &&
         normalizeValue(state.logForm.logPath)
     ),
+    systemLogs: true,
     mail: Boolean(
       normalizeValue(state.mailForm.smtpHost) &&
         Number(state.mailForm.port) > 0 &&