feat(profile): show supporter status as an animated halo and wings

mobile/lib/blocs/supporter/supporter_cubit.dart

@@ -87,7 +87,7 @@ class SupporterCubit extends Cubit<SupporterState> {
   Future<void> setPublicRecognition(bool visible) async {
     final snapshot = state.snapshot;
     if (snapshot == null || state.savingRecognition) return;
-    _emit(state.copyWith(savingRecognition: true, clearFailure: true));
+    _emit(state.copyWith(requestedHaloVisible: visible, clearFailure: true));
     try {
       await _repository.updateRecognition(
         haloVisible: visible,
@@ -97,12 +97,12 @@ class SupporterCubit extends Cubit<SupporterState> {
       _emit(
         state.copyWith(
           snapshot: _repository.snapshot,
-          savingRecognition: false,
+          clearRequestedHaloVisible: true,
         ),
       );
     } on SupporterApiException catch (error) {
       _emitApiFailure(error);
-      _emit(state.copyWith(savingRecognition: false));
+      _emit(state.copyWith(clearRequestedHaloVisible: true));
     } on Object catch (error, stackTrace) {
       // A failure outside the typed contract, such as a signer error, must
       // still end the save, or the recognition toggle stays disabled.
@@ -114,7 +114,7 @@ class SupporterCubit extends Cubit<SupporterState> {
         state.copyWith(
           status: SupporterStatus.error,
           failure: SupporterFailure.unknown,
-          savingRecognition: false,
+          clearRequestedHaloVisible: true,
         ),
       );
     }

mobile/lib/blocs/supporter/supporter_state.dart

@@ -42,7 +42,7 @@ enum SupporterFailure {
 class SupporterState extends Equatable {
   const SupporterState({
     this.snapshot,
-    this.savingRecognition = false,
+    this.requestedHaloVisible,
     this.tiers = const [],
     this.entitlement = SupporterEntitlement.inactive,
     this.status = SupporterStatus.idle,
@@ -51,7 +51,10 @@ class SupporterState extends Equatable {
   });
 
   final SupporterAccountSnapshot? snapshot;
-  final bool savingRecognition;
+
+  /// The public recognition being saved, shown until the save settles so the
+  /// setting flips as soon as it is changed. Null when nothing is saving.
+  final bool? requestedHaloVisible;
 
   /// Purchasable supporter tiers loaded from the store.
   final List<SupporterTier> tiers;
@@ -66,6 +69,11 @@ class SupporterState extends Equatable {
   final bool awaitingPurchaseConfirmation;
 
   bool get isSupporter => entitlement.isSupporter;
+  bool get savingRecognition => requestedHaloVisible != null;
+
+  /// Whether supporter status shows publicly, including a change still saving.
+  bool get haloVisible =>
+      requestedHaloVisible ?? snapshot?.haloVisible ?? false;
   bool get isConfirmedInactive =>
       snapshot?.status == SupporterServerStatus.expired;
   bool get isBusy =>
@@ -78,7 +86,8 @@ class SupporterState extends Equatable {
 
   SupporterState copyWith({
     SupporterAccountSnapshot? snapshot,
-    bool? savingRecognition,
+    bool? requestedHaloVisible,
+    bool clearRequestedHaloVisible = false,
     List<SupporterTier>? tiers,
     SupporterEntitlement? entitlement,
     SupporterStatus? status,
@@ -88,7 +97,9 @@ class SupporterState extends Equatable {
   }) {
     return SupporterState(
       snapshot: snapshot ?? this.snapshot,
-      savingRecognition: savingRecognition ?? this.savingRecognition,
+      requestedHaloVisible: clearRequestedHaloVisible
+          ? null
+          : requestedHaloVisible ?? this.requestedHaloVisible,
       awaitingPurchaseConfirmation:
           awaitingPurchaseConfirmation ?? this.awaitingPurchaseConfirmation,
       tiers: tiers ?? this.tiers,
@@ -101,7 +112,7 @@ class SupporterState extends Equatable {
   @override
   List<Object?> get props => [
     snapshot,
-    savingRecognition,
+    requestedHaloVisible,
     tiers,
     entitlement,
     status,

mobile/lib/l10n/app_am.arb

@@ -1117,6 +1117,27 @@
       }
     }
   },
+  "supporterLightboxHeadline": "{name} {badge} ናቸው",
+  "@supporterLightboxHeadline": {
+    "description": "Headline of another user's supporter lightbox. {name} is their display name; {badge} is supporterLightboxBadge, shown in the accent color. Keep both placeholders; reorder freely.",
+    "placeholders": {
+      "name": {
+        "type": "String"
+      },
+      "badge": {
+        "type": "String"
+      }
+    }
+  },
+  "supporterLightboxBadge": "የDivine ደጋፊ",
+  "@supporterLightboxBadge": {
+    "description": "Highlighted status name inserted into supporterLightboxHeadline."
+  },
+  "supporterLightboxBody": "የበለጠ ክፍት እና ፈጠራ የተሞላ ኢንተርኔት እንዲኖር ራሱን የቻለውን መተግበሪያ ይደግፋሉ።",
+  "supporterLightboxBenefitIndependent": "Divine ራሱን ችሎ እንዲቆይ ይረዳል",
+  "supporterLightboxBenefitFeatures": "አዳዲስ አስደሳች ባህሪያትን ይደግፋል",
+  "supporterLightboxBenefitCommunity": "የበለጠ ፈጠራ ያለው ማህበረሰብን ያጎለብታል",
+  "supporterLightboxMaybeLater": "ምናልባት በኋላ",
   "supporterTitle": "የDivine ደጋፊዎች",
   "@supporterTitle": {
     "description": "Title of the supporter subscription settings screen and its settings tile."

mobile/lib/l10n/app_ar.arb

@@ -3398,6 +3398,27 @@
       }
     }
   },
+  "supporterLightboxHeadline": "{name} من {badge}",
+  "@supporterLightboxHeadline": {
+    "description": "Headline of another user's supporter lightbox. {name} is their display name; {badge} is supporterLightboxBadge, shown in the accent color. Keep both placeholders; reorder freely.",
+    "placeholders": {
+      "name": {
+        "type": "String"
+      },
+      "badge": {
+        "type": "String"
+      }
+    }
+  },
+  "supporterLightboxBadge": "داعمي Divine",
+  "@supporterLightboxBadge": {
+    "description": "Highlighted status name inserted into supporterLightboxHeadline."
+  },
+  "supporterLightboxBody": "دعمٌ للتطبيق المستقل من أجل إنترنت أكثر انفتاحًا وإبداعًا.",
+  "supporterLightboxBenefitIndependent": "يساعد على بقاء Divine مستقلًا",
+  "supporterLightboxBenefitFeatures": "يدعم ميزات جديدة ومثيرة",
+  "supporterLightboxBenefitCommunity": "يغذّي مجتمعًا أكثر إبداعًا",
+  "supporterLightboxMaybeLater": "ربما لاحقًا",
   "supporterTitle": "داعمو Divine",
   "@supporterTitle": {
     "description": "Title of the supporter subscription settings screen and its settings tile."

mobile/lib/l10n/app_bg.arb

@@ -3515,6 +3515,27 @@
       }
     }
   },
+  "supporterLightboxHeadline": "{name} е от {badge}",
+  "@supporterLightboxHeadline": {
+    "description": "Headline of another user's supporter lightbox. {name} is their display name; {badge} is supporterLightboxBadge, shown in the accent color. Keep both placeholders; reorder freely.",
+    "placeholders": {
+      "name": {
+        "type": "String"
+      },
+      "badge": {
+        "type": "String"
+      }
+    }
+  },
+  "supporterLightboxBadge": "поддръжниците на Divine",
+  "@supporterLightboxBadge": {
+    "description": "Highlighted status name inserted into supporterLightboxHeadline."
+  },
+  "supporterLightboxBody": "Подкрепя независимото приложение за по-отворен и креативен интернет.",
+  "supporterLightboxBenefitIndependent": "Помага Divine да остане независим",
+  "supporterLightboxBenefitFeatures": "Подкрепя нови вълнуващи функции",
+  "supporterLightboxBenefitCommunity": "Захранва по-креативна общност",
+  "supporterLightboxMaybeLater": "Може би по-късно",
   "supporterTitle": "Поддръжници на Divine",
   "@supporterTitle": {
     "description": "Title of the supporter subscription settings screen and its settings tile."

mobile/lib/l10n/app_de.arb

@@ -3405,6 +3405,27 @@
       }
     }
   },
+  "supporterLightboxHeadline": "{name} ist {badge}",
+  "@supporterLightboxHeadline": {
+    "description": "Headline of another user's supporter lightbox. {name} is their display name; {badge} is supporterLightboxBadge, shown in the accent color. Keep both placeholders; reorder freely.",
+    "placeholders": {
+      "name": {
+        "type": "String"
+      },
+      "badge": {
+        "type": "String"
+      }
+    }
+  },
+  "supporterLightboxBadge": "Divine-Supporter",
+  "@supporterLightboxBadge": {
+    "description": "Highlighted status name inserted into supporterLightboxHeadline."
+  },
+  "supporterLightboxBody": "Unterstützt die unabhängige App für ein offeneres, kreativeres Internet.",
+  "supporterLightboxBenefitIndependent": "Hält Divine unabhängig",
+  "supporterLightboxBenefitFeatures": "Unterstützt spannende neue Funktionen",
+  "supporterLightboxBenefitCommunity": "Stärkt eine kreativere Community",
+  "supporterLightboxMaybeLater": "Vielleicht später",
   "supporterTitle": "Divine-Supporter",
   "@supporterTitle": {
     "description": "Title of the supporter subscription settings screen and its settings tile."

mobile/lib/l10n/app_en.arb

@@ -9163,6 +9163,20 @@
   "supporterRecognitionDisclaimer": "Divine confirms supporter status after the store verifies your purchase. Public recognition is optional. A Supporter badge is not identity verification.",
   "supporterBadgeLabel": "Supporter",
   "supporterJoinLabel": "Become a supporter",
+  "supporterLightboxHeadline": "{name} is a {badge}",
+  "@supporterLightboxHeadline": {
+    "description": "Headline of another user's supporter lightbox. {name} is their display name; {badge} is supporterLightboxBadge, shown in the accent color. Keep both placeholders; reorder freely.",
+    "placeholders": { "name": { "type": "String" }, "badge": { "type": "String" } }
+  },
+  "supporterLightboxBadge": "Divine Supporter",
+  "@supporterLightboxBadge": {
+    "description": "Highlighted status name inserted into supporterLightboxHeadline."
+  },
+  "supporterLightboxBody": "Supporting the independent app for a more open, creative internet.",
+  "supporterLightboxBenefitIndependent": "Helps keep Divine independent",
+  "supporterLightboxBenefitFeatures": "Supports new exciting features",
+  "supporterLightboxBenefitCommunity": "Powers a more creative community",
+  "supporterLightboxMaybeLater": "Maybe later",
   "supporterPublicRecognition": "Show my Supporter badge publicly",
   "supporterPublicRecognitionBody": "Let others see that you support Divine. This is optional and is not a verification badge.",
   "supporterTitle": "Divine Supporters",

mobile/lib/l10n/app_es.arb

@@ -3409,6 +3409,27 @@
       }
     }
   },
+  "supporterLightboxHeadline": "{name} es {badge}",
+  "@supporterLightboxHeadline": {
+    "description": "Headline of another user's supporter lightbox. {name} is their display name; {badge} is supporterLightboxBadge, shown in the accent color. Keep both placeholders; reorder freely.",
+    "placeholders": {
+      "name": {
+        "type": "String"
+      },
+      "badge": {
+        "type": "String"
+      }
+    }
+  },
+  "supporterLightboxBadge": "Supporter de Divine",
+  "@supporterLightboxBadge": {
+    "description": "Highlighted status name inserted into supporterLightboxHeadline."
+  },
+  "supporterLightboxBody": "Apoya a la app independiente por un internet más abierto y creativo.",
+  "supporterLightboxBenefitIndependent": "Ayuda a que Divine siga independiente",
+  "supporterLightboxBenefitFeatures": "Impulsa funciones nuevas y geniales",
+  "supporterLightboxBenefitCommunity": "Da vida a una comunidad más creativa",
+  "supporterLightboxMaybeLater": "Quizás más tarde",
   "supporterTitle": "Supporters de Divine",
   "@supporterTitle": {
     "description": "Title of the supporter subscription settings screen and its settings tile."

mobile/lib/l10n/app_fil.arb

@@ -2649,6 +2649,27 @@
       }
     }
   },
+  "supporterLightboxHeadline": "Isang {badge} si {name}",
+  "@supporterLightboxHeadline": {
+    "description": "Headline of another user's supporter lightbox. {name} is their display name; {badge} is supporterLightboxBadge, shown in the accent color. Keep both placeholders; reorder freely.",
+    "placeholders": {
+      "name": {
+        "type": "String"
+      },
+      "badge": {
+        "type": "String"
+      }
+    }
+  },
+  "supporterLightboxBadge": "Divine Supporter",
+  "@supporterLightboxBadge": {
+    "description": "Highlighted status name inserted into supporterLightboxHeadline."
+  },
+  "supporterLightboxBody": "Sinusuportahan ang independent na app para sa mas bukas at malikhaing internet.",
+  "supporterLightboxBenefitIndependent": "Tumutulong panatilihing independent ang Divine",
+  "supporterLightboxBenefitFeatures": "Sumusuporta sa mga bagong exciting na feature",
+  "supporterLightboxBenefitCommunity": "Nagpapalakas ng mas malikhaing community",
+  "supporterLightboxMaybeLater": "Sa susunod na lang",
   "supporterTitle": "Mga Divine Supporter",
   "@supporterTitle": {
     "description": "Title of the supporter subscription settings screen and its settings tile."

mobile/lib/l10n/app_fr.arb

@@ -3405,6 +3405,27 @@
       }
     }
   },
+  "supporterLightboxHeadline": "{name} est {badge}",
+  "@supporterLightboxHeadline": {
+    "description": "Headline of another user's supporter lightbox. {name} is their display name; {badge} is supporterLightboxBadge, shown in the accent color. Keep both placeholders; reorder freely.",
+    "placeholders": {
+      "name": {
+        "type": "String"
+      },
+      "badge": {
+        "type": "String"
+      }
+    }
+  },
+  "supporterLightboxBadge": "Supporter Divine",
+  "@supporterLightboxBadge": {
+    "description": "Highlighted status name inserted into supporterLightboxHeadline."
+  },
+  "supporterLightboxBody": "Soutient l'app indépendante pour un internet plus ouvert et créatif.",
+  "supporterLightboxBenefitIndependent": "Aide Divine à rester indépendant",
+  "supporterLightboxBenefitFeatures": "Soutient de nouvelles fonctionnalités géniales",
+  "supporterLightboxBenefitCommunity": "Fait vivre une communauté plus créative",
+  "supporterLightboxMaybeLater": "Peut-être plus tard",
   "supporterTitle": "Supporters Divine",
   "@supporterTitle": {
     "description": "Title of the supporter subscription settings screen and its settings tile."

mobile/lib/l10n/app_id.arb

@@ -3405,6 +3405,27 @@
       }
     }
   },
+  "supporterLightboxHeadline": "{name} adalah {badge}",
+  "@supporterLightboxHeadline": {
+    "description": "Headline of another user's supporter lightbox. {name} is their display name; {badge} is supporterLightboxBadge, shown in the accent color. Keep both placeholders; reorder freely.",
+    "placeholders": {
+      "name": {
+        "type": "String"
+      },
+      "badge": {
+        "type": "String"
+      }
+    }
+  },
+  "supporterLightboxBadge": "Pendukung Divine",
+  "@supporterLightboxBadge": {
+    "description": "Highlighted status name inserted into supporterLightboxHeadline."
+  },
+  "supporterLightboxBody": "Mendukung aplikasi independen untuk internet yang lebih terbuka dan kreatif.",
+  "supporterLightboxBenefitIndependent": "Membantu Divine tetap independen",
+  "supporterLightboxBenefitFeatures": "Mendukung fitur-fitur baru yang seru",
+  "supporterLightboxBenefitCommunity": "Menghidupkan komunitas yang lebih kreatif",
+  "supporterLightboxMaybeLater": "Nanti saja",
   "supporterTitle": "Pendukung Divine",
   "@supporterTitle": {
     "description": "Title of the supporter subscription settings screen and its settings tile."

mobile/lib/l10n/app_it.arb

@@ -3405,6 +3405,27 @@
       }
     }
   },
+  "supporterLightboxHeadline": "{name} è tra i {badge}",
+  "@supporterLightboxHeadline": {
+    "description": "Headline of another user's supporter lightbox. {name} is their display name; {badge} is supporterLightboxBadge, shown in the accent color. Keep both placeholders; reorder freely.",
+    "placeholders": {
+      "name": {
+        "type": "String"
+      },
+      "badge": {
+        "type": "String"
+      }
+    }
+  },
+  "supporterLightboxBadge": "Sostenitori Divine",
+  "@supporterLightboxBadge": {
+    "description": "Highlighted status name inserted into supporterLightboxHeadline."
+  },
+  "supporterLightboxBody": "Sostiene l'app indipendente per un internet più aperto e creativo.",
+  "supporterLightboxBenefitIndependent": "Aiuta Divine a restare indipendente",
+  "supporterLightboxBenefitFeatures": "Sostiene nuove funzioni entusiasmanti",
+  "supporterLightboxBenefitCommunity": "Alimenta una community più creativa",
+  "supporterLightboxMaybeLater": "Forse più tardi",
   "supporterTitle": "Sostenitori Divine",
   "@supporterTitle": {
     "description": "Title of the supporter subscription settings screen and its settings tile."

mobile/lib/l10n/app_ja.arb

@@ -3398,6 +3398,27 @@
       }
     }
   },
+  "supporterLightboxHeadline": "{name}さんは{badge}です",
+  "@supporterLightboxHeadline": {
+    "description": "Headline of another user's supporter lightbox. {name} is their display name; {badge} is supporterLightboxBadge, shown in the accent color. Keep both placeholders; reorder freely.",
+    "placeholders": {
+      "name": {
+        "type": "String"
+      },
+      "badge": {
+        "type": "String"
+      }
+    }
+  },
+  "supporterLightboxBadge": "Divine サポーター",
+  "@supporterLightboxBadge": {
+    "description": "Highlighted status name inserted into supporterLightboxHeadline."
+  },
+  "supporterLightboxBody": "もっとオープンでクリエイティブなインターネットのために、独立したアプリを応援しています。",
+  "supporterLightboxBenefitIndependent": "Divine の独立を支えます",
+  "supporterLightboxBenefitFeatures": "ワクワクする新機能を後押しします",
+  "supporterLightboxBenefitCommunity": "よりクリエイティブなコミュニティを育てます",
+  "supporterLightboxMaybeLater": "あとで",
   "supporterTitle": "Divine サポーター",
   "@supporterTitle": {
     "description": "Title of the supporter subscription settings screen and its settings tile."