-

Author: polina-c

pkgs/example/lib/app/app.dart

@@ -5,13 +5,15 @@ import 'package:flutter/material.dart';
 
 class MyApp extends StatelessWidget {
   const MyApp({super.key});
+  static const _appTitle = 'GenUI Example';
 
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
-      title: 'GenUI Example',
+      debugShowCheckedModeBanner: false,
+      title: _appTitle,
       theme: ThemeData(
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.white),
+        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
       ),
       home: const _MyHomePage(),
     );
@@ -32,9 +34,27 @@ class _MyHomePageState extends State<_MyHomePage> {
 
   @override
   Widget build(BuildContext context) {
-    return GenUi.invitation(
-      initialPrompt: 'Invite user to create a vacation travel itinerary.',
-      controller: _controller,
+    return Scaffold(
+      appBar: AppBar(
+        leading: Icon(Icons.menu),
+        title: Row(
+          children: const <Widget>[
+            Icon(Icons.chat_bubble_outline),
+            SizedBox(width: 8.0), // Add spacing between icon and text
+            Text('Chat'),
+          ],
+        ),
+        actions: [Icon(Icons.person_outline), SizedBox(width: 8.0)],
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Center(
+          child: GenUi.invitation(
+            initialPrompt: 'Invite user to create a vacation travel itinerary.',
+            controller: _controller,
+          ),
+        ),
+      ),
     );
   }
 

pkgs/example/lib/sdk/agent/agent.dart

@@ -11,13 +11,15 @@ class GenUiAgent {
 
   Future<WidgetBuilder> request(Input input, GenUiController controller) async {
     // Simulate network delay
-    await Future.delayed(const Duration(milliseconds: 1500));
-    switch (input.runtimeType) {
-      case InvitationInput _:
-        return (_) =>
-            Invitation(data: fakeInvitationData, controller: controller);
-      default:
-        throw Exception('Unsupported input type: ${input.runtimeType}');
-    }
+    await Future.delayed(const Duration(milliseconds: 1000));
+    return switch (input) {
+      InvitationInput _ => (_) => Invitation(
+        data: fakeInvitationData,
+        controller: controller,
+      ),
+      _ => throw UnimplementedError(
+        'GenUiAgent does not support input of type ${input.runtimeType}',
+      ),
+    };
   }
 }

pkgs/example/lib/sdk/agent/fake_output.dart

@@ -4,7 +4,7 @@ import 'package:example/sdk/catalog/text_intro.dart';
 
 final fakeInvitationData = InvitationData(
   textIntroData: TextIntroData(
-    h1: 'Hello, Ryan,',
+    h1: 'Hello Ryan,',
     h2: 'Welcome to traveling with Compass',
     intro:
         'Explore our promotions below or let me know '

pkgs/example/lib/sdk/agent/widget.dart

@@ -21,13 +21,16 @@ class _GenUiState extends State<GenUi> {
   WidgetBuilder? _widgetBuilder;
 
   @override
-  void initState() async {
+  void initState() {
     super.initState();
+    _initialize();
+  }
+
+  Future<void> _initialize() async {
     final builder = await GenUiAgent.instance.request(
       InvitationInput(widget.initialPrompt),
       widget.controller,
     );
-
     setState(() => _widgetBuilder = builder);
   }
 

pkgs/example/lib/sdk/catalog/chat_box.dart

@@ -1,10 +1,27 @@
 import 'package:flutter/material.dart';
 
 class ChatBox extends StatelessWidget {
-  const ChatBox({super.key});
+  ChatBox({super.key});
+  final _controller = TextEditingController();
 
   @override
   Widget build(BuildContext context) {
-    return const Placeholder();
+    return TextField(
+      controller: _controller,
+      decoration: InputDecoration(
+        hintText: 'Ask me anything',
+        border: const OutlineInputBorder(
+          borderRadius: BorderRadius.all(Radius.circular(25.0)),
+        ),
+
+        suffixIcon: IconButton(icon: const Icon(Icons.send), onPressed: () {}),
+      ),
+      maxLines: null, // Allows for multi-line input
+      keyboardType: TextInputType.multiline,
+      textInputAction: TextInputAction.send,
+      onSubmitted: (String value) => _submit(),
+    );
   }
+
+  void _submit() {}
 }

pkgs/example/lib/sdk/catalog/invitation.dart

@@ -17,9 +17,11 @@ class Invitation extends StatelessWidget {
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         TextIntro(data: data.textIntroData),
+        SizedBox(height: 16.0),
         Text(data.exploreTitle, style: GenUiTextStyles.h2(context)),
         Carousel(data: CarouselData(items: data.exploreItems)),
-        Padding(padding: const EdgeInsets.only(top: 16.0), child: ChatBox()),
+        SizedBox(height: 16.0),
+        ChatBox(),
       ],
     );
   }

pkgs/example/lib/sdk/catalog/shared/text_styles.dart

@@ -7,13 +7,9 @@ abstract class GenUiTextStyles {
 
   static TextStyle h1(BuildContext context) => normal(
     context,
-  ).copyWith(fontSize: 46.0, fontWeight: FontWeight.w900, inherit: true);
+  ).copyWith(fontSize: 36.0, fontWeight: FontWeight.w900, inherit: true);
 
   static TextStyle h2(BuildContext context) => normal(
     context,
-  ).copyWith(fontSize: 26.0, fontWeight: FontWeight.w200, inherit: true);
-
-  static TextStyle h3(BuildContext context) => normal(
-    context,
-  ).copyWith(fontSize: 24.0, fontWeight: FontWeight.w200, inherit: true);
+  ).copyWith(fontSize: 22.0, fontWeight: FontWeight.w200, inherit: true);
 }