Add UI redesign: design system, dashboard density, game intelligence, feed tab, league leaders

Phase 1 - Design System: DesignSystem.swift (typography, colors, spacing constants) and DataPanel.swift (reusable panel container with 3 densities and optional team accent bar). Phase 2 - Dashboard Density: LiveSituationBar (compact strip of all live games with scores/innings/outs), MiniLinescoreView (R-H-E footer for game cards), DiamondView (visual baseball diamond with runners and count). Dashboard shows live situation bar when games are active. Game cards now display mini linescore for live/final games. Phase 3 - Game Center Intelligence: WinProbabilityChartView (full-game line chart using Swift Charts with area fills), PitchArsenalView (pitch type distribution with velocity bars). GameCenterViewModel now stores full WP history array instead of just latest values. Phase 4 - Feed Tab: MLBWebDataService (fetches league leaders from Stats API, news headlines, transactions), FeedViewModel, FeedView with reverse-chronological feed items. FeedItemView with colored edge bars by category. Added 5th "Feed" tab to both tvOS and iOS. Phase 5 - Intel Tab: LeaderboardView (top-5 stat cards with headshots), integrated into LeagueCenterView. Renamed tabs: Games->Today, League->Intel. LeagueCenterViewModel now fetches league leaders. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-12 13:12:09 -05:00
parent ba24c767a0
commit b5daddefd3
21 changed files with 1469 additions and 17 deletions
--- a/mlbTVOS/Views/Components/MiniLinescoreView.swift
+++ b/mlbTVOS/Views/Components/MiniLinescoreView.swift
@@ -0,0 +1,52 @@
+import SwiftUI
+
+/// Compact R-H-E display for game cards
+struct MiniLinescoreView: View {
+    let linescore: StatsLinescore
+    let awayCode: String
+    let homeCode: String
+
+    var body: some View {
+        HStack(spacing: 0) {
+            // Team abbreviations column
+            VStack(alignment: .leading, spacing: 2) {
+                Text(awayCode).foregroundStyle(TeamAssets.color(for: awayCode))
+                Text(homeCode).foregroundStyle(TeamAssets.color(for: homeCode))
+            }
+            .font(statFont.weight(.bold))
+            .frame(width: teamColWidth, alignment: .leading)
+
+            // R column
+            statColumn("R", away: linescore.teams?.away?.runs, home: linescore.teams?.home?.runs, bold: true)
+            // H column
+            statColumn("H", away: linescore.teams?.away?.hits, home: linescore.teams?.home?.hits, bold: false)
+            // E column
+            statColumn("E", away: linescore.teams?.away?.errors, home: linescore.teams?.home?.errors, bold: false)
+        }
+    }
+
+    @ViewBuilder
+    private func statColumn(_ label: String, away: Int?, home: Int?, bold: Bool) -> some View {
+        VStack(spacing: 2) {
+            Text(label)
+                .dataLabelStyle()
+            Text(away.map { "\($0)" } ?? "-")
+                .font(statFont.weight(bold ? .bold : .medium).monospacedDigit())
+                .foregroundStyle(bold ? DS.Colors.textPrimary : DS.Colors.textSecondary)
+            Text(home.map { "\($0)" } ?? "-")
+                .font(statFont.weight(bold ? .bold : .medium).monospacedDigit())
+                .foregroundStyle(bold ? DS.Colors.textPrimary : DS.Colors.textSecondary)
+        }
+        .frame(width: statColWidth)
+    }
+
+    #if os(tvOS)
+    private var statFont: Font { .system(size: 17, design: .rounded) }
+    private var teamColWidth: CGFloat { 50 }
+    private var statColWidth: CGFloat { 36 }
+    #else
+    private var statFont: Font { .system(size: 13, design: .rounded) }
+    private var teamColWidth: CGFloat { 36 }
+    private var statColWidth: CGFloat { 28 }
+    #endif
+}