From 3b09abaf668f5ef471dfb9e376f214c1bb4a0212 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Fri, 31 Mar 2023 05:00:52 +0800
Subject: [PATCH] header

---
 src/chatbox.tsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/chatbox.tsx b/src/chatbox.tsx
index 585b9a0..2fbf77d 100644
--- a/src/chatbox.tsx
+++ b/src/chatbox.tsx
@@ -243,14 +243,23 @@ export default function ChatBOX(props: {
         </div>
         <div className="text-xs">
           <span>
-            Tokens: {chatStore.totalTokens} / {chatStore.maxTokens}
+            Tokens:{" "}
+            <span className="underline">
+              {chatStore.totalTokens}/{chatStore.maxTokens}
+            </span>
           </span>{" "}
-          <span>{chatStore.model}</span>{" "}
+          <span className="underline">{chatStore.model}</span>{" "}
           <span>
-            Msg: {chatStore.history.filter(({ hide }) => !hide).length}
+            Cut:{" "}
+            <span className="underline">
+              {chatStore.postBeginIndex}/
+              {chatStore.history.filter(({ hide }) => !hide).length}
+            </span>{" "}
           </span>{" "}
-          <span>Cut: {chatStore.postBeginIndex}</span>{" "}
-          <span className="underline">${chatStore.cost.toFixed(4)}</span>
+          <span>
+            Cost:{" "}
+            <span className="underline">${chatStore.cost.toFixed(4)}</span>
+          </span>
         </div>
       </p>
       <div className="grow overflow-scroll">