feat: Optimize the display method for the three modes (#5938)

chore: Optimize the display method for the three modes
This commit is contained in:
dlzmoe 2025-05-13 12:21:12 +08:00 committed by GitHub
parent a90142f4b1
commit 2ae1069fc2

View File

@ -44,7 +44,10 @@ const MessgeTokens: React.FC<MessageTokensProps> = ({ message }) => {
<MessageMetadata className={`message-tokens ${hasMetrics ? 'has-metrics' : ''}`} onClick={locateMessage}>
<span className="metrics">{metrixs}</span>
<span className="tokens">
Tokens: {message?.usage?.total_tokens} {message?.usage?.prompt_tokens} {message?.usage?.completion_tokens}
Tokens:
<span>{message?.usage?.total_tokens}</span>
<span>{message?.usage?.prompt_tokens}</span>
<span>{message?.usage?.completion_tokens}</span>
</span>
</MessageMetadata>
)
@ -67,6 +70,10 @@ const MessageMetadata = styled.div`
.tokens {
display: block;
span {
padding:0 2px;
}
}
&.has-metrics:hover {