feat: add search box to results and source answers views (#22)

lib/home/widgets/question_view.dart

@@ -78,15 +78,7 @@ class _QuestionView extends StatelessWidget {
                   ?.copyWith(color: VertexColors.flutterNavy),
             ),
             const SizedBox(height: 40),
-            QuestionInputTextField(
-              icon: vertexIcons.stars.image(),
-              hint: l10n.questionHint,
-              actionText: l10n.ask,
-              onTextUpdated: (String query) =>
-                  context.read<HomeBloc>().add(QueryUpdated(query: query)),
-              onActionPressed: () =>
-                  context.read<HomeBloc>().add(const QuestionAsked()),
-            ),
+            const SearchBox(),
           ],
         ),
       ),

lib/home/widgets/results_view.dart

@@ -11,10 +11,20 @@ class ResultsView extends StatelessWidget {
   Widget build(BuildContext context) {
     final response =
         context.select((HomeBloc bloc) => bloc.state.vertexResponse);
-    return Stack(
-      children: [
-        Align(child: BlueContainer(summary: response.summary)),
-      ],
+    return SingleChildScrollView(
+      child: Column(
+        children: [
+          const SizedBox(height: 64),
+          const SearchBox(),
+          const SizedBox(height: 32),
+          Stack(
+            children: [
+              Align(child: BlueContainer(summary: response.summary)),
+            ],
+          ),
+          const SizedBox(height: 32),
+        ],
+      ),
     );
   }
 }

lib/home/widgets/search_box.dart

@@ -0,0 +1,25 @@
+import 'package:app_ui/app_ui.dart';
+import 'package:dash_ai_search/home/home.dart';
+import 'package:dash_ai_search/l10n/l10n.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+class SearchBox extends StatelessWidget {
+  const SearchBox({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = context.l10n;
+    final searchQuery = context.select((HomeBloc bloc) => bloc.state.query);
+    return QuestionInputTextField(
+      icon: vertexIcons.stars.image(),
+      hint: l10n.questionHint,
+      actionText: l10n.ask,
+      onTextUpdated: (String query) =>
+          context.read<HomeBloc>().add(QueryUpdated(query: query)),
+      onActionPressed: () =>
+          context.read<HomeBloc>().add(const QuestionAsked()),
+      text: searchQuery.isEmpty ? null : searchQuery,
+    );
+  }
+}

lib/home/widgets/see_source_answers.dart

@@ -16,7 +16,9 @@ class SeeSourceAnswers extends StatelessWidget {
         color: VertexColors.googleBlue,
         child: Column(
           children: [
-            const SizedBox(height: 100),
+            const SizedBox(height: 64),
+            const SearchBox(),
+            const SizedBox(height: 32),
             Padding(
               padding: const EdgeInsets.symmetric(horizontal: 50),
               child: Row(

lib/home/widgets/widgets.dart

@@ -3,5 +3,6 @@ export 'circle.dart';
 export 'logo.dart';
 export 'question_view.dart';
 export 'results_view.dart';
+export 'search_box.dart';
 export 'thinking_view.dart';
 export 'welcome_view.dart';

packages/app_ui/lib/src/widgets/question_input_text_field.dart

@@ -13,6 +13,7 @@ class QuestionInputTextField extends StatefulWidget {
     required this.actionText,
     required this.onTextUpdated,
     required this.onActionPressed,
+    this.text,
     super.key,
   });
 
@@ -31,6 +32,9 @@ class QuestionInputTextField extends StatefulWidget {
   ///
   final VoidCallback onActionPressed;
 
+  /// Initial text displayed in the text field
+  final String? text;
+
   @override
   State<QuestionInputTextField> createState() => _QuestionTextFieldState();
 }
@@ -41,7 +45,7 @@ class _QuestionTextFieldState extends State<QuestionInputTextField> {
   @override
   void initState() {
     super.initState();
-    _controller = TextEditingController();
+    _controller = TextEditingController(text: widget.text);
     _controller.addListener(() {
       widget.onTextUpdated(_controller.text);
     });
@@ -57,13 +61,15 @@ class _QuestionTextFieldState extends State<QuestionInputTextField> {
   Widget build(BuildContext context) {
     final textTheme = Theme.of(context).textTheme;
     return Container(
-      constraints: const BoxConstraints(maxWidth: 659),
+      constraints: const BoxConstraints(maxWidth: 600),
       child: TextField(
         controller: _controller,
         style: textTheme.bodyMedium?.copyWith(
           color: VertexColors.flutterNavy,
         ),
         decoration: InputDecoration(
+          filled: true,
+          fillColor: VertexColors.arctic,
           prefixIcon: Padding(
             padding: const EdgeInsets.only(left: 12),
             child: widget.icon,

test/home/view/home_page_test.dart

@@ -1,6 +1,7 @@
 import 'package:bloc_test/bloc_test.dart';
 import 'package:dash_ai_search/home/home.dart';
 import 'package:dash_ai_search/home/widgets/see_source_answers.dart';
+import 'package:flutter/widgets.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:mocktail/mocktail.dart';
@@ -112,7 +113,12 @@ void main() {
             child: HomeView(),
           ),
         );
-        expect(find.byType(SeeSourceAnswersButton), findsOneWidget);
+        final answersFinder = find.byType(SeeSourceAnswersButton);
+        await tester.dragUntilVisible(
+          answersFinder,
+          find.byType(SingleChildScrollView),
+          const Offset(0, 10),
+        );
         await tester.tap(find.byType(SeeSourceAnswersButton));
         verify(() => homeBloc.add(const SeeSourceAnswersRequested())).called(1);
       });

test/home/widgets/see_source_answers_test.dart

@@ -43,6 +43,7 @@ void main() {
           child: Material(child: SeeSourceAnswers()),
         ),
       );
+      expect(find.byType(SearchBox), findsOneWidget);
       expect(find.text(response.summary), findsOneWidget);
       expect(find.text(response.documents.length.toString()), findsOneWidget);
       expect(find.byType(Placeholder), findsOneWidget);