Polish share preview and proof

Author: Chipagosfinest

Sources/CodexBar/ShareStatsWindowController.swift

@@ -76,17 +76,28 @@ private struct ShareStatsPreviewView: View {
 
     @State private var style: ShareStatsCardStyle = .defaultStyle
     @State private var statusMessage: String?
+    @State private var statusIsError = false
 
     var body: some View {
-        VStack(spacing: 16) {
-            if self.payload.hasModelActivityData {
-                Picker(L("Share card style"), selection: self.$style) {
-                    Text(L("Summary")).tag(ShareStatsCardStyle.summary)
-                    Text(L("Model activity")).tag(ShareStatsCardStyle.modelActivity)
+        VStack(alignment: .leading, spacing: 18) {
+            HStack(alignment: .top, spacing: 24) {
+                VStack(alignment: .leading, spacing: 4) {
+                    Text(L("Share AI Usage"))
+                        .font(.title2.weight(.semibold))
+                    Text(L("Nothing is uploaded. This image is created on your Mac."))
+                        .font(.subheadline)
+                        .foregroundStyle(.secondary)
+                }
+                Spacer(minLength: 16)
+                if self.payload.hasModelActivityData {
+                    Picker(L("Share card style"), selection: self.$style) {
+                        Text(L("Summary")).tag(ShareStatsCardStyle.summary)
+                        Text(L("Model activity")).tag(ShareStatsCardStyle.modelActivity)
+                    }
+                    .pickerStyle(.segmented)
+                    .frame(width: 280)
+                    .accessibilityLabel(L("Share card style"))
                 }
-                .pickerStyle(.segmented)
-                .frame(width: 280)
-                .accessibilityLabel(L("Share card style"))
             }
 
             ShareStatsScaledPreview(payload: self.payload, style: self.style)
@@ -99,7 +110,9 @@ private struct ShareStatsPreviewView: View {
 
             HStack(spacing: 12) {
                 Button {
-                    self.statusMessage = self.copyImage(self.style) ? L("Image copied") : L("Could not copy image")
+                    let didCopy = self.copyImage(self.style)
+                    self.statusMessage = didCopy ? L("Image copied") : L("Could not copy image")
+                    self.statusIsError = !didCopy
                 } label: {
                     Label(L("Copy Image"), systemImage: "photo.on.rectangle")
                 }
@@ -108,29 +121,36 @@ private struct ShareStatsPreviewView: View {
                 Button {
                     self.copyText(self.style)
                     self.statusMessage = L("Stats copied")
+                    self.statusIsError = false
                 } label: {
                     Label(L("Copy Stats"), systemImage: "doc.on.doc")
                 }
 
                 Button {
                     if self.saveImage(self.style) {
                         self.statusMessage = L("Image saved")
+                        self.statusIsError = false
                     }
                 } label: {
                     Label(L("Save..."), systemImage: "square.and.arrow.down")
                 }
 
                 Spacer()
 
-                Text(self.statusMessage ?? L("Nothing is uploaded. This image is created on your Mac."))
-                    .font(.footnote)
-                    .foregroundStyle(.secondary)
-                    .accessibilityLabel(self
-                        .statusMessage ?? L("Nothing is uploaded. This image is created on your Mac."))
+                if let statusMessage = self.statusMessage {
+                    Label(
+                        statusMessage,
+                        systemImage: self.statusIsError
+                            ? "exclamationmark.circle.fill"
+                            : "checkmark.circle.fill")
+                        .font(.footnote.weight(.medium))
+                        .foregroundStyle(self.statusIsError ? Color.red : Color.secondary)
+                }
             }
         }
         .padding(24)
         .frame(minWidth: 780, minHeight: 570)
+        .background(Color(nsColor: .windowBackgroundColor))
     }
 }
 

Tests/CodexBarTests/ShareStatsTests.swift

@@ -721,7 +721,9 @@ struct ShareStatsTests {
 
     @Test @MainActor
     func `renderer creates nonblank social card PNGs at share sizes`() throws {
-        let payload = try #require(ShareStatsBuilder.make(model: Self.proofDashboard))
+        let payload = try #require(ShareStatsBuilder.make(
+            model: Self.proofDashboard,
+            trackedSources: Self.proofTrackedSources))
         #expect(ShareStatsCardView.size == CGSize(width: 1200, height: 630))
         #expect(payload.providers.count == 4)
         #expect(payload.topModels.count == 4)
@@ -766,7 +768,9 @@ struct ShareStatsTests {
 
     @Test @MainActor
     func `summary card remains the default export while model activity is opt in`() throws {
-        let payload = try #require(ShareStatsBuilder.make(model: Self.proofDashboard))
+        let payload = try #require(ShareStatsBuilder.make(
+            model: Self.proofDashboard,
+            trackedSources: Self.proofTrackedSources))
 
         #expect(ShareStatsCardStyle.defaultStyle == .summary)
         #expect(ShareStatsFormatting.text(payload).hasPrefix("My AI subscriptions"))
@@ -1010,29 +1014,29 @@ extension ShareStatsTests {
     private static var proofDashboard: SpendDashboardModel {
         var calendar = Calendar(identifier: .gregorian)
         calendar.timeZone = TimeZone(secondsFromGMT: 0) ?? .gmt
-        let start = calendar.startOfDay(for: self.date)
+        let start = calendar.startOfDay(for: Date(timeIntervalSince1970: 1_781_481_600))
         let exclusiveEnd = calendar.date(byAdding: .day, value: 30, to: start) ?? start
         let sources = [
             ProofSource(id: "codex", provider: .codex, name: "Codex", model: "gpt-5.4", tokens: 8_000_000, cost: 94),
             ProofSource(
-                id: "openrouter",
-                provider: .openrouter,
-                name: "OpenRouter",
-                model: "anthropic/claude-sonnet-4",
+                id: "claude",
+                provider: .claude,
+                name: "Claude",
+                model: "claude-sonnet-4",
                 tokens: 7_000_000,
                 cost: 140),
             ProofSource(
-                id: "kimi",
-                provider: .kimi,
-                name: "Kimi",
-                model: "moonshotai/kimi-k2.5",
+                id: "cursor",
+                provider: .cursor,
+                name: "Cursor",
+                model: "claude-4.5-sonnet",
                 tokens: 4_000_000,
                 cost: 22),
             ProofSource(
-                id: "zai",
-                provider: .zai,
-                name: "Z.ai",
-                model: "z-ai/glm-4.5",
+                id: "mistral",
+                provider: .mistral,
+                name: "Mistral",
+                model: "mistral-large-3",
                 tokens: 2_700_000,
                 cost: 18),
         ]
@@ -1082,6 +1086,17 @@ extension ShareStatsTests {
         return SpendDashboardModel(requestedDays: 30, groups: [group])
     }
 
+    private static let proofTrackedSources = [
+        ShareStatsTests.trackedSource(id: "codex", provider: .codex, contributes: true),
+        ShareStatsTests.trackedSource(id: "claude", provider: .claude, contributes: true),
+        ShareStatsTests.trackedSource(id: "cursor", provider: .cursor, contributes: true),
+        ShareStatsTests.trackedSource(id: "mistral", provider: .mistral, contributes: true),
+        ShareStatsTests.trackedSource(id: "openrouter", provider: .openrouter, contributes: false),
+        ShareStatsTests.trackedSource(id: "kimi", provider: .kimi, contributes: false),
+        ShareStatsTests.trackedSource(id: "gemini", provider: .gemini, contributes: false),
+        ShareStatsTests.trackedSource(id: "zai", provider: .zai, contributes: false),
+    ]
+
     private static func dashboard(models: [String]) -> SpendDashboardModel {
         SpendDashboardModel(requestedDays: 30, groups: [
             SpendDashboardModel.CurrencyGroup(

docs/screenshots/share-stats-brand-card.png

@@ -0,0 +1,18 @@
+# Share stats proof
+
+The PNGs in this directory are rendered by the production SwiftUI share-card
+renderer. `share-preview-window.png` captures the real preview window with the
+opt-in Model activity style selected.
+
+All values, provider names, and model routes come from a synthetic aggregate
+fixture. No account identifiers, prompts, keys, or live usage data are included.
+The four cost-history contributors use providers supported by the dashboard
+contract: Codex, Claude, Cursor, and Mistral. Four additional fixture sources are
+tracked but excluded from cost totals.
+
+With a full Xcode toolchain, regenerate the card sizes with:
+
+```sh
+CODEXBAR_SHARE_STATS_PROOF_DIR="$PWD/docs/screenshots/share-stats-proof" \
+  swift test --filter ShareStatsTests
+```

docs/screenshots/share-stats-proof/README.md

@@ -4,9 +4,9 @@ You kept the models busy · last 30 days
 Estimated token spend: $274.00 · pricing for 4 of 4 sources
 Top model routes:
 GPT-5.4 via Codex
-Claude Sonnet 4 via OpenRouter
-Kimi K2.5 via Kimi
+Claude Sonnet 4 via Claude
+Claude 4.5 Sonnet via Cursor
 +1 more safe route summaries
 8 sources tracked
 4 with cost history · 4 excluded from cost totals
-Aggregated locally by CodexBar · No prompts shared · Data through Jul 15, 2026
+Aggregated locally by CodexBar · No prompts shared · Data through Jul 13, 2026