kasy-cli 1.31.14 → 1.34.0

package/templates/firebase/lib/core/web_viewport_scale.dart

@@ -1,14 +1,25 @@
 import 'package:flutter/foundation.dart' show kIsWeb;
 import 'package:flutter/widgets.dart';
 
-/// Global render scale applied to the app on web.
+/// Maximum render scale applied to the app on web (used on wide viewports).
 ///
 /// Flutter web tends to render ~10% larger than equivalent HTML apps at the
 /// browser's 100% zoom, so the whole UI feels oversized on desktop. `0.95`
 /// brings it to the proportion the design targets (i.e. what 95% zoom looked
-/// like) without the user having to touch the browser zoom.
+/// like) without the user having to touch the browser zoom. On narrower
+/// viewports the effective scale is reduced further (see [kWebViewportScaleTargetWidth]).
 const double kWebViewportScale = 0.95;
 
+/// Design target width (logical px) the desktop shell is laid out against.
+///
+/// A high-DPI display with OS scaling (Windows at 125/150/175%) reports a
+/// smaller logical viewport width than a Mac at the same physical size, so a
+/// fixed [kWebViewportScale] left the shell laid out narrower than the design
+/// target and it looked cropped (the user had to Ctrl-minus). Scaling by
+/// `width / kWebViewportScaleTargetWidth` instead pins the logical layout width
+/// to this target on those displays, so Mac and Windows render the same.
+const double kWebViewportScaleTargetWidth = 1280;
+
 /// Minimum real viewport width (logical px) at which the web scale kicks in.
 ///
 /// The "oversized" problem only shows up on tablet/desktop layouts. On mobile
@@ -44,9 +55,17 @@ class WebViewportScale extends StatelessWidget {
     // Mobile web (narrow browser) renders at its natural size, just like the
     // native build. The scale only applies from the tablet breakpoint up.
     if (mq.size.width < kWebViewportScaleMinWidth) return child;
+    // Width-aware scale: on a wide viewport keep [scale] (0.95); on a high-DPI
+    // display with OS scaling the browser reports a smaller logical width, so
+    // scale down just enough to lay the shell out at the design target width
+    // instead of cropping it. Mac (wide) stays at 0.95; Windows at 125/150/175%
+    // shrinks proportionally so both look identical.
+    final double effectiveScale =
+        (mq.size.width / kWebViewportScaleTargetWidth).clamp(0.5, scale);
+    if (effectiveScale == 1.0) return child;
     final Size logicalSize = Size(
-      mq.size.width / scale,
-      mq.size.height / scale,
+      mq.size.width / effectiveScale,
+      mq.size.height / effectiveScale,
     );
     return MediaQuery(
       data: mq.copyWith(size: logicalSize),

package/templates/firebase/lib/core/widgets/update_bottom_sheet.dart

@@ -3,17 +3,19 @@ import 'package:kasy_kit/components/components.dart';
 import 'package:kasy_kit/core/theme/theme.dart';
 import 'package:kasy_kit/i18n/translations.g.dart';
 
-/// Shows a modal bottom sheet displaying app update information
+/// Shows the "what's new" bottom sheet, built on [KasyBottomSheet].
+///
+/// Dismissing it — the Continue button, the drag handle, or tapping the dim
+/// barrier outside — simply closes the sheet and returns the user to the screen
+/// they were on; it never navigates anywhere. The version is already recorded as
+/// seen before this is shown (see `MaybeShowUpdateBottomSheet`), so it won't pop
+/// up again for the same version.
 Future<void> showUpdateBottomSheet({
   required BuildContext context,
   required String version,
-  bool useRootNavigator = true,
 }) async {
-  await showModalBottomSheet(
+  await showKasyBottomSheet<void>(
     context: context,
-    useSafeArea: true,
-    useRootNavigator: useRootNavigator,
-    barrierColor: context.colors.background.withValues(alpha: 0.90),
     isScrollControlled: true,
     builder: (context) => _UpdateBottomSheet(version: version),
   );
@@ -28,130 +30,31 @@ class _UpdateBottomSheet extends StatelessWidget {
   Widget build(BuildContext context) {
     final translations = Translations.of(context).update_bottom_sheet;
 
-    return Container(
-      decoration: BoxDecoration(
-        color: context.colors.surface,
-        borderRadius: const BorderRadius.only(
-          topLeft: Radius.circular(KasyRadius.xl),
-          topRight: Radius.circular(KasyRadius.xl),
+    return KasyBottomSheet(
+      icon: KasyIcons.star,
+      title: translations.title,
+      message: 'Version $version',
+      body: ConstrainedBox(
+        constraints: BoxConstraints(
+          maxHeight: MediaQuery.sizeOf(context).height * 0.5,
         ),
-        border: Border.all(
-          color: context.colors.primary.withValues(alpha: 0.2),
-          strokeAlign: BorderSide.strokeAlignOutside,
-          width: 2,
+        child: ListView.separated(
+          shrinkWrap: true,
+          padding: EdgeInsets.zero,
+          itemBuilder: (context, index) =>
+              _UpdateHighlightTile(highlight: translations.highlights[index]),
+          separatorBuilder: (context, index) =>
+              const SizedBox(height: KasySpacing.sm),
+          itemCount: translations.highlights.length,
         ),
       ),
-      child: SafeArea(
-        minimum: const EdgeInsets.only(bottom: KasySpacing.md),
-        child: Column(
-          mainAxisSize: MainAxisSize.min,
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Flexible(
-              flex: 0,
-              child: Align(
-                child: ClipRRect(
-                  borderRadius: const BorderRadius.only(
-                    topLeft: Radius.circular(KasyRadius.xl),
-                    topRight: Radius.circular(KasyRadius.xl),
-                  ),
-                  child: Image.asset(
-                    'assets/images/update.png',
-                    fit: BoxFit.cover,
-                  ),
-                ),
-              ),
-            ),
-            Padding(
-              padding: const EdgeInsets.fromLTRB(
-                KasySpacing.lg,
-                KasySpacing.lg,
-                KasySpacing.md,
-                0,
-              ),
-              child: Row(
-                children: [
-                  Container(
-                    width: 48,
-                    height: 48,
-                    decoration: BoxDecoration(
-                      color: context.colors.primary.withValues(alpha: 0.1),
-                      borderRadius: KasyRadius.mdBorderRadius,
-                    ),
-                    child: Icon(
-                      KasyIcons.star,
-                      color: context.colors.primary,
-                      size: 24,
-                    ),
-                  ),
-                  const SizedBox(width: KasySpacing.md),
-                  Expanded(
-                    child: Column(
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        Text(
-                          translations.title,
-                          style: context.textTheme.headlineSmall?.copyWith(
-                            color: context.colors.onSurface,
-                            fontWeight: FontWeight.w700,
-                          ),
-                        ),
-                        Text(
-                          "Version $version",
-                          style: context.textTheme.bodyMedium?.copyWith(
-                            color: context.colors.muted,
-                            fontWeight: FontWeight.w500,
-                          ),
-                        ),
-                      ],
-                    ),
-                  ),
-                  KasyButton.iconOnly(
-                    icon: KasyIcons.close,
-                    variant: KasyButtonVariant.ghost,
-                    foregroundColor: context.colors.muted,
-                    onPressed: () => Navigator.of(context).pop(),
-                    semanticLabel: translations.title,
-                  ),
-                ],
-              ),
-            ),
-            const SizedBox(height: KasySpacing.lg),
-            Flexible(
-              child: ConstrainedBox(
-                constraints: BoxConstraints(
-                  maxHeight: MediaQuery.of(context).size.height * 0.6,
-                ),
-                child: ListView.separated(
-                  shrinkWrap: true,
-                  padding: const EdgeInsets.symmetric(
-                    horizontal: KasySpacing.lg,
-                  ),
-                  itemBuilder: (context, index) {
-                    final highlight = translations.highlights[index];
-                    return _UpdateHighlightTile(highlight: highlight);
-                  },
-                  separatorBuilder: (context, index) =>
-                      const SizedBox(height: KasySpacing.sm),
-                  itemCount: translations.highlights.length,
-                ),
-              ),
-            ),
-            const SizedBox(height: KasySpacing.xl),
-            Padding(
-              padding: const EdgeInsets.symmetric(horizontal: KasySpacing.lg),
-              child: SizedBox(
-                width: double.infinity,
-                child: KasyButton(
-                label: translations.continue_button,
-                expand: true,
-                onPressed: () => Navigator.of(context).pop(),
-              ),
-              ),
-            ),
-          ],
+      actions: [
+        KasyButton(
+          label: translations.continue_button,
+          expand: true,
+          onPressed: () => Navigator.of(context).pop(),
         ),
-      ),
+      ],
     );
   }
 }

package/templates/firebase/lib/features/ai_chat/ai_chat_page.dart

@@ -115,13 +115,8 @@ class _DetailContainer extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      clipBehavior: Clip.antiAlias,
-      decoration: BoxDecoration(
-        color: context.colors.surface,
-        borderRadius: BorderRadius.circular(24),
-        border: Border.all(color: context.colors.border, width: 0.5),
-      ),
+    return KasyCard(
+      borderRadius: BorderRadius.circular(KasyRadius.xl),
       child: child,
     );
   }
@@ -143,6 +138,15 @@ class _DetailPlaceholder extends StatelessWidget {
               showShadow: true,
             ),
             const SizedBox(height: KasySpacing.md),
+            Text(
+              t.home.cards.assistant_title,
+              textAlign: TextAlign.center,
+              style: context.textTheme.titleMedium?.copyWith(
+                fontWeight: FontWeight.w600,
+                color: context.colors.onBackground,
+              ),
+            ),
+            const SizedBox(height: KasySpacing.xs),
             Text(
               t.ai_chat.no_conversation_selected,
               textAlign: TextAlign.center,

package/templates/firebase/lib/features/ai_chat/ui/widgets/ai_chat_composer.dart

@@ -30,6 +30,12 @@ class AiChatComposer extends StatefulWidget {
 class _AiChatComposerState extends State<AiChatComposer> {
   bool _canSend = false;
 
+  // Owns the field focus so we can intercept hardware Enter: plain Enter sends,
+  // Shift+Enter inserts a newline (the standard chat-composer behaviour). On
+  // touch keyboards (no hardware key event) the return key keeps inserting a
+  // newline and the send orb is used, so mobile is unchanged.
+  late final FocusNode _focusNode = FocusNode(onKeyEvent: _onKeyEvent);
+
   @override
   void initState() {
     super.initState();
@@ -40,9 +46,23 @@ class _AiChatComposerState extends State<AiChatComposer> {
   @override
   void dispose() {
     widget.controller.removeListener(_onTextChanged);
+    _focusNode.dispose();
     super.dispose();
   }
 
+  KeyEventResult _onKeyEvent(FocusNode node, KeyEvent event) {
+    if (event is! KeyDownEvent) return KeyEventResult.ignored;
+    final bool isEnter = event.logicalKey == LogicalKeyboardKey.enter ||
+        event.logicalKey == LogicalKeyboardKey.numpadEnter;
+    if (!isEnter) return KeyEventResult.ignored;
+    // Shift+Enter falls through to the field and inserts a newline.
+    if (HardwareKeyboard.instance.isShiftPressed) {
+      return KeyEventResult.ignored;
+    }
+    _handleSend();
+    return KeyEventResult.handled;
+  }
+
   bool _hasSendableText(String value) {
     final String trimmed = value.trim();
     return trimmed.isNotEmpty && trimmed.length <= kAiChatMaxMessageLength;
@@ -88,6 +108,7 @@ class _AiChatComposerState extends State<AiChatComposer> {
             Expanded(
               child: KasyTextField(
                 controller: widget.controller,
+                focusNode: _focusNode,
                 enabled: enabled,
                 variant: KasyTextFieldVariant.embedded,
                 hint: t.ai_chat.hint,

package/templates/firebase/lib/features/ai_chat/ui/widgets/ai_conversation_list.dart

@@ -208,7 +208,7 @@ class _Header extends StatelessWidget {
                 maxLines: 1,
                 overflow: TextOverflow.ellipsis,
                 style: context.textTheme.titleLarge?.copyWith(
-                  fontWeight: FontWeight.w800,
+                  fontWeight: FontWeight.w700,
                   color: context.colors.onBackground,
                 ),
               ),

package/templates/firebase/lib/features/ai_chat/ui/widgets/ai_conversation_tile.dart

@@ -133,7 +133,7 @@ class _AiConversationTileState extends ConsumerState<AiConversationTile> {
         child: InkResponse(
           onTap: widget.onDelete,
           radius: 18,
-          child: Icon(KasyIcons.trash, size: 16, color: context.colors.error),
+          child: Icon(KasyIcons.trash, size: KasyIconSize.sm, color: context.colors.error),
         ),
       );
     }

package/templates/firebase/lib/features/authentication/api/authentication_api.dart

@@ -392,6 +392,46 @@ class FirebaseAuthenticationApi implements AuthenticationApi {
   /// Falls back to regular sign-in if the Facebook account already exists.
   @override
   Future<Credentials> signupFromAnonymousWithFacebook() async {
+    // Web: use the Firebase popup (link to the anonymous user when present), same
+    // pattern as Apple/Google on web.
+    if (kIsWeb) {
+      final facebookProvider = FacebookAuthProvider();
+      facebookProvider.addScope('email');
+      final currentUser = _auth.currentUser;
+      if (currentUser == null) {
+        try {
+          final result = await _popupOrCancel(
+            () => _auth.signInWithPopup(facebookProvider),
+          );
+          return Credentials(id: result.user!.uid, token: result.credential?.token.toString() ?? '');
+        } on FirebaseAuthException catch (e) {
+          if (_isUserCancelledPopup(e.code)) throw const UserCancelledSignInException();
+          rethrow;
+        }
+      }
+      try {
+        final result = await _popupOrCancel(() => currentUser.linkWithPopup(facebookProvider));
+        return Credentials(id: result.user!.uid, token: result.credential?.token.toString() ?? '');
+      } on FirebaseAuthException catch (e) {
+        if (_isUserCancelledPopup(e.code)) throw const UserCancelledSignInException();
+        if (e.code == 'credential-already-in-use') {
+          final anonymousUser = _auth.currentUser;
+          if (anonymousUser != null && anonymousUser.isAnonymous) {
+            await anonymousUser.delete();
+          }
+          final cred = e.credential;
+          if (cred != null) {
+            final result = await _auth.signInWithCredential(cred);
+            return Credentials(id: result.user!.uid, token: result.credential?.token.toString() ?? '');
+          }
+          final result = await _popupOrCancel(
+            () => _auth.signInWithPopup(facebookProvider),
+          );
+          return Credentials(id: result.user!.uid, token: result.credential?.token.toString() ?? '');
+        }
+        rethrow;
+      }
+    }
     final loginResult = await FacebookAuth.instance.login();
     if (loginResult.status == LoginStatus.cancelled) throw const UserCancelledSignInException();
     if (loginResult.status != LoginStatus.success || loginResult.accessToken == null) {
@@ -429,6 +469,27 @@ class FirebaseAuthenticationApi implements AuthenticationApi {
 
   @override
   Future<Credentials> signinWithFacebook() async {
+    // Web has no native Facebook SDK flow: use the Firebase popup, same as Google
+    // and Apple on web. Requires the Facebook provider enabled in Firebase
+    // (kasy facebook) and the redirect URI registered on Meta.
+    if (kIsWeb) {
+      final facebookProvider = FacebookAuthProvider();
+      facebookProvider.addScope('email');
+      try {
+        final value = await _popupOrCancel(
+          () => _auth.signInWithPopup(facebookProvider),
+        );
+        return Credentials(
+          id: value.user!.uid,
+          token: value.credential?.token.toString() ?? '',
+        );
+      } on FirebaseAuthException catch (e) {
+        if (_isUserCancelledPopup(e.code)) {
+          throw const UserCancelledSignInException();
+        }
+        rethrow;
+      }
+    }
     final LoginResult loginResult = await FacebookAuth.instance.login();
     if (loginResult.status == LoginStatus.cancelled) throw const UserCancelledSignInException();
     if (loginResult.status != LoginStatus.success || loginResult.accessToken == null) {

package/templates/firebase/lib/features/authentication/ui/components/otp_verification.dart

@@ -32,7 +32,7 @@ class _OtpVerificationComponentState
       crossAxisAlignment: CrossAxisAlignment.stretch,
       children: [
         const SizedBox(height: KasySpacing.lg),
-        Icon(KasyIcons.sms, size: 72, color: context.colors.primary),
+        Icon(KasyIcons.sms, size: KasyIconSize.hero, color: context.colors.primary),
         const SizedBox(height: KasySpacing.lg),
         Text(
           t.phone_auth.verification_code,

package/templates/firebase/lib/features/authentication/ui/components/phone_input.dart

@@ -34,7 +34,7 @@ class _PhoneInputComponentState extends ConsumerState<PhoneInputComponent> {
         crossAxisAlignment: CrossAxisAlignment.stretch,
         children: [
           const SizedBox(height: KasySpacing.lg),
-          Icon(KasyIcons.phoneAndroid, size: 72, color: context.colors.primary),
+          Icon(KasyIcons.phoneAndroid, size: KasyIconSize.hero, color: context.colors.primary),
           const SizedBox(height: KasySpacing.lg),
           Text(
             t.phone_auth.subtitle_input,
@@ -71,6 +71,7 @@ class _PhoneInputComponentState extends ConsumerState<PhoneInputComponent> {
               ),
             ),
           KasyTextField(
+            variant: KasyTextFieldVariant.flat,
             controller: _phoneController,
             keyboardType: TextInputType.phone,
             label: t.phone_auth.phone_label,

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

@@ -53,6 +53,7 @@ class RecoverPasswordPage extends ConsumerWidget {
                   subtitle: t.auth.recover.subtitle,
                   children: [
                     KasyTextField(
+                      variant: KasyTextFieldVariant.flat,
                       key: const Key('email_input'),
                       label: t.auth.recover.email_label,
                       contentType: KasyTextFieldContentType.email,
@@ -124,7 +125,8 @@ class _BackToSigninPrompt extends StatelessWidget {
                   context.go('/signin');
                 }
               },
-              focusable: true,
+              // Secondary link: kept out of Tab traversal (focusable defaults to
+              // false) so keyboard/next flows email → submit, not this link.
               child: Text(
                 t.auth.recover.signin_link,
                 style: context.textTheme.bodyMedium?.copyWith(

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

@@ -1,9 +1,11 @@
 import 'dart:ui';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 import 'package:kasy_kit/components/components.dart';
+import 'package:kasy_kit/core/config/features.dart';
 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';
@@ -47,7 +49,7 @@ class SigninPage extends ConsumerWidget {
                 const TextStyle())
             .copyWith(
               color: context.colors.muted,
-              fontSize: 13,
+              fontSize: 13, // design-check: ignore — small "forgot password" link
               fontWeight: FontWeight.w500,
             );
     return PopScope(
@@ -64,6 +66,7 @@ class SigninPage extends ConsumerWidget {
                   subtitle: t.auth.signin.subtitle,
                   children: [
                       KasyTextField(
+                        variant: KasyTextFieldVariant.flat,
                         key: const Key('email_input'),
                         onChanged: (value) => ref
                             .read(signinStateProvider.notifier)
@@ -83,6 +86,7 @@ class SigninPage extends ConsumerWidget {
                       ),
                       const SizedBox(height: _authFieldSpacing),
                       KasyTextField(
+                        variant: KasyTextFieldVariant.flat,
                         key: const Key('password_input'),
                         onChanged: (newValue) => ref
                             .read(signinStateProvider.notifier)
@@ -98,10 +102,15 @@ class SigninPage extends ConsumerWidget {
                                 FocusScope.of(context).unfocus();
                                 ref.read(signinStateProvider.notifier).signin();
                               },
-                        labelTrailing: KasyFocusRing(
-                          onActivate: () => context.push('/recover_password'),
-                          borderRadius: BorderRadius.circular(KasyRadius.sm),
+                        // Secondary link: intentionally NOT a Tab stop, so
+                        // Tab/next flows email → password → submit → social
+                        // buttons. Still tappable by mouse/touch and announced
+                        // to screen readers as a button.
+                        labelTrailing: Semantics(
+                          button: true,
+                          label: t.auth.signin.forgot_password,
                           child: GestureDetector(
+                            behavior: HitTestBehavior.opaque,
                             onTap: () => context.push('/recover_password'),
                             child: Text(
                               t.auth.signin.forgot_password,
@@ -195,7 +204,9 @@ class _SignupPrompt extends StatelessWidget {
             KasyPressableDepth(
               semanticLabel: t.auth.signin.signup_link,
               onPressed: () => context.pushReplacement('/signup'),
-              focusable: true,
+              // Secondary link: kept out of Tab traversal (focusable defaults to
+              // false) so keyboard/next jumps straight to the social sign-in
+              // buttons (the most-used path).
               child: Text(
                 t.auth.signin.signup_link,
                 style: context.textTheme.bodyMedium?.copyWith(
@@ -218,6 +229,18 @@ class _SocialSigninRow extends ConsumerWidget {
   Widget build(BuildContext context, WidgetRef ref) {
     final state = ref.watch(signinStateProvider);
     final isSending = state is SigninStateSending;
+    // Apple sign-in is reliable only on Apple-native platforms (iOS/macOS). On web
+    // it needs a paid Apple Service ID + manual console setup (see auth docs), gated
+    // by withAppleWebSignin (off by default). On Android it needs the same Service ID
+    // and the Supabase/API native flow throws, so Apple is hidden there.
+    final bool showApple = kIsWeb
+        ? withAppleWebSignin
+        : (defaultTargetPlatform == TargetPlatform.iOS ||
+            defaultTargetPlatform == TargetPlatform.macOS);
+    // Facebook on web works on the Firebase backend (signInWithPopup); on Supabase
+    // the web flow isn't wired yet (roadmap), so withFacebookWebSignin ships false
+    // there. Native (iOS/Android) always shows it.
+    const bool showFacebook = !kIsWeb || withFacebookWebSignin;
     return Row(
       children: [
         Expanded(
@@ -230,33 +253,38 @@ class _SocialSigninRow extends ConsumerWidget {
                       ref.read(signinStateProvider.notifier).signinWithGoogle(),
           ),
         ),
-        const SizedBox(width: KasySpacing.sm),
-        Expanded(
-          child: _SocialSigninTile(
-            label: t.auth.signin.apple,
-            icon: Image.asset('assets/icons/apple.png', width: 20, height: 20),
-            onPressed: isSending
-                ? null
-                : () =>
-                      ref.read(signinStateProvider.notifier).signinWithApple(),
+        if (showApple) ...[
+          const SizedBox(width: KasySpacing.sm),
+          Expanded(
+            child: _SocialSigninTile(
+              label: t.auth.signin.apple,
+              icon: Image.asset('assets/icons/apple.png', width: 20, height: 20),
+              onPressed: isSending
+                  ? null
+                  : () => ref
+                        .read(signinStateProvider.notifier)
+                        .signinWithApple(),
+            ),
           ),
-        ),
-        const SizedBox(width: KasySpacing.sm),
-        Expanded(
-          child: _SocialSigninTile(
-            label: t.auth.signin.facebook,
-            icon: Image.asset(
-              'assets/icons/facebook.png',
-              width: 20,
-              height: 20,
+        ],
+        if (showFacebook) ...[
+          const SizedBox(width: KasySpacing.sm),
+          Expanded(
+            child: _SocialSigninTile(
+              label: t.auth.signin.facebook,
+              icon: Image.asset(
+                'assets/icons/facebook.png',
+                width: 20,
+                height: 20,
+              ),
+              onPressed: isSending
+                  ? null
+                  : () => ref
+                        .read(signinStateProvider.notifier)
+                        .signinWithFacebook(),
             ),
-            onPressed: isSending
-                ? null
-                : () => ref
-                      .read(signinStateProvider.notifier)
-                      .signinWithFacebook(),
           ),
-        ),
+        ],
       ],
     );
   }