Another attempt to add toek usage info

This commit is contained in:
eduardruzga
2024-12-16 11:01:41 +02:00
parent 2e05270bab
commit 225b553876
6 changed files with 54 additions and 24 deletions

View File

@@ -1,14 +1,24 @@
import { memo } from 'react';
import { Markdown } from './Markdown';
import { USAGE_REGEX } from '~/utils/constants';
interface AssistantMessageProps {
content: string;
}
export const AssistantMessage = memo(({ content }: AssistantMessageProps) => {
const match = content.match(USAGE_REGEX);
const usage = match ? JSON.parse(match[1]) : null;
const cleanContent = content.replace(USAGE_REGEX, '').trim();
return (
<div className="overflow-hidden w-full">
<Markdown html>{content}</Markdown>
{usage && (
<div className="text-sm text-bolt-elements-textSecondary mb-2">
Tokens: {usage.totalTokens} (prompt: {usage.promptTokens}, completion: {usage.completionTokens})
</div>
)}
<Markdown html>{cleanContent}</Markdown>
</div>
);
});