feat: card transition back summary

lib/home/bloc/home_state.dart

@@ -89,20 +89,21 @@ class HomeState extends Equatable {
       status == Status.sourceAnswersBackToResults;
   bool get isMovingToSeeSourceAnswers =>
       status == Status.resultsToSourceAnswers ||
-      status == Status.seeSourceAnswers;
+      status == Status.seeSourceAnswers ||
+      status == Status.sourceAnswersBackToResults;
   bool get isSeeSourceAnswersVisible => status == Status.seeSourceAnswers;
-  bool get isDashVisible => [
-        Status.welcome,
-        Status.welcomeToAskQuestion,
-        Status.askQuestion,
-        Status.askQuestionToThinking,
-        Status.thinking,
-        Status.thinkingToResults,
-        Status.results,
-        Status.resultsToSourceAnswers,
-        Status.seeSourceAnswers,
-        Status.sourceAnswersBackToResults,
-      ].contains(status);
+  bool get isDashOnLeft =>
+      status == Status.welcome ||
+      status == Status.welcomeToAskQuestion ||
+      status == Status.askQuestion ||
+      status == Status.askQuestionToThinking ||
+      status == Status.thinking ||
+      status == Status.thinkingToResults ||
+      status == Status.results;
+  bool get isDashOnRight =>
+      status == Status.resultsToSourceAnswers ||
+      status == Status.seeSourceAnswers ||
+      status == Status.sourceAnswersBackToResults;
 
   HomeState copyWith({
     Status? status,

lib/home/view/home_page.dart

@@ -18,21 +18,15 @@ class HomePage extends StatelessWidget {
 
 class HomeView extends StatelessWidget {
   @visibleForTesting
-  const HomeView({
-    super.key,
-    @visibleForTesting this.dashOnRightStatus = Status.seeSourceAnswers,
-  });
+  const HomeView({super.key});
 
   static const _dashRightKey = Key('dashAnimationContainer_right');
   static const _dashLeftKey = Key('dashAnimationContainer_left');
 
-  final Status dashOnRightStatus;
-
   @override
   Widget build(BuildContext context) {
     final state = context.watch<HomeBloc>().state;
 
-    final isDashOnRight = state.status == dashOnRightStatus;
     return Scaffold(
       backgroundColor: VertexColors.arctic,
       body: Stack(
@@ -54,7 +48,7 @@ class HomeView extends StatelessWidget {
             left: 48,
             child: Logo(hasDarkBackground: state.isSeeSourceAnswersVisible),
           ),
-          if (state.isDashVisible && isDashOnRight)
+          if (state.isDashOnRight)
             const Positioned(
               bottom: 50,
               right: 50,
@@ -63,7 +57,7 @@ class HomeView extends StatelessWidget {
                 key: _dashRightKey,
               ),
             ),
-          if (state.isDashVisible && !isDashOnRight)
+          if (state.isDashOnLeft)
             const Positioned(
               bottom: 50,
               left: 50,

lib/home/widgets/dash_animation_container.dart

@@ -32,11 +32,19 @@ class _DashAnimationContainerState extends State<DashAnimationContainer> {
   Widget build(BuildContext context) {
     return BlocListener<HomeBloc, HomeState>(
       listener: (context, state) {
-        if (state.status == Status.resultsToSourceAnswers) {
-          _state.value = DashAnimationPhase.dashOut;
-        } else if (state.status == Status.thinkingToResults ||
-            state.status == Status.seeSourceAnswers) {
-          _state.value = DashAnimationPhase.dashIn;
+        if (widget.right) {
+          if (state.status == Status.sourceAnswersBackToResults) {
+            _state.value = DashAnimationPhase.dashOut;
+          } else if (state.status == Status.resultsToSourceAnswers) {
+            _state.value = DashAnimationPhase.dashIn;
+          }
+        } else {
+          if (state.status == Status.resultsToSourceAnswers) {
+            _state.value = DashAnimationPhase.dashOut;
+          } else if (state.status == Status.thinkingToResults ||
+              state.status == Status.sourceAnswersBackToResults) {
+            _state.value = DashAnimationPhase.dashIn;
+          }
         }
       },
       child: DashAnimation(

lib/home/widgets/results_view.dart

@@ -14,7 +14,8 @@ enum ResultsAnimationPhase {
 const _searchBarTopPadding = 90.0;
 const _questionBoxHeight = 84.0;
 const _cardEnterDuration = Duration(seconds: 2);
-const _cardExpandDuration = Duration(milliseconds: 800);
+const _cardExpandDuration = Duration(seconds: 1);
+const _carouselEnterDuration = Duration(seconds: 1);
 
 class ResultsView extends StatefulWidget {
   const ResultsView({super.key});
@@ -216,6 +217,11 @@ class BlueContainerState extends State<BlueContainer>
             state.status == Status.resultsToSourceAnswers) {
           context.read<HomeBloc>().add(const SeeResultsSourceAnswers());
         }
+
+        if (status == AnimationStatus.dismissed &&
+            state.status == Status.sourceAnswersBackToResults) {
+          context.read<HomeBloc>().add(const Results());
+        }
       });
   }
 
@@ -580,18 +586,21 @@ class CarouselViewState extends State<CarouselView>
   @override
   List<Status> get forwardEnterStatuses => [Status.resultsToSourceAnswers];
 
+  @override
+  List<Status> get backExitStatuses => [Status.sourceAnswersBackToResults];
+
   @override
   void initializeTransitionController() {
     super.initializeTransitionController();
 
     enterTransitionController = AnimationController(
       vsync: this,
-      duration: const Duration(seconds: 2),
+      duration: _carouselEnterDuration,
     );
 
     exitTransitionController = AnimationController(
       vsync: this,
-      duration: const Duration(seconds: 2),
+      duration: const Duration(seconds: 1),
     );
   }
 
@@ -600,14 +609,14 @@ class CarouselViewState extends State<CarouselView>
     super.initState();
 
     _offsetEnterIn =
-        Tween<Offset>(begin: const Offset(1, 0), end: Offset.zero).animate(
+        Tween<Offset>(begin: const Offset(1.5, 0), end: Offset.zero).animate(
       CurvedAnimation(
         parent: enterTransitionController,
         curve: Curves.decelerate,
       ),
     );
 
-    _rotationEnterIn = Tween<double>(begin: 0.2, end: 0).animate(
+    _rotationEnterIn = Tween<double>(begin: 0.1, end: 0).animate(
       CurvedAnimation(
         parent: enterTransitionController,
         curve: Curves.decelerate,

test/home/view/home_page_test.dart

@@ -1,3 +1,4 @@
+import 'package:api_client/api_client.dart';
 import 'package:bloc_test/bloc_test.dart';
 import 'package:dash_ai_search/animations.dart';
 import 'package:dash_ai_search/home/home.dart';
@@ -44,6 +45,49 @@ void main() {
   });
 
   group('HomeView', () {
+    const response = VertexResponse(
+      summary: 'Flutter is a free and open source software development '
+          "kit (SDK) from Google [1]. It's used to create beautiful, "
+          'fast user experiences, ,,,for mobile, web, and desktop '
+          'applications [1]. Flutter works with existing code and is used '
+          'by developers and organizations around the world [1]. [3]. '
+          'Flutter is a fully open source project [3].',
+      documents: [
+        VertexDocument(
+          id: '1',
+          metadata: VertexMetadata(
+            url: 'url',
+            title: 'title',
+            description: 'description',
+          ),
+        ),
+        VertexDocument(
+          id: '2',
+          metadata: VertexMetadata(
+            url: 'url',
+            title: 'title',
+            description: 'description',
+          ),
+        ),
+        VertexDocument(
+          id: '3',
+          metadata: VertexMetadata(
+            url: 'url',
+            title: 'title',
+            description: 'description',
+          ),
+        ),
+        VertexDocument(
+          id: '4',
+          metadata: VertexMetadata(
+            url: 'url',
+            title: 'title',
+            description: 'description',
+          ),
+        ),
+      ],
+    );
+
     late HomeBloc homeBloc;
     late DashAnimations dashAnimations;
 
@@ -106,8 +150,7 @@ void main() {
     });
 
     testWidgets(
-      'renders DashAnimationContainer on the left if dash is '
-      'visible and is not sources',
+      'renders DashAnimationContainer on the left if dash is visible',
       (tester) async {
         when(() => homeBloc.state).thenReturn(
           HomeState(
@@ -125,20 +168,20 @@ void main() {
     );
 
     testWidgets(
-      'renders DashAnimationContainer on the left if dash is '
-      'visible and is not sources',
+      'renders DashAnimationContainer on the right if dash is visible',
       (tester) async {
         when(() => homeBloc.state).thenReturn(
           HomeState(
-            status: Status.results,
+            status: Status.seeSourceAnswers,
+            vertexResponse: response,
           ),
         );
         await tester.pumpApp(
           RepositoryProvider.value(
             value: dashAnimations,
             child: BlocProvider.value(
               value: homeBloc,
-              child: HomeView(dashOnRightStatus: Status.results),
+              child: HomeView(),
             ),
           ),
         );