From 3ee5cd32bc641af53bc84cf7c25a841dcecc85d4 Mon Sep 17 00:00:00 2001 From: ecwu Date: Thu, 18 Jul 2024 00:18:20 +0800 Subject: [PATCH] redesign top stats with a navbar --- src/chatbox.tsx | 182 ++++++++++++++++++++++++++++++++---------------- 1 file changed, 123 insertions(+), 59 deletions(-) diff --git a/src/chatbox.tsx b/src/chatbox.tsx index ca2323e..298f31a 100644 --- a/src/chatbox.tsx +++ b/src/chatbox.tsx @@ -43,6 +43,7 @@ import { ChatBubbleLeftEllipsisIcon, ScissorsIcon, SwatchIcon, + SparklesIcon, } from "@heroicons/react/24/outline"; export interface TemplateChatStore extends ChatStore { @@ -473,7 +474,119 @@ export default function ChatBOX(props: { setShow={setShowSearch} /> )} -
+
+
+
+ + + +
+
    +
  • +

    + + Tokens: {chatStore.totalTokens}/{chatStore.maxTokens} +

    +
    • +
  • +

    + + Cut: + {chatStore.postBeginIndex}/ + {chatStore.history.filter(({ hide }) => !hide).length} +

    +
    • +
  • +

    + + Cost: ${chatStore.cost.toFixed(4)} +

    +
    • +
+
+
+
+
+ + {chatStore.streamMode ? Tr("STREAM") : Tr("FETCH")} + + + + {chatStore.model} + +
+
+
+ + +
+
+ {/*
setShowSettings(true)} > @@ -488,63 +601,7 @@ export default function ChatBOX(props: { > - +
-
+ */}
{!chatStore.apiKey && (

@@ -781,6 +838,13 @@ export default function ChatBOX(props: {

)} +
+
Prompt
+
+ {chatStore.systemMessageContent} +
+
+ {chatStore.history.map((_, messageIndex) => (