fix: show openai_web gpt-4 usage

Author: moeakwak

frontend/src/api/status.ts

@@ -1,9 +1,9 @@
 import axios from 'axios';
 
-import { ServerStatusSchema } from '@/types/schema';
+import { CommonStatusSchema } from '@/types/schema';
 
 import ApiUrl from './url';
 
 export function getServerStatusApi() {
-  return axios.get<ServerStatusSchema>(ApiUrl.ServerStatus);
+  return axios.get<CommonStatusSchema>(ApiUrl.ServerStatus);
 }

frontend/src/locales/zh-CN.json

@@ -297,7 +297,8 @@
     "rev_chat_status": "Chat 状态",
     "max_conv_count": "最大对话数量",
     "source": "来源",
-    "plugins": "插件"
+    "plugins": "插件",
+    "gpt4_count_in_3_hours": "GPT-4 用量 / 3h"
   },
   "models": {
     "gpt_3_5": "GPT-3.5",

frontend/src/types/schema.ts

@@ -12,7 +12,7 @@ export type OpenaiApiSourceSettingSchema = components['schemas']['OpenaiApiSourc
 export type TimeWindowRateLimit = components['schemas']['TimeWindowRateLimit'];
 export type DailyTimeSlot = components['schemas']['DailyTimeSlot'];
 
-export type ServerStatusSchema = components['schemas']['ServerStatusSchema'];
+export type CommonStatusSchema = components['schemas']['CommonStatusSchema'];
 export type OpenaiWebChatStatus = components['schemas']['OpenaiWebChatStatus'];
 
 export type OpenaiWebChatModels = components['schemas']['OpenaiWebChatModels'];

frontend/src/views/admin/components/SystemInfoCard.vue

@@ -12,7 +12,7 @@
         </n-button>
       </div>
     </template>
-    <div class="grid grid-cols-3 md:grid-cols-5 gap-4">
+    <div class="grid grid-cols-3 md:grid-cols-6 gap-4">
       <n-statistic v-for="item in statistics" :key="item.label" :label="item.label" :value="item.value">
         <template v-if="item.prefixIcon" #prefix>
           <n-icon :component="item.prefixIcon" />
@@ -32,12 +32,12 @@ import { RefreshFilled } from '@vicons/material';
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { ServerStatusSchema, SystemInfo } from '@/types/schema';
+import { CommonStatusSchema, SystemInfo } from '@/types/schema';
 const { t } = useI18n();
 
 const props = defineProps<{
   systemInfo?: SystemInfo;
-  serverStatus?: ServerStatusSchema;
+  serverStatus?: CommonStatusSchema;
 }>();
 
 const emits = defineEmits<{
@@ -68,6 +68,12 @@ const statistics = computed(() => {
       prefixIcon: null,
       suffix: `/ ${props.systemInfo?.total_conversation_count}`,
     },
+    {
+      label: t('labels.gpt4_count_in_3_hours'),
+      value: props.serverStatus?.gpt4_count_in_3_hours,
+      prefixIcon: null,
+      suffix: '/ 25',
+    },
     {
       label: t('commons.chatbotStatus'),
       value: props.serverStatus?.is_chatbot_busy ? t('commons.askingChatStatus') : t('commons.idlingChatStatus'),

frontend/src/views/admin/pages/system_manager.vue

@@ -12,14 +12,14 @@ import { useI18n } from 'vue-i18n';
 import { getServerStatusApi } from '@/api/status';
 import { getAskStatisticsApi, getRequestStatisticsApi, getSystemInfoApi } from '@/api/system';
 import { getAllUserApi } from '@/api/user';
-import { AskLogAggregation, RequestLogAggregation, ServerStatusSchema, SystemInfo, UserRead } from '@/types/schema';
+import { AskLogAggregation, CommonStatusSchema, RequestLogAggregation, SystemInfo, UserRead } from '@/types/schema';
 
 import StatisticsCard from '../components/StatisticsCard.vue';
 import SystemInfoCard from '../components/SystemInfoCard.vue';
 const { t } = useI18n();
 
 const systemInfo = ref<SystemInfo | undefined>();
-const serverStatus = ref<ServerStatusSchema | undefined>();
+const serverStatus = ref<CommonStatusSchema | undefined>();
 const requestStats = ref<RequestLogAggregation[] | undefined>();
 const askStats = ref<AskLogAggregation[] | undefined>();
 const users = ref<UserRead[] | undefined>();

frontend/src/views/conversation/components/StatusCard.vue

@@ -65,9 +65,9 @@ import { EventBusyFilled, QueueFilled } from '@vicons/material';
 import { ref } from 'vue';
 
 import { getServerStatusApi } from '@/api/status';
-import { ServerStatusSchema } from '@/types/schema';
+import { CommonStatusSchema } from '@/types/schema';
 
-const serverStatus = ref<ServerStatusSchema>({});
+const serverStatus = ref<CommonStatusSchema>({});
 
 const isExpaned = ref(false);