| | | 1 | | @inject ChatService ChatService |
| | | 2 | | |
| | | 3 | | <div class="usage-indicators"> |
| | | 4 | | <div class="usage-item" title="@SharedResource.Messages: @Messages.Count / @ChatService.Options.MaxMessages"> |
| | | 5 | | <div class="usage-label"> |
| | 0 | 6 | | <span>@SharedResource.Messages</span> |
| | 0 | 7 | | <span>@Messages.Count / @ChatService.Options.MaxMessages</span> |
| | | 8 | | </div> |
| | | 9 | | <div class="usage-bar-container"> |
| | | 10 | | <div class="usage-bar" style="width: @(MessageProgress)%;"></div> |
| | | 11 | | </div> |
| | | 12 | | </div> |
| | | 13 | | <div class="usage-item" title="@SharedResource.Tokens: @ChatService.Session?.TotalTokens / @ChatService.Options.MaxT |
| | | 14 | | <div class="usage-label"> |
| | 0 | 15 | | <span>@SharedResource.Tokens</span> |
| | 0 | 16 | | <span>@(ChatService.Session?.TotalTokens ?? 0) / @ChatService.Options.MaxTokens</span> |
| | | 17 | | </div> |
| | | 18 | | <div class="usage-bar-container"> |
| | | 19 | | <div class="usage-bar" style="width: @(TokenProgress)%; background: var(--rz-secondary);"></div> |
| | | 20 | | </div> |
| | | 21 | | </div> |
| | | 22 | | </div> |
| | | 23 | | |
| | | 24 | | @code { |
| | 0 | 25 | | [Parameter] public List<VisualChatMessage> Messages { get; set; } = []; |
| | | 26 | | |
| | 0 | 27 | | private int MessageProgress => ChatService.Session != null && ChatService.Options.MaxMessages > 0 |
| | 0 | 28 | | ? Math.Min(100, Messages.Count * 100 / ChatService.Options.MaxMessages) |
| | 0 | 29 | | : 0; |
| | | 30 | | |
| | 0 | 31 | | private int TokenProgress => ChatService.Session != null && ChatService.Options.MaxTokens > 0 |
| | 0 | 32 | | ? Math.Min(100, ChatService.Session.TotalTokens * 100 / ChatService.Options.MaxTokens) |
| | 0 | 33 | | : 0; |
| | | 34 | | } |