Feedback TestFlight build 58 (build 59): labels, needs-update, period selector, Home masonry

De 7 comentarios de TestFlight:
- Labels de línea ilegibles (puntos 5+7): ChartLabels.showsLabel thin-out
  (máx 5 iPhone / 8 iPad, siempre primero y último). Charts multi-serie
  (Compare, Period, Year vs Year) etiquetan solo el ENDPOINT de cada serie.
  Prediction etiqueta solo el forecast final. Aplicado a Evolution, Rolling,
  Drawdown, Volatility, Compare, Period, YoY, Prediction.
- 'Needs update' en meses pasados (punto 2): MonthlyCheckInView.snapshotForViewedMonth
  — el estado es por el MES QUE SE VE (effective month de referenceDate), no
  contra la última completion global. Diff usa el snapshot de ese mes.
- Selector de periodo Performance (punto 6): slider 1..60 → picker segmentado
  consistente con el resto, opciones capadas a los meses de datos disponibles
  (availableHistoryMonths). Ya no deja pedir ventanas sin datos.
- Home iPad/Mac (feedback previo): masonry con nº de columnas según ancho
  (2 iPad / 3 Mac ancho >=1250), reparto por peso, propio ScrollView.

Pendiente de este lote: Goals no sincronizan (verificado modelo Goal CloudKit-OK
→ es el subset del partial-failure, no filtro ni esquema; necesita códigos
internos del error), paste/OCR por campo (punto 3) y swipe entre charts (punto 4).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WoScpmHdVj1aUf4rAp6hbe

PortfolioJournal/Views/Charts/DrawdownChart.swift

@@ -5,8 +5,9 @@ struct DrawdownChart: View {
     let data: [(date: Date, drawdown: Double)]
     @State private var zoom = ChartZoomModel()
     @State private var selectedDate: Date?
+    @Environment(\.horizontalSizeClass) private var labelsSizeClass
 
-    private var showAllLabels: Bool { data.count <= ChartLabels.alwaysShowThreshold }
+    private var labelsCompact: Bool { labelsSizeClass != .regular }
     private var selectedPoint: (date: Date, drawdown: Double)? {
         guard let selectedDate else { return nil }
         return data.min(by: {
@@ -46,7 +47,8 @@ struct DrawdownChart: View {
 
             if data.count >= 2 {
                 Chart {
-                    ForEach(data, id: \.date) { item in
+                    ForEach(Array(data.enumerated()), id: \.element.date) { pair in
+                        let item = pair.element
                         AreaMark(
                             x: .value("Date", item.date),
                             y: .value("Drawdown", item.drawdown)
@@ -72,9 +74,9 @@ struct DrawdownChart: View {
                             y: .value("Drawdown", item.drawdown)
                         )
                         .foregroundStyle(Color.negativeRed)
-                        .symbolSize(showAllLabels ? 36 : 20)
+                        .symbolSize(20)
                         .annotation(position: .bottom, spacing: 3) {
-                            if showAllLabels {
+                            if ChartLabels.showsLabel(index: pair.offset, count: data.count, compact: labelsCompact) {
                                 ChartValueBubble(text: ChartLabels.percent(item.drawdown), color: .negativeRed)
                             }
                         }
@@ -207,8 +209,9 @@ struct VolatilityChartView: View {
     let data: [(date: Date, volatility: Double)]
     @State private var zoom = ChartZoomModel()
     @State private var selectedDate: Date?
+    @Environment(\.horizontalSizeClass) private var labelsSizeClass
 
-    private var showAllLabels: Bool { data.count <= ChartLabels.alwaysShowThreshold }
+    private var labelsCompact: Bool { labelsSizeClass != .regular }
     private var selectedPoint: (date: Date, volatility: Double)? {
         guard let selectedDate else { return nil }
         return data.min(by: {
@@ -240,7 +243,8 @@ struct VolatilityChartView: View {
 
             if data.count >= 2 {
                 Chart {
-                    ForEach(data, id: \.date) { item in
+                    ForEach(Array(data.enumerated()), id: \.element.date) { pair in
+                        let item = pair.element
                         LineMark(
                             x: .value("Date", item.date),
                             y: .value("Volatility", item.volatility)
@@ -266,9 +270,9 @@ struct VolatilityChartView: View {
                             y: .value("Volatility", item.volatility)
                         )
                         .foregroundStyle(Color.appPrimary)
-                        .symbolSize(showAllLabels ? 36 : 20)
+                        .symbolSize(20)
                         .annotation(position: .top, spacing: 3) {
-                            if showAllLabels {
+                            if ChartLabels.showsLabel(index: pair.offset, count: data.count, compact: labelsCompact) {
                                 ChartValueBubble(text: String(format: "%.1f%%", item.volatility))
                             }
                         }