From 295efe88d4b2974df95da8eaf6963082279b15eb Mon Sep 17 00:00:00 2001
From: digua <i@digua.me>
Date: Tue, 27 Jan 2026 21:21:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=89=88=E6=9C=AC=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=88=A4=E6=96=AD=E9=80=BB=E8=BE=91=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/changelogs_cn.json                      |  30 +++---
 src/i18n/locales/en-US/home.json             |   1 +
 src/i18n/locales/zh-CN/home.json             |   1 +
 src/pages/home/components/AgreementModal.vue |   2 +
 src/pages/home/components/ChangelogModal.vue | 100 ++++++++++++++++++-
 src/pages/home/index.vue                     |  51 +---------
 6 files changed, 118 insertions(+), 67 deletions(-)

diff --git a/docs/changelogs_cn.json b/docs/changelogs_cn.json
index 8dde085..1d93aa1 100644
--- a/docs/changelogs_cn.json
+++ b/docs/changelogs_cn.json
@@ -2,7 +2,7 @@
   {
     "version": "0.8.0",
     "date": "2026-01-26",
-    "summary": "本次更新新增了会话摘要与向量检索能力，每次版本更新后会提示更新日志，优化了部分界面，同时修复了一些已知问题。",
+    "summary": "新增了会话摘要与向量检索能力；每次版本更新后会弹窗展示更新内容；优化了部分界面交互；同时修复了一些已知问题。",
     "changes": [
       {
         "type": "feat",
@@ -27,7 +27,7 @@
   {
     "version": "0.7.0",
     "date": "2026-01-23",
-    "summary": "优化 AI 对话体验，并改进更新逻辑与图表方案。",
+    "summary": "优化了 AI 对话体验；改进了更新逻辑；图表方案使用 Echarts 替代 chart.js。",
     "changes": [
       {
         "type": "feat",
@@ -45,7 +45,7 @@
   {
     "version": "0.6.0",
     "date": "2026-01-21",
-    "summary": "接入AI sdk，提高 AI对话 的稳定性；追加思考内容块；部分样式优化",
+    "summary": "接入了 AI sdk，提高了 AI 对话 的稳定性；AI对话新增展示思考内容块；对部分样式进行了优化。",
     "changes": [
       {
         "type": "feat",
@@ -62,7 +62,7 @@
   {
     "version": "0.5.2",
     "date": "2026-01-20",
-    "summary": "支持合并导入；修复了一些问题",
+    "summary": "支持了合并导入，同时修复了一些问题。",
     "changes": [
       {
         "type": "feat",
@@ -85,7 +85,7 @@
   {
     "version": "0.5.1",
     "date": "2026-01-16",
-    "summary": "修复了一些问题",
+    "summary": "修复了一些问题。",
     "changes": [
       {
         "type": "feat",
@@ -105,7 +105,7 @@
   {
     "version": "0.5.0",
     "date": "2026-01-14",
-    "summary": "支持 instagram 聊天记录导入；支持批量导入；支持增量导入",
+    "summary": "支持了 instagram 聊天记录导入；首页支持了批量导入；聊天页面支持了增量导入。",
     "changes": [
       {
         "type": "feat",
@@ -130,7 +130,7 @@
   {
     "version": "0.4.1",
     "date": "2026-01-13",
-    "summary": "这个版本进行了一些样式和交互上的优化，没有功能更新",
+    "summary": "进行了一些样式和交互上的优化。",
     "changes": [
       {
         "type": "feat",
@@ -157,7 +157,7 @@
   {
     "version": "0.4.0",
     "date": "2026-01-12",
-    "summary": "导入支持 shuakami-jsonl格式；优化了 AI 对话，现在更加节省token了；导入聊天记录时支持生成会话索引，同时消息查看器也支持按索引查看；更新支持了加速镜像。",
+    "summary": "导入支持 shuakami-jsonl 格式；优化了 AI 对话，现在更加节省token了；导入聊天记录时支持生成会话索引，同时消息查看器也支持按索引查看；软件更新支持了加速镜像。",
     "changes": [
       {
         "type": "feat",
@@ -184,7 +184,7 @@
   {
     "version": "0.3.1",
     "date": "2026-01-09",
-    "summary": "新版本已适配 Discord 导入；各个解析器支持了回复类型的导入；软件存储目录迁移至更规范的目录；导入时支持角色导入；对导入报错支持了更详细的诊断和提示；部分功能优化。",
+    "summary": "已适配 Discord 导入；各个解析器支持了回复类型的导入；软件存储目录迁移至更规范的目录；导入时支持角色导入；对导入报错支持了更详细的诊断和提示；部分细节优化。",
     "changes": [
       {
         "type": "feat",
@@ -212,7 +212,7 @@
   {
     "version": "0.3.0",
     "date": "2026-01-08",
-    "summary": "本次更新支持了英文版；以及一些功能优化",
+    "summary": "进行了全量的国际化支持，支持中英文切换；一些功能优化。",
     "changes": [
       {
         "type": "feat",
@@ -230,7 +230,7 @@
   {
     "version": "0.2.0",
     "date": "2025-12-29",
-    "summary": "支持配置代理；导入时支持显示错误日志；优化部分界面交互；以及部分功能更新",
+    "summary": "支持配置代理；导入时支持显示错误日志；优化部分界面交互，以及部分功能更新。",
     "changes": [
       {
         "type": "feat",
@@ -250,7 +250,7 @@
   {
     "version": "0.1.3",
     "date": "2025-12-25",
-    "summary": "修复了一些问题",
+    "summary": "修复了一些问题。",
     "changes": [
       {
         "type": "fix",
@@ -263,7 +263,7 @@
   {
     "version": "0.1.2",
     "date": "2025-12-25",
-    "summary": "支持深色模式，AI对话中，系统提示词中支持传递给用户身份",
+    "summary": "支持了深色模式；AI对话中，系统提示词中支持传递给用户身份。",
     "changes": [
       {
         "type": "feat",
@@ -286,7 +286,7 @@
   {
     "version": "0.1.1",
     "date": "2025-12-24",
-    "summary": "支持 WhatsApp、旧版QQ 聊天记录分析",
+    "summary": "已适配 WhatsApp 聊天记录的导入；支持旧版 QQ 讨论组格式的分析。",
     "changes": [
       {
         "type": "feat",
@@ -307,7 +307,7 @@
   {
     "version": "0.1.0",
     "date": "2025-12-23",
-    "summary": "项目发布。",
+    "summary": "项目正式开源发布。",
     "changes": [
       {
         "type": "feat",
diff --git a/src/i18n/locales/en-US/home.json b/src/i18n/locales/en-US/home.json
index 9905e88..0da3ce6 100644
--- a/src/i18n/locales/en-US/home.json
+++ b/src/i18n/locales/en-US/home.json
@@ -93,6 +93,7 @@
     "subtitle": "View all version updates",
     "viewChangelog": "Changelog",
     "latest": "Latest",
+    "current": "Current",
     "total": "{count} versions in total",
     "close": "Close",
     "loadError": "Failed to load changelog",
diff --git a/src/i18n/locales/zh-CN/home.json b/src/i18n/locales/zh-CN/home.json
index 4dc72b2..7930c71 100644
--- a/src/i18n/locales/zh-CN/home.json
+++ b/src/i18n/locales/zh-CN/home.json
@@ -93,6 +93,7 @@
     "subtitle": "查看所有版本更新内容",
     "viewChangelog": "版本日志",
     "latest": "最新版本",
+    "current": "当前版本",
     "total": "共 {count} 个版本",
     "close": "关闭",
     "loadError": "加载版本日志失败",
diff --git a/src/pages/home/components/AgreementModal.vue b/src/pages/home/components/AgreementModal.vue
index ee1e414..f0b7068 100644
--- a/src/pages/home/components/AgreementModal.vue
+++ b/src/pages/home/components/AgreementModal.vue
@@ -111,6 +111,8 @@ function handleAgree() {
 
 // 不同意协议，退出应用
 function handleDisagree() {
+  // 不同意时清除已存的协议版本
+  localStorage.removeItem(AGREEMENT_KEY)
   window.api.send('window-close')
 }
 
diff --git a/src/pages/home/components/ChangelogModal.vue b/src/pages/home/components/ChangelogModal.vue
index bd76daa..0f18716 100644
--- a/src/pages/home/components/ChangelogModal.vue
+++ b/src/pages/home/components/ChangelogModal.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { ref, watch, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { storeToRefs } from 'pinia'
 import { useSettingsStore } from '@/stores/settings'
@@ -19,6 +19,14 @@ const loadError = ref<string | null>(null)
 // 使用 Map 来跟踪每个版本的展开状态，undefined 表示使用默认状态
 const expandedState = ref<Map<string, boolean>>(new Map())
 
+// 当前软件版本（用于高亮显示和默认展开）
+const currentAppVersion = ref<string | null>(null)
+
+// 版本日志已读标记的 localStorage key
+const CHANGELOG_READ_KEY = 'chatlab_changelog_read_version'
+// 用户协议同意标记的 localStorage key
+const AGREEMENT_KEY = 'chatlab_agreement_version'
+
 // 切换版本展开/收起
 function toggleVersion(version: string, index: number) {
   const currentState = isExpanded(version, index)
@@ -31,10 +39,19 @@ function isExpanded(version: string, index: number) {
   if (expandedState.value.has(version)) {
     return expandedState.value.get(version)!
   }
+  // 如果设置了当前软件版本，则当前版本默认展开
+  if (currentAppVersion.value) {
+    return version === currentAppVersion.value
+  }
   // 否则，第一个版本默认展开，其他默认收起
   return index === 0
 }
 
+// 判断是否是当前软件版本
+function isCurrentVersion(version: string) {
+  return currentAppVersion.value && version === currentAppVersion.value
+}
+
 // Changelog 数据结构
 interface ChangelogItem {
   version: string
@@ -123,8 +140,66 @@ function formatDate(dateStr: string) {
   })
 }
 
+// 标记当前版本为已读
+function markVersionAsRead(version: string) {
+  localStorage.setItem(CHANGELOG_READ_KEY, version)
+}
+
+// 检查是否需要显示新版本日志（冷启动时自动检查）
+async function checkNewVersion() {
+  try {
+    // 0. 如果用户还没同意隐私协议，不检查更新日志（避免两个弹窗同时弹出）
+    const acceptedAgreement = localStorage.getItem(AGREEMENT_KEY)
+    if (!acceptedAgreement) {
+      return
+    }
+
+    // 1. 获取当前软件版本号
+    const currentVersion = await window.api.app.getVersion()
+    if (!currentVersion) return
+
+    // 2. 获取 localStorage 中存储的已读版本号
+    const readVersion = localStorage.getItem(CHANGELOG_READ_KEY)
+
+    // 3. 如果 readVersion 不为空且等于 currentVersion，说明用户已看过，不需要请求数据
+    if (readVersion && readVersion === currentVersion) {
+      return
+    }
+
+    // 4. readVersion 为空或不等于 currentVersion，需要请求远程 changelog 数据
+    const result = await window.api.app.fetchRemoteConfig(getChangelogUrl(locale.value))
+    if (!result.success || !result.data) return
+
+    const data = result.data as ChangelogItem[]
+    const latestChangelogVersion = data[0]?.version
+    if (!latestChangelogVersion) return
+
+    // 5. 在 changelog 中查找当前软件版本
+    const currentVersionExists = data.some((log) => log.version === currentVersion)
+
+    // 如果在 changelog 中找不到当前版本，说明日志还没更新到当前版本，不显示弹窗
+    if (!currentVersionExists) {
+      return
+    }
+
+    // 6. 找到了当前版本，显示弹窗
+    // 传入完整的 changelog 和当前版本号，让弹窗组件处理展开逻辑和标签显示
+    // 延迟打开，等待其他弹窗（如迁移弹窗）检查完成
+    setTimeout(() => {
+      openWithData(data, currentVersion)
+      // 打开后标记当前软件版本为已读
+      markVersionAsRead(currentVersion)
+    }, 500)
+  } catch (error) {
+    console.error('Failed to check new version:', error)
+  }
+}
+
 // 暴露方法给父组件
+
+// 手动打开弹窗（用户点击时调用），会自动获取数据
 function open() {
+  currentAppVersion.value = null // 手动打开时不设置当前版本，使用默认展开逻辑
   showModal.value = true
   // 打开时获取数据（如果还没有数据）
   if (changelogs.value.length === 0) {
@@ -132,6 +207,14 @@ function open() {
   }
 }
 
+// 使用预设数据打开弹窗（自动检查新版本时调用）
+function openWithData(data: ChangelogItem[], appVersion?: string) {
+  changelogs.value = data
+  currentAppVersion.value = appVersion || null
+  expandedState.value.clear() // 重置展开状态
+  showModal.value = true
+}
+
 function close() {
   showModal.value = false
 }
@@ -141,7 +224,12 @@ function getLatestVersion() {
   return changelogs.value[0]?.version || null
 }
 
-defineExpose({ open, close, fetchChangelogs, getLatestVersion })
+// 组件挂载时检查新版本
+onMounted(() => {
+  checkNewVersion()
+})
+
+defineExpose({ open, openWithData, close, fetchChangelogs, getLatestVersion })
 </script>
 
 <template>
@@ -228,6 +316,13 @@ defineExpose({ open, close, fetchChangelogs, getLatestVersion })
                       >
                         {{ t('home.changelog.latest') }}
                       </span>
+                      <!-- 当前软件版本标签 -->
+                      <span
+                        v-if="isCurrentVersion(log.version)"
+                        class="rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-600 dark:bg-green-900/30 dark:text-green-400"
+                      >
+                        {{ t('home.changelog.current') }}
+                      </span>
                       <!-- Expand/Collapse indicator -->
                       <UIcon
                         name="i-heroicons-chevron-down"
@@ -306,4 +401,3 @@ defineExpose({ open, close, fetchChangelogs, getLatestVersion })
     </template>
   </UModal>
 </template>
-
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index ccd28ba..30127dc 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { storeToRefs } from 'pinia'
-import { useSettingsStore } from '@/stores/settings'
 import AgreementModal from './components/AgreementModal.vue'
 import MigrationModal from './components/MigrationModal.vue'
 import ImportArea from './components/ImportArea.vue'
@@ -10,23 +8,12 @@ import ChangelogModal from './components/ChangelogModal.vue'
 import HomeFooter from './components/HomeFooter.vue'
 
 const { t } = useI18n()
-const settingsStore = useSettingsStore()
-const { locale } = storeToRefs(settingsStore)
 
 // 弹窗引用
 const changelogModalRef = ref<InstanceType<typeof ChangelogModal> | null>(null)
 const agreementModalRef = ref<InstanceType<typeof AgreementModal> | null>(null)
 
-// 版本日志已读标记的 localStorage key
-const CHANGELOG_READ_KEY = 'chatlab_changelog_read_version'
-
-// 获取 changelog URL
-function getChangelogUrl() {
-  const langPath = locale.value === 'zh-CN' ? 'cn' : 'en'
-  return `https://chatlab.fun/${langPath}/changelogs.json`
-}
-
-// 打开版本日志弹窗
+// 打开版本日志弹窗（手动点击时调用）
 async function openChangelog() {
   changelogModalRef.value?.open()
 }
@@ -36,40 +23,6 @@ function openTerms() {
   agreementModalRef.value?.open()
 }
 
-// 标记当前版本为已读
-function markVersionAsRead(version: string) {
-  localStorage.setItem(CHANGELOG_READ_KEY, version)
-}
-
-// 检查是否需要显示新版本日志
-async function checkNewVersion() {
-  try {
-    const result = await window.api.app.fetchRemoteConfig(getChangelogUrl())
-    if (!result.success || !result.data) return
-
-    const changelogs = result.data as { version: string }[]
-    const latestVersion = changelogs[0]?.version
-    if (!latestVersion) return
-
-    const readVersion = localStorage.getItem(CHANGELOG_READ_KEY)
-    if (readVersion !== latestVersion) {
-      // 延迟打开，等待其他弹窗（如迁移弹窗）检查完成
-      setTimeout(() => {
-        openChangelog()
-        // 打开后标记为已读
-        markVersionAsRead(latestVersion)
-      }, 500)
-    }
-  } catch (error) {
-    console.error('Failed to check new version:', error)
-  }
-}
-
-// 组件挂载时检查新版本
-onMounted(() => {
-  checkNewVersion()
-})
-
 const features = computed(() => [
   {
     title: t('home.features.privacy.title'),