fix: fix no meteringEntry date when no cot, and style

src/components/Layouts/Header.tsx

@@ -5,7 +5,7 @@ import {
   ChevronRight,
   CogIcon,
   ComputerIcon,
-  Slice,
+  GaugeCircle,
   GithubIcon,
   PanelLeftIcon,
   ZapIcon
@@ -245,7 +245,7 @@ export const Header: React.FC<Props> = ({
               <NavLink
                 to="/metering"
                 className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors">
-                <Slice className="w-6 h-6" />
+                <GaugeCircle className="w-6 h-6" />
               </NavLink>
             </Tooltip>
           </div>

src/components/Option/Metering/ListDetail.tsx

@@ -61,11 +61,11 @@ const columns: TableProps<DataType>["columns"] = [
 ]
 
 export const ListDetail = () => {
-  const { chatMessages } = useStoreMessageOption()
+  const { meteringEntries } = useStoreMessageOption()
   const { id } = useParams()
   const record = useMemo(
-    () => chatMessages.find((item) => item.id === id),
-    [chatMessages]
+    () => meteringEntries.find((item) => item.id === id),
+    [meteringEntries]
   )
 
   const modelData = useMemo(

src/components/Option/Metering/detail.tsx

@@ -1,10 +1,10 @@
 import React, { useMemo } from "react"
-import { ChatMessage, useStoreMessageOption } from "@/store/option"
+import { MeteringEntry, useStoreMessageOption } from "@/store/option"
 import { Card, List, Table, Tag, Space, TableProps, Tooltip } from "antd"
 import { NavLink } from "react-router-dom"
 import { formatDate } from "@/utils/date"
 
-const columns: TableProps<ChatMessage>["columns"] = [
+const columns: TableProps<MeteringEntry>["columns"] = [
   {
     title: "id",
     dataIndex: "id",
@@ -32,8 +32,8 @@ const columns: TableProps<ChatMessage>["columns"] = [
   },
   {
     title: "思维链",
-    key: "thinkingChain",
-    dataIndex: "thinkingChain",
+    key: "cot",
+    dataIndex: "cot",
     ellipsis: {
       showTitle: false
     },
@@ -66,8 +66,8 @@ const columns: TableProps<ChatMessage>["columns"] = [
   },
   {
     title: "数联网token",
-    dataIndex: "iodDataTokenCount",
-    key: "iodDataTokenCount"
+    dataIndex: "iodTokenCount",
+    key: "iodTokenCount"
   },
   {
     title: "大模型token",
@@ -108,17 +108,17 @@ const columns: TableProps<ChatMessage>["columns"] = [
 ]
 
 export const MeteringDetail = () => {
-  const { chatMessages } = useStoreMessageOption()
+  const { meteringEntries } = useStoreMessageOption()
 
   const data = useMemo(
     () => [
       {
         key: "对话数量",
-        value: chatMessages.length
+        value: meteringEntries.length
       },
       {
         key: "数联网输入token数",
-        value: chatMessages.reduce((acc, cur) => {
+        value: meteringEntries.reduce((acc, cur) => {
           for (const item of cur.iodKeywords) {
             acc += item.length
           }
@@ -127,24 +127,24 @@ export const MeteringDetail = () => {
       },
       {
         key: "数联网输出token数",
-        value: chatMessages.reduce((acc, cur) => acc + cur.iodDataTokenCount, 0)
+        value: meteringEntries.reduce((acc, cur) => acc + cur.iodTokenCount, 0)
       },
       {
         key: "大模型输入token数",
-        value: chatMessages.reduce(
+        value: meteringEntries.reduce(
           (acc, cur) => acc + cur.modelInputTokenCount,
           0
         )
       },
       {
         key: "大模型输出token数",
-        value: chatMessages.reduce(
+        value: meteringEntries.reduce(
           (acc, cur) => acc + cur.modelOutputTokenCount,
           0
         )
       }
     ],
-    [chatMessages]
+    [meteringEntries]
   )
   return (
     <div className="p-4  pt-[4rem]">
@@ -159,7 +159,7 @@ export const MeteringDetail = () => {
         )}
       />
 
-      <Table<ChatMessage> columns={columns} dataSource={chatMessages} />
+      <Table<MeteringEntry> columns={columns} dataSource={meteringEntries} />
     </div>
   )
 }