// // StatsTabView.swift // Haru_Danim // // 통계 탭 (독립 탭): 하루/주간/월간 차트 + 꼬리표·행동 다중 선택 필터 // - 하루: 꼬리표별 시간/횟수 가로 막대 (비율 비교) // - 주간: 행동별 일별 꺾은선(태그 색 + 범례) + 주간 합계 막대 + 행동·꼬리표별 합계/평균 표 // - 월간: 행동별 주차별/일별 꺾은선 + 월간 합계 막대 + 행동·꼬리표별 합계/평균 표 // import SwiftUI import SwiftData import Charts struct StatsTabView: View { @Environment(AppRouter.self) private var router @Query(sort: \Tag.sortOrder) private var tags: [Tag] @Query(sort: \Action.createdAt) private var allActionsQuery: [Action] // 표시 순서는 모음 탭 배치와 같은 기기별 로컬 설정을 따른다 (LocalPrefs 참고) @AppStorage(LocalPrefsKeys.actionOrder, store: AppGroup.defaults) private var actionOrderRaw = "" private var allActions: [Action] { LocalPrefs.orderedActions(allActionsQuery, raw: actionOrderRaw) } @State private var span: StatSpan = { #if DEBUG if let raw = UserDefaults.standard.string(forKey: "statSpan"), let span = StatSpan(rawValue: raw) { return span } #endif return .day }() @State private var anchorDayKey: Date = DayMath().dayKey(for: .now) @State private var showingFilter = false @State private var showingExport = false /// 필터는 "해제한 행동"만 저장 → 기본값이 전체 선택이고, 새로 만든 행동도 자동 포함됨. /// 꼬리표는 시트에서 소속 행동 일괄 토글용일 뿐, 판정은 행동 단위로만 한다. @State private var excludedActionIDs: Set = [] private var math: DayMath { DayMath() } private var spanRange: Range { let anchor = math.dayRange(forKey: anchorDayKey).lowerBound switch span { case .day: return math.dayRange(containing: anchor) case .week: return math.weekRange(containing: anchor) case .month: return math.monthRange(containing: anchor) } } var body: some View { VStack(spacing: 0) { periodHeader Picker("기간", selection: $span) { ForEach(StatSpan.allCases) { span in Text(span.label).tag(span) } } .pickerStyle(.segmented) .padding(.horizontal) .padding(.bottom, 8) if isFiltering { filterChip } // 통계 조회는 보고 있는 기간(하루/주/월) 범위로만 DB에서 가져온다 (전량 로드 방지). // 기간·날짜가 바뀌면 새 범위의 쿼리로 다시 만들어진다 (SwiftData 동적 쿼리 패턴). StatsChartsView( span: span, anchorDayKey: anchorDayKey, excludedActionIDs: excludedActionIDs, orderedActions: allActions, showingExport: $showingExport ) } .background(AppTheme.background) .navigationTitle("통계") .navigationBarTitleDisplayMode(.inline) .toolbar { ToolbarItem(placement: .topBarTrailing) { Button { showingExport = true } label: { Image(systemName: "square.and.arrow.up") } .accessibilityLabel(Text("내보내기")) } ToolbarItem(placement: .topBarTrailing) { Button { showingFilter = true } label: { Image(systemName: isFiltering ? "line.3.horizontal.decrease.circle.fill" : "line.3.horizontal.decrease.circle") } .accessibilityLabel(Text("통계 필터")) } } .sheet(isPresented: $showingFilter) { RecordFilterSheet( title: "통계 필터", tags: tags, actions: allActions, excludedActionIDs: $excludedActionIDs ) } .onAppear { consumePendingFilter() #if DEBUG // 검증용: -excludeActions "이름,이름"으로 필터 상태 주입, -statShowFilter YES로 시트 표시 if let raw = UserDefaults.standard.string(forKey: "excludeActions") { let names = Set(raw.split(separator: ",").map { $0.trimmingCharacters(in: .whitespaces) }) excludedActionIDs = Set( allActions.filter { names.contains($0.name) }.map(\.persistentModelID) ) } if UserDefaults.standard.bool(forKey: "statShowFilter") { showingFilter = true } // 검증용: -showExport YES → 내보내기 시트 표시 if UserDefaults.standard.bool(forKey: "showExport") { showingExport = true } #endif } .onChange(of: router.pendingStatsActionID) { consumePendingFilter() } } /// 모음 탭 '통계 보기'에서 예약한 행동 필터를 적용 (오늘 기준 기간으로 이동) private func consumePendingFilter() { guard let id = router.pendingStatsActionID else { return } // 해당 행동만 남기고 모두 해제 excludedActionIDs = Set(allActions.map(\.persistentModelID)).subtracting([id]) anchorDayKey = math.dayKey(for: .now) router.pendingStatsActionID = nil } // MARK: 기간 이동 헤더 private var periodHeader: some View { HStack { Button { movePeriod(-1) } label: { Image(systemName: "chevron.left") .frame(width: 44, height: 36) .contentShape(Rectangle()) } .accessibilityLabel(Text("이전 기간")) Spacer() VStack(spacing: 1) { Text(periodLabel) .font(.headline) if spanRange.contains(.now) { Text(currentPeriodLabel) .font(.caption2) .foregroundStyle(AppTheme.green) } } Spacer() Button { movePeriod(1) } label: { Image(systemName: "chevron.right") .frame(width: 44, height: 36) .contentShape(Rectangle()) } .accessibilityLabel(Text("다음 기간")) Button(currentPeriodLabel) { anchorDayKey = math.dayKey(for: .now) } .font(.caption) .buttonStyle(.bordered) .buttonBorderShape(.capsule) } .padding(.horizontal) .padding(.vertical, 10) .tint(AppTheme.green) } private var currentPeriodLabel: String { switch span { case .day: return String(localized: "오늘") case .week: return String(localized: "이번 주") case .month: return String(localized: "이번 달") } } private var periodLabel: String { let keys = math.dayKeys(in: spanRange) switch span { case .day: return Format.fullDate(anchorDayKey) case .week: guard let first = keys.first, let last = keys.last else { return "" } return "\(Format.shortDate(first)) ~ \(Format.shortDate(last))" case .month: return anchorDayKey.formatted(.dateTime.year().month()) } } private func movePeriod(_ delta: Int) { let cal = math.calendar switch span { case .day: anchorDayKey = cal.date(byAdding: .day, value: delta, to: anchorDayKey)! case .week: anchorDayKey = cal.date(byAdding: .day, value: 7 * delta, to: anchorDayKey)! case .month: anchorDayKey = cal.date(byAdding: .month, value: delta, to: anchorDayKey)! } } // MARK: 필터 (꼬리표 트리에서 행동 다중 선택, 기본 전체 선택) private var isFiltering: Bool { !excludedActionIDs.isEmpty } /// 행동이 통계에 포함되는지: 행동 단위로만 판정 (꼬리표 일부 행동만 선택해도 정상 반영) private func passesFilter(_ action: Action) -> Bool { !excludedActionIDs.contains(action.persistentModelID) } private var filteredActions: [Action] { allActions.filter(passesFilter) } private var filterChip: some View { HStack(spacing: 6) { Image(systemName: "line.3.horizontal.decrease") .font(.caption2.weight(.semibold)) Text("행동 \(filteredActions.count)/\(allActions.count)개 표시 중") .font(.caption.weight(.semibold)) .lineLimit(1) Button { withAnimation { excludedActionIDs = [] } } label: { Image(systemName: "xmark.circle.fill") .font(.caption) .foregroundStyle(.secondary) .padding(4) .contentShape(Rectangle()) } .buttonStyle(.plain) .accessibilityLabel(Text("필터 해제")) } .foregroundStyle(AppTheme.green) .padding(.leading, 10) .padding(.trailing, 2) .padding(.vertical, 4) .background(AppTheme.green.opacity(0.12), in: Capsule()) .frame(maxWidth: .infinity, alignment: .leading) .padding(.horizontal) .padding(.bottom, 6) } } // MARK: - 통계 차트 (보고 있는 기간 범위로만 DB 조회 + 1회 버킷 집계) /// 통계 차트 본체. 두 가지 성능 원칙: /// 1) **범위 조회**: 보고 있는 기간(하루/주/월)에 겹치는 기록만 @Query로 가져온다 — /// 하루 경계를 걸친 세션·진행 중 세션은 "시작 < 범위끝 AND (종료 없음 OR 종료 > 범위시작)" /// 겹침 조건으로 포함. 전량 로드하던 예전 구조는 기록이 수만 건이면 탭 진입이 느려졌다. /// 2) **1회 버킷 집계**: 카드(꺾은선·막대·표)마다 Aggregator로 기록을 다시 훑지 않고, /// 조회된 기록을 한 번만 지나가며 행동별·하루별 버킷을 만들어 모든 카드가 공유한다. /// 하루 분할은 DayMath.splitByDay — 기존 Aggregator와 같은 규칙이라 수치가 동일하다. private struct StatsChartsView: View { let span: StatSpan let anchorDayKey: Date let excludedActionIDs: Set let orderedActions: [Action] @Binding var showingExport: Bool @Query private var sessions: [TimeSession] @Query private var entries: [CountEntry] private let math = DayMath() init(span: StatSpan, anchorDayKey: Date, excludedActionIDs: Set, orderedActions: [Action], showingExport: Binding) { self.span = span self.anchorDayKey = anchorDayKey self.excludedActionIDs = excludedActionIDs self.orderedActions = orderedActions self._showingExport = showingExport let math = DayMath() let anchor = math.dayRange(forKey: anchorDayKey).lowerBound let range: Range switch span { case .day: range = math.dayRange(containing: anchor) case .week: range = math.weekRange(containing: anchor) case .month: range = math.monthRange(containing: anchor) } let lower = range.lowerBound let upper = range.upperBound let farFuture = Date.distantFuture _sessions = Query(filter: #Predicate { $0.startAt < upper && ($0.endAt ?? farFuture) > lower }) _entries = Query(filter: #Predicate { $0.timestamp >= lower && $0.timestamp < upper }) } private var spanRange: Range { let anchor = math.dayRange(forKey: anchorDayKey).lowerBound switch span { case .day: return math.dayRange(containing: anchor) case .week: return math.weekRange(containing: anchor) case .month: return math.monthRange(containing: anchor) } } var body: some View { let data = makeStatsData() ScrollViewReader { proxy in ScrollView { VStack(alignment: .leading, spacing: 16) { switch span { case .day: dayCharts(data) case .week: weekCharts(data) case .month: monthCharts(data) } } .padding() Color.clear .frame(height: 1) .id("statsBottom") } .onAppear { #if DEBUG // 검증용: -statScrollBottom YES면 하단 요약 카드까지 자동 스크롤 if UserDefaults.standard.bool(forKey: "statScrollBottom") { DispatchQueue.main.asyncAfter(deadline: .now() + 1.5) { withAnimation { proxy.scrollTo("statsBottom", anchor: .bottom) } } } #endif } } .sheet(isPresented: $showingExport) { // 지금 보고 있는 기간/필터 그대로 스냅숏을 만들어 이미지로 내보낸다 ExportImageSheet(snapshot: ExportBuilder.stats( span: span, anchorDayKey: anchorDayKey, sessions: sessions, entries: entries, orderedActions: orderedActions, excludedActionIDs: excludedActionIDs, math: math )) } } // MARK: 필터 private func passesFilter(_ action: Action) -> Bool { !excludedActionIDs.contains(action.persistentModelID) } private var filteredActions: [Action] { orderedActions.filter(passesFilter) } // MARK: 1회 버킷 집계 /// 행동별·하루별 집계 버킷 (조회된 기록을 한 번만 순회해 생성) private struct StatsData { var seconds: [PersistentIdentifier: [Date: TimeInterval]] = [:] var counts: [PersistentIdentifier: [Date: Int]] = [:] /// 기간의 논리적 하루 키 목록 var dayKeys: [Date] = [] func seconds(for id: PersistentIdentifier, days: [Date]) -> TimeInterval { guard let byDay = seconds[id] else { return 0 } return days.reduce(0) { $0 + (byDay[$1] ?? 0) } } func count(for id: PersistentIdentifier, days: [Date]) -> Int { guard let byDay = counts[id] else { return 0 } return days.reduce(0) { $0 + (byDay[$1] ?? 0) } } /// 행동의 추적 방식에 맞는 값 (시간=초, 횟수=회) func value(for action: Action, type: TrackingType, days: [Date]) -> Double { switch type { case .time: return seconds(for: action.persistentModelID, days: days) case .count: return Double(count(for: action.persistentModelID, days: days)) } } } private func makeStatsData() -> StatsData { var data = StatsData() let range = spanRange data.dayKeys = math.dayKeys(in: range) let now = Date.now for session in sessions { guard let action = session.action, passesFilter(action) else { continue } let start = max(session.startAt, range.lowerBound) let end = min(session.endAt ?? now, range.upperBound) guard start < end else { continue } for segment in math.splitByDay(start: start, end: end) { data.seconds[action.persistentModelID, default: [:]][segment.dayKey, default: 0] += segment.range.upperBound.timeIntervalSince(segment.range.lowerBound) } } for entry in entries { guard range.contains(entry.timestamp), let action = entry.action, passesFilter(action) else { continue } data.counts[action.persistentModelID, default: [:]][math.dayKey(for: entry.timestamp), default: 0] += entry.amount } return data } /// 평균 계산용: 기간 내 "이미 시작된" 날 수 (미래 날짜로 평균이 희석되지 않게) private var elapsedDayCount: Int { max( math.dayKeys(in: spanRange) .filter { math.dayRange(forKey: $0).lowerBound <= .now } .count, 1 ) } // MARK: 하루 — 꼬리표별 가로 막대 (비율 비교) @ViewBuilder private func dayCharts(_ data: StatsData) -> some View { let stats = tagStats(data) tagTimeBarCard(stats) tagCountBarCard(stats) } /// 꼬리표별 합계 — 행동별 버킷 합계를 소속 꼬리표들에 배분 (기존 세그먼트 순회와 동일한 값) private func tagStats(_ data: StatsData) -> [TagStat] { var seconds: [String: TimeInterval] = [:] var countsByTag: [String: Int] = [:] var colors: [String: Color] = [:] func tagNames(for action: Action) -> [(String, Color)] { if action.tags.isEmpty { return [(String(localized: "꼬리표 없음"), Color.gray)] } return action.sortedTags.map { ($0.name, $0.color) } } for action in filteredActions { let totalSeconds = data.seconds(for: action.persistentModelID, days: data.dayKeys) let totalCount = data.count(for: action.persistentModelID, days: data.dayKeys) guard totalSeconds > 0 || totalCount > 0 else { continue } for (name, color) in tagNames(for: action) { seconds[name, default: 0] += totalSeconds countsByTag[name, default: 0] += totalCount colors[name] = color } } let names = Set(seconds.keys).union(countsByTag.keys) return names .map { name in TagStat( name: name, color: colors[name] ?? .gray, seconds: seconds[name] ?? 0, count: countsByTag[name] ?? 0 ) } .sorted { $0.seconds > $1.seconds } } @ViewBuilder private func tagTimeBarCard(_ stats: [TagStat]) -> some View { let timeStats = stats.filter { $0.seconds > 0 } chartCard("꼬리표별 시간 비교") { if timeStats.isEmpty { emptyChartText } else { Chart(timeStats) { stat in BarMark( x: .value("시간", stat.seconds / 3600), y: .value("꼬리표", stat.name) ) .foregroundStyle(stat.color) .cornerRadius(4) .annotation(position: .trailing) { Text(Format.durationShort(stat.seconds)) .font(.caption2) .foregroundStyle(.secondary) } } .chartXAxisLabel("시간(h)") .frame(height: CGFloat(timeStats.count) * 44 + 30) } } } @ViewBuilder private func tagCountBarCard(_ stats: [TagStat]) -> some View { let countStats = stats.filter { $0.count > 0 }.sorted { $0.count > $1.count } chartCard("꼬리표별 횟수 비교") { if countStats.isEmpty { emptyChartText } else { Chart(countStats) { stat in BarMark( x: .value("횟수", stat.count), y: .value("꼬리표", stat.name) ) .foregroundStyle(stat.color) .cornerRadius(4) .annotation(position: .trailing) { Text("\(stat.count)회") .font(.caption2) .foregroundStyle(.secondary) } } .chartXAxisLabel("횟수") .frame(height: CGFloat(countStats.count) * 44 + 30) } } } // MARK: 주간 — 행동별 일별 꺾은선 + 주간 합계 막대 @ViewBuilder private func weekCharts(_ data: StatsData) -> some View { dailyLineCard("행동별 시간 (일별)", type: .time, weekdayAxis: true, data: data) dailyLineCard("행동별 횟수 (일별)", type: .count, weekdayAxis: true, data: data) totalsBarCard("주간 시간 합계", type: .time, data: data) totalsBarCard("주간 횟수 합계", type: .count, data: data) summaryTableCard( "행동별 합계·평균", timeRows: actionSummaryRows(for: .time, data: data), countRows: actionSummaryRows(for: .count, data: data) ) summaryTableCard( "꼬리표별 합계·평균", timeRows: tagSummaryRows(for: .time, data: data), countRows: tagSummaryRows(for: .count, data: data) ) } // MARK: 월간 — 행동별 주차별/일별 꺾은선 + 월간 합계 막대 @ViewBuilder private func monthCharts(_ data: StatsData) -> some View { weeklyLineCard("행동별 시간 (주차별)", type: .time, data: data) weeklyLineCard("행동별 횟수 (주차별)", type: .count, data: data) dailyLineCard("행동별 시간 (일별)", type: .time, weekdayAxis: false, data: data) dailyLineCard("행동별 횟수 (일별)", type: .count, weekdayAxis: false, data: data) totalsBarCard("월간 시간 합계", type: .time, data: data) totalsBarCard("월간 횟수 합계", type: .count, data: data) summaryTableCard( "행동별 합계·평균", timeRows: actionSummaryRows(for: .time, data: data), countRows: actionSummaryRows(for: .count, data: data) ) summaryTableCard( "꼬리표별 합계·평균", timeRows: tagSummaryRows(for: .time, data: data), countRows: tagSummaryRows(for: .count, data: data) ) } // MARK: 행동별 시리즈 계산 private struct ActionDayPoint: Identifiable { let dayKey: Date let actionName: String let value: Double var id: String { "\(dayKey.timeIntervalSinceReferenceDate)-\(actionName)" } } private struct ActionWeekPoint: Identifiable { let weekLabel: String let actionName: String let value: Double var id: String { "\(weekLabel)-\(actionName)" } } private struct ActionTotal: Identifiable { let name: String let color: Color let value: Double var id: String { name } } /// 기간 내 값이 있는(0이 아닌) 필터 통과 행동들 — 시리즈/범례 대상 private func activeActions(for type: TrackingType, data: StatsData) -> [Action] { filteredActions .filter { $0.trackingType == type } .filter { data.value(for: $0, type: type, days: data.dayKeys) > 0 } } private func dailyPoints(for actions: [Action], type: TrackingType, data: StatsData) -> [ActionDayPoint] { var result: [ActionDayPoint] = [] for key in data.dayKeys { for action in actions { let raw = data.value(for: action, type: type, days: [key]) result.append(ActionDayPoint( dayKey: key, actionName: action.name, value: type == .time ? raw / 3600 : raw )) } } return result } /// 한 달을 주 단위(주 시작 요일 설정 기준, 월 경계에서 잘림)로 쪼갠 범위들 private var weekRangesInMonth: [Range] { let range = spanRange var result: [Range] = [] var cursor = range.lowerBound while cursor < range.upperBound { let week = math.weekRange(containing: cursor) result.append(max(week.lowerBound, range.lowerBound).. [ActionWeekPoint] { var result: [ActionWeekPoint] = [] for (index, weekRange) in weekRangesInMonth.enumerated() { // 주 경계는 하루 단위로 정렬되므로 그 주에 속한 하루 버킷 합 = 기존 구간 집계와 동일 let weekDays = math.dayKeys(in: weekRange) for action in actions { let raw = data.value(for: action, type: type, days: weekDays) // String(localized:)로 감싸야 en/ja에서도 지역화됨 (내보내기 ExportBuilder와 동일 키) result.append(ActionWeekPoint(weekLabel: String(localized: "\(index + 1)주차"), actionName: action.name, value: type == .time ? raw / 3600 : raw)) } } return result } private func totals(for type: TrackingType, data: StatsData) -> [ActionTotal] { activeActions(for: type, data: data) .map { action in ActionTotal(name: action.name, color: action.color, value: data.value(for: action, type: type, days: data.dayKeys)) } .sorted { $0.value > $1.value } } private func valueLabel(_ value: Double, type: TrackingType) -> String { switch type { case .time: return Format.durationShort(value) case .count: return String(localized: "\(Int(value.rounded()))회") } } // MARK: 꺾은선 카드 (선 색 = 행동/태그 색, 범례 표시) @ViewBuilder private func dailyLineCard(_ title: LocalizedStringKey, type: TrackingType, weekdayAxis: Bool, data: StatsData) -> some View { let actions = activeActions(for: type, data: data) let names = actions.map(\.name) let colors = actions.map(\.color) chartCard(title) { if actions.isEmpty { emptyChartText } else { Chart(dailyPoints(for: actions, type: type, data: data)) { point in LineMark( x: .value("날짜", point.dayKey, unit: .day), y: .value(type == .time ? String(localized: "시간") : String(localized: "횟수"), point.value) ) .foregroundStyle(by: .value("행동", point.actionName)) .symbol(by: .value("행동", point.actionName)) .interpolationMethod(.monotone) } .chartForegroundStyleScale(domain: names, range: colors) .chartXAxis { if weekdayAxis { AxisMarks(values: .stride(by: .day)) { value in AxisGridLine() AxisValueLabel { if let date = value.as(Date.self) { Text(Format.weekdayShort(math.calendar.component(.weekday, from: date))) } } } } else { AxisMarks { _ in AxisGridLine() AxisValueLabel(format: .dateTime.day()) } } } .chartYAxisLabel(type == .time ? String(localized: "시간(h)") : String(localized: "횟수")) .frame(height: 200) } } } @ViewBuilder private func weeklyLineCard(_ title: LocalizedStringKey, type: TrackingType, data: StatsData) -> some View { let actions = activeActions(for: type, data: data) let names = actions.map(\.name) let colors = actions.map(\.color) chartCard(title) { if actions.isEmpty { emptyChartText } else { Chart(weeklyPoints(for: actions, type: type, data: data)) { point in LineMark( x: .value("주차", point.weekLabel), y: .value(type == .time ? String(localized: "시간") : String(localized: "횟수"), point.value) ) .foregroundStyle(by: .value("행동", point.actionName)) .symbol(by: .value("행동", point.actionName)) .interpolationMethod(.monotone) } .chartForegroundStyleScale(domain: names, range: colors) .chartYAxisLabel(type == .time ? String(localized: "시간(h)") : String(localized: "횟수")) .frame(height: 200) } } } // MARK: 합계 막대 카드 (기간 누적 비율 비교) @ViewBuilder private func totalsBarCard(_ title: LocalizedStringKey, type: TrackingType, data: StatsData) -> some View { let items = totals(for: type, data: data) chartCard(title) { if items.isEmpty { emptyChartText } else { Chart(items) { item in BarMark( x: .value(type == .time ? String(localized: "시간") : String(localized: "횟수"), type == .time ? item.value / 3600 : item.value), y: .value("행동", item.name) ) .foregroundStyle(item.color) .cornerRadius(4) .annotation(position: .trailing) { Text(valueLabel(item.value, type: type)) .font(.caption2) .foregroundStyle(.secondary) } } .chartXAxisLabel(type == .time ? String(localized: "시간(h)") : String(localized: "횟수")) .frame(height: CGFloat(items.count) * 40 + 30) } } } // MARK: 행동·꼬리표별 합계/평균 요약 표 (주간/월간, 필터 반영) private struct SummaryRowItem: Identifiable { let name: String let color: Color let symbol: String /// 시간형은 초, 횟수형은 횟수 let total: Double let type: TrackingType var id: String { "\(type == .time ? "time" : "count")-\(name)" } } /// 평균 계산용: 월 안에서 이미 시작된 주 수 (미래 주로 평균이 희석되지 않게) private var elapsedWeekCount: Int { max(weekRangesInMonth.filter { $0.lowerBound <= .now }.count, 1) } private func actionSummaryRows(for type: TrackingType, data: StatsData) -> [SummaryRowItem] { activeActions(for: type, data: data) .map { action in SummaryRowItem(name: action.name, color: action.color, symbol: action.symbolName, total: data.value(for: action, type: type, days: data.dayKeys), type: type) } .sorted { $0.total > $1.total } } private func tagSummaryRows(for type: TrackingType, data: StatsData) -> [SummaryRowItem] { let stats = tagStats(data) let rows: [SummaryRowItem] = switch type { case .time: stats.filter { $0.seconds > 0 } .map { SummaryRowItem(name: $0.name, color: $0.color, symbol: "tag.fill", total: $0.seconds, type: .time) } case .count: stats.filter { $0.count > 0 } .map { SummaryRowItem(name: $0.name, color: $0.color, symbol: "tag.fill", total: Double($0.count), type: .count) } } return rows.sorted { $0.total > $1.total } } private func averageLabel(_ value: Double, type: TrackingType) -> String { switch type { case .time: return Format.durationShort(value) case .count: return Format.countAverage(value) } } @ViewBuilder private func summaryTableCard(_ title: LocalizedStringKey, timeRows: [SummaryRowItem], countRows: [SummaryRowItem]) -> some View { chartCard(title) { if timeRows.isEmpty && countRows.isEmpty { emptyChartText } else { VStack(alignment: .leading, spacing: 14) { if !timeRows.isEmpty { summaryGrid(sectionLabel: "시간", rows: timeRows) } if !timeRows.isEmpty && !countRows.isEmpty { Divider() } if !countRows.isEmpty { summaryGrid(sectionLabel: "횟수", rows: countRows) } } } } } private func summaryGrid(sectionLabel: LocalizedStringKey, rows: [SummaryRowItem]) -> some View { Grid(alignment: .leading, horizontalSpacing: 10, verticalSpacing: 12) { GridRow { Text(sectionLabel) .fontWeight(.semibold) Text("합계") .gridColumnAlignment(.trailing) Text("하루 평균") .gridColumnAlignment(.trailing) if span == .month { Text("주 평균") .gridColumnAlignment(.trailing) } } .font(.caption2) .foregroundStyle(.secondary) ForEach(rows) { row in GridRow { HStack(spacing: 8) { Image(systemName: row.symbol) .font(.system(size: 11, weight: .semibold)) .foregroundStyle(.white) .frame(width: 24, height: 24) .background(row.color, in: RoundedRectangle(cornerRadius: 7, style: .continuous)) Text(row.name) .font(.footnote) .lineLimit(1) } .frame(maxWidth: .infinity, alignment: .leading) Text(valueLabel(row.total, type: row.type)) .font(.footnote.weight(.semibold).monospacedDigit()) .foregroundStyle(AppTheme.green) Text(averageLabel(row.total / Double(elapsedDayCount), type: row.type)) .font(.footnote.monospacedDigit()) .foregroundStyle(.secondary) if span == .month { Text(averageLabel(row.total / Double(elapsedWeekCount), type: row.type)) .font(.footnote.monospacedDigit()) .foregroundStyle(.secondary) } } } } } // MARK: 공통 private func chartCard(_ title: LocalizedStringKey, @ViewBuilder content: () -> some View) -> some View { VStack(alignment: .leading, spacing: 12) { Text(title) .font(.subheadline.weight(.semibold)) content() } .padding(14) .frame(maxWidth: .infinity, alignment: .leading) .background(AppTheme.surface, in: RoundedRectangle(cornerRadius: 16, style: .continuous)) } private var emptyChartText: some View { Text("표시할 기록이 없어요") .font(.caption) .foregroundStyle(.secondary) .frame(maxWidth: .infinity) .padding(.vertical, 24) } } // MARK: - 태그별 집계 항목 struct TagStat: Identifiable { let name: String let color: Color let seconds: TimeInterval let count: Int var id: String { name } }