@sriinnu/runic 1.0.0

package/Sources/Runic/Views/Menu/CostHistoryChartMenuView.swift

@@ -0,0 +1,377 @@
+import Charts
+import RunicCore
+import SwiftUI
+
+@MainActor
+struct CostHistoryChartMenuView: View {
+    typealias DailyEntry = CostUsageDailyReport.Entry
+
+    private struct Point: Identifiable {
+        let id: String
+        let date: Date
+        let costUSD: Double
+        let totalTokens: Int?
+
+        init(date: Date, costUSD: Double, totalTokens: Int?) {
+            self.date = date
+            self.costUSD = costUSD
+            self.totalTokens = totalTokens
+            self.id = "\(Int(date.timeIntervalSince1970))-\(costUSD)"
+        }
+    }
+
+    private let provider: UsageProvider
+    private let daily: [DailyEntry]
+    private let totalCostUSD: Double?
+    private let width: CGFloat
+    @State private var selectedDateKey: String?
+    @State private var showHoverHint = true
+
+    init(provider: UsageProvider, daily: [DailyEntry], totalCostUSD: Double?, width: CGFloat) {
+        self.provider = provider
+        self.daily = daily
+        self.totalCostUSD = totalCostUSD
+        self.width = width
+    }
+
+    var body: some View {
+        let model = Self.makeModel(provider: self.provider, daily: self.daily)
+        VStack(alignment: .leading, spacing: RunicSpacing.sm) {
+            if model.points.isEmpty {
+                Text("No cost history data.")
+                    .font(.footnote)
+                    .foregroundStyle(.secondary)
+            } else {
+                Chart {
+                    ForEach(model.points) { point in
+                        BarMark(
+                            x: .value("Day", point.date, unit: .day),
+                            y: .value("Cost", point.costUSD))
+                            .foregroundStyle(model.barColor)
+                    }
+                    if let peak = Self.peakPoint(model: model) {
+                        let capStart = max(peak.costUSD - Self.capHeight(maxValue: model.maxCostUSD), 0)
+                        BarMark(
+                            x: .value("Day", peak.date, unit: .day),
+                            yStart: .value("Cap start", capStart),
+                            yEnd: .value("Cap end", peak.costUSD))
+                            .foregroundStyle(Color(nsColor: .systemYellow))
+                    }
+                }
+                .chartYAxis(.hidden)
+                .chartXAxis {
+                    AxisMarks(values: model.axisDates) { _ in
+                        AxisGridLine().foregroundStyle(Color.clear)
+                        AxisTick().foregroundStyle(Color.clear)
+                        AxisValueLabel(format: .dateTime.month(.abbreviated).day())
+                            .font(.caption2)
+                            .foregroundStyle(Color(nsColor: .tertiaryLabelColor))
+                    }
+                }
+                .chartLegend(.hidden)
+                .frame(height: RunicSpacing.chartHeight)
+                .accessibilityElement(children: .ignore)
+                .accessibilityLabel(self.chartAccessibilityLabel(model: model))
+                .chartOverlay { proxy in
+                    GeometryReader { geo in
+                        ZStack(alignment: .topLeading) {
+                            if let rect = self.selectionBandRect(model: model, proxy: proxy, geo: geo) {
+                                Rectangle()
+                                    .fill(Self.selectionBandColor)
+                                    .frame(width: rect.width, height: rect.height)
+                                    .position(x: rect.midX, y: rect.midY)
+                                    .allowsHitTesting(false)
+                            }
+                            MouseLocationReader { location in
+                                self.updateSelection(location: location, model: model, proxy: proxy, geo: geo)
+                            }
+                            .frame(maxWidth: .infinity, maxHeight: .infinity)
+                            .contentShape(Rectangle())
+                        }
+                    }
+                }
+
+                if self.showHoverHint {
+                    HStack(spacing: RunicSpacing.xxs) {
+                        Image(systemName: "cursorarrow.click.2")
+                            .font(.caption2)
+                        Text("Hover to explore")
+                            .font(.caption2)
+                    }
+                    .foregroundStyle(.tertiary)
+                    .transition(.opacity)
+                }
+
+                let detail = self.detailLines(model: model)
+                VStack(alignment: .leading, spacing: 0) {
+                    Text(detail.primary)
+                        .font(.system(.caption, design: .rounded))
+                        .foregroundStyle(.secondary)
+                        .lineLimit(1)
+                        .truncationMode(.tail)
+                        .frame(height: 16, alignment: .leading)
+                    Text(detail.secondary ?? " ")
+                        .font(.system(.caption, design: .rounded))
+                        .foregroundStyle(.secondary)
+                        .lineLimit(1)
+                        .truncationMode(.tail)
+                        .frame(height: 16, alignment: .leading)
+                        .opacity(detail.secondary == nil ? 0 : 1)
+                }
+            }
+
+            if let total = self.totalCostUSD {
+                Text("Total (30d): \(UsageFormatter.usdString(total))")
+                    .font(.system(.caption, design: .rounded))
+                    .foregroundStyle(.secondary)
+            }
+        }
+        .padding(.horizontal, MenuCardMetrics.horizontalPadding)
+        .padding(.vertical, RunicSpacing.xs)
+        .frame(minWidth: self.width, maxWidth: .infinity, alignment: .leading)
+        .onChange(of: self.selectedDateKey) { _, newValue in
+            if newValue != nil, self.showHoverHint {
+                withAnimation(RunicAnimation.chartHintFade) {
+                    self.showHoverHint = false
+                }
+            }
+        }
+    }
+
+    private struct Model {
+        let points: [Point]
+        let pointsByDateKey: [String: Point]
+        let entriesByDateKey: [String: DailyEntry]
+        let dateKeys: [(key: String, date: Date)]
+        let axisDates: [Date]
+        let barColor: Color
+        let peakKey: String?
+        let maxCostUSD: Double
+    }
+
+    private static let selectionBandColor = Color(nsColor: .labelColor).opacity(0.1)
+
+    private static func capHeight(maxValue: Double) -> Double {
+        maxValue * 0.05
+    }
+
+    private static func makeModel(provider: UsageProvider, daily: [DailyEntry]) -> Model {
+        let sorted = daily.sorted { lhs, rhs in lhs.date < rhs.date }
+        var points: [Point] = []
+        points.reserveCapacity(sorted.count)
+
+        var pointsByKey: [String: Point] = [:]
+        pointsByKey.reserveCapacity(sorted.count)
+
+        var entriesByKey: [String: DailyEntry] = [:]
+        entriesByKey.reserveCapacity(sorted.count)
+
+        var dateKeys: [(key: String, date: Date)] = []
+        dateKeys.reserveCapacity(sorted.count)
+
+        var peak: (key: String, costUSD: Double)?
+        var maxCostUSD: Double = 0
+        for entry in sorted {
+            guard let costUSD = entry.costUSD, costUSD > 0 else { continue }
+            guard let date = self.dateFromDayKey(entry.date) else { continue }
+            let point = Point(date: date, costUSD: costUSD, totalTokens: entry.totalTokens)
+            points.append(point)
+            pointsByKey[entry.date] = point
+            entriesByKey[entry.date] = entry
+            dateKeys.append((entry.date, date))
+            if let cur = peak {
+                if costUSD > cur.costUSD { peak = (entry.date, costUSD) }
+            } else {
+                peak = (entry.date, costUSD)
+            }
+            maxCostUSD = max(maxCostUSD, costUSD)
+        }
+
+        let axisDates: [Date] = {
+            guard let first = dateKeys.first?.date, let last = dateKeys.last?.date else { return [] }
+            if Calendar.current.isDate(first, inSameDayAs: last) { return [first] }
+            return [first, last]
+        }()
+
+        let barColor = Self.barColor(for: provider)
+        return Model(
+            points: points,
+            pointsByDateKey: pointsByKey,
+            entriesByDateKey: entriesByKey,
+            dateKeys: dateKeys,
+            axisDates: axisDates,
+            barColor: barColor,
+            peakKey: peak?.key,
+            maxCostUSD: maxCostUSD)
+    }
+
+    private static func barColor(for provider: UsageProvider) -> Color {
+        let color = ProviderDescriptorRegistry.descriptor(for: provider).branding.color
+        return Color(red: color.red, green: color.green, blue: color.blue)
+    }
+
+    private static func dateFromDayKey(_ key: String) -> Date? {
+        let parts = key.split(separator: "-")
+        guard parts.count == 3,
+              let year = Int(parts[0]),
+              let month = Int(parts[1]),
+              let day = Int(parts[2]) else { return nil }
+
+        var comps = DateComponents()
+        comps.calendar = Calendar.current
+        comps.timeZone = TimeZone.current
+        comps.year = year
+        comps.month = month
+        comps.day = day
+        comps.hour = 12
+        return comps.date
+    }
+
+    private static func peakPoint(model: Model) -> Point? {
+        guard let key = model.peakKey else { return nil }
+        return model.pointsByDateKey[key]
+    }
+
+    private func selectionBandRect(model: Model, proxy: ChartProxy, geo: GeometryProxy) -> CGRect? {
+        guard let key = self.selectedDateKey else { return nil }
+        guard let plotAnchor = proxy.plotFrame else { return nil }
+        let plotFrame = geo[plotAnchor]
+        guard let index = model.dateKeys.firstIndex(where: { $0.key == key }) else { return nil }
+        let date = model.dateKeys[index].date
+        guard let x = proxy.position(forX: date) else { return nil }
+
+        func xForIndex(_ idx: Int) -> CGFloat? {
+            guard idx >= 0, idx < model.dateKeys.count else { return nil }
+            return proxy.position(forX: model.dateKeys[idx].date)
+        }
+
+        let xPrev = xForIndex(index - 1)
+        let xNext = xForIndex(index + 1)
+
+        let leftInPlot: CGFloat = if let xPrev {
+            (xPrev + x) / 2
+        } else if let xNext {
+            x - (xNext - x) / 2
+        } else {
+            x - 8
+        }
+
+        let rightInPlot: CGFloat = if let xNext {
+            (xNext + x) / 2
+        } else if let xPrev {
+            x + (x - xPrev) / 2
+        } else {
+            x + 8
+        }
+
+        let left = plotFrame.origin.x + min(leftInPlot, rightInPlot)
+        let right = plotFrame.origin.x + max(leftInPlot, rightInPlot)
+        return CGRect(x: left, y: plotFrame.origin.y, width: right - left, height: plotFrame.height)
+    }
+
+    private func updateSelection(
+        location: CGPoint?,
+        model: Model,
+        proxy: ChartProxy,
+        geo: GeometryProxy)
+    {
+        guard let location else {
+            if self.selectedDateKey != nil { self.selectedDateKey = nil }
+            return
+        }
+
+        guard let plotAnchor = proxy.plotFrame else { return }
+        let plotFrame = geo[plotAnchor]
+        guard plotFrame.contains(location) else { return }
+
+        let xInPlot = location.x - plotFrame.origin.x
+        guard let date: Date = proxy.value(atX: xInPlot) else { return }
+        guard let nearest = self.nearestDateKey(to: date, model: model) else { return }
+
+        if self.selectedDateKey != nearest {
+            self.selectedDateKey = nearest
+        }
+    }
+
+    private func nearestDateKey(to date: Date, model: Model) -> String? {
+        guard !model.dateKeys.isEmpty else { return nil }
+        var best: (key: String, distance: TimeInterval)?
+        for entry in model.dateKeys {
+            let dist = abs(entry.date.timeIntervalSince(date))
+            if let cur = best {
+                if dist < cur.distance { best = (entry.key, dist) }
+            } else {
+                best = (entry.key, dist)
+            }
+        }
+        return best?.key
+    }
+
+    private func detailLines(model: Model) -> (primary: String, secondary: String?) {
+        guard let key = self.selectedDateKey,
+              let point = model.pointsByDateKey[key],
+              let date = Self.dateFromDayKey(key)
+        else {
+            return ("Hover a bar for details", nil)
+        }
+
+        let dayLabel = date.formatted(.dateTime.month(.abbreviated).day())
+        let cost = UsageFormatter.usdString(point.costUSD)
+        if let tokens = point.totalTokens {
+            let primary = "\(dayLabel): \(cost) · \(UsageFormatter.tokenCountString(tokens)) tokens"
+            let secondary = self.topModelsText(key: key, model: model)
+            return (primary, secondary)
+        }
+        let primary = "\(dayLabel): \(cost)"
+        let secondary = self.topModelsText(key: key, model: model)
+        return (primary, secondary)
+    }
+
+    private func topModelsText(key: String, model: Model) -> String? {
+        guard let entry = model.entriesByDateKey[key] else { return nil }
+        guard let breakdown = entry.modelBreakdowns, !breakdown.isEmpty else { return nil }
+        let parts = breakdown
+            .compactMap { item -> (name: String, costUSD: Double, context: String?)? in
+                guard let costUSD = item.costUSD, costUSD > 0 else { return nil }
+                return (
+                    UsageFormatter.modelDisplayName(item.modelName),
+                    costUSD,
+                    UsageFormatter.modelContextLabel(for: item.modelName))
+            }
+            .sorted { lhs, rhs in
+                if lhs.costUSD == rhs.costUSD { return lhs.name < rhs.name }
+                return lhs.costUSD > rhs.costUSD
+            }
+            .prefix(3)
+            .map {
+                var item = "\($0.name) \(UsageFormatter.usdString($0.costUSD))"
+                if let context = $0.context {
+                    item += " \(context)"
+                }
+                return item
+            }
+        guard !parts.isEmpty else { return nil }
+        return "Top: \(parts.joined(separator: " · "))"
+    }
+
+    private func chartAccessibilityLabel(model: Model) -> String {
+        guard !model.points.isEmpty else { return "Cost history chart, no data" }
+
+        let dayCount = model.dateKeys.count
+        let totalCost = model.points.reduce(0.0) { $0 + $1.costUSD }
+        let totalText = UsageFormatter.usdString(totalCost)
+
+        var label = "Cost history: \(dayCount) day\(dayCount == 1 ? "" : "s"), total \(totalText)"
+
+        if let peakKey = model.peakKey,
+           let peak = model.pointsByDateKey[peakKey],
+           let peakDate = Self.dateFromDayKey(peakKey)
+        {
+            let peakCost = UsageFormatter.usdString(peak.costUSD)
+            let peakDay = peakDate.formatted(.dateTime.month(.abbreviated).day())
+            label += ", peak \(peakCost) on \(peakDay)"
+        }
+
+        return label
+    }
+}

package/Sources/Runic/Views/Menu/CreditsHistoryChartMenuView.swift

@@ -0,0 +1,312 @@
+import Charts
+import RunicCore
+import SwiftUI
+
+@MainActor
+struct CreditsHistoryChartMenuView: View {
+    private struct Point: Identifiable {
+        let id: String
+        let date: Date
+        let creditsUsed: Double
+
+        init(date: Date, creditsUsed: Double) {
+            self.date = date
+            self.creditsUsed = creditsUsed
+            self.id = "\(Int(date.timeIntervalSince1970))-\(creditsUsed)"
+        }
+    }
+
+    private let breakdown: [OpenAIDashboardDailyBreakdown]
+    private let width: CGFloat
+    @State private var selectedDayKey: String?
+
+    init(breakdown: [OpenAIDashboardDailyBreakdown], width: CGFloat) {
+        self.breakdown = breakdown
+        self.width = width
+    }
+
+    var body: some View {
+        let model = Self.makeModel(from: self.breakdown)
+        VStack(alignment: .leading, spacing: RunicSpacing.sm) {
+            if model.points.isEmpty {
+                Text("No credits history data.")
+                    .font(.footnote)
+                    .foregroundStyle(.secondary)
+            } else {
+                Chart {
+                    ForEach(model.points) { point in
+                        BarMark(
+                            x: .value("Day", point.date, unit: .day),
+                            y: .value("Credits used", point.creditsUsed))
+                            .foregroundStyle(Self.barColor)
+                    }
+                    if let peak = Self.peakPoint(model: model) {
+                        let capStart = max(peak.creditsUsed - Self.capHeight(maxValue: model.maxCreditsUsed), 0)
+                        BarMark(
+                            x: .value("Day", peak.date, unit: .day),
+                            yStart: .value("Cap start", capStart),
+                            yEnd: .value("Cap end", peak.creditsUsed))
+                            .foregroundStyle(Color(nsColor: .systemYellow))
+                    }
+                }
+                .chartYAxis(.hidden)
+                .chartXAxis {
+                    AxisMarks(values: model.axisDates) { _ in
+                        AxisGridLine().foregroundStyle(Color.clear)
+                        AxisTick().foregroundStyle(Color.clear)
+                        AxisValueLabel(format: .dateTime.month(.abbreviated).day())
+                            .font(.caption2)
+                            .foregroundStyle(Color(nsColor: .tertiaryLabelColor))
+                    }
+                }
+                .chartLegend(.hidden)
+                .frame(height: RunicSpacing.chartHeight)
+                .chartOverlay { proxy in
+                    GeometryReader { geo in
+                        ZStack(alignment: .topLeading) {
+                            if let rect = self.selectionBandRect(model: model, proxy: proxy, geo: geo) {
+                                Rectangle()
+                                    .fill(Self.selectionBandColor)
+                                    .frame(width: rect.width, height: rect.height)
+                                    .position(x: rect.midX, y: rect.midY)
+                                    .allowsHitTesting(false)
+                            }
+                            MouseLocationReader { location in
+                                self.updateSelection(location: location, model: model, proxy: proxy, geo: geo)
+                            }
+                            .frame(maxWidth: .infinity, maxHeight: .infinity)
+                            .contentShape(Rectangle())
+                        }
+                    }
+                }
+
+                let detail = self.detailLines(model: model)
+                VStack(alignment: .leading, spacing: 0) {
+                    Text(detail.primary)
+                        .font(.system(.caption, design: .rounded))
+                        .foregroundStyle(.secondary)
+                        .lineLimit(1)
+                        .truncationMode(.tail)
+                        .frame(height: 16, alignment: .leading)
+                    Text(detail.secondary ?? " ")
+                        .font(.system(.caption, design: .rounded))
+                        .foregroundStyle(.secondary)
+                        .lineLimit(1)
+                        .truncationMode(.tail)
+                        .frame(height: 16, alignment: .leading)
+                        .opacity(detail.secondary == nil ? 0 : 1)
+                }
+
+                if let total = model.totalCreditsUsed {
+                    Text("Total (30d): \(total.formatted(.number.precision(.fractionLength(0...2)))) credits")
+                        .font(.system(.caption, design: .rounded))
+                        .foregroundStyle(.secondary)
+                }
+            }
+        }
+        .padding(.horizontal, MenuCardMetrics.horizontalPadding)
+        .padding(.vertical, RunicSpacing.xs)
+        .frame(minWidth: self.width, maxWidth: .infinity, alignment: .leading)
+    }
+
+    private struct Model {
+        let points: [Point]
+        let breakdownByDayKey: [String: OpenAIDashboardDailyBreakdown]
+        let pointsByDayKey: [String: Point]
+        let dayDates: [(dayKey: String, date: Date)]
+        let axisDates: [Date]
+        let peakKey: String?
+        let totalCreditsUsed: Double?
+        let maxCreditsUsed: Double
+    }
+
+    private static let barColor = RunicColors.creditsChartBar
+    private static let selectionBandColor = Color(nsColor: .labelColor).opacity(0.1)
+    private static func capHeight(maxValue: Double) -> Double {
+        maxValue * 0.05
+    }
+
+    private static func makeModel(from breakdown: [OpenAIDashboardDailyBreakdown]) -> Model {
+        let sorted = breakdown.sorted { lhs, rhs in lhs.day < rhs.day }
+
+        var points: [Point] = []
+        points.reserveCapacity(sorted.count)
+
+        var breakdownByDayKey: [String: OpenAIDashboardDailyBreakdown] = [:]
+        breakdownByDayKey.reserveCapacity(sorted.count)
+
+        var pointsByDayKey: [String: Point] = [:]
+        pointsByDayKey.reserveCapacity(sorted.count)
+
+        var dayDates: [(dayKey: String, date: Date)] = []
+        dayDates.reserveCapacity(sorted.count)
+
+        var totalCreditsUsed: Double = 0
+        var peak: (key: String, creditsUsed: Double)?
+        var maxCreditsUsed: Double = 0
+
+        for day in sorted {
+            guard let date = self.dateFromDayKey(day.day) else { continue }
+            breakdownByDayKey[day.day] = day
+            dayDates.append((dayKey: day.day, date: date))
+            totalCreditsUsed += day.totalCreditsUsed
+            if day.totalCreditsUsed > 0 {
+                let point = Point(date: date, creditsUsed: day.totalCreditsUsed)
+                points.append(point)
+                pointsByDayKey[day.day] = point
+                if let cur = peak {
+                    if day.totalCreditsUsed > cur.creditsUsed { peak = (day.day, day.totalCreditsUsed) }
+                } else {
+                    peak = (day.day, day.totalCreditsUsed)
+                }
+                maxCreditsUsed = max(maxCreditsUsed, day.totalCreditsUsed)
+            }
+        }
+
+        let axisDates: [Date] = {
+            guard let first = dayDates.first?.date, let last = dayDates.last?.date else { return [] }
+            if Calendar.current.isDate(first, inSameDayAs: last) { return [first] }
+            return [first, last]
+        }()
+
+        return Model(
+            points: points,
+            breakdownByDayKey: breakdownByDayKey,
+            pointsByDayKey: pointsByDayKey,
+            dayDates: dayDates,
+            axisDates: axisDates,
+            peakKey: peak?.key,
+            totalCreditsUsed: totalCreditsUsed > 0 ? totalCreditsUsed : nil,
+            maxCreditsUsed: maxCreditsUsed)
+    }
+
+    private static func dateFromDayKey(_ key: String) -> Date? {
+        let parts = key.split(separator: "-")
+        guard parts.count == 3,
+              let year = Int(parts[0]),
+              let month = Int(parts[1]),
+              let day = Int(parts[2])
+        else {
+            return nil
+        }
+
+        var comps = DateComponents()
+        comps.calendar = Calendar.current
+        comps.timeZone = TimeZone.current
+        comps.year = year
+        comps.month = month
+        comps.day = day
+        comps.hour = 12
+        return comps.date
+    }
+
+    private static func peakPoint(model: Model) -> Point? {
+        guard let key = model.peakKey else { return nil }
+        return model.pointsByDayKey[key]
+    }
+
+    private func selectionBandRect(model: Model, proxy: ChartProxy, geo: GeometryProxy) -> CGRect? {
+        guard let key = self.selectedDayKey else { return nil }
+        guard let plotAnchor = proxy.plotFrame else { return nil }
+        let plotFrame = geo[plotAnchor]
+        guard let index = model.dayDates.firstIndex(where: { $0.dayKey == key }) else { return nil }
+        let date = model.dayDates[index].date
+        guard let x = proxy.position(forX: date) else { return nil }
+
+        func xForIndex(_ idx: Int) -> CGFloat? {
+            guard idx >= 0, idx < model.dayDates.count else { return nil }
+            return proxy.position(forX: model.dayDates[idx].date)
+        }
+
+        let xPrev = xForIndex(index - 1)
+        let xNext = xForIndex(index + 1)
+
+        let leftInPlot: CGFloat = if let xPrev {
+            (xPrev + x) / 2
+        } else if let xNext {
+            x - (xNext - x) / 2
+        } else {
+            x - 8
+        }
+
+        let rightInPlot: CGFloat = if let xNext {
+            (xNext + x) / 2
+        } else if let xPrev {
+            x + (x - xPrev) / 2
+        } else {
+            x + 8
+        }
+
+        let left = plotFrame.origin.x + min(leftInPlot, rightInPlot)
+        let right = plotFrame.origin.x + max(leftInPlot, rightInPlot)
+        return CGRect(x: left, y: plotFrame.origin.y, width: right - left, height: plotFrame.height)
+    }
+
+    private func updateSelection(
+        location: CGPoint?,
+        model: Model,
+        proxy: ChartProxy,
+        geo: GeometryProxy)
+    {
+        guard let location else {
+            if self.selectedDayKey != nil { self.selectedDayKey = nil }
+            return
+        }
+
+        guard let plotAnchor = proxy.plotFrame else { return }
+        let plotFrame = geo[plotAnchor]
+        guard plotFrame.contains(location) else { return }
+
+        let xInPlot = location.x - plotFrame.origin.x
+        guard let date: Date = proxy.value(atX: xInPlot) else { return }
+        guard let nearest = self.nearestDayKey(to: date, model: model) else { return }
+
+        if self.selectedDayKey != nearest {
+            self.selectedDayKey = nearest
+        }
+    }
+
+    private func nearestDayKey(to date: Date, model: Model) -> String? {
+        guard !model.dayDates.isEmpty else { return nil }
+        var best: (key: String, distance: TimeInterval)?
+        for entry in model.dayDates {
+            let dist = abs(entry.date.timeIntervalSince(date))
+            if let cur = best {
+                if dist < cur.distance { best = (entry.dayKey, dist) }
+            } else {
+                best = (entry.dayKey, dist)
+            }
+        }
+        return best?.key
+    }
+
+    private func detailLines(model: Model) -> (primary: String, secondary: String?) {
+        guard let key = self.selectedDayKey,
+              let day = model.breakdownByDayKey[key],
+              let date = Self.dateFromDayKey(key)
+        else {
+            return ("Hover a bar for details", nil)
+        }
+
+        let dayLabel = date.formatted(.dateTime.month(.abbreviated).day())
+        let total = day.totalCreditsUsed.formatted(.number.precision(.fractionLength(0...2)))
+        if day.services.isEmpty {
+            return ("\(dayLabel): \(total) credits", nil)
+        }
+        if day.services.count <= 1, let first = day.services.first {
+            let used = first.creditsUsed.formatted(.number.precision(.fractionLength(0...2)))
+            return ("\(dayLabel): \(used) credits", first.service)
+        }
+
+        let services = day.services
+            .sorted { lhs, rhs in
+                if lhs.creditsUsed == rhs.creditsUsed { return lhs.service < rhs.service }
+                return lhs.creditsUsed > rhs.creditsUsed
+            }
+            .prefix(3)
+            .map { "\($0.service) \($0.creditsUsed.formatted(.number.precision(.fractionLength(0...2))))" }
+            .joined(separator: " · ")
+
+        return ("\(dayLabel): \(total) credits", services)
+    }
+}