feat(dashboard): add statistics API and enhance homepage dashboard cards

- Add Query and DataResponse interfaces to common API module
- Implement getDashboardStatistics API endpoint for fetching dashboard metrics
- Update TopCardList component to display real dashboard data with dynamic values
- Replace hardcoded dashboard metrics with actual API response data
- Add support for calculating and displaying weekly growth rates for spaces and users
- Update dashboard card labels and descriptions for models, spaces, users, and apps
- Add "Rebuild Graph" button translation to knowledge graph card (en/zh)
- Add appCount and userCount translation keys for dashboard display
- Fix dashboard metric key naming consistency (total_apps_runs → total_running_apps)
- Update dashboard descriptions to reflect weekly comparisons instead of daily
- Improve data binding between API response and UI components for real-time statistics

web/src/api/common.ts

@@ -1 +1,33 @@
 import { request } from "@/utils/request";
+// 列表查询参数
+export interface Query {
+  page?: number;
+  pagesize?: number;
+  orderby?: string;
+  desc?: boolean;
+  keywords?: string;
+  [key: string]: unknown;
+}
+export interface DataResponse {
+  total_models: Number;
+  total_llm: Number;
+  total_embedding: Number;
+  model_week_growth_rate: Number;
+  active_workspaces: Number;
+  new_workspaces_this_week: Number;
+  workspace_week_growth_rate: Number;
+  total_users: Number;
+  new_users_this_week: Number;
+  user_week_growth_rate: Number;
+  running_apps: Number;
+  new_apps_this_week: Number;
+  app_week_growth_rate: Number
+}
+// 首页数据统计
+export const getDashboardData = `/home-page/workspaces`
+
+// 首页数据看板统计
+export const getDashboardStatistics = async () => {
+    const response = await request.get(`/home-page/statistics`);
+    return response as DataResponse;
+};

web/src/i18n/en.ts

@@ -9,6 +9,8 @@ export const en = {
       viewDetails: 'View Details',
       changeLog: 'Change Log',
       latestUpdate: 'Latest Update',
+      appCount: 'Number of Spaces',
+      userCount: 'Number of Users',
       latestUpdateDesc: 'Version v0.2.0 release: Added visual workflow editor, model performance monitoring panel, and multi tenant permission management system.',
       getStarted: 'Getting Started',
       startedDesc: 'Understand the core functions of the platform and quickly get started through graphic guidance and video tutorials. Includes a full process demonstration from creating a space to publishing an application.',
@@ -95,11 +97,11 @@ export const en = {
       total_models: 'Total number of available models',
       total_spaces: 'Number of active spaces',
       total_users: 'Total number of users',
-      total_apps_runs: 'Number of application runs',
+      total_running_apps: 'Number of application runs',
       desc_models: 'Contains {{ account }} LLMs and {{ nums }} Embeddings',
-      desc_spaces: 'more than yesterday',
+      desc_spaces: 'more than last week',
       desc_users: 'New additions this week',
-      desc_apps_runs: "Today's success rate",
+      desc_running_apps: "Today's success rate",
       totalMemoryCapacity: 'Total Memory Capacity',
       userMemory: 'User Memory',
       knowledgeBaseCount: 'Knowledge Base Count',
@@ -718,6 +720,7 @@ export const en = {
       graphTitle: 'Knowledge Graph: The Network of Entity, Relationship and Attribute Associations',
       graphTips: 'Explore the entity nodes in the knowledge base and their relationship networks',
       sourceDocuments: 'Source Documents',
+      rebuildGraph: 'Rebuild Graph',
       createForm:{
         name: 'Name',
         embedding_id: 'Embedding',

web/src/i18n/zh.ts

@@ -10,6 +10,8 @@ export const zh = {
       changeLog: '变更日志',
       getStarted:'快速开始',
       latestUpdate: '最新更新',
+      appCount: '应用数量',
+      userCount: '用户数量',
       latestUpdateDesc: '版本 v0.2.0 发布：新增了可视化工作流编辑器、模型性能监控面板以及多租户权限管理系统。',
       startedDesc: '了解该平台的核心功能，并通过图形指引和视频教程快速上手。包含从创建空间到发布应用程序的整个操作流程演示。',
       spaceTitle:'记忆熊智能空间管理平台',
@@ -330,6 +332,7 @@ export const zh = {
       sourceDocuments: '来源文档',
       graphTitle: '知识图谱：实体、关系与属性的关联网络',
       graphTips: '探索知识库中的实体节点及其关系脉络',
+      rebuildGraph: '重建图谱',
       createForm: {
         name: '名称',
         embedding_id: '嵌入模型',
@@ -667,11 +670,11 @@ export const zh = {
       total_models: '可用模型总数',
       total_spaces: '活跃空间数量',
       total_users: '用户总数',
-      total_apps_runs: '应用运行次数',
+      total_running_apps: '应用运行次数',
       desc_models: '包含 {{ account }} 个大语言模型和 {{ nums }} 个嵌入模型',
-      desc_spaces: '比昨天多',
+      desc_spaces: '多于上周',
       desc_users: '本周新增',
-      desc_apps_runs: '今日成功率',
+      desc_running_apps: '今日成功率',
       totalMemoryCapacity: '总记忆容量',
       userMemory: '用户记忆',
       knowledgeBaseCount: '知识库数量',

web/src/views/Index/components/TopCardList/index.tsx

@@ -9,7 +9,7 @@ import arrowDownDb from '@/assets/images/index/arrow_down_d.svg'
 import arrowUp from '@/assets/images/index/arrow_up.svg'
 import arrowDown from '@/assets/images/index/arrow_down.svg'
 import styles from './index.module.css'
-import type { DashboardData } from '../../types'
+import  { type DataResponse } from '@/api/common'
 
 const list = [
   {
@@ -46,7 +46,7 @@ const list = [
     background: 'linear-gradient( 136deg, rgba(77,168,255,0.06) 0%, rgba(251,253,255,0) 100%)',
   },
   {
-    key: 'apps_runs',
+    key: 'running_apps',
     icon: totalApps,
     value: '12.8k',
     trendValue: '98.7%',
@@ -57,7 +57,7 @@ const list = [
     background: 'linear-gradient( 136deg, rgba(156,111,255,0.06) 0%, rgba(251,253,255,0) 100%)',
   },
 ]
-const TopCardList: FC<{data?: DashboardData}> = ({ data }) => {
+const TopCardList: FC<{data?: DataResponse}> = ({ data }) => {
   const { t } = useTranslation()
   return (
     <div className="rb:grid rb:grid-cols-4 rb:gap-[16px]">
@@ -76,30 +76,53 @@ const TopCardList: FC<{data?: DashboardData}> = ({ data }) => {
             </div>
 
             <div className={styles.content}>
-              {data?.[`total_${item.key}` as keyof DashboardData] || item.value || 0}
+              {item.key === 'spaces' && String(data?.active_workspaces)}
+              {item.key !== 'spaces' && String(data?.[`total_${item.key}` as keyof DataResponse] || item.value || 0)}
             </div>
             <div className='rb:flex rb:flex-col rb:items-start'>
                 {item.key === 'models' ? (
                   <div className='rb:text-xs rb:leading-4 rb:text-[#5F6266] rb:w-[130px]'>
-                   {t(`dashboard.${'desc_' + item.key}`, { account: 18, nums: 6 })}
+                   {t(`dashboard.${'desc_' + item.key}`, { account: data?.total_llm, nums: data?.total_embedding })}
                   </div>
                 ) : (<>                  
                   <div className='rb:flex rb:items-center rb:text-xs rb:leading-4 rb:gap-1'> 
-                    <img src={item.trend === 'up' ? arrowUpDb : arrowDownDb} className='rb:size-3'/>
+                    {item.key === 'spaces' && (<>
-                    <span className={item.trend === 'up' ? 'rb:text-[#369F21]' : 'rb:text-[#FF5D34]'}>{item.trendValue}</span>
+                        <img src={Number(data?.new_workspaces_this_week || 0) >= 0 ? arrowUpDb : arrowDownDb} className='rb:size-3'/>
+                        <span className={Number(data?.new_workspaces_this_week || 0) >= 0 ? 'rb:text-[#369F21]' : 'rb:text-[#FF5D34]'}>{Number(data?.new_workspaces_this_week || 0) >= 0 ? '+' : '-'}{Math.abs(Number(data?.new_workspaces_this_week || 0))}</span>
+                    </>)}
+                    {item.key === 'users' && (<>
+                        <img src={Number(data?.new_users_this_week || 0) >= 0 ? arrowUpDb : arrowDownDb} className='rb:size-3'/>
+                        <span className={Number(data?.new_users_this_week || 0) >= 0 ? 'rb:text-[#369F21]' : 'rb:text-[#FF5D34]'}>{Number(data?.new_users_this_week || 0) >= 0 ? '+' : '-'}{Math.abs(Number(data?.new_users_this_week || 0))}</span>
+                    </>)}
+                    {item.key === 'running_apps' && (<>
+                        <img src={Number(data?.new_apps_this_week || 0) >= 0 ? arrowUpDb : arrowDownDb} className='rb:size-3'/>
+                        <span className={Number(data?.new_apps_this_week || 0) >= 0 ? 'rb:text-[#369F21]' : 'rb:text-[#FF5D34]'}>{Number(data?.new_apps_this_week || 0) >= 0 ? '+' : '-'}{Math.abs(Number(data?.new_apps_this_week || 0))}</span>
+                    </>)}
+                    
                   </div>
                   <div className='rb:text-xs rb:leading-4 rb:text-[#5F6266]'>
                     {t(`dashboard.${'desc_' + item.key}`)}
                   </div>
                 </>)}
             </div>
-            <div className={`rb:flex rb:max-w-40 rb:text-xs rb:mt-2 rb:items-center rb:gap-1 rb:border-1 rb:rounded rb:px-2 rb:py-0.5 ${item.rate === 'up' ? 'rb:text-[#369F21] rb:border-[#369F21] rb:bg-[rgba(54, 159, 33, 0.25)]' : 'rb:text-[#FF5D34] rb:border-[#FF5D34] rb:bg-[rgba(255, 93, 52, 0.25)]'}`}>
+            
-               <img src={item.rate === 'up' ? arrowUp : arrowDown} className='rb:size-3'/>  
+            {item.key === 'models' && (<div className={`rb:flex rb:max-w-40 rb:text-xs rb:mt-2 rb:items-center rb:gap-1 rb:border-1 rb:rounded rb:px-2 rb:py-0.5 ${Number(data?.model_week_growth_rate || 0) >= 0 ? 'rb:text-[#369F21] rb:border-[#369F21] rb:bg-[rgba(54, 159, 33, 0.25)]' : 'rb:text-[#FF5D34] rb:border-[#FF5D34] rb:bg-[rgba(255, 93, 52, 0.25)]'}`}>
-               <span> {item.rateValue} </span>
+              <img src={Number(data?.model_week_growth_rate || 0) >= 0 ? arrowUp : arrowDown} className='rb:size-3'/>  
-               {(item.key === 'models' || item.key === 'users') && (<span>{t('dashboard.thisWeek')}</span>)}
+              <span>{Math.abs(Number(data?.model_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
-               {item.key === 'apps_runs' && (<span>{t('dashboard.failureRate')}</span>)}
+            </div>)}
-               {item.key === 'spaces' && (<span>{t('dashboard.thisDay')}</span>)}
+            {item.key === 'spaces' && (<div className={`rb:flex rb:max-w-40 rb:text-xs rb:mt-2 rb:items-center rb:gap-1 rb:border-1 rb:rounded rb:px-2 rb:py-0.5 ${Number(data?.workspace_week_growth_rate || 0) >= 0 ? 'rb:text-[#369F21] rb:border-[#369F21] rb:bg-[rgba(54, 159, 33, 0.25)]' : 'rb:text-[#FF5D34] rb:border-[#FF5D34] rb:bg-[rgba(255, 93, 52, 0.25)]'}`}>
-            </div>
+              <img src={Number(data?.workspace_week_growth_rate || 0) >= 0 ? arrowUp : arrowDown} className='rb:size-3'/>  
+              <span>{Math.abs(Number(data?.workspace_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
+            </div>)}
+            {item.key === 'users' && (<div className={`rb:flex rb:max-w-40 rb:text-xs rb:mt-2 rb:items-center rb:gap-1 rb:border-1 rb:rounded rb:px-2 rb:py-0.5 ${Number(data?.user_week_growth_rate || 0) >= 0 ? 'rb:text-[#369F21] rb:border-[#369F21] rb:bg-[rgba(54, 159, 33, 0.25)]' : 'rb:text-[#FF5D34] rb:border-[#FF5D34] rb:bg-[rgba(255, 93, 52, 0.25)]'}`}>
+              <img src={Number(data?.user_week_growth_rate || 0) >= 0 ? arrowUp : arrowDown} className='rb:size-3'/>  
+              <span>{Math.abs(Number(data?.user_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
+            </div>)}
+            {item.key === 'running_apps' && (<div className={`rb:flex rb:max-w-40 rb:text-xs rb:mt-2 rb:items-center rb:gap-1 rb:border-1 rb:rounded rb:px-2 rb:py-0.5 ${Number(data?.app_week_growth_rate || 0) >= 0 ? 'rb:text-[#369F21] rb:border-[#369F21] rb:bg-[rgba(54, 159, 33, 0.25)]' : 'rb:text-[#FF5D34] rb:border-[#FF5D34] rb:bg-[rgba(255, 93, 52, 0.25)]'}`}>
+              <img src={Number(data?.app_week_growth_rate || 0) >= 0 ? arrowUp : arrowDown} className='rb:size-3'/>  
+              <span>{Math.abs(Number(data?.app_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
+            </div>)}
+            
           </div>
         )
       })}

web/src/views/Index/index.tsx

@@ -1,59 +1,79 @@
 import { useEffect, useState, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
 import { Row, Col, Space, Button } from 'antd';
 import TopCardList from './components/TopCardList';
 import GuideCard from './components/GuideCard';
 import VersionCard from './components/VersionCard';
 import QuickActions from './components/QuickActions';
 import bgImg from '@/assets/images/index/index_bg@2x.png'
-import type { DashboardData } from './types';
 import Table, { type TableRef } from '@/components/Table'
 import type { ColumnsType } from 'antd/es/table';
 import { formatDateTime } from '@/utils/format';
+import { 
+  getDashboardData,
+  getDashboardStatistics,
+  type DataResponse } from '@/api/common';
+import { switchWorkspace } from '@/api/workspaces'
 const Index = () => {
   const { t } = useTranslation();
-  const [dashboardData, setDashboardData] = useState<DashboardData>({
+  const navigate = useNavigate()
-    total_models: 24,
+  const [dashboardData, setDashboardData] = useState<DataResponse>();
-    total_spaces: 156,
-    total_users: 1248,
-    total_apps_runs: '12.8k',
-  });
   const tableRef = useRef<TableRef>(null);
-  const tableApi = '/workspaces';
+  const tableApi = getDashboardData;
-  const [loading, setLoading] = useState({
+  const getDashboardCount = async () => {
-    knowledgeTypeDistribution: true,
+      try{
-  });
+        const res = await getDashboardStatistics();
-  const [knowledgeTypeDistribution, setKnowledgeTypeDistribution] = useState<Array<{ name: string; value: number }>>([]);
+        setDashboardData(res);
-  const [memoryIncrement, setMemoryIncrement] = useState<Array<{ updated_at: string; total_num: number; }>>([]);
+      }catch(e) {
-  const [limit, setLimit] = useState(7);
+        console.log(e)
+      }
+  }
+  const handleJump = (id: string) => {
+    switchWorkspace(id)
+      .then(() => {
+        localStorage.removeItem('user')
+        navigate('/')
+      })
+  }
   const columns: ColumnsType = [
     {
       title: t('space.spaceName'),
       dataIndex: 'name',
       key: 'name',
     },
-    // {
+
-    //   title: t('space.associated') + ' ' + t('memorySummary.user'),
-    //   dataIndex: 'name',
-    //   key: 'name',
-    // },
     {
       title: t('space.spaceIcon'),
       dataIndex: 'icon',
       key: 'icon',
-      render:(value:string) => {
+      render:(value: string, record: any) => {
-        return(
+        return value ? (
           <img src={value} alt="icon" className='rb:w-[24px] rb:h-[24px]' />
+        ) : (
+          <div className='rb:w-[24px] rb:h-[24px] rb:bg-blue-500 rb:text-white rb:rounded rb:flex rb:items-center rb:justify-center rb:text-xs rb:font-medium'>
+            {record.name?.charAt(0)?.toUpperCase() || '?'}
+          </div>
         )
       }
     },
+    {
+      title: t('index.appCount'),
+      dataIndex: 'app_count',
+      key: 'app_count',
+    },
+    {
+      title: t('index.userCount'),
+      dataIndex: 'user_count',
+      key: 'user_count',
+    },
     {
       title: t('apiKey.createdAt'),
       dataIndex: 'created_at',
       key: 'created_at',
       render:(value:string) => {
         return(
-          <span>{formatDateTime(Number(value) * 1000 ,'YYYY-MM-DD HH:mm:ss')}</span>
+          <span>{formatDateTime(Number(value) ,'YYYY-MM-DD HH:mm:ss')}</span>
         )
       }
     },
@@ -64,16 +84,18 @@ const Index = () => {
       width: 100,
       render: (_, record) => (
         <Space size="middle">
-          <Button color="primary" variant="text">{t('space.enterSpace')}</Button>
+          <Button onClick={() => handleJump(record.id)} color="primary" variant="text">{t('space.enterSpace')}</Button>
         </Space>
       ),
     },
   ]
-  // 模拟API获取数据
+  
   useEffect(() => {
     tableRef.current?.loadData();
   }, [tableApi]);
-
+  useEffect(() => {
+    getDashboardCount();
+  }, [])
 
 
   return (

web/src/views/KnowledgeBase/[knowledgeBaseId]/Private.tsx

@@ -400,7 +400,7 @@ const Private: FC = () => {
         graphrag: {
           use_graphrag: false,
           scene_name: '',
-          entity_types: '',
+          entity_types: [],
           method: '',
           resolution: false,
           community: false
@@ -725,7 +725,10 @@ const Private: FC = () => {
         </div>
         <div className="rb:rounded rb:max-h-[calc(100%-100px)] rb:overflow-y-auto">
           {isGraph ? (
-            <KnowledgeGraphCard knowledgeBaseId={knowledgeBase.id} />
+            <KnowledgeGraphCard 
+              knowledgeBase={knowledgeBase} 
+              onRebuildGraph={() => modalRef.current?.handleOpen(knowledgeBase, 'rebuild')}
+            />
           ) : (
             <Table
               ref={tableRef}

web/src/views/KnowledgeBase/components/CreateModal.tsx

@@ -30,6 +30,7 @@ const CreateModal = forwardRef<CreateModalRef, CreateModalRefProps>(({
   const [loading, setLoading] = useState(false);
   const [activeTab, setActiveTab] = useState('basic');
   const [generatingEntityTypes, setGeneratingEntityTypes] = useState(false);
+  const [isRebuildMode, setIsRebuildMode] = useState(false);
   
   // 监听 parser_config.graphrag 相关字段的变化
   const parserConfig = Form.useWatch('parser_config', form);
@@ -45,6 +46,7 @@ const CreateModal = forwardRef<CreateModalRef, CreateModalRefProps>(({
     form.resetFields();
     setLoading(false);
     setActiveTab('basic');
+    setIsRebuildMode(false); // 重置重建模式标识
     setVisible(false);
   };
 
@@ -224,6 +226,15 @@ const CreateModal = forwardRef<CreateModalRef, CreateModalRefProps>(({
     setDatasets(record || null);
     const nextType = type || currentType;
     setCurrentType(nextType as any);
+    setIsRebuildMode(type === 'rebuild'); // 设置重建模式标识
+    
+    // 如果是重建模式，默认切换到知识图谱标签页
+    if (type === 'rebuild') {
+      setActiveTab('knowledgeGraph');
+    } else {
+      setActiveTab('basic');
+    }
+    
     setBaseFields(record || null, nextType);
     getTypeList(record || null);
     setVisible(true);
@@ -320,6 +331,9 @@ const CreateModal = forwardRef<CreateModalRef, CreateModalRefProps>(({
 
   // 根据 type 获取标题
   const getTitle = () => {
+    if (isRebuildMode) {
+      return t('knowledgeBase.rebuildGraph') + ' - ' + (datasets?.name || '');
+    }
     if (datasets?.id) {
       return t('knowledgeBase.edit') + ' ' + datasets.name;
     }

web/src/views/KnowledgeBase/components/KnowledgeGraphCard.tsx

@@ -4,33 +4,40 @@
  * @Author: yujiangping
  * @Date: 2025-12-30 15:07:37
  * @LastEditors: yujiangping
- * @LastEditTime: 2026-01-04 20:15:12
+ * @LastEditTime: 2026-01-05 16:18:53
  */
 import React, { useState, useEffect } from 'react'
 import { useTranslation } from 'react-i18next';
-import { Row } from 'antd'
+import { Button } from 'antd';
 import KnowledgeGraph, { type KnowledgeGraphResponse } from './KnowledgeGraph'
 import { getKnowledgeGraph } from '@/api/knowledgeBase';
-
+import { type KnowledgeBase } from '../types';
+import Empty from '@/components/Empty';
 interface KnowledgeGraphCardProps {
-  knowledgeBaseId?: string;
+  knowledgeBase?: KnowledgeBase;
+  onRebuildGraph?: () => void; // 添加重建图谱的回调函数
 }
 
-const KnowledgeGraphCard: React.FC<KnowledgeGraphCardProps> = ({ knowledgeBaseId }) => {
+const KnowledgeGraphCard: React.FC<KnowledgeGraphCardProps> = ({ knowledgeBase, onRebuildGraph }) => {
   const { t } = useTranslation();
   const [data, setData] = useState<KnowledgeGraphResponse | undefined>()
   const [loading, setLoading] = useState(true)
-
+  const handleRebuildGraph = () => {
+    // 调用父组件传递的回调函数来打开CreateModal并传递重建标识
+    if (onRebuildGraph) {
+      onRebuildGraph();
+    }
+  }
   useEffect(() => {
     const fetchData = async () => {
-      if (!knowledgeBaseId) {
+      if (!knowledgeBase?.id) {
         setLoading(false)
         return
       }
       
       setLoading(true)
       try {
-        const res = await getKnowledgeGraph(knowledgeBaseId)
+        const res = await getKnowledgeGraph(knowledgeBase?.id)
         setData(res as KnowledgeGraphResponse)
       } catch (error) {
         console.error('获取知识图谱数据失败:', error)
@@ -40,23 +47,28 @@ const KnowledgeGraphCard: React.FC<KnowledgeGraphCardProps> = ({ knowledgeBaseId
     }
 
     fetchData()
-  }, [knowledgeBaseId])
+  }, [knowledgeBase?.id])
 
   return (
-    <div className='rb:flex rb:flex-col'>
+    <div className='rb:flex rb:w-full rb:flex-col'>
-      <div className='rb:flex rb:flex-col rb:p-4'>
+      <div className='rb:flex rb:w-full rb:flex-col rb:p-4'>
           <div className='rb:w-full rb:text-lg rb:font-medium rb:text-[#212332] rb:leading-6'>
              {t('knowledgeBase.graphTitle')}
           </div>
           <div className='rb:w-full rb:text-xs rb:text-[#5B6167] rb:leading-4 rb:mt-2'>
             {t('knowledgeBase.graphTips')}
           </div>
-          <div className='rb:flex rb:items-center rb:justify-between'>
+          <div className='rb:flex rb:w-full rb:items-center rb:justify-between rb:mt-4'>
-            
+            <span className='rb:text-base rb:font-medium rb:text-[#212332]'>
+              {knowledgeBase?.parser_config?.graphrag?.scene_name}
+            </span>
+            <Button type="primary" onClick={() => handleRebuildGraph()}>
+                {t('knowledgeBase.rebuildGraph')}
+            </Button>
           </div>
       </div>
-      <div className='rb:p-4'>
+      <div className='rb:p-4 rb:pt-0'>
-         <KnowledgeGraph data={data} loading={loading} />
+        {knowledgeBase?.parser_config?.graphrag?.use_graphrag ? (<KnowledgeGraph data={data} loading={loading} />) : <Empty />}
       </div>
       
     </div>