perf: do not handle ansi sequence for parsing logs

src/pages/dashboard/components/usage-inner/export-data.tsx

@@ -119,7 +119,7 @@ const ExportData: React.FC<{
       init();
     } else {
       setQuery({
-        start_date: dayjs().subtract(30, 'days').format('YYYY-MM-DD'),
+        start_date: dayjs().subtract(29, 'days').format('YYYY-MM-DD'),
         end_date: dayjs().format('YYYY-MM-DD'),
         model_ids: [],
         user_ids: []

src/pages/dashboard/components/usage-inner/index.tsx

@@ -50,11 +50,19 @@ const UsageInner: FC<{ maxWidth: number }> = ({ maxWidth }) => {
     const topUserNames = topUsers.map((item: any) => {
       topUserPrompt.data.push({
         name: item.username,
-        value: item.prompt_token_count
+        value: item.prompt_token_count,
+        itemStyle: {
+          borderRadius: !item.completion_token_count
+            ? [2, 2, 2, 2]
+            : [0, 2, 2, 0]
+        }
       });
       topUserCompletion.data.push({
         name: item.username,
-        value: item.completion_token_count
+        value: item.completion_token_count,
+        itemStyle: {
+          borderRadius: !item.prompt_token_count ? [2, 2, 2, 2] : [2, 0, 0, 2]
+        }
       });
       return item.username;
     });

src/pages/dashboard/components/usage-inner/use-usage-data.tsx

@@ -85,7 +85,7 @@ const generateValueMap = (list: { timestamp: number; value: number }[]) => {
 };
 
 const generateData = (dateRage: string[], valueMap: Map<string, number>) => {
-  return dateRage.map((date) => {
+  return dateRage.map((date, index) => {
     const value = valueMap.get(date) || 0;
     return {
       time: date,
@@ -201,15 +201,40 @@ export default function useUseageData<T>(config: {
     };
 
     // =========== token usage data ==============
+    const completionDataList = generateData(
+      dateRange,
+      generateValueMap(completionTokenHistory)
+    );
+    const promptDataList = generateData(
+      dateRange,
+      generateValueMap(promptTokenHistory)
+    );
+
     const completionData: any = {
       name: 'Completion tokens',
       color: baseColorMap.base,
-      data: generateData(dateRange, generateValueMap(completionTokenHistory))
+      data: completionDataList.map((item, index) => {
+        return {
+          ...item,
+          itemStyle: {
+            borderRadius: !promptDataList[index].value
+              ? [2, 2, 0, 0]
+              : [0, 0, 0, 0]
+          }
+        };
+      })
     };
     const promptData: any = {
       name: 'Prompt tokens',
       color: baseColorMap.baseR3,
-      data: generateData(dateRange, generateValueMap(promptTokenHistory))
+      data: promptDataList.map((item, index) => {
+        return {
+          ...item,
+          itemStyle: {
+            borderRadius: [2, 2, 0, 0]
+          }
+        };
+      })
     };
 
     return {