From cbf2376f789b13a449398c53606e2d358423d678 Mon Sep 17 00:00:00 2001
From: Hu Gang <18768366022@163.com>
Date: Thu, 13 Mar 2025 20:50:08 +0800
Subject: [PATCH] ai assistant enhance

---
 ...e-deletion-and-naming-bug-of-history.patch |   0
 0005-fix-host-statistics-inaccurate.patch     |  39 +
 0006-ai-assistant-support-dark-mode.patch     | 791 ++++++++++++++++++
 aops-hermes.spec                              |  10 +-
 4 files changed, 838 insertions(+), 2 deletions(-)
 rename 0004-fixed-the-deletion-and-naming-bug-of-smart-Q&A-history.patch => 0004-fixed-the-deletion-and-naming-bug-of-history.patch (100%)
 create mode 100644 0005-fix-host-statistics-inaccurate.patch
 create mode 100644 0006-ai-assistant-support-dark-mode.patch

diff --git a/0004-fixed-the-deletion-and-naming-bug-of-smart-Q&A-history.patch b/0004-fixed-the-deletion-and-naming-bug-of-history.patch
similarity index 100%
rename from 0004-fixed-the-deletion-and-naming-bug-of-smart-Q&A-history.patch
rename to 0004-fixed-the-deletion-and-naming-bug-of-history.patch
diff --git a/0005-fix-host-statistics-inaccurate.patch b/0005-fix-host-statistics-inaccurate.patch
new file mode 100644
index 0000000..f7d1035
--- /dev/null
+++ b/0005-fix-host-statistics-inaccurate.patch
@@ -0,0 +1,39 @@
+From b2e6f4d6825bcc7198ad4b85c85987950efebbe5 Mon Sep 17 00:00:00 2001
+From: Hu Gang <18768366022@163.com>
+Date: Tue, 11 Mar 2025 17:37:27 +0800
+Subject: [PATCH 1/2] fix: host statistics inaccurate
+
+---
+ src/api/paths/vulnerability/index.ts | 2 +-
+ src/views/vulnerability/HostList.vue | 2 +-
+ 2 files changed, 2 insertions(+), 2 deletions(-)
+
+diff --git a/src/api/paths/vulnerability/index.ts b/src/api/paths/vulnerability/index.ts
+index 2316016..b9577f2 100644
+--- a/src/api/paths/vulnerability/index.ts
++++ b/src/api/paths/vulnerability/index.ts
+@@ -239,7 +239,7 @@ function getCveHosts(params: {
+ Partial<Sort>) {
+   return http.post<{
+     result: Host[]
+-    total: number
++    total_count: number
+     total_page: number
+   }>('/vulnerabilities/host/list/get', params)
+ }
+diff --git a/src/views/vulnerability/HostList.vue b/src/views/vulnerability/HostList.vue
+index 048f2f1..147b97a 100644
+--- a/src/views/vulnerability/HostList.vue
++++ b/src/views/vulnerability/HostList.vue
+@@ -148,7 +148,7 @@ async function queryHosts() {
+   })
+   if (res) {
+     hostTableData.value = res.result
+-    pagination.total = res.total
++    pagination.total = res.total_count
+   }
+   queryHostStatus(hostTableData.value.map(item => item.host_id))
+ 
+-- 
+2.33.0
+
diff --git a/0006-ai-assistant-support-dark-mode.patch b/0006-ai-assistant-support-dark-mode.patch
new file mode 100644
index 0000000..aa15605
--- /dev/null
+++ b/0006-ai-assistant-support-dark-mode.patch
@@ -0,0 +1,791 @@
+From de2353988d6fa2ed6f533a2f80706a2e2d6521e7 Mon Sep 17 00:00:00 2001
+From: Hu Gang <18768366022@163.com>
+Date: Thu, 13 Mar 2025 17:02:52 +0800
+Subject: [PATCH 1/1] feat: ai assistant support dark mode
+
+---
+ packages/ops-assistant/index.ts               |  7 +-
+ .../ops-assistant/src/pages/FrontPage.vue     |  7 +-
+ .../ops-assistant/src/pages/chat/Chat.vue     |  4 +-
+ .../ops-assistant/src/pages/chat/Dialogue.vue |  2 +-
+ .../src/pages/chat/components/UserDialog.vue  |  2 +-
+ .../src/pages/display/ConfRecord.vue          |  6 +-
+ .../ops-assistant/src/pages/display/Cves.vue  | 44 ++++++------
+ .../src/pages/display/Display.vue             | 13 +++-
+ .../src/pages/display/Domain.vue              | 69 +++++++++----------
+ .../ops-assistant/src/pages/display/Empty.vue |  1 -
+ .../src/pages/display/SyncResult.vue          | 12 +---
+ .../src/pages/display/components/TabBar.vue   |  6 +-
+ .../display/components/TaskDetailPanel.vue    | 13 ++--
+ .../ops-assistant/src/styles/element.less     | 15 ++++
+ packages/ops-assistant/src/styles/flow.less   |  4 +-
+ .../ops-assistant/src/styles/markdown.less    | 11 ++-
+ packages/ops-assistant/src/styles/theme.css   | 33 +++++----
+ src/assets/styles/theme.css                   |  6 ++
+ src/locales/lang/en.json                      |  2 +-
+ .../configuration/components/CompareDiff.vue  | 42 ++++++-----
+ 20 files changed, 163 insertions(+), 136 deletions(-)
+ create mode 100644 packages/ops-assistant/src/styles/element.less
+
+diff --git a/packages/ops-assistant/index.ts b/packages/ops-assistant/index.ts
+index 17595a4..2261e14 100644
+--- a/packages/ops-assistant/index.ts
++++ b/packages/ops-assistant/index.ts
+@@ -1,10 +1,11 @@
+ import Ops from './src/index.vue'
+-import './src/styles/theme.css'
+-import './src/styles/markdown.less'
+-import './src/styles/flow.less'
+ import 'element-plus/dist/index.css'
+ import 'element-plus/theme-chalk/dark/css-vars.css'
+ import 'highlight.js/styles/github-dark.css'
++import './src/styles/theme.css'
++import './src/styles/markdown.less'
++import './src/styles/flow.less'
++import './src/styles/element.less'
+ 
+ import type { App, Plugin } from 'vue'
+ 
+diff --git a/packages/ops-assistant/src/pages/FrontPage.vue b/packages/ops-assistant/src/pages/FrontPage.vue
+index 2a8e355..80a423e 100644
+--- a/packages/ops-assistant/src/pages/FrontPage.vue
++++ b/packages/ops-assistant/src/pages/FrontPage.vue
+@@ -190,7 +190,7 @@ onMounted(() => {
+             <li
+               v-for="item in recommendList"
+               :key="item.plugin_id"
+-              class="cursor-pointer rounded-[25px] bg-[var(--ops-bg-color)] mr-[12px] px-[20px] py-[12px] recommend font-semibold"
++              class="cursor-pointer rounded-[25px] bg-[var(--ops-bg-color--secondary)] mr-[12px] px-[20px] py-[12px] recommend font-semibold"
+               @click="onRecommendClick(item)"
+             >
+               {{ item.question }}
+@@ -214,7 +214,7 @@ onMounted(() => {
+           <el-option v-for="item in pluginOptions" :key="item.id" :label="item.name" :value="item.id" />
+         </el-select>
+       </div>
+-      <div class="w-full bg-[var(--ops-bg-color)] rounded-[25px] pl-3 pr-[0] flex items-center relative">
++      <div class="w-full bg-[var(--ops-bg-color--secondary)] rounded-[25px] pl-3 pr-[0] flex items-center relative">
+         <p
+           ref="inputRef"
+           contenteditable="true"
+@@ -284,6 +284,9 @@ onMounted(() => {
+ :deep(.el-select__wrapper.is-focused) {
+   box-shadow: none;
+ }
++:deep(.el-select .el-select__wrapper) {
++  background: none;
++}
+ .placeholder {
+   position: relative;
+   &::before {
+diff --git a/packages/ops-assistant/src/pages/chat/Chat.vue b/packages/ops-assistant/src/pages/chat/Chat.vue
+index 95d947f..36550a6 100644
+--- a/packages/ops-assistant/src/pages/chat/Chat.vue
++++ b/packages/ops-assistant/src/pages/chat/Chat.vue
+@@ -37,11 +37,11 @@ function onPageSwitch(key: string) {
+ </script>
+ <template>
+   <div class="bg-[var(--ops-bg-color)]">
+-    <header class="flex justify-between h-[60px] px-[26px] items-center bg-[#f4f6fa] header">
++    <header class="flex justify-between h-[60px] px-[26px] items-center bg-[var(--ops-bg-color--secondary)] header">
+       <div class="font-semibold">
+         <span v-if="pageType === 'dialogue'" class="flex items-center gap-2 text-[18px]">
+           <img src="./images/logo.svg" alt="" />
+-          <p class="font-bold">openEuler Copilot System</p>
++          <p class="font-bold">EulerCopilot</p>
+         </span>
+         <div
+           v-else-if="pageType === 'history'"
+diff --git a/packages/ops-assistant/src/pages/chat/Dialogue.vue b/packages/ops-assistant/src/pages/chat/Dialogue.vue
+index f100b09..aa1d0ed 100644
+--- a/packages/ops-assistant/src/pages/chat/Dialogue.vue
++++ b/packages/ops-assistant/src/pages/chat/Dialogue.vue
+@@ -104,7 +104,7 @@ onMounted(() => {
+             <el-option v-for="item in pluginOptions" :key="item.id" :label="item.name" :value="item.id" />
+           </el-select>
+           <div
+-            class="w-[40px] h-[40px] flex justify-center items-center bg-[#fff] shadow-default rounded-[8px] cursor-pointer"
++            class="w-[40px] h-[40px] flex justify-center items-center bg-[var(--ops-bg-color--secondary)] shadow-default rounded-[8px] cursor-pointer"
+             @click="generateNewSession"
+           >
+             <img class="w-[40px] h-[40px]" src="./images/new_chat.png" alt="" />
+diff --git a/packages/ops-assistant/src/pages/chat/components/UserDialog.vue b/packages/ops-assistant/src/pages/chat/components/UserDialog.vue
+index 633e3e1..4af8a16 100644
+--- a/packages/ops-assistant/src/pages/chat/components/UserDialog.vue
++++ b/packages/ops-assistant/src/pages/chat/components/UserDialog.vue
+@@ -7,7 +7,7 @@ defineProps<{
+ <template>
+   <div class="flex flex-col mt-3">
+     <div class="flex justify-center text-[12px]">
+-      <span class="bg-[rgb(223,229,239)] px-[8px] py-[1px] rounded-[12px] text-[rgb(78,88,101 )]">
++      <span class="bg-[var(--ops-bg-color--secondary)] px-[8px] py-[1px] rounded-[12px] text-[rgb(78,88,101 )]">
+         {{ createTime }}
+       </span>
+     </div>
+diff --git a/packages/ops-assistant/src/pages/display/ConfRecord.vue b/packages/ops-assistant/src/pages/display/ConfRecord.vue
+index 0d7c3bc..33c18d7 100644
+--- a/packages/ops-assistant/src/pages/display/ConfRecord.vue
++++ b/packages/ops-assistant/src/pages/display/ConfRecord.vue
+@@ -63,11 +63,7 @@ onMounted(() => {
+ 
+ <template>
+   <div>
+-    <el-table
+-      :data="confRecords"
+-      :header-cell-style="{ backgroundColor: 'rgb(244, 246, 250)', color: 'rgb(72, 88, 101)' }"
+-      @sort-change="onSortChange"
+-    >
++    <el-table :data="confRecords" @sort-change="onSortChange">
+       <el-table-column prop="host_ip" label="主机IP" width="140" />
+       <el-table-column prop="conf_name" label="配置" width="200" />
+       <el-table-column prop="domain_name" label="业务域名称" width="200" />
+diff --git a/packages/ops-assistant/src/pages/display/Cves.vue b/packages/ops-assistant/src/pages/display/Cves.vue
+index 0da7a0c..51027e5 100644
+--- a/packages/ops-assistant/src/pages/display/Cves.vue
++++ b/packages/ops-assistant/src/pages/display/Cves.vue
+@@ -1,5 +1,6 @@
+ <script setup lang="ts">
+ import { computed, onMounted, reactive, ref, watchEffect } from 'vue'
++import { useDark } from '@vueuse/core'
+ import { storeToRefs } from 'pinia'
+ import { ElTable, ElTableColumn, ElPagination, TableInstance, ElCheckbox } from 'element-plus'
+ import { useCves } from '@aops-assistant/stores/cves'
+@@ -287,6 +288,11 @@ async function assembleParameters() {
+   setFlowRequestParams(params)
+ }
+ 
++const isDark = useDark({
++  storageKey: 'theme-appearance',
++  selector: 'html',
++})
++
+ const { option: ClusterDistributionChartOption } = useClusterDistribution()
+ const { option: cveSeverityChartOption } = useCveSeverityChart()
+ 
+@@ -357,6 +363,9 @@ function useClusterDistribution() {
+         top: 24,
+         itemGap: 24,
+         icon: 'rect',
++        textStyle: {
++          color: isDark.value ? '#ffffff' : '#282C33',
++        },
+       },
+       grid: {
+         left: '3%',
+@@ -398,6 +407,9 @@ function useCveSeverityChart() {
+         left: 24,
+         top: '40%',
+         icon: 'circle',
++        textStyle: {
++          color: isDark.value ? '#ffffff' : '#282C33',
++        },
+       },
+       series: [
+         {
+@@ -413,10 +425,10 @@ function useCveSeverityChart() {
+             shadowOffsetX: -5,
+             shadowOffsetY: -5,
+             borderWidth: 2,
+-            borderColor: '#ffffff',
++            borderColor: isDark.value ? '#282C33' : '#ffffff',
+           },
+           emphasis: {
+-            scaleSize: 12,
++            scaleSize: 4,
+             itemStyle: {
+               borderColor: 'transparent',
+             },
+@@ -428,7 +440,7 @@ function useCveSeverityChart() {
+         },
+         {
+           type: 'pie',
+-          radius: ['0%', '52%'],
++          radius: ['0%', '45%'],
+           center: ['70%', '60%'],
+           tooltip: {
+             show: false,
+@@ -437,24 +449,19 @@ function useCveSeverityChart() {
+             {
+               value: 0,
+               itemStyle: {
+-                color: '#fff',
+-                borderColor: '#fff',
+-                borderWidth: 2,
++                color: isDark.value ? '#3b3b3b' : '#ffffff',
+               },
+-
+               label: {
+                 show: true,
+                 position: 'center',
+-                color: '#000',
++                color: isDark.value ? '#ffffff' : '#3b3b3b',
+                 formatter: `{total|cve总数}\n\n{count|${cveSeverity.reduce((pre, cur) => pre + cur.num, 0)}}`,
+                 rich: {
+                   total: {
+-                    fontSize: 26,
+-                    fontWeight: 'bold',
++                    fontSize: 14,
+                   },
+                   count: {
+-                    fontSize: 20,
+-                    fontWeight: 'bold',
++                    fontSize: 24,
+                   },
+                 },
+               },
+@@ -491,22 +498,15 @@ onMounted(() => {
+       <Chart
+         :option="ClusterDistributionChartOption"
+         title="集群分布"
+-        class="bg-[var(--ops-bg-color)] h-full bar-chart rounded-tr-[4px] rounded-b-[4px]"
++        class="bg-[var(--ops-bg-color--secondary)] h-full bar-chart rounded-tr-[4px] rounded-b-[4px]"
+       />
+       <Chart
+         :option="cveSeverityChartOption"
+         title="cve安全等级分布"
+-        class="bg-[var(--ops-bg-color)] h-full pie-chart rounded-[4px]"
++        class="bg-[var(--ops-bg-color--secondary)] h-full pie-chart rounded-[4px]"
+       />
+     </div>
+-    <el-table
+-      ref="cveTableRef"
+-      row-key="cve_id"
+-      :data="cves"
+-      size="small"
+-      @expand-change="onTableExpand"
+-      :header-cell-style="{ backgroundColor: 'rgb(244, 246, 250)', color: 'rgb(72, 88, 101)' }"
+-    >
++    <el-table ref="cveTableRef" row-key="cve_id" :data="cves" size="small" @expand-change="onTableExpand">
+       <el-table-column type="expand" width="40">
+         <template #default="props">
+           <div class="px-4">Description:</div>
+diff --git a/packages/ops-assistant/src/pages/display/Display.vue b/packages/ops-assistant/src/pages/display/Display.vue
+index 02e4f9d..bcb0f36 100644
+--- a/packages/ops-assistant/src/pages/display/Display.vue
++++ b/packages/ops-assistant/src/pages/display/Display.vue
+@@ -50,7 +50,16 @@ watch(
+   () => currentFlow.value,
+   () => {
+     const component = displayDynamicComponent.value.find(page => page.key === currentPage.value)?.component
+-    dynamicComponentKey.value = `${currentPage.value}-${currentFlow.value}#${new Date().getTime()}`
++    const key = tabUniqueKeys.value.find(item => item.startsWith(`${currentPage.value}`))
++    const a = `${currentPage.value}-${currentFlow.value}#${new Date().getTime()}`
++    if (key) {
++      tabUniqueKeys.value = tabUniqueKeys.value.filter(item => !item.startsWith(`${currentPage.value}`))
++      const tab = tabList.value.find(item => item.key === currentPage.value)
++      tab!.flowId = currentFlow.value
++      tabUniqueKeys.value.push(a)
++    }
++    console.log(tabUniqueKeys.value)
++    dynamicComponentKey.value = a
+     if (!component) {
+       clearTab()
+       currentComponent.value = Empty
+@@ -125,7 +134,7 @@ function onTabChange(tab: Tab) {
+   height: calc(100% - 36px);
+ }
+ .display-page {
+-  background: rgb(235, 239, 246);
++  background: var(--ops-bg-color);
+ }
+ .hide-scrollbar {
+   scrollbar-width: none;
+diff --git a/packages/ops-assistant/src/pages/display/Domain.vue b/packages/ops-assistant/src/pages/display/Domain.vue
+index 187a747..d893927 100644
+--- a/packages/ops-assistant/src/pages/display/Domain.vue
++++ b/packages/ops-assistant/src/pages/display/Domain.vue
+@@ -12,6 +12,7 @@ import {
+ import Chart from '@aops-assistant/components/Chart.vue'
+ import { EChartsOption } from 'echarts'
+ import { RealConfFile } from '@aops-assistant/apis/types'
++import { useDark } from '@vueuse/core'
+ 
+ export interface HostInDomain {
+   domain_name: string
+@@ -58,6 +59,11 @@ interface SyncHostParams {
+   aiReqParams: { domainName: string; hostIds: string[] }[]
+ }
+ 
++const isDark = useDark({
++  storageKey: 'theme-appearance',
++  selector: 'html',
++})
++
+ const { option, getDomainSyncStatus } = useDomainSyncChart()
+ 
+ const hostList = ref<HostInDomain[]>([])
+@@ -122,6 +128,9 @@ function useDomainSyncChart() {
+         left: 24,
+         top: '60%',
+         icon: 'circle',
++        textStyle: {
++          color: isDark.value ? '#ffffff' : '#282C33',
++        },
+       },
+       series: [
+         {
+@@ -137,10 +146,10 @@ function useDomainSyncChart() {
+             shadowOffsetX: -5,
+             shadowOffsetY: -5,
+             borderWidth: 2,
+-            borderColor: '#ffffff',
++            borderColor: isDark.value ? '#282C33' : '#ffffff',
+           },
+           emphasis: {
+-            scaleSize: 12,
++            scaleSize: 4,
+             itemStyle: {
+               borderColor: 'transparent',
+             },
+@@ -152,7 +161,7 @@ function useDomainSyncChart() {
+         },
+         {
+           type: 'pie',
+-          radius: ['0%', '52%'],
++          radius: ['0%', '42%'],
+           center: ['70%', '60%'],
+           tooltip: {
+             show: false,
+@@ -161,24 +170,19 @@ function useDomainSyncChart() {
+             {
+               value: 0,
+               itemStyle: {
+-                color: '#fff',
+-                borderColor: '#fff',
+-                borderWidth: 2,
++                color: isDark.value ? '#3b3b3b' : '#ffffff',
+               },
+-
+               label: {
+                 show: true,
+                 position: 'center',
+-                color: '#000',
++                color: isDark.value ? '#ffffff' : '#3b3b3b',
+                 formatter: `{total|同步率}\n\n{count|${Math.round(domainSyncStatus.syncRate * 100)} %}`,
+                 rich: {
+                   total: {
+-                    fontSize: 22,
+-                    fontWeight: 'bold',
++                    fontSize: 14,
+                   },
+                   count: {
+-                    fontSize: 20,
+-                    fontWeight: 'bold',
++                    fontSize: 24,
+                   },
+                 },
+               },
+@@ -192,6 +196,11 @@ function useDomainSyncChart() {
+     }
+   }
+ 
++  watch(
++    () => isDark.value,
++    () => setChartOption(),
++  )
++
+   return { option, getDomainSyncStatus }
+ }
+ 
+@@ -378,16 +387,15 @@ onMounted(() => {
+         <Chart
+           :option="option"
+           title="业务域同步率"
+-          class="bg-[var(--ops-bg-color)] rounded-tr-[4px] rounded-b-[4px]"
++          class="bg-[var(--ops-bg-color--secondary)] rounded-tr-[4px] rounded-b-[4px]"
+         />
+       </div>
+       <el-table
+-        class="mt-[8px] flex-1"
++        class="mt-[8px] flex-1 bg-[var(--ops-bg-color--secondary)]"
+         ref="multipleTableRef"
+         row-key="hostId"
+         :data="hostList"
+         :row-class-name="tableRowClassName"
+-        :header-cell-style="{ backgroundColor: 'rgb(244, 246, 250)', color: 'rgb(72, 88, 101)' }"
+         @select="onTableSelect"
+         @cell-click="onCellClick"
+       >
+@@ -412,24 +420,12 @@ onMounted(() => {
+         </el-table-column>
+       </el-table>
+     </div>
+-    <div class="flex-1 bg-[var(--ops-bg-color)] h-full rounded-tr-[4px] rounded-b-[4px] p-[24px]">
++    <div class="flex-1 bg-[var(--ops-bg-color--secondary)] h-full rounded-tr-[4px] rounded-b-[4px] p-[24px]">
+       <h3 class="font-semibold">未同步主机 (IP: {{ focusedRow?.ip }})</h3>
+-      <el-table
+-        :data="allConfs.notSyncConfs"
+-        ref="syncConfRef"
+-        row-key="filePath"
+-        :header-cell-style="{ backgroundColor: 'rgb(244, 246, 250)', color: 'rgb(72, 88, 101)' }"
+-        @expand-change="onExpandChange"
+-      >
++      <el-table :data="allConfs.notSyncConfs" ref="syncConfRef" row-key="filePath" @expand-change="onExpandChange">
+         <el-table-column type="expand">
+           <template #default="props">
+-            <el-table
+-              :data="props.row.operationTrace"
+-              height="180"
+-              size="small"
+-              border
+-              :header-cell-style="{ backgroundColor: 'rgb(244, 246, 250)', color: 'rgb(72, 88, 101)' }"
+-            >
++            <el-table :data="props.row.operationTrace" height="180" size="small" border>
+               <el-table-column prop="create_time" label="更新时间" sortable width="200" />
+               <el-table-column prop="info" label="监控记录" />
+             </el-table>
+@@ -494,18 +490,19 @@ onMounted(() => {
+   word-break: break-all;
+   white-space: pre-wrap;
+ }
++
+ .diff-add {
+-  background: rgb(236, 253, 240);
++  background: var(--ops-codediff-bg__t);
+   &-blank {
+-    background: rgb(236, 253, 240);
+-    color: rgb(236, 253, 240);
++    background: var(--ops-codediff-bg__t);
++    color: var(--ops-codediff-bg__t);
+   }
+ }
+ .diff-remove {
+-  background: rgb(251, 233, 235);
++  background: var(--ops-codediff-bg__f);
+   &-blank {
+-    background: rgb(251, 233, 235);
+-    color: rgb(251, 233, 235);
++    background: var(--ops-codediff-bg__f);
++    color: var(--ops-codediff-bg__f);
+   }
+ }
+ </style>
+diff --git a/packages/ops-assistant/src/pages/display/Empty.vue b/packages/ops-assistant/src/pages/display/Empty.vue
+index 25a3f18..f8cf9da 100644
+--- a/packages/ops-assistant/src/pages/display/Empty.vue
++++ b/packages/ops-assistant/src/pages/display/Empty.vue
+@@ -353,6 +353,5 @@
+         </g>
+       </g>
+     </svg>
+-    <p class="font-bold text-[24px]">未匹配到工作流</p>
+   </div>
+ </template>
+diff --git a/packages/ops-assistant/src/pages/display/SyncResult.vue b/packages/ops-assistant/src/pages/display/SyncResult.vue
+index aa85a37..4b349e1 100644
+--- a/packages/ops-assistant/src/pages/display/SyncResult.vue
++++ b/packages/ops-assistant/src/pages/display/SyncResult.vue
+@@ -44,18 +44,10 @@ onMounted(() => {
+ </script>
+ 
+ <template>
+-  <el-table
+-    :data="syncResultList"
+-    ref="multipleTableRef"
+-    row-key="host_ip"
+-    :header-cell-style="{ backgroundColor: 'rgb(244, 246, 250)', color: 'rgb(72, 88, 101)' }"
+-  >
++  <el-table :data="syncResultList" ref="multipleTableRef" row-key="host_ip">
+     <el-table-column type="expand">
+       <template #default="props">
+-        <el-table
+-          :data="props.row.syncFileList"
+-          :header-cell-style="{ backgroundColor: 'rgb(244, 246, 250)', color: 'rgb(72, 88, 101)' }"
+-        >
++        <el-table :data="props.row.syncFileList">
+           <el-table-column label="配置路径" prop="filePath" />
+           <el-table-column label="同步结果" prop="status">
+             <template #default="fileSync">
+diff --git a/packages/ops-assistant/src/pages/display/components/TabBar.vue b/packages/ops-assistant/src/pages/display/components/TabBar.vue
+index 3b0f48d..8c04fa3 100644
+--- a/packages/ops-assistant/src/pages/display/components/TabBar.vue
++++ b/packages/ops-assistant/src/pages/display/components/TabBar.vue
+@@ -71,13 +71,13 @@ onBeforeUnmount(() => {
+ .tab-item {
+   width: 96%;
+   height: 94%;
+-  background-color: rgb(244, 246, 250);
++  background-color: var(--ops-tabbar-bg);
++  color: var(--ops-text-color__base);
+   display: flex;
+   align-items: center;
+ }
+ .tab-item--active {
+-  background-color: rgb(253, 254, 255);
+-  color: rgb(0, 119, 255);
++  background-color: var(--ops-tabbar-bg--active);
+   height: 100%;
+   width: 100%;
+ }
+diff --git a/packages/ops-assistant/src/pages/display/components/TaskDetailPanel.vue b/packages/ops-assistant/src/pages/display/components/TaskDetailPanel.vue
+index 4affe62..7c85ad0 100644
+--- a/packages/ops-assistant/src/pages/display/components/TaskDetailPanel.vue
++++ b/packages/ops-assistant/src/pages/display/components/TaskDetailPanel.vue
+@@ -99,7 +99,10 @@ onMounted(async () => {
+ })
+ </script>
+ <template>
+-  <div v-if="taskDetail" class="flex flex-col bg-[var(--ops-bg-color)] rounded-tr-[4px] rounded-b-[4px] p-[24px]">
++  <div
++    v-if="taskDetail"
++    class="flex flex-col bg-[var(--ops-bg-color--secondary)] rounded-tr-[4px] rounded-b-[4px] p-[24px]"
++  >
+     <div class="flex flex-col gap-3">
+       <el-descriptions :column="1" border :label-width="120">
+         <el-descriptions-item label="任务类型">{{ taskDetail.task_type }}</el-descriptions-item>
+@@ -125,13 +128,7 @@ onMounted(async () => {
+       </el-descriptions>
+     </div>
+     <div class="mt-[12px]">
+-      <el-table
+-        :data="cveFixTableData"
+-        :header-cell-style="{
+-          backgroundColor: 'rgb(244, 246, 250)',
+-          color: 'rgb(78, 88, 101)',
+-        }"
+-      >
++      <el-table :data="cveFixTableData">
+         <el-table-column prop="host_name" label="主机"></el-table-column>
+         <el-table-column prop="host_ip" label="IP"></el-table-column>
+         <el-table-column prop="cve_num" label="CVE数量"></el-table-column>
+diff --git a/packages/ops-assistant/src/styles/element.less b/packages/ops-assistant/src/styles/element.less
+new file mode 100644
+index 0000000..c3db8fe
+--- /dev/null
++++ b/packages/ops-assistant/src/styles/element.less
+@@ -0,0 +1,15 @@
++.el-table th.el-table__cell {
++  background: var(--ops-table-header-bg-color);
++}
++.el-select .el-select__wrapper  {
++  background-color: var(--ops-bg-color--secondary);
++}
++.el-select .el-select__wrapper .el-select__selection .el-select__selected-item {
++  color: var(--ops-text-color__base) !important;
++}
++.el-table__inner-wrapper {
++  background-color: var(--ops-bg-color--secondary);
++}
++.el-table tr{
++  background: transparent;
++}
+diff --git a/packages/ops-assistant/src/styles/flow.less b/packages/ops-assistant/src/styles/flow.less
+index 9e201a1..ba45d5d 100644
+--- a/packages/ops-assistant/src/styles/flow.less
++++ b/packages/ops-assistant/src/styles/flow.less
+@@ -37,11 +37,11 @@
+ }
+ 
+ .result-fail {
+-  background-image: linear-gradient(to right, rgba(231, 76, 60, 0.4), var(--ops-bg-color--panel));
++  background: rgba(228, 33, 31, 0.6);
+ }
+ 
+ .result-success {
+-  background: rgb(194, 231, 199);
++  background: rgba(36, 171, 54, 0.6);
+ }
+ 
+ .result {
+diff --git a/packages/ops-assistant/src/styles/markdown.less b/packages/ops-assistant/src/styles/markdown.less
+index 0a90670..90c658d 100644
+--- a/packages/ops-assistant/src/styles/markdown.less
++++ b/packages/ops-assistant/src/styles/markdown.less
+@@ -40,7 +40,7 @@
+     white-space: nowrap;
+   }
+   code {
+-    background-color: #f0f0f0;
++    background-color: var(--ops-code-bg);
+     border-radius: 2px;
+     margin: 0 2px;
+     padding: 0 4px;
+@@ -50,9 +50,14 @@
+     word-break: break-all;
+     white-space: pre-wrap;
+     margin: 8px 0px;
++    code {
++      background-color: var(--ops-bash-bg);
++      padding: 4px 8px;
++      margin: 0;
++      color: var(--ops-code-color);
++    }
+     .code-toolbar {
+-      background-color: #2c2c36;
+-      background-color: var(--ops-bash-toolbar-bg);
++      background-color: var(--ops-bash-bg);
+       display: flex;
+       justify-content: space-between;
+       align-items: center;
+diff --git a/packages/ops-assistant/src/styles/theme.css b/packages/ops-assistant/src/styles/theme.css
+index 79e51b2..613c72f 100644
+--- a/packages/ops-assistant/src/styles/theme.css
++++ b/packages/ops-assistant/src/styles/theme.css
+@@ -1,36 +1,45 @@
+ html {
+   --ops-bg-image: url('../images/light_bg.png');
+-  --ops-bg-color: #fefefe;
+-  --ops-text-color__base: '#000';
+-  --ops-bg-color--secondary: #f7f7f7;
++  --ops-bg-color: #ebeff6;
++  --ops-text-color__base: #000;
++  --ops-bg-color--secondary: #ffffff;
+   --ops-record-bg-color: #f4f6fa;
+   --ops-bg-color--panel: rgb(253, 254, 255);
+-  --ops-bash-bg: #fafafa;
+-  --ops-bash-toolbar-bg: #ece8e8;
++  --ops-bash-bg: #f4f6fa;
++  --ops-code-bg: #f0f0f0;
++  --ops-code-color: #4e5865;
+   --ops-divider-color: rgb(223, 223, 229);
+ 
+   --ops-table-header-bg-color: #fafafa;
++  --ops-table-header-color:#485865;
+ 
+   --ops-tabbar-bg: #e6f4ff;
+   --ops-tabbar-bg--active: #ffffff;
+   --ops-tabbar-hover-bg: #b7bae7;
+   --ops-tabbar-divider-color: #dddeeb;
++  --ops-codediff-bg__t: #ecfdf0;
++  --ops-codediff-bg__f: #fbe9eb;
+ }
+ 
+ html.dark {
+   --ops-bg-image: url('../images/dark_bg.png');
+-  --ops-bg-color: #1f2329;
+-  --ops-text-color__base: '#fff';
++  --ops-bg-color: #141414;
++  --ops-text-color__base: #fff;
+   --ops-bg-color--secondary: #2b2b2b;
+   --ops-record-bg-color: #2a2f37;
+-  --ops-bg-color--panel: #282c33;
+-  --ops-bash-bg: #161618;
+-  --ops-bash-toolbar-bg: #000000;
++  --ops-bg-color--panel: #1f2329;
++  --ops-bash-bg: #2a2f37;
++  --ops-code-bg: #161618;
++  --ops-code-color: #d3dce9;
+   --ops-divider-color: #262729;
+ 
+   --ops-table-header-bg-color: #1d1d1d;
+-  --ops-tabbar-bg: #111111;
+-  --ops-tabbar-bg--active: #3c3c3c;
++  --ops-table-header-color:#ffffff;
++
++  --ops-tabbar-bg: #202020;
++  --ops-tabbar-bg--active: #3b3b3b;
+   --ops-tabbar-hover-bg: #171717;
+   --ops-tabbar-divider-color: #373836;
++  --ops-codediff-bg__t: #2ea04326;
++  --ops-codediff-bg__f: #f851494d;
+ }
+diff --git a/src/assets/styles/theme.css b/src/assets/styles/theme.css
+index 0691804..d88701e 100644
+--- a/src/assets/styles/theme.css
++++ b/src/assets/styles/theme.css
+@@ -23,6 +23,9 @@ html {
+   --box-shadow-color: #e7e7e7;
+ 
+   --openeuler-logo-filter: invert(0%);
++
++  --codediff-bg__t: #ecfdf0;
++  --codediff-bg__f: #fbe9eb;
+ }
+ 
+ html.dark {
+@@ -50,4 +53,7 @@ html.dark {
+   --box-shadow-color: #272626;
+ 
+   --openeuler-logo-filter: invert(100%);
++
++  --codediff-bg__t: #2ea04326;
++  --codediff-bg__f: #f851494d;
+ }
+diff --git a/src/locales/lang/en.json b/src/locales/lang/en.json
+index 8fe4ff3..0fcbba0 100644
+--- a/src/locales/lang/en.json
++++ b/src/locales/lang/en.json
+@@ -521,7 +521,7 @@
+       "changeLog": "Configuration Log",
+       "self": "Conf Trace"
+     },
+-    "copilot": "OpenEuler Copilot System",
++    "copilot": "EulerCopilot",
+     "dashboard": "Dashboard",
+     "execution": {
+       "commamdManagement": "Command Management",
+diff --git a/src/views/configuration/components/CompareDiff.vue b/src/views/configuration/components/CompareDiff.vue
+index abda40a..487e7ec 100644
+--- a/src/views/configuration/components/CompareDiff.vue
++++ b/src/views/configuration/components/CompareDiff.vue
+@@ -1,29 +1,27 @@
+-<script setup lang='ts'>
++<script setup lang="ts">
+ import type * as Diff from 'diff'
+ import { computed } from 'vue'
+ 
+-const props = withDefaults(defineProps<{
+-  diffResult: Diff.Change[]
+-}>(), {
+-  diffResult: () => [],
+-})
++const props = withDefaults(
++  defineProps<{
++    diffResult: Diff.Change[]
++  }>(),
++  {
++    diffResult: () => [],
++  },
++)
+ 
+ const diffPartList = computed(() => props.diffResult.map(part => part))
+ 
+ function setDiffClass(isAdd?: boolean, isRemoved?: boolean, isOrigin?: boolean) {
+   if (isOrigin) {
+-    if (isAdd)
+-      return 'diff-add-blank'
++    if (isAdd) return 'diff-add-blank'
+ 
+-    if (isRemoved)
+-      return 'diff-remove'
+-  }
+-  else {
+-    if (isAdd)
+-      return 'diff-add'
++    if (isRemoved) return 'diff-remove'
++  } else {
++    if (isAdd) return 'diff-add'
+ 
+-    if (isRemoved)
+-      return 'diff-remove-blank'
++    if (isRemoved) return 'diff-remove-blank'
+   }
+   return ''
+ }
+@@ -62,17 +60,17 @@ function setDiffClass(isAdd?: boolean, isRemoved?: boolean, isOrigin?: boolean)
+   white-space: pre-wrap;
+ }
+ .diff-add {
+-  background: rgb(236, 253, 240);
++  background: var(--codediff-bg__t);
+   &-blank {
+-    background: rgb(236, 253, 240);
+-    color: rgb(236, 253, 240);
++    background: var(--codediff-bg__t);
++    color: var(--codediff-bg__t);
+   }
+ }
+ .diff-remove {
+-  background: rgb(251, 233, 235);
++  background: var(--codediff-bg__f);
+   &-blank {
+-    background: rgb(251, 233, 235);
+-    color: rgb(251, 233, 235);
++    background: var(--codediff-bg__f);
++    color: var(--codediff-bg__f);
+   }
+ }
+ </style>
+-- 
+2.33.0
+
diff --git a/aops-hermes.spec b/aops-hermes.spec
index bb1e4d8..7de8aa8 100644
--- a/aops-hermes.spec
+++ b/aops-hermes.spec
@@ -2,7 +2,7 @@
 
 Name:		aops-hermes
 Version:	v2.1.2
-Release:	2
+Release:	3
 Summary:	Web for an intelligent diagnose frame
 License:	MulanPSL2
 URL:		https://gitee.com/openeuler/%{name}
@@ -12,7 +12,9 @@ Source1:	node_modules.tar.gz
 Patch0001:     0001-fixed-errors-in-field-verification-related-to-repo-names.patch
 Patch0002:     0002-fixed-intelligent-operation-and-maintenance-interaction-bug.patch
 Patch0003:     0003-added-new-configuration-change-records-and-configuration-synchronization-result-workflow.patch
-Patch0004:     0004-fixed-the-deletion-and-naming-bug-of-smart-Q&A-history.patch
+Patch0004:     0004-fixed-the-deletion-and-naming-bug-of-history.patch
+Patch0005:     0005-fix-host-statistics-inaccurate.patch
+Patch0006:     0006-ai-assistant-support-dark-mode.patch
 
 
 BuildRequires: nodejs
@@ -41,6 +43,10 @@ cp -r deploy/aops-hermes.service %{buildroot}/usr/lib/systemd/system/
 
 
 %changelog
+* Thu Mar 13 2025 Hu gang<18768366022@163.com> - v2.1.2-3
+- Fix host statistics inaccurate
+- Ai assistant support dark mode
+
 * Fri Mar 7 2025 Hu gang<18768366022@163.com> - v2.1.2-2
 - Added configuration traceability workflow scenarios to view configuration change records and configuration synchronization results
 - Added page display when the appropriate workflow is not matched
-- 
Gitee