kasy-cli 1.21.9 → 1.22.0

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

@@ -494,7 +494,10 @@ class _DialogIconPalette {
 /// Two-button confirm/cancel dialog built on [KasyDialog].
 ///
 /// Feature code supplies copy and callbacks; layout stays in the design system.
-/// Destructive flows use [showKasyBlurDialog] with a danger icon by default.
+/// Every confirm dialog is presented over the same blurred, dimmed backdrop
+/// ([showKasyBlurDialog]) so the experience is identical project-wide — the
+/// [destructive] flag only switches the accent to danger (red button + trash
+/// icon), not whether there's a blur.
 Future<void> showKasyConfirmDialog(
   BuildContext context, {
   required String title,
@@ -506,15 +509,12 @@ Future<void> showKasyConfirmDialog(
   bool destructive = false,
   bool barrierDismissible = false,
   IconData? leadingIcon,
-  KasyDialogIconTone iconTone = KasyDialogIconTone.warning,
+  // Defaults to [info] (primary tone) so the icon bubble matches the primary
+  // confirm button — same harmony destructive flows get (danger icon + danger
+  // button). Override per call when a different accent is needed.
+  KasyDialogIconTone iconTone = KasyDialogIconTone.info,
 }) {
-  final Future<void> Function({
-    required BuildContext context,
-    required Widget Function(BuildContext dialogContext) builder,
-    bool barrierDismissible,
-  }) presentDialog = destructive ? showKasyBlurDialog<void> : showKasyDialog<void>;
-
-  return presentDialog(
+  return showKasyBlurDialog<void>(
     context: context,
     barrierDismissible: barrierDismissible,
     builder: (dialogCtx) => KasyDialog(
@@ -665,7 +665,7 @@ class _BlurDialogScaffoldState extends State<_BlurDialogScaffold> {
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    // Rastreia teclado subindo — congela quando fecha.
+    // Tracks the keyboard rising; freezes when it closes.
     if (!_isClosing) {
       _bottomInset = MediaQuery.viewInsetsOf(context).bottom;
     }
@@ -731,7 +731,7 @@ class _BlurDialogScaffoldState extends State<_BlurDialogScaffold> {
       curve: Curves.easeOutQuart,
       reverseCurve: Curves.easeIn,
     );
-    // Backdrop desaparece rapidamente na saída
+    // Backdrop disappears quickly on exit
     final backdropCurved = CurvedAnimation(
       parent: widget.animation,
       curve: Curves.linear,

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

@@ -0,0 +1,84 @@
+import 'dart:ui';
+
+import 'package:flutter/material.dart';
+import 'package:kasy_kit/core/theme/theme.dart';
+
+/// Full-screen image lightbox: a single image floating over a dimmed, blurred
+/// backdrop — no card, no chrome. Tapping anywhere outside the image (or
+/// pressing back) dismisses it. Pinch / double-tap to zoom while open.
+///
+/// Pass a [heroTag] (e.g. the photo id) matching a [Hero] around the source
+/// thumbnail to get a smooth shared-element zoom into and out of the viewer.
+Future<void> showKasyImageViewer(
+  BuildContext context, {
+  required String imageUrl,
+  Object? heroTag,
+}) {
+  return Navigator.of(context, rootNavigator: true).push<void>(
+    PageRouteBuilder<void>(
+      opaque: false,
+      barrierColor: Colors.transparent,
+      transitionDuration: const Duration(milliseconds: 280),
+      reverseTransitionDuration: const Duration(milliseconds: 220),
+      pageBuilder: (_, _, _) =>
+          _ImageViewer(imageUrl: imageUrl, heroTag: heroTag),
+      transitionsBuilder: (_, animation, _, child) {
+        // The image itself rides the Hero flight; only the backdrop fades.
+        return FadeTransition(opacity: animation, child: child);
+      },
+    ),
+  );
+}
+
+class _ImageViewer extends StatelessWidget {
+  const _ImageViewer({required this.imageUrl, this.heroTag});
+
+  final String imageUrl;
+  final Object? heroTag;
+
+  @override
+  Widget build(BuildContext context) {
+    final bool dark = context.isDark;
+
+    Widget image = Image.network(imageUrl, fit: BoxFit.contain);
+    if (heroTag != null) {
+      image = Hero(tag: heroTag!, child: image);
+    }
+
+    return Scaffold(
+      backgroundColor: Colors.transparent,
+      body: Stack(
+        fit: StackFit.expand,
+        children: <Widget>[
+          // Dimmed + blurred backdrop. Tapping it closes the viewer.
+          GestureDetector(
+            behavior: HitTestBehavior.opaque,
+            onTap: () => Navigator.of(context).maybePop(),
+            child: BackdropFilter(
+              filter: ImageFilter.blur(sigmaX: 18, sigmaY: 18),
+              child: ColoredBox(
+                color: Colors.black.withValues(alpha: dark ? 0.74 : 0.62),
+                child: const SizedBox.expand(),
+              ),
+            ),
+          ),
+
+          // The single image, centered. A transparent tap target around it
+          // (via the padding) still falls through to the backdrop's onTap.
+          SafeArea(
+            child: Padding(
+              padding: const EdgeInsets.all(KasySpacing.lg),
+              child: Center(
+                child: InteractiveViewer(
+                  minScale: 1.0,
+                  maxScale: 4.0,
+                  child: image,
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}