kasy-cli 1.37.1 → 1.39.0

package/templates/firebase/lib/components/kasy_web_header.dart

@@ -1,210 +0,0 @@
-/// Application top header for the **web desktop breakpoint** (viewport ≥ 1024px).
-///
-/// This is the *application* chrome (global search, quick-create, notifications,
-/// profile) — distinct from [KasyAppBar], which is *page* chrome (title / back /
-/// theme) used on phone and tablet. On desktop the sidebar handles navigation,
-/// so this header carries global actions instead of a title or back button.
-///
-/// Composed entirely from existing kit widgets: a [KasyTextField] search box
-/// (fixed 220px), a ghost [KasyButton.iconOnly] for notifications, a neutral
-/// pill [KasyButton] for create, and a gradient [KasyAvatar].
-///
-/// Barrel: [components.dart].
-library;
-
-import 'package:flutter/material.dart';
-import 'package:kasy_kit/components/kasy_avatar.dart';
-import 'package:kasy_kit/components/kasy_avatar_presets.dart';
-import 'package:kasy_kit/components/kasy_button.dart';
-import 'package:kasy_kit/components/kasy_text_field.dart';
-import 'package:kasy_kit/core/theme/theme.dart';
-
-/// Total header height (matches the design: 36px content band + 16px top/bottom).
-const double kasyWebHeaderHeight = 68;
-
-/// Fixed width of the leading search field (matches the design).
-const double kasyWebHeaderSearchWidth = 220;
-
-/// Desktop application header. Place it at the top of the content area (to the
-/// right of the sidebar) on viewports ≥ 1024px.
-class KasyWebHeader extends StatelessWidget {
-  /// Controller for the search field. Optional — omit for a display-only header.
-  final TextEditingController? searchController;
-
-  /// Placeholder shown in the search field.
-  final String searchHint;
-
-  /// Called as the user types in the search field.
-  final ValueChanged<String>? onSearchChanged;
-
-  /// Called when the search field is submitted (Enter).
-  final ValueChanged<String>? onSearchSubmitted;
-
-  /// Notifications (bell) action. When null the bell is disabled.
-  final VoidCallback? onNotifications;
-
-  /// Shows the unread dot on the notifications bell.
-  final bool showNotificationBadge;
-
-  /// Primary quick-create action. When null the button is disabled.
-  final VoidCallback? onCreate;
-
-  /// Label for the create button.
-  final String createLabel;
-
-  /// Gradient used for the profile avatar fallback (when [avatar] is null).
-  final KasyAvatarGradientData avatarGradient;
-
-  /// Custom avatar widget — pass the signed-in user's avatar (e.g.
-  /// `KasyUserAvatar`) to show their real photo. When null (and [showAvatar] is
-  /// true), a gradient-fill avatar is shown instead.
-  final Widget? avatar;
-
-  /// Whether the profile avatar is shown at all. Set false for a header that
-  /// carries no account chip (e.g. when the sidebar already owns the profile).
-  final bool showAvatar;
-
-  /// Profile avatar tap (open menu / profile). When null the avatar is inert.
-  final VoidCallback? onAvatarTap;
-
-  /// Theme toggle. When set, a sun/moon ghost button is shown before the bell
-  /// (on desktop the web header replaces the app bar's theme toggle).
-  final VoidCallback? onToggleTheme;
-
-  const KasyWebHeader({
-    super.key,
-    this.searchController,
-    this.searchHint = 'Search...',
-    this.onSearchChanged,
-    this.onSearchSubmitted,
-    this.onNotifications,
-    this.showNotificationBadge = false,
-    this.onCreate,
-    this.createLabel = 'Create',
-    this.avatarGradient = KasyAvatarGradients.orange,
-    this.avatar,
-    this.showAvatar = true,
-    this.onAvatarTap,
-    this.onToggleTheme,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    final KasyColors c = context.colors;
-    return DecoratedBox(
-      decoration: BoxDecoration(
-        // Matches KasySidebar exactly: surface fill + the same `border` hairline
-        // used by the sidebar's vertical edge line, at the same 0.5px width — so
-        // the header's bottom border and the sidebar's top divider read as one
-        // continuous line across the whole chrome in light and dark.
-        color: c.surface,
-        border: Border(
-          bottom: BorderSide(color: c.border, width: 0.5),
-        ),
-      ),
-      // minHeight (not a fixed height) keeps the band at 68 while letting the
-      // search field size naturally, so it never overflows the toolbar row.
-      child: ConstrainedBox(
-        constraints: const BoxConstraints(minHeight: kasyWebHeaderHeight),
-        child: Padding(
-          // Design gutters: 20px horizontal; vertical breathes around the field.
-          padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
-          child: Row(
-            children: [
-              SizedBox(
-                width: kasyWebHeaderSearchWidth,
-                child: _buildSearch(context),
-              ),
-              const Spacer(),
-              if (onToggleTheme != null) ...[
-                _buildThemeToggle(context),
-                const SizedBox(width: KasySpacing.md),
-              ],
-              _buildNotifications(context),
-              const SizedBox(width: KasySpacing.md),
-              KasyButton(
-                label: createLabel,
-                variant: KasyButtonVariant.neutral,
-                size: KasyButtonSize.small,
-                onPressed: onCreate,
-              ),
-              if (showAvatar) ...[
-                const SizedBox(width: KasySpacing.md),
-                avatar ??
-                    KasyAvatar.gradientFill(
-                      size: KasyAvatarSize.small,
-                      diameter: 36,
-                      gradient: avatarGradient,
-                      showShadow: false,
-                      onTap: onAvatarTap,
-                    ),
-              ],
-            ],
-          ),
-        ),
-      ),
-    );
-  }
-
-  Widget _buildSearch(BuildContext context) {
-    return KasyTextField(
-      variant: KasyTextFieldVariant.flat,
-      controller: searchController,
-      hint: searchHint,
-      onChanged: onSearchChanged,
-      onSubmitted: onSearchSubmitted,
-      prefix: Icon(
-        KasyIcons.search,
-        size: KasyIconSize.md,
-        color: context.colors.muted,
-      ),
-      contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
-    );
-  }
-
-  Widget _buildThemeToggle(BuildContext context) {
-    final bool isDark = Theme.of(context).brightness == Brightness.dark;
-    return KasyButton.iconOnly(
-      icon: isDark ? KasyIcons.lightMode : KasyIcons.darkMode,
-      variant: KasyButtonVariant.ghost,
-      size: KasyButtonSize.small,
-      iconOnlyLayoutExtent: 36,
-      iconGlyphSize: KasyIconSize.md,
-      onPressed: onToggleTheme,
-      semanticLabel: isDark ? 'Light mode' : 'Dark mode',
-    );
-  }
-
-  Widget _buildNotifications(BuildContext context) {
-    final KasyColors c = context.colors;
-    final Widget bell = KasyButton.iconOnly(
-      icon: KasyIcons.notification,
-      variant: KasyButtonVariant.ghost,
-      size: KasyButtonSize.small,
-      iconOnlyLayoutExtent: 36,
-      iconGlyphSize: KasyIconSize.md,
-      onPressed: onNotifications,
-      semanticLabel: 'Notifications',
-    );
-    if (!showNotificationBadge) return bell;
-    return Stack(
-      clipBehavior: Clip.none,
-      children: [
-        bell,
-        Positioned(
-          top: 8,
-          right: 8,
-          child: Container(
-            width: 8,
-            height: 8,
-            decoration: BoxDecoration(
-              color: c.error,
-              shape: BoxShape.circle,
-              border: Border.all(color: c.background, width: 1.5),
-            ),
-          ),
-        ),
-      ],
-    );
-  }
-}

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

@@ -1,19 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_riverpod/flutter_riverpod.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/round_signin.dart';
-
-class AppleSigninComponent extends ConsumerWidget {
-  const AppleSigninComponent({super.key});
-
-  @override
-  Widget build(BuildContext context, WidgetRef ref) {
-    // watch keeps the provider alive during async sign-in
-    final state = ref.watch(signinStateProvider);
-    final isSending = state is SigninStateSending;
-    return SocialSigninButton.apple(
-      () { if (!isSending) ref.read(signinStateProvider.notifier).signinWithApple(); },
-    );
-  }
-}

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

@@ -1,32 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_riverpod/flutter_riverpod.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/round_signin.dart';
-
-class GoogleSignInComponent extends ConsumerWidget {
-  const GoogleSignInComponent({super.key});
-
-  @override
-  Widget build(BuildContext context, WidgetRef ref) {
-    // watch keeps the provider alive during async sign-in
-    final state = ref.watch(signinStateProvider);
-    final isSending = state is SigninStateSending;
-    return SocialSigninButton.google(
-      () { if (!isSending) ref.read(signinStateProvider.notifier).signinWithGoogle(); },
-    );
-  }
-}
-
-class GooglePlayGamesSignInComponent extends ConsumerWidget {
-  const GooglePlayGamesSignInComponent({super.key});
-
-  @override
-  Widget build(BuildContext context, WidgetRef ref) {
-    final state = ref.watch(signinStateProvider);
-    final isSending = state is SigninStateSending;
-    return SocialSigninButton.googlePlayGames(
-      () { if (!isSending) ref.read(signinStateProvider.notifier).signinWithGooglePlayGames(); },
-    );
-  }
-}

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

@@ -1,73 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:kasy_kit/core/haptics/kasy_haptics.dart';
-import 'package:kasy_kit/core/theme/theme.dart';
-
-typedef SocialSigninCallback = void Function();
-
-class SocialSigninButton extends StatelessWidget {
-  final Image iconImage;
-  final SocialSigninCallback? onPressed;
-
-  const SocialSigninButton({
-    super.key,
-    required this.iconImage,
-    required this.onPressed,
-  });
-
-  factory SocialSigninButton.google(SocialSigninCallback onPressed) {
-    return SocialSigninButton(
-      iconImage: Image.asset("assets/icons/google.png", width: 24),
-      onPressed: onPressed,
-    );
-  }
-
-  factory SocialSigninButton.googlePlayGames(SocialSigninCallback onPressed) {
-    return SocialSigninButton(
-      iconImage: Image.asset("assets/icons/google_play_games.png", width: 24),
-      onPressed: onPressed,
-    );
-  }
-
-  factory SocialSigninButton.facebook(SocialSigninCallback onPressed) {
-    return SocialSigninButton(
-      iconImage: Image.asset("assets/icons/facebook.png", width: 24),
-      onPressed: onPressed,
-    );
-  }
-
-  factory SocialSigninButton.apple(SocialSigninCallback onPressed) {
-    return SocialSigninButton(
-      iconImage: Image.asset("assets/icons/apple.png", width: 24),
-      onPressed: onPressed,
-    );
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      width: 56,
-      decoration: BoxDecoration(
-        border: Border.all(color: context.colors.outline),
-        shape: BoxShape.circle,
-      ),
-      child: RawMaterialButton(
-        elevation: 0,
-        focusElevation: 0,
-        hoverElevation: 0,
-        highlightElevation: 0,
-        splashColor: Colors.transparent,
-        highlightColor: Colors.transparent,
-        hoverColor: Colors.transparent,
-        focusColor: Colors.transparent,
-        onPressed: () {
-          KasyHaptics.medium(context);
-          onPressed?.call();
-        },
-        shape: const CircleBorder(),
-        fillColor: Colors.transparent,
-        padding: const EdgeInsets.all(KasySpacing.md),
-        child: iconImage,
-      ),
-    );
-  }
-}

package/templates/firebase/lib/features/feedbacks/ui/widgets/add_feature_button.dart

@@ -1,66 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:kasy_kit/core/theme/theme.dart';
-import 'package:kasy_kit/core/widgets/kasy_hover.dart';
-
-class AddFeatureButton extends StatelessWidget {
-  final String title;
-  final String description;
-  final VoidCallback onPressed;
-
-  const AddFeatureButton({
-    super.key,
-    required this.title,
-    required this.description,
-    required this.onPressed,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return KasyHover(
-      onTap: onPressed,
-      borderRadius: KasyRadius.mdBorderRadius,
-      pressColor: context.colors.onPrimary,
-      focusable: true,
-      child: Container(
-        padding: const EdgeInsets.symmetric(
-          horizontal: KasySpacing.lg,
-          vertical: KasySpacing.smd,
-        ),
-        decoration: BoxDecoration(
-          color: context.colors.primary,
-          borderRadius: KasyRadius.mdBorderRadius,
-        ),
-        child: Row(
-          children: [
-            Expanded(
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                spacing: KasySpacing.xs,
-                children: [
-                  Text(
-                    title,
-                    style: context.textTheme.titleMedium?.copyWith(
-                      color: context.colors.onPrimary,
-                    ),
-                  ),
-                  Text(
-                    description,
-                    style: context.textTheme.bodySmall?.copyWith(
-                      color: context.colors.onPrimary.withValues(alpha: 0.72),
-                    ),
-                  ),
-                ],
-              ),
-            ),
-            const SizedBox(width: KasySpacing.smd),
-            Icon(
-              KasyIcons.northEast,
-              size: KasyIconSize.rowTrailing,
-              color: context.colors.onPrimary.withValues(alpha: 0.55),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-}

package/templates/firebase/lib/features/notifications/ui/components/notification_settings_sheet.dart

@@ -1,169 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:kasy_kit/core/theme/theme.dart';
-import 'package:kasy_kit/features/notifications/providers/models/notification.dart';
-import 'package:kasy_kit/features/notifications/providers/notifications_provider.dart';
-import 'package:kasy_kit/features/notifications/repositories/notifications_repository.dart';
-import 'package:kasy_kit/features/settings/ui/widgets/settings_tile.dart';
-import 'package:kasy_kit/i18n/translations.g.dart';
-
-void showNotificationSettingsSheet(BuildContext context) {
-  showModalBottomSheet<void>(
-    context: context,
-    useRootNavigator: true,
-    backgroundColor: Colors.transparent,
-    isScrollControlled: true,
-    builder: (_) => const _NotificationSettingsSheet(),
-  );
-}
-
-class _NotificationSettingsSheet extends ConsumerStatefulWidget {
-  const _NotificationSettingsSheet();
-
-  @override
-  ConsumerState<_NotificationSettingsSheet> createState() =>
-      _NotificationSettingsSheetState();
-}
-
-class _NotificationSettingsSheetState
-    extends ConsumerState<_NotificationSettingsSheet> {
-  NotificationPermission? _permission;
-  bool _toggling = false;
-
-  @override
-  void initState() {
-    super.initState();
-    _loadPermission();
-  }
-
-  Future<void> _loadPermission() async {
-    final p =
-        await ref.read(notificationRepositoryProvider).getPermissionStatus();
-    if (mounted) setState(() => _permission = p);
-  }
-
-  bool get _isEnabled => _permission is NotificationPermissionGranted;
-
-  String _subtitle(BuildContext context) {
-    final tr = context.t.notifications;
-    return switch (_permission) {
-      NotificationPermissionGranted() => tr.push_subtitle_enabled,
-      NotificationPermissionDenied() => tr.push_subtitle_disabled,
-      _ => tr.push_subtitle_waiting,
-    };
-  }
-
-  Future<void> _onToggle(bool value) async {
-    if (_toggling || _permission == null) return;
-    setState(() => _toggling = true);
-    await _permission!.maybeAsk();
-    await _loadPermission();
-    if (mounted) setState(() => _toggling = false);
-  }
-
-  Future<void> _markAllRead() async {
-    await ref.read(notificationsProvider.notifier).readAll();
-    if (mounted) Navigator.of(context).pop();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final tr = context.t.notifications;
-    final notificationsState = ref.watch(notificationsProvider);
-    final hasUnread =
-        notificationsState.value?.data.any((n) => !n.seen) ?? false;
-
-    return Container(
-      margin: EdgeInsets.only(
-        left: KasySpacing.sm,
-        right: KasySpacing.sm,
-        bottom: MediaQuery.of(context).viewInsets.bottom +
-            MediaQuery.of(context).padding.bottom +
-            KasySpacing.sm,
-      ),
-      decoration: BoxDecoration(
-        color: context.colors.background,
-        borderRadius: KasyRadius.lgBorderRadius,
-        border: Border.all(
-          color: context.colors.outline.withValues(alpha: 0.5),
-        ),
-      ),
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        children: [
-          // drag handle
-          Padding(
-            padding: const EdgeInsets.only(top: KasySpacing.smd),
-            child: Container(
-              width: 36,
-              height: 4,
-              decoration: BoxDecoration(
-                color: context.colors.onSurface.withValues(alpha: 0.14),
-                borderRadius: KasyRadius.fullBorderRadius,
-              ),
-            ),
-          ),
-          Padding(
-            padding: const EdgeInsets.fromLTRB(
-              KasySpacing.md,
-              KasySpacing.md,
-              KasySpacing.md,
-              KasySpacing.smd,
-            ),
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [
-                // Push toggle row
-                SettingsSwitchTile(
-                  icon: _isEnabled
-                      ? KasyIcons.notificationActive
-                      : KasyIcons.notification,
-                  title: tr.push_title,
-                  value: _isEnabled,
-                  iconBackgroundColor: _isEnabled
-                      ? const Color(0xFFFF6B35) // design-check: ignore — category accent
-                      : const Color(0xFF78909C), // design-check: ignore — category accent
-                  onChanged: _toggling ? (_) {} : _onToggle,
-                ),
-                // subtitle below
-                Padding(
-                  padding: const EdgeInsets.only(
-                    left: 32 + KasySpacing.sm,
-                    bottom: KasySpacing.xs,
-                  ),
-                  child: _permission == null
-                      ? SizedBox(
-                          height: 13,
-                          width: 140,
-                          child: LinearProgressIndicator(
-                            borderRadius: BorderRadius.circular(4),
-                            color: context.colors.primary.withValues(alpha: 0.25),
-                            backgroundColor: context.colors.onSurface
-                                .withValues(alpha: 0.06),
-                          ),
-                        )
-                      : Text(
-                          _subtitle(context),
-                          style: context.textTheme.bodySmall?.copyWith(
-                            color: context.colors.muted,
-                          ),
-                        ),
-                ),
-                if (hasUnread) ...[
-                  const SettingsDivider(),
-                  const SizedBox(height: KasySpacing.xs),
-                  SettingsTile(
-                    icon: KasyIcons.checkCircle,
-                    title: tr.mark_all_read,
-                    iconBackgroundColor: context.colors.primary,
-                    onTap: _markAllRead,
-                  ),
-                ],
-              ],
-            ),
-          ),
-        ],
-      ),
-    );
-  }
-}

package/templates/firebase/lib/features/notifications/ui/components/push_notification_switcher.dart

@@ -1,106 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:kasy_kit/core/theme/theme.dart';
-import 'package:kasy_kit/features/notifications/providers/models/notification.dart';
-import 'package:kasy_kit/features/notifications/repositories/notifications_repository.dart';
-import 'package:kasy_kit/features/settings/ui/widgets/settings_tile.dart';
-import 'package:kasy_kit/i18n/translations.g.dart';
-
-class PushNotificationSwitcher extends ConsumerStatefulWidget {
-  const PushNotificationSwitcher({super.key});
-
-  @override
-  ConsumerState<PushNotificationSwitcher> createState() =>
-      _PushNotificationSwitcherState();
-}
-
-class _PushNotificationSwitcherState
-    extends ConsumerState<PushNotificationSwitcher> {
-  NotificationPermission? _permission;
-  bool _loading = false;
-
-  @override
-  void initState() {
-    super.initState();
-    _loadPermission();
-  }
-
-  Future<void> _loadPermission() async {
-    final p =
-        await ref.read(notificationRepositoryProvider).getPermissionStatus();
-    if (mounted) setState(() => _permission = p);
-  }
-
-  bool get _isEnabled => _permission is NotificationPermissionGranted;
-
-  String _subtitle(BuildContext context) {
-    final tr = context.t.notifications;
-    return switch (_permission) {
-      NotificationPermissionGranted() => tr.push_subtitle_enabled,
-      NotificationPermissionDenied() => tr.push_subtitle_disabled,
-      _ => tr.push_subtitle_waiting,
-    };
-  }
-
-  Future<void> _onChanged(bool value) async {
-    if (_loading || _permission == null) return;
-    setState(() => _loading = true);
-    await _permission!.maybeAsk();
-    await _loadPermission();
-    if (mounted) setState(() => _loading = false);
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final tr = context.t.notifications;
-    return Container(
-      padding: const EdgeInsets.symmetric(
-        vertical: KasySpacing.smd,
-        horizontal: KasySpacing.md,
-      ),
-      decoration: BoxDecoration(
-        borderRadius: KasyRadius.smBorderRadius,
-        color: context.colors.surface,
-      ),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          SettingsSwitchTile(
-            icon: _isEnabled
-                ? KasyIcons.notificationActive
-                : KasyIcons.notification,
-            title: tr.push_title,
-            value: _isEnabled,
-            iconBackgroundColor: _isEnabled
-                ? const Color(0xFFFF6B35) // design-check: ignore — category accent
-                : const Color(0xFF78909C), // design-check: ignore — category accent
-            onChanged: _loading ? (_) {} : _onChanged,
-          ),
-          Padding(
-            padding: const EdgeInsets.only(
-              left: 32 + KasySpacing.sm,
-              bottom: KasySpacing.xs,
-            ),
-            child: _permission == null
-                ? SizedBox(
-                    height: 14,
-                    width: 120,
-                    child: LinearProgressIndicator(
-                      borderRadius: BorderRadius.circular(4),
-                      color: context.colors.primary.withValues(alpha: 0.3),
-                      backgroundColor:
-                          context.colors.onSurface.withValues(alpha: 0.06),
-                    ),
-                  )
-                : Text(
-                    _subtitle(context),
-                    style: context.textTheme.bodySmall?.copyWith(
-                      color: context.colors.muted,
-                    ),
-                  ),
-          ),
-        ],
-      ),
-    );
-  }
-}