feat: macOS architecture, cloud ASR/LLM providers, and 6-step iOS onboarding

- Add macOS menu-bar dictation app with local ASR models (SenseVoice/Qwen3), global Option hotkey, and bottom overlay - Add cloud ASR/LLM providers (Anthropic, Volcengine, Bailian, and more) with provider logos, model listing, and connection checks - Add shared 7-day usage stats UI (UsageStatsCluster / SevenDayUsageChart) - Add iOS onboarding step 6 for polish LLM setup; hide custom-language-model diagnostic toggle behind DEBUG - Unify iOS onboarding tagline with the macOS brand line ("开口即文字。") - Rewrite README (Chinese-first, product-oriented) and refresh GitHub Pages
2026-07-11 19:10:20 +08:00
parent cdf833935a
commit cc8dd1070a
116 changed files with 6659 additions and 2634 deletions
@@ -0,0 +1,133 @@
+// SevenDayUsageChart.swift
+// OSGKeyboard · Shared
+//
+// 7-day dictation bar chart. Platform shells wrap this in their own page
+// layout; the chart itself only needs points + UI language.
+
+import Charts
+import SwiftUI
+
+public struct SevenDayUsageChart: View {
+    @Environment(\.themePalette) private var palette
+
+    public let points: [UsageStatisticsStore.DailyUsagePoint]
+    public let language: AppUILanguage
+    /// Bar area height. Phone stacked layout uses a shorter value.
+    public var chartMinHeight: CGFloat
+    /// When true, wrap content in `UsageSurfaceCard` (default). Pass false if
+    /// the caller already provides a surface.
+    public var embedsInCard: Bool
+    /// When true (iPad split), the chart fills all available height. When false
+    /// (phone stacked home), the bar area is a fixed `chartMinHeight` so the card
+    /// stays compact and does not steal space from surrounding content.
+    public var expands: Bool
+
+    public init(
+        points: [UsageStatisticsStore.DailyUsagePoint],
+        language: AppUILanguage,
+        chartMinHeight: CGFloat = 96,
+        embedsInCard: Bool = true,
+        expands: Bool = true
+    ) {
+        self.points = points
+        self.language = language
+        self.chartMinHeight = chartMinHeight
+        self.embedsInCard = embedsInCard
+        self.expands = expands
+    }
+
+    private var total: Int {
+        points.reduce(0) { $0 + $1.value }
+    }
+
+    private var maxValue: Int {
+        max(points.map(\.value).max() ?? 0, 1)
+    }
+
+    private var chartLocale: Locale {
+        Locale(identifier: language.resolvedLanguageCode())
+    }
+
+    public var body: some View {
+        Group {
+            if embedsInCard {
+                UsageSurfaceCard(padding: Spacing.md) {
+                    chartContent
+                }
+            } else {
+                chartContent
+            }
+        }
+    }
+
+    private var chartContent: some View {
+        VStack(alignment: .leading, spacing: Spacing.sm) {
+            header
+            chart
+                .frame(maxWidth: .infinity, maxHeight: expands ? .infinity : nil)
+        }
+        .frame(
+            maxWidth: .infinity,
+            maxHeight: expands ? .infinity : nil,
+            alignment: .topLeading
+        )
+    }
+
+    // MARK: - Header
+
+    private var header: some View {
+        HStack(alignment: .firstTextBaseline) {
+            VStack(alignment: .leading, spacing: 2) {
+                Text(SharedL10n.string("stat.weekChart.title", language: language).uppercased())
+                    .font(TypeStyle.caption2)
+                    .tracking(0.6)
+                    .foregroundStyle(palette.textTertiary)
+                Text(SharedL10n.string("stat.weekChart.caption", language: language))
+                    .font(TypeStyle.caption)
+                    .foregroundStyle(palette.textSecondary)
+            }
+            Spacer(minLength: Spacing.sm)
+            Text(UsageStatisticsStore.formatCount(total, language: language))
+                .font(TypeStyle.title2)
+                .foregroundStyle(palette.accent)
+                .lineLimit(1)
+                .minimumScaleFactor(0.7)
+                .contentTransition(.numericText())
+                .animation(Motion.soft, value: total)
+        }
+    }
+
+    // MARK: - Bars
+
+    @ViewBuilder
+    private var chart: some View {
+        if total == 0 {
+            Text(SharedL10n.string("stat.weekChart.empty", language: language))
+                .font(TypeStyle.caption)
+                .foregroundStyle(palette.textTertiary)
+                .frame(maxWidth: .infinity, maxHeight: expands ? .infinity : nil, alignment: .center)
+                .multilineTextAlignment(.center)
+                .frame(height: expands ? nil : chartMinHeight)
+                .frame(minHeight: expands ? chartMinHeight : nil)
+        } else {
+            Chart(points) { point in
+                BarMark(
+                    x: .value("day", point.date, unit: .day),
+                    y: .value("chars", point.value)
+                )
+                .cornerRadius(4)
+                .foregroundStyle(palette.accent.gradient)
+            }
+            .chartYScale(domain: 0...max(1, Int(ceil(Double(maxValue) * 1.15))))
+            .chartYAxis(.hidden)
+            .chartXAxis {
+                AxisMarks(values: points.map(\.date)) { _ in
+                    AxisValueLabel(format: .dateTime.weekday(.narrow))
+                }
+            }
+            .environment(\.locale, chartLocale)
+            .frame(height: expands ? nil : chartMinHeight)
+            .frame(minHeight: expands ? chartMinHeight : nil)
+        }
+    }
+}