@justinechang39/maki
Version:
AI-powered CLI agent for file operations, CSV manipulation, todo management, and web content fetching using OpenRouter
27 lines (26 loc) • 1.25 kB
JavaScript
import { Box, Text } from 'ink';
import React from 'react';
export const UsageDisplay = ({ usage }) => {
return (React.createElement(Box, { flexDirection: "row", gap: 2 },
React.createElement(Text, { dimColor: true }, "\uD83D\uDCCA"),
React.createElement(Text, { color: "green" },
usage.total_tokens,
" tokens"),
React.createElement(Text, { dimColor: true }, "\u2022"),
React.createElement(Text, { dimColor: true },
"In: ",
usage.prompt_tokens),
React.createElement(Text, { dimColor: true },
"Out: ",
usage.completion_tokens),
usage.cached_tokens && usage.cached_tokens > 0 && (React.createElement(React.Fragment, null,
React.createElement(Text, { dimColor: true }, "\u2022"),
React.createElement(Text, { color: "cyan" },
usage.cached_tokens,
" cached"))),
usage.reasoning_tokens && usage.reasoning_tokens > 0 && (React.createElement(React.Fragment, null,
React.createElement(Text, { dimColor: true }, "\u2022"),
React.createElement(Text, { color: "magenta" },
usage.reasoning_tokens,
" reasoning")))));
};