chore: dashboard api

src/pages/dashboard/config/dashboard-context.ts

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+import { DashboardProps } from './types';
+
+export const DashboardContext = createContext<DashboardProps>(
+  {} as DashboardProps
+);
+
+export default DashboardContext;

src/pages/dashboard/config/index.ts

@@ -1,12 +1,12 @@
 export const overviewConfigs = [
   {
-    key: 'workers',
+    key: 'workworker_count',
     label: 'Workers',
     // backgroundColor: 'linear-gradient(135deg, #ffffff, rgb(232 249 240 / 60%))'
     backgroundColor: 'var(--color-white-1)'
   },
   {
-    key: 'gpus',
+    key: 'gpu_count',
     label: 'Total GPUs',
     backgroundColor: 'var(--color-white-1)'
     // backgroundColor: 'linear-gradient(135deg, #ffffff, rgb(232 249 240 / 60%))'
@@ -18,13 +18,13 @@ export const overviewConfigs = [
     // backgroundColor: 'linear-gradient(135deg, #ffffff, rgb(232 249 240 / 60%))'
   },
   {
-    key: 'models',
+    key: 'model_count',
     label: 'Models',
     backgroundColor: 'var(--color-white-1)'
     // backgroundColor: 'linear-gradient(135deg, #ffffff, rgb(232 249 240 / 60%))'
   },
   {
-    key: 'instances',
+    key: 'model_instance_count',
     label: 'Instances',
     backgroundColor: 'var(--color-white-1)'
     // backgroundColor: 'linear-gradient(135deg, #ffffff, rgb(232 249 240 / 60%))'

src/pages/dashboard/config/types.ts

@@ -0,0 +1,62 @@
+export interface DashboardProps {
+  resource_counts: {
+    worker_count: number;
+    gpu_count: number;
+    model_count: number;
+    model_instance_count: number;
+  };
+  system_load: {
+    current: {
+      cpu: {
+        total: number;
+        used: number;
+        utilization_rate: number;
+      };
+      memory: {
+        total: number;
+        used: number;
+        utilization_rate: number;
+      };
+      gpu: {
+        total: number;
+        used: number;
+        utilization_rate: number;
+      };
+      gpu_memory: {
+        total: number;
+        used: number;
+        utilization_rate: number;
+      };
+    };
+    history: {
+      cpu: {
+        timestamp: number;
+        value: number;
+      }[];
+      memory: {
+        timestamp: number;
+        value: number;
+      }[];
+      gpu: {
+        timestamp: number;
+        value: number;
+      }[];
+      gpu_memory: {
+        timestamp: number;
+        value: number;
+      }[];
+    };
+  };
+  model_usage: {
+    api_request_history: any[];
+    completion_token_history: any[];
+    prompt_token_history: any[];
+    top_users: {
+      user_id: number;
+      username: string;
+      prompt_token_count: number;
+      completion_token_count: number;
+    }[];
+  };
+  active_models: any[];
+}