mirror of
https://github.com/AgentSeal/codeburn.git
synced 2026-07-10 17:49:23 +00:00
Without a model-savings mapping the Saved column was an unlabeled column of dashes between Cost and Calls (menubar) and a dim '-' column (CLI models report). Show it only when at least one model has savingsUSD > 0, so users with no mapping keep the plain Cost/Calls layout. The menubar Hero caption was already conditional.
119 lines
4.1 KiB
Swift
119 lines
4.1 KiB
Swift
import SwiftUI
|
|
|
|
struct ModelsSection: View {
|
|
@Environment(AppStore.self) private var store
|
|
@State private var isExpanded: Bool = true
|
|
|
|
// Only surface the Saved column when something was actually saved by a
|
|
// local-model mapping. With no mapping it would be an unlabeled column of
|
|
// dashes, so we drop it entirely and keep the plain Cost / Calls layout.
|
|
private var showSavings: Bool {
|
|
store.payload.current.topModels.contains { $0.savingsUSD > 0 }
|
|
}
|
|
|
|
var body: some View {
|
|
CollapsibleSection(
|
|
caption: "Models",
|
|
isExpanded: $isExpanded,
|
|
trailing: {
|
|
HStack(spacing: 8) {
|
|
Text("Cost").frame(minWidth: 54, alignment: .trailing)
|
|
if showSavings {
|
|
Text("Saved").frame(minWidth: 54, alignment: .trailing)
|
|
}
|
|
Text("Calls").frame(minWidth: 52, alignment: .trailing)
|
|
}
|
|
.font(.system(size: 10, weight: .medium))
|
|
.foregroundStyle(.tertiary)
|
|
.tracking(-0.05)
|
|
}
|
|
) {
|
|
VStack(alignment: .leading, spacing: 7) {
|
|
let maxCost = max(store.payload.current.topModels.map(\.cost).max() ?? 1, 0.01)
|
|
ForEach(store.payload.current.topModels, id: \.name) { model in
|
|
ModelRow(model: model, maxCost: maxCost, showSavings: showSavings)
|
|
}
|
|
|
|
TokensLine()
|
|
.padding(.top, 5)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private struct ModelRow: View {
|
|
let model: ModelEntry
|
|
let maxCost: Double
|
|
let showSavings: Bool
|
|
|
|
var body: some View {
|
|
HStack(spacing: 8) {
|
|
// Bar tracks actual cost; for local models the cost is $0 and the
|
|
// bar will be empty. Saved counterfactual (if any) renders as
|
|
// green text in the saved column, never summed into the bar.
|
|
FixedBar(fraction: model.cost / maxCost)
|
|
.frame(width: 56, height: 6)
|
|
|
|
Text(model.name)
|
|
.font(.system(size: 12.5, weight: .medium))
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
|
|
Text(model.cost.asCompactCurrency())
|
|
.font(.codeMono(size: 12, weight: .medium))
|
|
.tracking(-0.2)
|
|
.frame(minWidth: 54, alignment: .trailing)
|
|
|
|
if showSavings {
|
|
Text(model.savingsUSD > 0 ? model.savingsUSD.asCompactCurrency() : "—")
|
|
.font(.codeMono(size: 12))
|
|
.tracking(-0.2)
|
|
.foregroundStyle(model.savingsUSD > 0 ? Color.green : Color.secondary)
|
|
.frame(minWidth: 54, alignment: .trailing)
|
|
}
|
|
|
|
Text("\(model.calls)")
|
|
.font(.system(size: 11))
|
|
.monospacedDigit()
|
|
.foregroundStyle(.secondary)
|
|
.frame(minWidth: 52, alignment: .trailing)
|
|
}
|
|
.padding(.horizontal, 2)
|
|
.padding(.vertical, 1)
|
|
}
|
|
}
|
|
|
|
private struct TokensLine: View {
|
|
@Environment(AppStore.self) private var store
|
|
|
|
var body: some View {
|
|
let t = store.payload.current
|
|
let cacheHit = String(format: "%.0f", t.cacheHitPercent)
|
|
|
|
HStack(spacing: 4) {
|
|
Text("Tokens")
|
|
.foregroundStyle(.tertiary)
|
|
Text(formatTokens(t.inputTokens) + " in")
|
|
.foregroundStyle(.secondary)
|
|
Text("·")
|
|
.foregroundStyle(.tertiary)
|
|
Text(formatTokens(t.outputTokens) + " out")
|
|
.foregroundStyle(.secondary)
|
|
Text("·")
|
|
.foregroundStyle(.tertiary)
|
|
Text(cacheHit + "% cache hit")
|
|
.foregroundStyle(.secondary)
|
|
Spacer()
|
|
}
|
|
.font(.system(size: 10.5))
|
|
.monospacedDigit()
|
|
}
|
|
|
|
private func formatTokens(_ n: Int) -> String {
|
|
if n >= 1_000_000 {
|
|
return String(format: "%.1fM", Double(n) / 1_000_000)
|
|
} else if n >= 1_000 {
|
|
return String(format: "%.1fK", Double(n) / 1_000)
|
|
}
|
|
return "\(n)"
|
|
}
|
|
}
|