kasy-cli 1.32.0 → 1.34.0

package/templates/firebase/lib/features/notifications/ui/widgets/notification_tile.dart

@@ -9,8 +9,13 @@ import 'package:kasy_kit/features/notifications/providers/models/notification.da
 typedef OnTapNotification = void Function(app.Notification notification);
 
 /// A tile for the [NotificationsPage] widget.
-class NotificationTile extends StatefulWidget {
-  final double bgOpacity;
+///
+/// Renders only the row content (icon + title / body / date + unread dot). The
+/// card surface (elevated [KasyCard]) and the tap/hover feedback live in
+/// [NotificationTileComponent], so a notification reads exactly like a Settings
+/// card. Unread vs read is signalled by the trailing dot and text strength, not
+/// by a tinted background.
+class NotificationTile extends StatelessWidget {
   final double titleOpacity;
   final Color titleColor;
   final Color descriptionColor;
@@ -24,7 +29,6 @@ class NotificationTile extends StatefulWidget {
 
   const NotificationTile({
     super.key,
-    required this.bgOpacity,
     required this.titleOpacity,
     required this.icon,
     required this.date,
@@ -47,7 +51,6 @@ class NotificationTile extends StatefulWidget {
     Key? key,
   }) => NotificationTile(
     key: key,
-    bgOpacity: .08,
     titleOpacity: 1,
     showUnreadDot: true,
     icon: imageUrl != null
@@ -72,7 +75,6 @@ class NotificationTile extends StatefulWidget {
     Key? key,
   }) => NotificationTile(
     key: key,
-    bgOpacity: 0,
     titleOpacity: .6,
     icon: imageUrl != null
         ? TileNotificationImage(url: imageUrl)
@@ -111,124 +113,66 @@ class NotificationTile extends StatefulWidget {
           onTap: onTap,
         );
 
-  @override
-  State<NotificationTile> createState() => _NotificationTileState();
-}
-
-class _NotificationTileState extends State<NotificationTile>
-    with SingleTickerProviderStateMixin {
-  late final AnimationController _controller;
-  late Animation<double> _opacityAnimation;
-
-  @override
-  void initState() {
-    super.initState();
-    _controller = AnimationController(
-      duration: const Duration(milliseconds: 500),
-      vsync: this,
-    );
-    _opacityAnimation = Tween(
-      begin: 0.0,
-      end: widget.bgOpacity,
-    ).animate(CurvedAnimation(parent: _controller, curve: Curves.decelerate));
-    _controller.forward();
-  }
-
-  @override
-  void didUpdateWidget(covariant NotificationTile oldWidget) {
-    super.didUpdateWidget(oldWidget);
-    if (oldWidget.bgOpacity != widget.bgOpacity) {
-      _opacityAnimation = Tween(
-        begin: oldWidget.bgOpacity,
-        end: widget.bgOpacity,
-      ).animate(CurvedAnimation(parent: _controller, curve: Curves.ease));
-      _controller.forward(from: 0);
-    }
-  }
-
-  @override
-  void dispose() {
-    _controller.dispose();
-    super.dispose();
-  }
-
   @override
   Widget build(BuildContext context) {
-    return AnimatedBuilder(
-      animation: _controller,
-      builder: (context, child) {
-        return Container(
-          decoration: BoxDecoration(
-            color: context.colors.primary.withValues(
-              alpha: _opacityAnimation.value,
-            ),
-            borderRadius: KasyRadius.smBorderRadius,
-          ),
-          padding: const EdgeInsets.all(KasySpacing.md),
-          child: child,
-        );
-      },
-      child: Row(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          widget.icon,
-          const SizedBox(width: KasySpacing.smd),
-          Expanded(
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [
-                Flexible(
-                  flex: 0,
-                  child: Text(
-                    widget.title,
-                    style: context.textTheme.labelLarge?.copyWith(
-                      color: widget.titleColor,
-                    ),
-                    overflow: TextOverflow.clip,
-                    maxLines: 2,
-                  ),
-                ),
-                const SizedBox(height: KasySpacing.xs),
-                Flexible(
-                  flex: 0,
-                  child: Text(
-                    widget.description,
-                    style: context.textTheme.bodyMedium?.copyWith(
-                      color: widget.descriptionColor,
+    return Row(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        icon,
+        const SizedBox(width: KasySpacing.sm),
+        Expanded(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              // Headline row: bold title on the left, timestamp (and the
+              // unread dot) pinned to the right — the compact, professional
+              // notification layout (Linear / Gmail).
+              Row(
+                children: [
+                  Expanded(
+                    child: Text(
+                      title,
+                      style: context.textTheme.titleSmall?.copyWith(
+                        color: titleColor,
+                        fontWeight: FontWeight.w700,
+                      ),
+                      overflow: TextOverflow.ellipsis,
+                      maxLines: 1,
                     ),
-                    overflow: TextOverflow.ellipsis,
-                    maxLines: 3,
                   ),
-                ),
-                const SizedBox(height: KasySpacing.smd),
-                Flexible(
-                  flex: 0,
-                  child: Text(
-                    Jiffy.parseFromDateTime(widget.date).fromNow(),
+                  const SizedBox(width: KasySpacing.sm),
+                  Text(
+                    Jiffy.parseFromDateTime(date).fromNow(),
                     style: context.textTheme.bodySmall?.copyWith(
-                      color: widget.dateColor,
+                      color: dateColor,
                     ),
                   ),
+                  if (showUnreadDot) ...[
+                    const SizedBox(width: KasySpacing.sm),
+                    Container(
+                      width: 6,
+                      height: 6,
+                      decoration: BoxDecoration(
+                        shape: BoxShape.circle,
+                        color: context.colors.primary,
+                      ),
+                    ),
+                  ],
+                ],
+              ),
+              const SizedBox(height: KasySpacing.xs),
+              Text(
+                description,
+                style: context.textTheme.bodyMedium?.copyWith(
+                  color: descriptionColor,
                 ),
-              ],
-            ),
-          ),
-          if (widget.showUnreadDot) ...[
-            const SizedBox(width: KasySpacing.sm),
-            Padding(
-              padding: const EdgeInsets.only(top: 3),
-              child: Container(
-                width: 8,
-                height: 8,
-                decoration: BoxDecoration(
-                  shape: BoxShape.circle,
-                  color: context.colors.primary,
-                ),
+                overflow: TextOverflow.ellipsis,
+                maxLines: 2,
               ),
-            ),
-          ],
-        ],
-      ),
+            ],
+          ),
+        ),
+      ],
     );
   }
 }
@@ -269,8 +213,8 @@ class TileNotificationImage extends StatelessWidget {
           borderRadius: BorderRadius.circular(8),
           child: Image.network(
             url,
-            width: 48,
-            height: 48,
+            width: 36,
+            height: 36,
             fit: BoxFit.cover,
             errorBuilder: (context, error, stack) =>
                 const TileNotificationIcon(active: false),
@@ -297,8 +241,8 @@ class TileNotificationIcon extends StatelessWidget {
         ? context.colors.primary
         : context.colors.onSurface.withValues(alpha: 0.35);
     return Container(
-      width: 40,
-      height: 40,
+      width: 36,
+      height: 36,
       decoration: BoxDecoration(
         color: active
             ? context.colors.primary.withValues(alpha: 0.12)
@@ -307,7 +251,7 @@ class TileNotificationIcon extends StatelessWidget {
       ),
       child: Icon(
         active ? KasyIcons.notificationActive : KasyIcons.notification,
-        size: KasyIconSize.lg,
+        size: KasyIconSize.sm,
         color: color,
       ),
     );
@@ -326,27 +270,34 @@ class NotificationSkeletonTile extends StatelessWidget {
       padding: EdgeInsets.only(top: KasySpacing.sm),
       child: KasySkeletonGroup(
         child: Padding(
-          padding: EdgeInsets.all(KasySpacing.md),
+          padding: EdgeInsets.symmetric(
+            horizontal: KasySpacing.md,
+            vertical: KasySpacing.smd,
+          ),
           child: Row(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
               KasySkeleton(
-                width: 40,
-                height: 40,
+                width: 36,
+                height: 36,
                 borderRadius: BorderRadius.all(Radius.circular(10)),
               ),
-              SizedBox(width: KasySpacing.smd),
+              SizedBox(width: KasySpacing.sm),
               Expanded(
                 child: Column(
                   crossAxisAlignment: CrossAxisAlignment.start,
                   children: [
-                    KasySkeleton(width: 150, height: 13),
+                    Row(
+                      children: [
+                        Expanded(child: KasySkeleton(width: 150, height: 13)),
+                        SizedBox(width: KasySpacing.sm),
+                        KasySkeleton(width: 44, height: 10),
+                      ],
+                    ),
                     SizedBox(height: KasySpacing.sm),
                     KasySkeleton(width: double.infinity, height: 11),
                     SizedBox(height: KasySpacing.xs),
                     KasySkeleton(width: 210, height: 11),
-                    SizedBox(height: KasySpacing.smd),
-                    KasySkeleton(width: 70, height: 10),
                   ],
                 ),
               ),

package/templates/firebase/lib/features/onboarding/ui/widgets/onboarding_illustration_scaffold.dart

@@ -93,12 +93,11 @@ class OnboardingIllustrationScaffold extends StatelessWidget {
                 child: Text(
                   title,
                   textAlign: TextAlign.start,
+                  // Design-system page-title scale (headlineMedium = 24/w700).
+                  // Previously bumped to 28 with custom tracking, which read as
+                  // oversized next to the rest of the app.
                   style: context.textTheme.headlineMedium?.copyWith(
                     color: colors.onBackground,
-                    fontSize: 28,
-                    fontWeight: FontWeight.w700,
-                    letterSpacing: -0.3,
-                    height: 1.2,
                   ),
                 ),
               ),

package/templates/firebase/lib/features/onboarding/ui/widgets/onboarding_radio_question.dart

@@ -71,12 +71,10 @@ class _OnboardingRadioQuestionState
             child: Text(
               widget.title,
               textAlign: TextAlign.start,
+              // Design-system page-title scale (headlineMedium = 24/w700),
+              // matching the illustration steps instead of a bespoke 26px size.
               style: context.textTheme.headlineMedium?.copyWith(
                 color: context.colors.onBackground,
-                fontSize: 26,
-                fontWeight: FontWeight.w700,
-                letterSpacing: -0.2,
-                height: 1.2,
               ),
             ),
           ),

package/templates/firebase/lib/features/onboarding/ui/widgets/selectable_row_tile.dart

@@ -283,7 +283,8 @@ class _SelectableRowTileState extends State<SelectableRowTile>
                 padding: const EdgeInsets.only(right: KasySpacing.md),
                 child: Text(
                   widget.emoj!,
-                  style: context.textTheme.titleMedium?.copyWith(fontSize: 28),
+                  style: context.textTheme.titleMedium
+                      ?.copyWith(fontSize: 28), // design-check: ignore — emoji glyph
                 ),
               ),
             ),

package/templates/firebase/lib/features/settings/ui/components/admin/admin_page.dart

@@ -1098,13 +1098,12 @@ class _ToolsTab extends ConsumerWidget {
       _ActionCard(
         icon: KasyIcons.note,
         title: admin.update_bottom_sheet,
-        onTap: () {
-          _backToApp(context);
-          showUpdateBottomSheet(
-            context: navigatorKey.currentContext!,
-            version: '0.0.0',
-          );
-        },
+        // Preview the sheet over the current screen; dismissing (tap-outside /
+        // Continue) just closes it and returns here, without navigating away.
+        onTap: () => showUpdateBottomSheet(
+          context: navigatorKey.currentContext!,
+          version: '0.0.0',
+        ),
       ),
       _ActionCard(
         icon: KasyIcons.payment,
@@ -1148,6 +1147,10 @@ class _ToolsTab extends ConsumerWidget {
         icon: KasyIcons.notification,
         title: admin.copy_fcm_token,
         onTap: () async {
+          if (kIsWeb) {
+            ref.read(toastProvider).alert(title: '', text: admin.native_only);
+            return;
+          }
           final token = await FirebaseMessaging.instance.getToken();
           if (token == null) {
             ref.read(toastProvider).alert(
@@ -1163,7 +1166,13 @@ class _ToolsTab extends ConsumerWidget {
       _ActionCard(
         icon: KasyIcons.notificationActive,
         title: admin.ask_notification,
-        onTap: () => ref.read(notificationsSettingsProvider).askPermission(),
+        onTap: () {
+          if (kIsWeb) {
+            ref.read(toastProvider).alert(title: '', text: admin.native_only);
+            return;
+          }
+          ref.read(notificationsSettingsProvider).askPermission();
+        },
       ),
     ];
 

package/templates/firebase/lib/features/settings/ui/components/avatar_component.dart

@@ -97,8 +97,8 @@ class _EditableUserAvatarState extends ConsumerState<EditableUserAvatar> {
               child: Container(
                 width: 22,
                 height: 22,
-                decoration: const BoxDecoration(
-                  color: Color(0x99000000),
+                decoration: BoxDecoration(
+                  color: Colors.black.withValues(alpha: 0.6),
                   shape: BoxShape.circle,
                 ),
                 child: const Icon(

package/templates/firebase/lib/i18n/en.i18n.json

@@ -402,8 +402,8 @@
         "cancel_button": "Cancel"
     },
     "review_popup": {
-        "title": "Your opinion matters!",
-        "description": "Help us grow by sharing your experience with others. It only takes a few seconds and makes a huge difference to us 🙏🏻",
+        "title": "Your feedback matters",
+        "description": "If the app has been helpful, a quick review goes a long way. Got ideas to improve it? We'd love to hear them.",
         "cancel_button": "Suggest improvements",
         "rate_button": "Write a review"
     },
@@ -517,7 +517,7 @@
             "error": "Something went wrong. Please try again."
         },
         "admin": {
-            "update_bottom_sheet": "Update bottom sheet",
+            "update_bottom_sheet": "Preview what's new",
             "paywalls": "Paywalls",
             "test_onboarding": "Test onboarding",
             "copy_user_id": "Copy user id",
@@ -526,12 +526,13 @@
             "fcm_token_copied": "FCM Token copied to clipboard",
             "fcm_token_unavailable": "Token unavailable (notifications disabled?)",
             "ask_notification": "Ask for notification",
+            "native_only": "Available only in the native app (iOS / Android)",
             "ask_review": "Ask for review",
             "home_widgets_panel": "Home Widgets panel",
             "home_widgets_title": "Home Widgets Panel",
             "inspector_fab_title": "Widget inspector",
             "inspector_fab_subtitle_prefix": "Global shortcut:",
-            "update_mywidget_title": "📱 Update MyWidget Widget",
+            "update_mywidget_title": "Update MyWidget Widget",
             "update_mywidget_desc": "Call manual update for MyWidget widget",
             "paywalls_title": "Paywalls Admin Panel",
             "send_push_title": "Send notification",

package/templates/firebase/lib/i18n/es.i18n.json

@@ -402,8 +402,8 @@
         "cancel_button": "Cancelar"
     },
     "review_popup": {
-        "title": "¡Tu opinión importa!",
-        "description": "Ayúdanos a crecer compartiendo tu experiencia. Solo toma unos segundos y hace una gran diferencia para nosotros 🙏🏻",
+        "title": "Tu opinión importa",
+        "description": "Si la app te ha sido útil, una reseña rápida marca la diferencia. ¿Tienes ideas para mejorarla? Nos encantaría escucharlas.",
         "cancel_button": "Sugerir mejoras",
         "rate_button": "Escribir una reseña"
     },
@@ -517,7 +517,7 @@
             "error": "Algo salió mal. Por favor, inténtalo de nuevo."
         },
         "admin": {
-            "update_bottom_sheet": "Actualizar bottom sheet",
+            "update_bottom_sheet": "Previsualizar novedades",
             "paywalls": "Paywalls",
             "test_onboarding": "Probar onboarding",
             "copy_user_id": "Copiar ID de usuario",
@@ -526,12 +526,13 @@
             "fcm_token_copied": "FCM Token copiado al portapapeles",
             "fcm_token_unavailable": "Token no disponible (¿notificaciones desactivadas?)",
             "ask_notification": "Pedir permiso de notificación",
+            "native_only": "Disponible solo en la app nativa (iOS / Android)",
             "ask_review": "Pedir evaluación",
             "home_widgets_panel": "Panel de Home Widgets",
             "home_widgets_title": "Panel de Home Widgets",
             "inspector_fab_title": "Inspector de widgets",
             "inspector_fab_subtitle_prefix": "Atajo global:",
-            "update_mywidget_title": "📱 Actualizar Widget MyWidget",
+            "update_mywidget_title": "Actualizar Widget MyWidget",
             "update_mywidget_desc": "Llamar a la actualización manual para el widget MyWidget",
             "paywalls_title": "Panel de Admin de Paywalls",
             "send_push_title": "Enviar notificación",

package/templates/firebase/lib/i18n/pt.i18n.json

@@ -402,8 +402,8 @@
         "cancel_button": "Cancelar"
     },
     "review_popup": {
-        "title": "Sua opinião importa!",
-        "description": "Ajude-nos a crescer compartilhando sua experiência. Leva apenas alguns segundos e faz uma enorme diferença para nós 🙏🏻",
+        "title": "Sua opinião importa",
+        "description": "Se o app tem te ajudado, uma avaliação rápida faz toda a diferença. Prefere sugerir melhorias? A gente quer ouvir.",
         "cancel_button": "Sugerir melhorias",
         "rate_button": "Escrever uma avaliação"
     },
@@ -517,7 +517,7 @@
             "error": "Algo deu errado. Por favor, tente novamente."
         },
         "admin": {
-            "update_bottom_sheet": "Atualizar bottom sheet",
+            "update_bottom_sheet": "Pré-visualizar novidades",
             "paywalls": "Paywalls",
             "test_onboarding": "Testar onboarding",
             "copy_user_id": "Copiar ID do usuário",
@@ -526,12 +526,13 @@
             "fcm_token_copied": "FCM Token copiado para a área de transferência",
             "fcm_token_unavailable": "Token não disponível (notificações desativadas?)",
             "ask_notification": "Pedir permissão de notificação",
+            "native_only": "Disponível apenas no app nativo (iOS / Android)",
             "ask_review": "Pedir avaliação",
             "home_widgets_panel": "Painel de Home Widgets",
             "home_widgets_title": "Painel de Home Widgets",
             "inspector_fab_title": "Inspector de widgets",
             "inspector_fab_subtitle_prefix": "Atalho global:",
-            "update_mywidget_title": "📱 Atualizar Widget MyWidget",
+            "update_mywidget_title": "Atualizar Widget MyWidget",
             "update_mywidget_desc": "Chamar atualização manual para o widget MyWidget",
             "paywalls_title": "Painel Admin de Paywalls",
             "send_push_title": "Enviar notificação",

package/templates/firebase/lib/router.dart

@@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 import 'package:kasy_kit/core/bottom_menu/bottom_menu.dart';
+import 'package:kasy_kit/core/chrome/chrome_visibility.dart';
 import 'package:kasy_kit/core/config/features.dart';
 import 'package:kasy_kit/core/data/api/analytics_api.dart';
 import 'package:kasy_kit/core/guards/user_info_guard.dart';
@@ -62,6 +63,7 @@ GoRouter generateRouter({
     },
     observers: [
       AnalyticsObserver(analyticsApi: MixpanelAnalyticsApi.instance()),
+      KasyChromeVisibilityObserver(),
 
       ...?observers,
     ],

package/templates/firebase/pubspec.yaml

@@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.0.0+38
+version: 1.0.0+39
 
 environment:
   sdk: ^3.11.0