kasy-cli 1.21.9 → 1.22.0

package/templates/firebase/lib/features/authentication/ui/signin_page.dart

@@ -8,13 +8,13 @@ import 'package:kasy_kit/core/data/models/user.dart';
 import 'package:kasy_kit/core/haptics/kasy_haptics.dart';
 import 'package:kasy_kit/core/states/user_state_notifier.dart';
 import 'package:kasy_kit/core/theme/theme.dart';
+import 'package:kasy_kit/core/widgets/kasy_focus_ring.dart';
 import 'package:kasy_kit/core/widgets/kasy_pressable_depth.dart';
-import 'package:kasy_kit/core/widgets/page_background.dart';
 import 'package:kasy_kit/features/authentication/providers/models/email.dart';
 import 'package:kasy_kit/features/authentication/providers/models/password.dart';
 import 'package:kasy_kit/features/authentication/providers/models/signin_state.dart';
 import 'package:kasy_kit/features/authentication/providers/signin_state_provider.dart';
-import 'package:kasy_kit/features/authentication/ui/widgets/auth_brand.dart';
+import 'package:kasy_kit/features/authentication/ui/widgets/auth_card_scaffold.dart';
 import 'package:kasy_kit/features/authentication/ui/widgets/auth_page_back_button.dart';
 import 'package:kasy_kit/features/authentication/ui/widgets/social_separator.dart';
 import 'package:kasy_kit/i18n/translations.g.dart';
@@ -56,33 +56,13 @@ class SigninPage extends ConsumerWidget {
           resizeToAvoidBottomInset: false,
           body: Stack(
             children: [
-              Background(
-                child: Form(
-                  autovalidateMode: AutovalidateMode.disabled,
-                  key: _formKey,
-                  child: AuthFormScrollView(
-                    children: [
-                      const AuthBrand(),
-                      const SizedBox(height: KasySpacing.xl),
-                      Text(
-                        t.auth.signin.title,
-                        textAlign: TextAlign.center,
-                        style: context.textTheme.headlineMedium?.copyWith(
-                          fontWeight: FontWeight.w600,
-                        ),
-                      ),
-                      const SizedBox(height: KasySpacing.xs),
-                      Text(
-                        t.auth.signin.subtitle,
-                        textAlign: TextAlign.center,
-                        style: context.textTheme.bodyMedium?.copyWith(
-                          color: context.colors.onSurface.withValues(
-                            alpha: 0.62,
-                          ),
-                          fontWeight: FontWeight.w500,
-                        ),
-                      ),
-                      const SizedBox(height: KasySpacing.xl),
+              Form(
+                autovalidateMode: AutovalidateMode.disabled,
+                key: _formKey,
+                child: AuthCardScaffold(
+                  title: t.auth.signin.title,
+                  subtitle: t.auth.signin.subtitle,
+                  children: [
                       KasyTextField(
                         key: const Key('email_input'),
                         onChanged: (value) => ref
@@ -159,8 +139,7 @@ class SigninPage extends ConsumerWidget {
                       const SocialSeparator(),
                       const SizedBox(height: KasySpacing.md),
                       const _SocialSigninRow(),
-                    ],
-                  ),
+                  ],
                 ),
               ),
               const AuthPageBackButton(),
@@ -292,27 +271,35 @@ class _SocialSigninTile extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final bool enabled = onPressed != null;
-    return Material(
-      color: Colors.transparent,
-      child: InkWell(
-        onTap: enabled
-            ? () {
-                KasyHaptics.medium(context);
-                onPressed?.call();
-              }
-            : null,
-        borderRadius: BorderRadius.circular(KasyRadius.md),
-        child: Ink(
-          height: 44,
-          decoration: BoxDecoration(
-            color: context.colors.surface,
-            borderRadius: BorderRadius.circular(KasyRadius.sm),
-            border: Border.all(
-              color: context.colors.outline.withValues(alpha: 0.38),
+    void handleTap() {
+      KasyHaptics.medium(context);
+      onPressed?.call();
+    }
+    return KasyFocusRing(
+      enabled: enabled,
+      onActivate: handleTap,
+      borderRadius: BorderRadius.circular(KasyRadius.sm),
+      child: Material(
+        color: Colors.transparent,
+        child: InkWell(
+          // Focus + keyboard activation live in KasyFocusRing; the InkWell keeps
+          // its tap ripple but doesn't take focus, so the ring is the only Tab
+          // stop and matches every other button's focus outline.
+          canRequestFocus: false,
+          onTap: enabled ? handleTap : null,
+          borderRadius: BorderRadius.circular(KasyRadius.md),
+          child: Ink(
+            height: 44,
+            decoration: BoxDecoration(
+              color: context.colors.surface,
+              borderRadius: BorderRadius.circular(KasyRadius.sm),
+              border: Border.all(
+                color: context.colors.outline.withValues(alpha: 0.38),
+              ),
+            ),
+            child: Center(
+              child: Semantics(button: true, label: label, child: icon),
             ),
-          ),
-          child: Center(
-            child: Semantics(button: true, label: label, child: icon),
           ),
         ),
       ),

package/templates/firebase/lib/features/authentication/ui/signup_page.dart

@@ -8,15 +8,15 @@ import 'package:kasy_kit/core/data/models/user.dart';
 import 'package:kasy_kit/core/haptics/kasy_haptics.dart';
 import 'package:kasy_kit/core/states/user_state_notifier.dart';
 import 'package:kasy_kit/core/theme/theme.dart';
+import 'package:kasy_kit/core/widgets/kasy_focus_ring.dart';
 import 'package:kasy_kit/core/widgets/kasy_pressable_depth.dart';
-import 'package:kasy_kit/core/widgets/page_background.dart';
 import 'package:kasy_kit/features/authentication/providers/models/email.dart';
 import 'package:kasy_kit/features/authentication/providers/models/password.dart';
 import 'package:kasy_kit/features/authentication/providers/models/signin_state.dart';
 import 'package:kasy_kit/features/authentication/providers/models/signup_state.dart';
 import 'package:kasy_kit/features/authentication/providers/signin_state_provider.dart';
 import 'package:kasy_kit/features/authentication/providers/signup_state_provider.dart';
-import 'package:kasy_kit/features/authentication/ui/widgets/auth_brand.dart';
+import 'package:kasy_kit/features/authentication/ui/widgets/auth_card_scaffold.dart';
 import 'package:kasy_kit/features/authentication/ui/widgets/auth_page_back_button.dart';
 import 'package:kasy_kit/features/authentication/ui/widgets/social_separator.dart';
 import 'package:kasy_kit/i18n/translations.g.dart';
@@ -52,33 +52,13 @@ class SignupPage extends ConsumerWidget {
           resizeToAvoidBottomInset: false,
           body: Stack(
             children: [
-              Background(
-                child: Form(
-                  autovalidateMode: AutovalidateMode.disabled,
-                  key: _formKey,
-                  child: AuthFormScrollView(
-                    children: [
-                      const AuthBrand(),
-                      const SizedBox(height: KasySpacing.xl),
-                      Text(
-                        t.auth.signup.title,
-                        textAlign: TextAlign.center,
-                        style: context.textTheme.headlineMedium?.copyWith(
-                          fontWeight: FontWeight.w600,
-                        ),
-                      ),
-                      const SizedBox(height: KasySpacing.xs),
-                      Text(
-                        t.auth.signup.subtitle,
-                        textAlign: TextAlign.center,
-                        style: context.textTheme.bodyMedium?.copyWith(
-                          color: context.colors.onSurface.withValues(
-                            alpha: 0.62,
-                          ),
-                          fontWeight: FontWeight.w500,
-                        ),
-                      ),
-                      const SizedBox(height: KasySpacing.xl),
+              Form(
+                autovalidateMode: AutovalidateMode.disabled,
+                key: _formKey,
+                child: AuthCardScaffold(
+                  title: t.auth.signup.title,
+                  subtitle: t.auth.signup.subtitle,
+                  children: [
                       KasyTextField(
                         key: const Key('email_input'),
                         onChanged: (value) => ref
@@ -148,8 +128,7 @@ class SignupPage extends ConsumerWidget {
                       const SocialSeparator(),
                       const SizedBox(height: KasySpacing.md),
                       const _SocialSignupRow(),
-                    ],
-                  ),
+                  ],
                 ),
               ),
               const AuthPageBackButton(),
@@ -281,27 +260,35 @@ class _SocialSignupTile extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final bool enabled = onPressed != null;
-    return Material(
-      color: Colors.transparent,
-      child: InkWell(
-        onTap: enabled
-            ? () {
-                KasyHaptics.medium(context);
-                onPressed?.call();
-              }
-            : null,
-        borderRadius: BorderRadius.circular(KasyRadius.md),
-        child: Ink(
-          height: 44,
-          decoration: BoxDecoration(
-            color: context.colors.surface,
-            borderRadius: BorderRadius.circular(KasyRadius.sm),
-            border: Border.all(
-              color: context.colors.outline.withValues(alpha: 0.38),
+    void handleTap() {
+      KasyHaptics.medium(context);
+      onPressed?.call();
+    }
+    return KasyFocusRing(
+      enabled: enabled,
+      onActivate: handleTap,
+      borderRadius: BorderRadius.circular(KasyRadius.sm),
+      child: Material(
+        color: Colors.transparent,
+        child: InkWell(
+          // Focus + keyboard activation live in KasyFocusRing; the InkWell keeps
+          // its tap ripple but doesn't take focus, so the ring is the only Tab
+          // stop and matches every other button's focus outline.
+          canRequestFocus: false,
+          onTap: enabled ? handleTap : null,
+          borderRadius: BorderRadius.circular(KasyRadius.md),
+          child: Ink(
+            height: 44,
+            decoration: BoxDecoration(
+              color: context.colors.surface,
+              borderRadius: BorderRadius.circular(KasyRadius.sm),
+              border: Border.all(
+                color: context.colors.outline.withValues(alpha: 0.38),
+              ),
+            ),
+            child: Center(
+              child: Semantics(button: true, label: label, child: icon),
             ),
-          ),
-          child: Center(
-            child: Semantics(button: true, label: label, child: icon),
           ),
         ),
       ),

package/templates/firebase/lib/features/authentication/ui/widgets/auth_card_scaffold.dart

@@ -0,0 +1,118 @@
+import 'package:flutter/foundation.dart' show kIsWeb;
+import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
+import 'package:kasy_kit/components/kasy_card.dart';
+import 'package:kasy_kit/core/theme/theme.dart';
+import 'package:kasy_kit/core/widgets/kasy_brand_logo.dart';
+import 'package:kasy_kit/core/widgets/page_background.dart';
+import 'package:kasy_kit/features/authentication/ui/widgets/auth_page_back_button.dart';
+
+/// Premium shell shared by the auth screens (sign in / sign up / recover).
+///
+/// Follows the home design language: a soft, elevated [KasyCard] panel that
+/// floats over the page background. The brand logo (same artwork as the splash)
+/// sits INSIDE the card, centered, just above the title — it fades in gently.
+/// Fully responsive: centered with a max width on web/desktop, top‑aligned and
+/// edge‑to‑edge (minus the page gutter) on mobile.
+///
+/// The painted skeleton: pass a [title], a [subtitle] and the form body in
+/// [children]; tune the look with the knobs below without touching layout.
+class AuthCardScaffold extends StatelessWidget {
+  const AuthCardScaffold({
+    super.key,
+    required this.title,
+    required this.subtitle,
+    required this.children,
+    this.showLogo = true,
+    this.logoHeight = 96,
+    this.maxContentWidth = 420,
+  });
+
+  /// Headline inside the card.
+  final String title;
+
+  /// Supporting line under the headline.
+  final String subtitle;
+
+  /// Form body: fields, primary button, prompts, social row, …
+  final List<Widget> children;
+
+  /// Show the brand logo above the title.
+  final bool showLogo;
+
+  /// Brand logo height.
+  final double logoHeight;
+
+  /// Card width cap on wide screens.
+  final double maxContentWidth;
+
+  @override
+  Widget build(BuildContext context) {
+    final EdgeInsets padding = authFormListPadding(context);
+    return Background(
+      child: LayoutBuilder(
+        builder: (context, constraints) {
+          final double minHeight = (constraints.maxHeight - padding.vertical)
+              .clamp(0.0, double.infinity);
+          return SingleChildScrollView(
+            physics: const ClampingScrollPhysics(),
+            keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
+            padding: padding,
+            child: ConstrainedBox(
+              constraints: BoxConstraints(minHeight: minHeight),
+              child: Align(
+                alignment: kIsWeb ? Alignment.center : Alignment.topCenter,
+                child: ConstrainedBox(
+                  constraints: BoxConstraints(maxWidth: maxContentWidth),
+                  child: KasyCard(
+                    padding: const EdgeInsets.symmetric(
+                      horizontal: KasySpacing.lg,
+                      vertical: KasySpacing.xl,
+                    ),
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.stretch,
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        if (showLogo) ...[
+                          Center(
+                            child: KasyBrandLogo(height: logoHeight)
+                                .animate()
+                                .fadeIn(
+                                  duration: const Duration(milliseconds: 420),
+                                  curve: Curves.easeOut,
+                                ),
+                          ),
+                          const SizedBox(height: KasySpacing.lg),
+                        ],
+                        Text(
+                          title,
+                          textAlign: TextAlign.center,
+                          style: context.textTheme.headlineSmall?.copyWith(
+                            fontWeight: FontWeight.w700,
+                          ),
+                        ),
+                        const SizedBox(height: KasySpacing.xs),
+                        Text(
+                          subtitle,
+                          textAlign: TextAlign.center,
+                          style: context.textTheme.bodyMedium?.copyWith(
+                            color: context.colors.onSurface.withValues(
+                              alpha: 0.62,
+                            ),
+                            fontWeight: FontWeight.w500,
+                          ),
+                        ),
+                        const SizedBox(height: KasySpacing.xl),
+                        ...children,
+                      ],
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          );
+        },
+      ),
+    );
+  }
+}

package/templates/firebase/lib/features/authentication/ui/widgets/recover_password_result.dart

@@ -2,60 +2,77 @@ import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:kasy_kit/components/components.dart';
 import 'package:kasy_kit/core/theme/theme.dart';
+import 'package:kasy_kit/core/widgets/kasy_brand_badge.dart';
 import 'package:kasy_kit/i18n/translations.g.dart';
 
+/// Success state after a reset link is sent. Mirrors the auth card language:
+/// a centered, width‑capped column topped by a success badge.
 class RecoverPasswordSent extends StatelessWidget {
   const RecoverPasswordSent({super.key});
 
   @override
   Widget build(BuildContext context) {
-    return Center(
-      child: Column(
-        children: [
-          const Spacer(),
-          Icon(
-            KasyIcons.checkCircle,
-            color: context.colors.success,
-            size: 64,
+    final KasyColors colors = context.colors;
+    return SafeArea(
+      child: Center(
+        child: SingleChildScrollView(
+          padding: const EdgeInsets.symmetric(
+            horizontal: KasySpacing.pageHorizontalGutter,
+            vertical: KasySpacing.xl,
           ),
-          const SizedBox(height: KasySpacing.md),
-          Text(
-            t.recover_password_result.title,
-            style: context.textTheme.headlineMedium!.copyWith(
-              color: context.colors.success,
+          child: ConstrainedBox(
+            constraints: const BoxConstraints(maxWidth: 420),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                KasyBrandBadge(
+                  icon: KasyIcons.checkCircle,
+                  size: 72,
+                  glyphSize: 36,
+                  gradient: LinearGradient(
+                    begin: Alignment.topLeft,
+                    end: Alignment.bottomRight,
+                    colors: [
+                      colors.success,
+                      Color.lerp(colors.success, Colors.black, 0.18)!,
+                    ],
+                  ),
+                ),
+                const SizedBox(height: KasySpacing.lg),
+                Text(
+                  t.recover_password_result.title,
+                  textAlign: TextAlign.center,
+                  style: context.textTheme.headlineSmall?.copyWith(
+                    fontWeight: FontWeight.w700,
+                  ),
+                ),
+                const SizedBox(height: KasySpacing.smd),
+                Text(
+                  t.recover_password_result.description,
+                  textAlign: TextAlign.center,
+                  style: context.textTheme.bodyLarge?.copyWith(
+                    color: colors.muted,
+                    height: 1.45,
+                  ),
+                ),
+                const SizedBox(height: KasySpacing.xl),
+                KasyButton(
+                  label: t.recover_password_result.back_to_signin,
+                  expand: true,
+                  onPressed: () => context.pop(),
+                ),
+                const SizedBox(height: KasySpacing.lg),
+                Text(
+                  t.recover_password_result.note,
+                  textAlign: TextAlign.center,
+                  style: context.textTheme.bodySmall?.copyWith(
+                    color: colors.muted,
+                  ),
+                ),
+              ],
             ),
           ),
-          const SizedBox(height: KasySpacing.md),
-          Padding(
-            padding: const EdgeInsets.symmetric(horizontal: KasySpacing.pageHorizontalGutter),
-            child: Text(
-              t.recover_password_result.description,
-              textAlign: TextAlign.center,
-              style: context.textTheme.titleMedium!.copyWith(
-                color: context.colors.onBackground,
-              ),
-            ),
-          ),
-          const SizedBox(height: KasySpacing.md),
-          KasyButton(
-            label: t.recover_password_result.back_to_signin,
-            onPressed: () => context.pop(),
-          ),
-          const Spacer(),
-          Padding(
-            padding: const EdgeInsets.symmetric(
-              horizontal: KasySpacing.pageHorizontalGutter,
-              vertical: KasySpacing.lg,
-            ),
-            child: Text(
-              t.recover_password_result.note,
-              textAlign: TextAlign.center,
-              style: context.textTheme.titleMedium!.copyWith(
-                color: context.colors.muted,
-              ),
-            ),
-          ),
-        ],
+        ),
       ),
     );
   }

package/templates/firebase/lib/features/feedbacks/api/feature_request_api.dart

@@ -48,4 +48,36 @@ class FeatureRequestApi {
     final docRef = await _collection.add(entity);
     return docRef.id;
   }
+
+  /// Admin: every request (active + hidden), highest-voted first.
+  Future<List<FeatureRequestEntity>> getAll() async {
+    final snapshot = await _collection.get();
+    final list = snapshot.docs
+        .map((e) => e.data())
+        .whereType<FeatureRequestEntity>()
+        .toList();
+    list.sort((a, b) => b.votes.compareTo(a.votes));
+    return list;
+  }
+
+  /// Admin: toggle whether a request is visible (and votable) to users.
+  Future<void> setActive(String id, bool active) {
+    return _client
+        .collection('feature_requests')
+        .doc(id)
+        .update({'active': active});
+  }
+
+  /// Admin: update the localized title/description maps (en/pt/es).
+  Future<void> updateTexts({
+    required String id,
+    required Map<String, String> title,
+    required Map<String, String> description,
+  }) {
+    return _client.collection('feature_requests').doc(id).update({
+      'title': title,
+      'description': description,
+      'lastUpdateDate': FieldValue.serverTimestamp(),
+    });
+  }
 }

package/templates/firebase/lib/features/feedbacks/models/feedback_state.dart

@@ -1,25 +1,25 @@
 import 'package:kasy_kit/features/feedbacks/models/feature_requests.dart';
 
-class FeebackPageState {
+class FeedbackPageState {
   List<FeatureRequestVote> userVotes;
   List<FeatureRequest> featureRequests;
 
-  FeebackPageState({
+  FeedbackPageState({
     required this.featureRequests,
     required this.userVotes,
   });
 
-  FeebackPageState copyWith({
+  FeedbackPageState copyWith({
     List<FeatureRequest>? featureRequests,
     List<FeatureRequestVote>? userVotes,
   }) {
-    return FeebackPageState(
+    return FeedbackPageState(
       featureRequests: featureRequests ?? this.featureRequests,
       userVotes: userVotes ?? this.userVotes,
     );
   }
 
-  FeebackPageState addVote(FeatureRequest feature, int vote) {
+  FeedbackPageState addVote(FeatureRequest feature, int vote) {
     final index =
         featureRequests.indexWhere((element) => element.id == feature.id);
     if (index == -1) {

package/templates/firebase/lib/features/feedbacks/providers/feedback_page_notifier.dart

@@ -14,7 +14,7 @@ class FeedbackPageNotifier extends _$FeedbackPageNotifier {
   bool _isVoting = false;
 
   @override
-  Future<FeebackPageState> build() async {
+  Future<FeedbackPageState> build() async {
     final featureRequestRepository = ref.read(featureRequestRepositoryProvider);
     final userId = ref.read(userStateNotifierProvider).user.idOrNull;
 
@@ -24,7 +24,7 @@ class FeedbackPageNotifier extends _$FeedbackPageNotifier {
     final features = await featureRequestRepository.getActiveFeatureRequests();
     features.sort((a, b) => b.votes.compareTo(a.votes));
 
-    return FeebackPageState(
+    return FeedbackPageState(
       featureRequests: features,
       userVotes: userVotes,
     );