feat: add overview (#391)

### What problem does this PR solve?

feat: render stats charts
feat: create api token
feat: delete api token
feat: add ChatApiKeyModal
feat: add RagLineChart


Issue link: #345

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/src/locales/en.ts

@@ -20,6 +20,8 @@ export default {
       language: 'Language',
       languageMessage: 'Please input your language!',
       languagePlaceholder: 'select your language',
+      copy: 'Copy',
+      copied: 'Copied',
     },
     login: {
       login: 'Sign in',
@@ -335,6 +337,24 @@ export default {
         'This sets the maximum length of the model’s output, measured in the number of tokens (words or pieces of words).',
       quote: 'Show Quote',
       quoteTip: 'Should the source of the original text be displayed?',
+      overview: 'Overview',
+      pv: 'Number of messages',
+      uv: 'Active user number',
+      speed: 'Token output speed',
+      tokens: 'Consume the token number',
+      round: 'Session Interaction Number',
+      thumbUp: 'customer satisfaction',
+      publicUrl: 'Public URL',
+      preview: 'Preview',
+      embedded: 'Embedded',
+      serviceApiEndpoint: 'Service API Endpoint',
+      apiKey: 'Api Key',
+      apiReference: 'Api Reference',
+      dateRange: 'Date Range:',
+      backendServiceApi: 'Backend service API',
+      createNewKey: 'Create new key',
+      created: 'Created',
+      action: 'Action',
     },
     setting: {
       profile: 'Profile',

web/src/locales/zh-traditional.ts

@@ -15,11 +15,13 @@ export default {
       edit: '編輯',
       upload: '上傳',
       english: '英語',
-      chinese: '中文簡體',
-      traditionalChinese: '中文繁體',
+      chinese: '簡體中文',
+      traditionalChinese: '繁體中文',
       language: '語言',
       languageMessage: '請輸入語言',
       languagePlaceholder: '請選擇語言',
+      copy: '複製',
+      copied: '複製成功',
     },
     login: {
       login: '登入',
@@ -269,7 +271,7 @@ export default {
       systemMessage: '請輸入',
       systemTip:
         '當LLM回答問題時，你需要LLM遵循的說明，比如角色設計、答案長度和答案語言等。',
-      topN: 'top n',
+      topN: 'Top N',
       topNTip: `並非所有相似度得分高於“相似度閾值”的塊都會被提供給法學碩士。LLM 只能看到這些“Top N”塊。`,
       variable: '變量',
       variableTip: `如果您使用对话 API，变量可能会帮助您使用不同的策略与客户聊天。
@@ -310,6 +312,24 @@ export default {
         '這設置了模型輸出的最大長度，以標記（單詞或單詞片段）的數量來衡量。',
       quote: '顯示引文',
       quoteTip: '是否應該顯示原文出處？',
+      overview: '概覽',
+      pv: '消息數',
+      uv: '活躍用戶數',
+      speed: 'Token 輸出速度',
+      tokens: '消耗Token數',
+      round: '會話互動數',
+      thumbUp: '用戶滿意度',
+      publicUrl: '公共url',
+      preview: '預覽',
+      embedded: '嵌入',
+      serviceApiEndpoint: '服務API端點',
+      apiKey: 'API鍵',
+      apiReference: 'API參考',
+      dateRange: '日期範圍：',
+      backendServiceApi: '後端服務API',
+      createNewKey: '創建新密鑰',
+      created: '創建於',
+      action: '操作',
     },
     setting: {
       profile: '概述',

web/src/locales/zh.ts

@@ -15,11 +15,13 @@ export default {
       edit: '编辑',
       upload: '上传',
       english: '英文',
-      chinese: '中文简体',
-      traditionalChinese: '中文繁体',
+      chinese: '简体中文',
+      traditionalChinese: '繁体中文',
       language: '语言',
       languageMessage: '请输入语言',
       languagePlaceholder: '请选择语言',
+      copy: '复制',
+      copied: '复制成功',
     },
     login: {
       login: '登录',
@@ -326,6 +328,24 @@ export default {
         '这设置了模型输出的最大长度，以标记（单词或单词片段）的数量来衡量。',
       quote: '显示引文',
       quoteTip: '是否应该显示原文出处？',
+      overview: '概览',
+      pv: '消息数',
+      uv: '活跃用户数',
+      speed: 'Token 输出速度',
+      tokens: '消耗Token数',
+      round: '会话互动数',
+      thumbUp: '用户满意度',
+      publicUrl: '公共Url',
+      preview: '预览',
+      embedded: '嵌入',
+      serviceApiEndpoint: '服务API端点',
+      apiKey: 'API键',
+      apiReference: 'API参考',
+      dateRange: '日期范围：',
+      backendServiceApi: '后端服务API',
+      createNewKey: '创建新密钥',
+      created: '创建于',
+      action: '操作',
     },
     setting: {
       profile: '概要',