@lobehub/chat 1.97.0 → 1.97.2

package/docs/usage/features/desktop.mdx

@@ -0,0 +1,53 @@
+---
+title: LobeChat Desktop Application
+description: >-
+  Experience the full power of LobeChat without browser limitations. A
+  lightweight, focused, and always-ready desktop app offering a dedicated
+  environment and optimal performance.
+tags:
+  - Desktop Application
+  - Native App
+  - Performance Optimization
+  - Dedicated Environment
+  - Offline Use
+  - System Integration
+  - User Experience
+---
+
+# Desktop Application
+
+<Image alt={'Desktop Application'} borderless cover src={'https://github.com/user-attachments/assets/a7bac8d3-ea96-4000-bb39-fadc9b610f96'}> />
+
+**Peak Performance, Zero Distractions**
+
+Unlock the full LobeChat experience without the constraints of a browser — lightweight, focused, and always ready. Our desktop application provides a dedicated environment for your AI interactions, ensuring optimal performance with minimal distractions.
+
+Enjoy faster response times, better resource management, and a more stable connection to your AI assistant. The desktop app is designed for users who demand the best performance from their AI tools.
+
+## Why Choose the Desktop Application
+
+### 🚀 Superior Performance
+
+<Callout type={'tip'}>
+The desktop app delivers faster response times and a smoother user experience compared to the browser version.
+</Callout>
+
+- **Dedicated Process**: Runs independently, free from browser limitations  
+- **Memory Optimization**: More efficient memory management and resource allocation  
+- **GPU Acceleration**: Fully leverages hardware acceleration capabilities  
+- **Low Latency**: Reduces network delays and page load times  
+
+### 🎯 Focused Experience
+
+- **Distraction-Free Environment**: Eliminates interruptions from browser tabs, bookmarks bar, and more  
+- **Full-Screen Mode**: Supports immersive, full-screen usage  
+- **Quick Launch**: Auto-start on boot, ready whenever you are  
+- **Keyboard Shortcuts**: Extensive shortcut support to boost productivity  
+
+### 🔒 Secure and Reliable
+
+- **Local Storage**: Data securely stored locally for enhanced privacy  
+- **Offline Capability**: Partial functionality available offline  
+- **Automatic Updates**: Always up to date without manual intervention  
+- **Data Backup**: Comprehensive data backup and recovery features
+

package/docs/usage/features/desktop.zh-CN.mdx

@@ -0,0 +1,49 @@
+---
+title: LobeChat 桌面应用
+description: 获得完整的 LobeChat 体验，摆脱浏览器限制。轻量级、专注且随时就绪的桌面应用，提供专用环境和最佳性能。
+tags:
+  - 桌面应用
+  - 原生应用
+  - 性能优化
+  - 专用环境
+  - 离线使用
+  - 系统集成
+  - 用户体验
+---
+
+# 桌面应用
+
+<Image alt={'桌面应用'} borderless cover src={'https://github.com/user-attachments/assets/a7bac8d3-ea96-4000-bb39-fadc9b610f96'} />
+
+**巅峰性能，零干扰**
+
+获得完整的 LobeChat 体验，摆脱浏览器限制 —— 轻量级、专注且随时就绪。我们的桌面应用程序为你的 AI 交互提供专用环境，确保最佳性能和最小干扰。
+
+体验更快的响应时间、更好的资源管理和与 AI 助手的更稳定连接。桌面应用专为要求 AI 工具最佳性能的用户设计。
+
+## 为什么选择桌面应用
+
+### 🚀 卓越性能
+
+<Callout type={'tip'}>
+  桌面应用提供比浏览器版本更快的响应速度和更流畅的用户体验。
+</Callout>
+
+- **专用进程**：独立运行，不受浏览器限制
+- **内存优化**：更高效的内存管理和资源分配
+- **GPU 加速**：充分利用硬件加速能力
+- **低延迟**：减少网络延迟和页面加载时间
+
+### 🎯 专注体验
+
+- **无干扰环境**：摆脱浏览器标签页、书签栏等干扰
+- **全屏模式**：支持全屏和沉浸式体验
+- **快速启动**：开机自启动，随时可用
+- **键盘快捷键**：丰富的快捷键支持，提高操作效率
+
+### 🔒 安全可靠
+
+- **本地存储**：数据安全存储在本地，隐私保护更好
+- **离线能力**：部分功能支持离线使用
+- **自动更新**：无需手动更新，始终保持最新版本
+- **数据备份**：完整的数据备份和恢复功能

package/docs/usage/features/mcp-market.mdx

@@ -0,0 +1,26 @@
+---
+title: 'MCP Marketplace - Discover, Connect, Expand'
+description: >-
+  Browse the ever-growing MCP plugin library to effortlessly enhance your AI
+  capabilities and streamline workflows. Explore the MCP Marketplace to find
+  curated collections of integrations.
+tags:
+  - MCP Marketplace
+  - Plugin Library
+  - Integrations
+  - Extensions
+  - Workflows
+  - Community
+  - Developers
+---
+
+# MCP Marketplace
+
+<Image alt={'MCP Marketplace'} borderless cover src={'https://github.com/user-attachments/assets/bb114f9f-24c5-4000-a984-c10d187da5a0'}> />
+
+**Discover, Connect, Expand**
+
+Browse the ever-growing MCP plugin library to effortlessly enhance your AI capabilities and streamline your workflows. Visit [lobehub.com/mcp](https://lobehub.com/mcp) to explore the MCP Marketplace, featuring curated collections of integrations that empower your AI to collaborate seamlessly with a variety of tools and services.
+
+From productivity tools to development environments, discover new ways to extend AI’s reach and efficiency. Connect with the community to find the perfect plugin tailored to your specific needs.
+

package/docs/usage/features/mcp-market.zh-CN.mdx

@@ -0,0 +1,22 @@
+---
+title: MCP 市场 - 发现、连接、扩展
+description: 浏览不断增长的 MCP 插件库，轻松扩展你的 AI 能力并简化工作流程。探索 MCP 市场，发现精选的集成集合。
+tags:
+  - MCP 市场
+  - 插件库
+  - 集成
+  - 扩展
+  - 工作流程
+  - 社区
+  - 开发者
+---
+
+# MCP 市场
+
+<Image alt={'MCP 市场'} borderless cover src={'https://github.com/user-attachments/assets/bb114f9f-24c5-4000-a984-c10d187da5a0'} />
+
+**发现、连接、扩展**
+
+浏览不断增长的 MCP 插件库，轻松扩展你的 AI 能力并简化工作流程。访问 [lobehub.com/mcp](https://lobehub.com/mcp) 探索 MCP 市场，提供精选的集成集合，增强你的 AI 与各种工具和服务协作的能力。
+
+从生产力工具到开发环境，发现扩展 AI 覆盖范围和效率的新方式。与社区连接，找到满足特定需求的完美插件。

package/docs/usage/features/mcp.mdx

@@ -0,0 +1,58 @@
+---
+title: MCP Plugin One-Click Installation - Seamlessly Connect AI with the World
+description: >-
+  Unlock the full potential of AI through the MCP (Model Context Protocol)
+  plugin system, enabling smooth, secure, and dynamic interactions with external
+  tools, data sources, and services.
+tags:
+  - MCP
+  - Model Context Protocol
+  - Plugin System
+  - One-Click Installation
+  - Tool Integration
+  - Workflow
+  - External Services
+---
+
+# MCP Plugin One-Click Installation
+
+<Image alt={'MCP Plugin One-Click Installation'} borderless cover src={'https://github.com/user-attachments/assets/1be85d36-3975-4413-931f-27e05e440995'}> />
+
+**Seamlessly Connect Your AI with the World**
+
+Unlock the full potential of your AI by enabling smooth, secure, and dynamic interactions with external tools, data sources, and services. The MCP (Model Context Protocol)-based plugin system breaks down barriers between AI and the digital ecosystem, delivering unprecedented connectivity and functionality.
+
+Transform conversations into powerful workflows by connecting databases, APIs, file systems, and more. Experience an AI Agent that truly understands and interacts with your world.
+
+## What is MCP (Model Context Protocol)?
+
+MCP (Model Context Protocol) is an open protocol standard that provides AI models with a standardized way to access and interact with external resources. Through MCP, AI assistants can:
+
+- 🔗 **Secure Connections**: Establish secure links with various tools and services  
+- 🔄 **Dynamic Interaction**: Retrieve and update external data in real time  
+- 🛡️ **Permission Control**: Manage access rights with fine-grained precision  
+- 📊 **Context Awareness**: Maintain rich conversational context information  
+
+## Key Features
+
+### 🚀 One-Click Installation Experience
+
+<Callout type={'tip'}>
+No complicated setup required—installing and configuring MCP plugins takes just a few clicks.
+</Callout>
+
+- **Rapid Deployment**: From discovery to use in under one minute  
+- **Automatic Configuration**: The system handles connection and permission settings automatically  
+- **Instant Activation**: Ready to use in conversations immediately after installation  
+
+### 🔌 Extensive Connectivity
+
+MCP plugins support connections to a wide variety of external resources:
+
+- **Databases**: MySQL, PostgreSQL, MongoDB, and more  
+- **API Services**: REST APIs, GraphQL, WebSocket  
+- **File Systems**: Local files, cloud storage, version control  
+- **Development Tools**: GitHub, GitLab, Jira, Slack  
+- **Office Suites**: Google Workspace, Microsoft 365  
+- **Professional Tools**: Docker, Kubernetes, Jenkins
+

package/docs/usage/features/mcp.zh-CN.mdx

@@ -0,0 +1,54 @@
+---
+title: MCP 插件一键安装 - 无缝连接 AI 与世界
+description: 通过 MCP（模型上下文协议）插件系统，释放 AI 的全部潜力，实现与外部工具、数据源和服务的平滑、安全和动态交互。
+tags:
+  - MCP
+  - 模型上下文协议
+  - 插件系统
+  - 一键安装
+  - 工具集成
+  - 工作流程
+  - 外部服务
+---
+
+# MCP 插件一键安装
+
+<Image alt={'MCP 插件一键安装'} borderless cover src={'https://github.com/user-attachments/assets/1be85d36-3975-4413-931f-27e05e440995'} />
+
+**无缝连接你的 AI 与世界**
+
+通过启用与外部工具、数据源和服务的平滑、安全和动态交互，释放你的 AI 的全部潜力。基于 MCP（模型上下文协议）的插件系统打破了 AI 与数字生态系统之间的壁垒，实现了前所未有的连接性和功能性。
+
+将对话转化为强大的工作流程，连接数据库、API、文件系统等。体验真正理解并与你的世界互动的 AI Agent。
+
+## 什么是 MCP（模型上下文协议）？
+
+MCP（Model Context Protocol）是一个开放的协议标准，它为 AI 模型提供了一个标准化的方式来访问和交互外部资源。通过 MCP，AI 助手可以：
+
+- 🔗 **安全连接**：与各种工具和服务建立安全的连接
+- 🔄 **动态交互**：实时获取和更新外部数据
+- 🛡️ **权限控制**：精细化的访问权限管理
+- 📊 **上下文感知**：维护丰富的对话上下文信息
+
+## 主要特性
+
+### 🚀 一键式安装体验
+
+<Callout type={'tip'}>
+  无需复杂的配置过程，只需几次点击即可完成 MCP 插件的安装和配置。
+</Callout>
+
+- **快速部署**：从发现到使用，整个过程不超过 1 分钟
+- **自动配置**：系统自动处理连接和权限设置
+- **即时生效**：安装完成后立即可在对话中使用
+
+### 🔌 广泛的连接能力
+
+MCP 插件支持连接各种类型的外部资源：
+
+- **数据库**：MySQL、PostgreSQL、MongoDB 等
+- **API 服务**：REST API、GraphQL、WebSocket
+- **文件系统**：本地文件、云存储、版本控制
+- **开发工具**：GitHub、GitLab、Jira、Slack
+- **办公软件**：Google Workspace、Microsoft 365
+- **专业工具**：Docker、Kubernetes、Jenkins

package/docs/usage/features/search.mdx

@@ -0,0 +1,56 @@
+---
+title: 'Intelligent Connected Search - Online Knowledge, On Demand'
+description: >-
+  Stay synchronized with the world through real-time online access. Obtain the
+  latest information, verify facts, and explore current events without leaving
+  the conversation.
+tags:
+  - Connected Search
+  - Real-time Information
+  - Search Engines
+  - Information Retrieval
+  - Fact Verification
+  - Real-time Data
+  - Knowledge Updates
+---
+
+# Intelligent Connected Search
+
+<Image alt={'Intelligent Connected Search'} borderless cover src={'https://github.com/user-attachments/assets/cfdc48ac-b5f8-4a00-acee-db8f2eba09ad'}> />
+
+**Online Knowledge, On Demand**
+
+Stay in sync with the world through real-time online access — news, data, trends, and more. Keep your information up to date and access the latest available data, enabling your AI to provide accurate and current responses.
+
+Access real-time information, verify facts, and explore ongoing events without leaving the conversation. Your AI becomes a gateway to the world’s knowledge, always up-to-date and comprehensive.
+
+## Features Overview
+
+### 🌐 Real-Time Information Access
+
+<Callout type={'tip'}>
+Intelligent Connected Search empowers AI to access the latest internet information, ensuring accuracy and timeliness in responses.
+</Callout>
+
+- **Breaking News**: Get the latest news reports and event updates
+- **Market Data**: Real-time stock prices, exchange rates, cryptocurrency values
+- **Weather Information**: Global weather forecasts and meteorological data
+- **Traffic Conditions**: Live traffic updates and road status
+- **Sports Events**: Match results, schedules, and statistics
+
+### 🔍 Multi-Source Search Engines
+
+Supports multiple search engines to ensure comprehensive and accurate information:
+
+- **Google**: The world’s largest search engine
+- **Bing**: Microsoft’s search engine
+- **DuckDuckGo**: Privacy-focused search engine
+
+### 📊 Structured Data Retrieval
+
+- **Academic Papers**: Access academic databases and journals
+- **Technical Documentation**: Obtain the latest technical documents and API references
+- **Statistical Data**: Government statistics, survey reports, market research
+- **Product Information**: Product details and reviews from e-commerce platforms
+- **Laws and Regulations**: Latest legal texts and policy interpretations
+

package/docs/usage/features/search.zh-CN.mdx

@@ -0,0 +1,52 @@
+---
+title: 智能联网搜索 - 在线知识，按需获取
+description: 通过实时联网访问，你的 AI 与世界保持同步。获取最新信息，验证事实，探索当前事件，无需离开对话。
+tags:
+  - 联网搜索
+  - 实时信息
+  - 搜索引擎
+  - 信息获取
+  - 事实验证
+  - 实时数据
+  - 知识更新
+---
+
+# 智能联网搜索
+
+<Image alt={'智能联网搜索'} borderless cover src={'https://github.com/user-attachments/assets/cfdc48ac-b5f8-4a00-acee-db8f2eba09ad'} />
+
+**在线知识，按需获取**
+
+通过实时联网访问，你的 AI 与世界保持同步 —— 新闻、数据、趋势等。保持信息更新，获取最新可用信息，使你的 AI 能够提供准确和最新的回复。
+
+访问实时信息，验证事实，探索当前事件，无需离开对话。你的 AI 成为通向世界知识的门户，始终保持最新和全面。
+
+## 功能概述
+
+### 🌐 实时信息获取
+
+<Callout type={'tip'}>
+  智能联网搜索让 AI 能够访问最新的互联网信息，确保回答的准确性和时效性。
+</Callout>
+
+- **实时新闻**：获取最新的新闻报道和事件动态
+- **市场数据**：实时股价、汇率、加密货币价格
+- **天气信息**：全球天气预报和气象数据
+- **交通状况**：实时路况和交通信息
+- **体育赛事**：比赛结果、赛程和统计数据
+
+### 🔍 多源搜索引擎
+
+支持多个搜索引擎，确保信息的全面性和准确性：
+
+- **Google**：全球最大的搜索引擎
+- **Bing**：Microsoft 搜索引擎
+- **DuckDuckGo**：注重隐私的搜索引擎
+
+### 📊 结构化数据获取
+
+- **学术论文**：访问学术数据库和期刊
+- **技术文档**：获取最新的技术文档和 API 资料
+- **统计数据**：政府统计、调查报告、市场研究
+- **产品信息**：电商平台的产品详情和评价
+- **法律法规**：最新的法律条文和政策解读

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.97.0",
+  "version": "1.97.2",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",
@@ -144,6 +144,7 @@
     "@lobechat/electron-server-ipc": "workspace:*",
     "@lobechat/file-loaders": "workspace:*",
     "@lobechat/web-crawler": "workspace:*",
+    "@lobehub/analytics": "^1.5.1",
     "@lobehub/charts": "^2.0.0",
     "@lobehub/chat-plugin-sdk": "^1.32.4",
     "@lobehub/chat-plugins-gateway": "^1.9.0",
@@ -280,7 +281,7 @@
     "@commitlint/cli": "^19.8.1",
     "@edge-runtime/vm": "^5.0.0",
     "@huggingface/tasks": "^0.15.9",
-    "@lobehub/i18n-cli": "^1.23.0",
+    "@lobehub/i18n-cli": "^1.25.1",
     "@lobehub/lint": "^1.26.2",
     "@lobehub/market-types": "^1.11.2",
     "@lobehub/seo-cli": "^1.6.0",

package/src/app/(backend)/trpc/async/[trpc]/route.ts

@@ -5,10 +5,12 @@ import { pino } from '@/libs/logger';
 import { createAsyncRouteContext } from '@/libs/trpc/async/context';
 import { asyncRouter } from '@/server/routers/async';
 
-export const maxDuration = 60;
-
 const handler = (req: NextRequest) =>
   fetchRequestHandler({
+    // 避免请求之间互相影响
+    // https://github.com/lobehub/lobe-chat/discussions/7442#discussioncomment-13658563
+    allowBatching: false,
+
     /**
      * @link https://trpc.io/docs/v11/context
      */

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Desktop/index.tsx

@@ -1,6 +1,7 @@
 import { Suspense } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
+import MainInterfaceTracker from '@/components/Analytics/MainInterfaceTracker';
 import BrandTextLoading from '@/components/Loading/BrandTextLoading';
 
 import { LayoutProps } from '../type';
@@ -31,6 +32,7 @@ const Layout = ({ children, topic, conversation, portal }: LayoutProps) => {
         </Portal>
         <TopicPanel>{topic}</TopicPanel>
       </Flexbox>
+      <MainInterfaceTracker />
     </>
   );
 };

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Mobile/index.tsx

@@ -1,3 +1,4 @@
+import MainInterfaceTracker from '@/components/Analytics/MainInterfaceTracker';
 import MobileContentLayout from '@/components/server/MobileNavLayout';
 
 import { LayoutProps } from '../type';
@@ -13,6 +14,7 @@ const Layout = ({ children, topic, conversation, portal }: LayoutProps) => {
       </MobileContentLayout>
       <TopicModal>{topic}</TopicModal>
       {portal}
+      <MainInterfaceTracker />
     </>
   );
 };

package/src/app/[variants]/(main)/chat/@session/features/SessionListContent/List/index.tsx

@@ -1,3 +1,4 @@
+import { useAnalytics } from '@lobehub/analytics/react';
 import { Empty } from 'antd';
 import { createStyles } from 'antd-style';
 import Link from 'next/link';
@@ -9,8 +10,10 @@ import LazyLoad from 'react-lazy-load';
 import { SESSION_CHAT_URL } from '@/const/url';
 import { useSwitchSession } from '@/hooks/useSwitchSession';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
-import { useSessionStore } from '@/store/session';
-import { sessionSelectors } from '@/store/session/selectors';
+import { getSessionStoreState, useSessionStore } from '@/store/session';
+import { sessionGroupSelectors, sessionSelectors } from '@/store/session/selectors';
+import { getUserStoreState } from '@/store/user';
+import { userProfileSelectors } from '@/store/user/selectors';
 import { LobeAgentSession } from '@/types/session';
 
 import SkeletonList from '../../SkeletonList';
@@ -29,6 +32,7 @@ interface SessionListProps {
 }
 const SessionList = memo<SessionListProps>(({ dataSource, groupId, showAddButton = true }) => {
   const { t } = useTranslation('chat');
+  const { analytics } = useAnalytics();
   const { styles } = useStyles();
 
   const isInit = useSessionStore(sessionSelectors.isSessionListInit);
@@ -49,6 +53,35 @@ const SessionList = memo<SessionListProps>(({ dataSource, groupId, showAddButton
           onClick={(e) => {
             e.preventDefault();
             switchSession(id);
+
+            // Enhanced analytics tracking
+            if (analytics) {
+              const userStore = getUserStoreState();
+              const sessionStore = getSessionStoreState();
+
+              const userId = userProfileSelectors.userId(userStore);
+              const session = sessionSelectors.getSessionById(id)(sessionStore);
+
+              if (session) {
+                const sessionGroupId = session.group || 'default';
+                const group = sessionGroupSelectors.getGroupById(sessionGroupId)(sessionStore);
+                const groupName =
+                  group?.name || (sessionGroupId === 'default' ? 'Default' : 'Unknown');
+
+                analytics?.track({
+                  name: 'switch_session',
+                  properties: {
+                    assistant_name: session.meta?.title || 'Untitled Agent',
+                    assistant_tags: session.meta?.tags || [],
+                    group_id: sessionGroupId,
+                    group_name: groupName,
+                    session_id: id,
+                    spm: 'homepage.chat.session_list_item.click',
+                    user_id: userId || 'anonymous',
+                  },
+                });
+              }
+            }
           }}
         >
           <SessionItem id={id} />

package/src/components/Analytics/LobeAnalyticsProvider.tsx

@@ -0,0 +1,68 @@
+'use client';
+
+import { createSingletonAnalytics } from '@lobehub/analytics';
+import { AnalyticsProvider } from '@lobehub/analytics/react';
+import { ReactNode, memo, useMemo } from 'react';
+
+import { BUSINESS_LINE } from '@/const/analytics';
+import { isDesktop } from '@/const/version';
+import { isDev } from '@/utils/env';
+
+type Props = {
+  children: ReactNode;
+  debugPosthog: boolean;
+  posthogEnabled: boolean;
+  posthogHost: string;
+  posthogToken: string;
+};
+
+let analyticsInstance: ReturnType<typeof createSingletonAnalytics> | null = null;
+
+export const LobeAnalyticsProvider = memo(
+  ({ children, posthogHost, posthogToken, posthogEnabled, debugPosthog }: Props) => {
+    const analytics = useMemo(() => {
+      if (analyticsInstance) {
+        return analyticsInstance;
+      }
+
+      analyticsInstance = createSingletonAnalytics({
+        business: BUSINESS_LINE,
+        debug: isDev,
+        providers: {
+          posthog: {
+            debug: debugPosthog,
+            enabled: posthogEnabled,
+            host: posthogHost,
+            key: posthogToken,
+            person_profiles: 'always',
+          },
+        },
+      });
+
+      return analyticsInstance;
+    }, []);
+
+    if (!analytics) return children;
+
+    return (
+      <AnalyticsProvider
+        client={analytics}
+        onInitializeSuccess={() => {
+          analyticsInstance?.setGlobalContext({
+            platform: isDesktop ? 'desktop' : 'web',
+          });
+
+          analyticsInstance
+            ?.getProvider('posthog')
+            ?.getNativeInstance()
+            ?.register({
+              platform: isDesktop ? 'desktop' : 'web',
+            });
+        }}
+      >
+        {children}
+      </AnalyticsProvider>
+    );
+  },
+  () => true,
+);

package/src/components/Analytics/LobeAnalyticsProviderWrapper.tsx

@@ -0,0 +1,23 @@
+import { ReactNode, memo } from 'react';
+
+import { LobeAnalyticsProvider } from '@/components/Analytics/LobeAnalyticsProvider';
+import { analyticsEnv } from '@/config/analytics';
+
+type Props = {
+  children: ReactNode;
+};
+
+export const LobeAnalyticsProviderWrapper = memo<Props>(({ children }) => {
+  return (
+    <LobeAnalyticsProvider
+      debugPosthog={analyticsEnv.DEBUG_POSTHOG_ANALYTICS}
+      posthogEnabled={analyticsEnv.ENABLED_POSTHOG_ANALYTICS}
+      posthogHost={analyticsEnv.POSTHOG_HOST}
+      posthogToken={analyticsEnv.POSTHOG_KEY ?? ''}
+    >
+      {children}
+    </LobeAnalyticsProvider>
+  );
+});
+
+LobeAnalyticsProviderWrapper.displayName = 'LobeAnalyticsProviderWrapper';

package/src/components/Analytics/MainInterfaceTracker.tsx

@@ -0,0 +1,52 @@
+'use client';
+
+import { useAnalytics } from '@lobehub/analytics/react';
+import { memo, useCallback, useEffect } from 'react';
+
+import { getChatStoreState } from '@/store/chat';
+import { chatSelectors } from '@/store/chat/slices/message/selectors';
+import { useGlobalStore } from '@/store/global';
+import { systemStatusSelectors } from '@/store/global/selectors';
+import { getSessionStoreState } from '@/store/session';
+import { sessionSelectors } from '@/store/session/selectors';
+
+const MainInterfaceTracker = memo(() => {
+  const { analytics } = useAnalytics();
+
+  const getMainInterfaceAnalyticsData = useCallback(() => {
+    const currentSession = sessionSelectors.currentSession(getSessionStoreState());
+    const activeSessionId = currentSession?.id;
+    const defaultSessions = sessionSelectors.defaultSessions(getSessionStoreState());
+    const showChatSideBar = systemStatusSelectors.showChatSideBar(useGlobalStore.getState());
+    const messages = chatSelectors.activeBaseChats(getChatStoreState());
+    return {
+      active_assistant: activeSessionId === 'inbox' ? null : currentSession?.meta?.title || null,
+      has_chat_history: messages.length > 0,
+      session_id: activeSessionId ? activeSessionId : 'inbox',
+      sidebar_state: showChatSideBar ? 'expanded' : 'collapsed',
+      visible_assistants_count: defaultSessions.length,
+    };
+  }, []);
+
+  useEffect(() => {
+    if (!analytics) return;
+
+    const timer = setTimeout(() => {
+      analytics.track({
+        name: 'main_page_view',
+        properties: {
+          ...getMainInterfaceAnalyticsData(),
+          spm: 'main_page.interface.view',
+        },
+      });
+    }, 1000);
+
+    return () => clearTimeout(timer);
+  }, [analytics, getMainInterfaceAnalyticsData]);
+
+  return null;
+});
+
+MainInterfaceTracker.displayName = 'MainInterfaceTracker';
+
+export default MainInterfaceTracker;