From 7da793b9e0f05f5eb7fed6b7a7cb25827ca1ab1c Mon Sep 17 00:00:00 2001
From: digua <i@digua.me>
Date: Tue, 16 Jun 2026 00:30:34 +0800
Subject: [PATCH] feat: add global insight page as top-level navigation entry

---
 src/components/common/Sidebar.vue   | 27 ++++++++---
 src/i18n/locales/en-US/index.ts     |  2 +
 src/i18n/locales/en-US/insight.json |  9 ++++
 src/i18n/locales/en-US/layout.json  |  1 +
 src/i18n/locales/ja-JP/index.ts     |  2 +
 src/i18n/locales/ja-JP/insight.json |  9 ++++
 src/i18n/locales/ja-JP/layout.json  |  1 +
 src/i18n/locales/zh-CN/index.ts     |  2 +
 src/i18n/locales/zh-CN/insight.json |  9 ++++
 src/i18n/locales/zh-CN/layout.json  |  1 +
 src/i18n/locales/zh-TW/index.ts     |  2 +
 src/i18n/locales/zh-TW/insight.json |  9 ++++
 src/i18n/locales/zh-TW/layout.json  |  1 +
 src/pages/insight/index.vue         | 75 +++++++++++++++++++++++++++++
 src/routes/index.ts                 |  5 ++
 15 files changed, 148 insertions(+), 7 deletions(-)
 create mode 100644 src/i18n/locales/en-US/insight.json
 create mode 100644 src/i18n/locales/ja-JP/insight.json
 create mode 100644 src/i18n/locales/zh-CN/insight.json
 create mode 100644 src/i18n/locales/zh-TW/insight.json
 create mode 100644 src/pages/insight/index.vue

diff --git a/src/components/common/Sidebar.vue b/src/components/common/Sidebar.vue
index 8049aff98..48ad69ae3 100644
--- a/src/components/common/Sidebar.vue
+++ b/src/components/common/Sidebar.vue
@@ -36,6 +36,9 @@ const route = useRoute()
 // 是否在首页
 const isHomePage = computed(() => route.path === '/')
 
+// 是否在洞察页
+const isInsightPage = computed(() => route.path === '/insight')
+
 // 重命名相关状态
 const showRenameModal = ref(false)
 const renameTarget = ref<AnalysisSession | null>(null)
@@ -431,13 +434,23 @@ function getAvatarColorClass(session: AnalysisSession, isActive: boolean) {
         </UTooltip>
       </div>
 
-      <!-- 新建分析 -->
-      <SidebarButton
-        icon="i-heroicons-plus"
-        :title="t('layout.newAnalysis')"
-        :active="isHomePage"
-        @click="handleImport"
-      />
+      <div class="space-y-1">
+        <!-- 新建分析 -->
+        <SidebarButton
+          icon="i-heroicons-plus"
+          :title="t('layout.newAnalysis')"
+          :active="isHomePage"
+          @click="handleImport"
+        />
+
+        <!-- 洞察 -->
+        <SidebarButton
+          icon="i-heroicons-presentation-chart-bar"
+          :title="t('layout.insight')"
+          :active="isInsightPage"
+          @click="router.push('/insight')"
+        />
+      </div>
     </div>
 
     <!-- Session List -->
diff --git a/src/i18n/locales/en-US/index.ts b/src/i18n/locales/en-US/index.ts
index 3791422b0..40e1a9b44 100644
--- a/src/i18n/locales/en-US/index.ts
+++ b/src/i18n/locales/en-US/index.ts
@@ -11,6 +11,7 @@ import members from './members.json'
 import records from './records.json'
 import views from './views.json'
 import wordFilter from './wordFilter.json'
+import insight from './insight.json'
 
 export default {
   common,
@@ -26,4 +27,5 @@ export default {
   records,
   views,
   wordFilter,
+  insight,
 }
diff --git a/src/i18n/locales/en-US/insight.json b/src/i18n/locales/en-US/insight.json
new file mode 100644
index 000000000..4410fce7a
--- /dev/null
+++ b/src/i18n/locales/en-US/insight.json
@@ -0,0 +1,9 @@
+{
+  "title": "Insights",
+  "placeholder": "Global insights are coming soon, stay tuned",
+  "tabs": {
+    "overview": "Overview",
+    "trends": "Trends",
+    "ranking": "Ranking"
+  }
+}
diff --git a/src/i18n/locales/en-US/layout.json b/src/i18n/locales/en-US/layout.json
index b6c8f9c0f..0e290ec96 100644
--- a/src/i18n/locales/en-US/layout.json
+++ b/src/i18n/locales/en-US/layout.json
@@ -1,6 +1,7 @@
 {
   "brand": "ChatLab",
   "newAnalysis": "New Analysis",
+  "insight": "Insights",
   "tools": "Tools",
   "chatHistory": "Chat History",
   "manage": "Manage",
diff --git a/src/i18n/locales/ja-JP/index.ts b/src/i18n/locales/ja-JP/index.ts
index 3791422b0..40e1a9b44 100644
--- a/src/i18n/locales/ja-JP/index.ts
+++ b/src/i18n/locales/ja-JP/index.ts
@@ -11,6 +11,7 @@ import members from './members.json'
 import records from './records.json'
 import views from './views.json'
 import wordFilter from './wordFilter.json'
+import insight from './insight.json'
 
 export default {
   common,
@@ -26,4 +27,5 @@ export default {
   records,
   views,
   wordFilter,
+  insight,
 }
diff --git a/src/i18n/locales/ja-JP/insight.json b/src/i18n/locales/ja-JP/insight.json
new file mode 100644
index 000000000..57a8c5933
--- /dev/null
+++ b/src/i18n/locales/ja-JP/insight.json
@@ -0,0 +1,9 @@
+{
+  "title": "インサイト",
+  "placeholder": "グローバルインサイト機能は近日公開予定です",
+  "tabs": {
+    "overview": "概要",
+    "trends": "トレンド",
+    "ranking": "ランキング"
+  }
+}
diff --git a/src/i18n/locales/ja-JP/layout.json b/src/i18n/locales/ja-JP/layout.json
index 2028854b4..c503dd12c 100644
--- a/src/i18n/locales/ja-JP/layout.json
+++ b/src/i18n/locales/ja-JP/layout.json
@@ -1,6 +1,7 @@
 {
   "brand": "ChatLab",
   "newAnalysis": "新しいチャットを分析",
+  "insight": "インサイト",
   "tools": "ツール",
   "chatHistory": "チャット履歴",
   "manage": "管理",
diff --git a/src/i18n/locales/zh-CN/index.ts b/src/i18n/locales/zh-CN/index.ts
index 3791422b0..40e1a9b44 100644
--- a/src/i18n/locales/zh-CN/index.ts
+++ b/src/i18n/locales/zh-CN/index.ts
@@ -11,6 +11,7 @@ import members from './members.json'
 import records from './records.json'
 import views from './views.json'
 import wordFilter from './wordFilter.json'
+import insight from './insight.json'
 
 export default {
   common,
@@ -26,4 +27,5 @@ export default {
   records,
   views,
   wordFilter,
+  insight,
 }
diff --git a/src/i18n/locales/zh-CN/insight.json b/src/i18n/locales/zh-CN/insight.json
new file mode 100644
index 000000000..c5580cf61
--- /dev/null
+++ b/src/i18n/locales/zh-CN/insight.json
@@ -0,0 +1,9 @@
+{
+  "title": "洞察",
+  "placeholder": "全局洞察功能正在建设中，敬请期待",
+  "tabs": {
+    "overview": "总览",
+    "trends": "趋势",
+    "ranking": "排行"
+  }
+}
diff --git a/src/i18n/locales/zh-CN/layout.json b/src/i18n/locales/zh-CN/layout.json
index b998eb1a3..60c63d44c 100644
--- a/src/i18n/locales/zh-CN/layout.json
+++ b/src/i18n/locales/zh-CN/layout.json
@@ -1,6 +1,7 @@
 {
   "brand": "ChatLab",
   "newAnalysis": "分析新对话",
+  "insight": "洞察",
   "tools": "实用工具",
   "chatHistory": "聊天对话",
   "manage": "管理",
diff --git a/src/i18n/locales/zh-TW/index.ts b/src/i18n/locales/zh-TW/index.ts
index 3791422b0..40e1a9b44 100644
--- a/src/i18n/locales/zh-TW/index.ts
+++ b/src/i18n/locales/zh-TW/index.ts
@@ -11,6 +11,7 @@ import members from './members.json'
 import records from './records.json'
 import views from './views.json'
 import wordFilter from './wordFilter.json'
+import insight from './insight.json'
 
 export default {
   common,
@@ -26,4 +27,5 @@ export default {
   records,
   views,
   wordFilter,
+  insight,
 }
diff --git a/src/i18n/locales/zh-TW/insight.json b/src/i18n/locales/zh-TW/insight.json
new file mode 100644
index 000000000..da8864cae
--- /dev/null
+++ b/src/i18n/locales/zh-TW/insight.json
@@ -0,0 +1,9 @@
+{
+  "title": "洞察",
+  "placeholder": "全域洞察功能正在建設中，敬請期待",
+  "tabs": {
+    "overview": "總覽",
+    "trends": "趨勢",
+    "ranking": "排行"
+  }
+}
diff --git a/src/i18n/locales/zh-TW/layout.json b/src/i18n/locales/zh-TW/layout.json
index 87ea13e9e..ab2c9315a 100644
--- a/src/i18n/locales/zh-TW/layout.json
+++ b/src/i18n/locales/zh-TW/layout.json
@@ -1,6 +1,7 @@
 {
   "brand": "ChatLab",
   "newAnalysis": "分析新對話",
+  "insight": "洞察",
   "tools": "實用工具",
   "chatHistory": "聊天紀錄",
   "manage": "管理",
diff --git a/src/pages/insight/index.vue b/src/pages/insight/index.vue
new file mode 100644
index 000000000..379aef489
--- /dev/null
+++ b/src/pages/insight/index.vue
@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import PageHeader from '@/components/layout/PageHeader.vue'
+import EmptyState from '@/components/UI/EmptyState.vue'
+
+const { t } = useI18n()
+
+const tabs = [
+  { id: 'overview', labelKey: 'insight.tabs.overview', icon: 'i-heroicons-chart-pie' },
+  { id: 'trends', labelKey: 'insight.tabs.trends', icon: 'i-heroicons-presentation-chart-line' },
+  { id: 'ranking', labelKey: 'insight.tabs.ranking', icon: 'i-heroicons-trophy' },
+]
+
+const activeTab = ref('overview')
+</script>
+
+<template>
+  <div class="flex h-full flex-col bg-white dark:bg-gray-900" style="padding-top: var(--titlebar-area-height)">
+    <PageHeader
+      :title="t('insight.title')"
+      icon="i-heroicons-presentation-chart-bar"
+      icon-class="bg-pink-600 text-white dark:bg-pink-500 dark:text-white"
+      size="compact"
+    >
+      <!-- Tab 栏 -->
+      <div class="mt-3 flex items-center gap-0.5 overflow-x-auto scrollbar-hide">
+        <button
+          v-for="tab in tabs"
+          :key="tab.id"
+          class="flex items-center gap-1.5 rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all"
+          :class="[
+            activeTab === tab.id
+              ? 'bg-pink-500 text-white dark:bg-pink-900/30 dark:text-pink-300'
+              : 'text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800',
+          ]"
+          @click="activeTab = tab.id"
+        >
+          <UIcon :name="tab.icon" class="h-4 w-4" />
+          <span class="whitespace-nowrap">{{ t(tab.labelKey) }}</span>
+        </button>
+      </div>
+    </PageHeader>
+
+    <!-- Tab 内容区 -->
+    <div class="relative flex-1 overflow-y-auto">
+      <div class="h-full">
+        <Transition name="tab-slide" mode="out-in">
+          <div :key="activeTab" class="flex h-full items-center justify-center">
+            <EmptyState :text="t('insight.placeholder')" icon="✨" padding="lg" />
+          </div>
+        </Transition>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.tab-slide-enter-active,
+.tab-slide-leave-active {
+  transition:
+    opacity 0.2s ease,
+    transform 0.2s ease;
+}
+
+.tab-slide-enter-from {
+  opacity: 0;
+  transform: translateY(10px);
+}
+
+.tab-slide-leave-to {
+  opacity: 0;
+  transform: translateY(-10px);
+}
+</style>
diff --git a/src/routes/index.ts b/src/routes/index.ts
index e5732998e..921da20c3 100644
--- a/src/routes/index.ts
+++ b/src/routes/index.ts
@@ -25,6 +25,11 @@ export const router = createRouter({
       name: 'private-chat',
       component: () => import('@/pages/private-chat/index.vue'),
     },
+    {
+      path: '/insight',
+      name: 'insight',
+      component: () => import('@/pages/insight/index.vue'),
+    },
   ],
   history: createWebHashHistory(),
 })