-

Author: polina-c

.gitignore

@@ -0,0 +1,3 @@
+.dart_tool/
+pubspec.lock
+.DS_Store

pkgs/.gitignore

@@ -1,6 +1,6 @@
 import 'package:example/sdk/agent/fake_output.dart';
 import 'package:example/sdk/agent/input.dart';
-import 'package:example/sdk/catalog/invitation.dart';
+import 'package:example/sdk/catalog/messages/invitation.dart';
 import 'package:example/sdk/model/simple_items.dart';
 import 'package:flutter/widgets.dart';
 
@@ -13,10 +13,7 @@ class GenUiAgent {
     // Simulate network delay
     await Future.delayed(const Duration(milliseconds: 1000));
     return switch (input) {
-      InvitationInput _ => (_) => Invitation(
-        data: fakeInvitationData,
-        controller: controller,
-      ),
+      InvitationInput _ => (_) => Invitation(fakeInvitationData, controller),
       _ => throw UnimplementedError(
         'GenUiAgent does not support input of type ${input.runtimeType}',
       ),

pkgs/example/assets/agent_icon.png

@@ -1,6 +1,6 @@
-import 'package:example/sdk/catalog/carousel.dart';
-import 'package:example/sdk/catalog/invitation.dart';
-import 'package:example/sdk/catalog/text_intro.dart';
+import 'package:example/sdk/catalog/elements/carousel.dart';
+import 'package:example/sdk/catalog/messages/invitation.dart';
+import 'package:example/sdk/catalog/elements/text_intro.dart';
 
 final fakeInvitationData = InvitationData(
   textIntroData: TextIntroData(

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

@@ -0,0 +1,12 @@
+import 'package:example/sdk/model/simple_items.dart';
+import 'package:flutter/material.dart';
+
+class AgentIcon extends StatelessWidget {
+  final GenUiController controller;
+  const AgentIcon(this.controller, {super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Image.asset(width: 40, height: 40, controller.agentIcon);
+  }
+}

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

@@ -5,7 +5,7 @@ import 'package:flutter/material.dart';
 const double _imageSize = 190;
 
 class Carousel extends StatelessWidget {
-  const Carousel({super.key, required this.data});
+  const Carousel(this.data, {super.key});
 
   final CarouselData data;
 
@@ -17,7 +17,7 @@ class Carousel extends StatelessWidget {
         itemExtent: _imageSize,
         // Set no border.
         shape: RoundedRectangleBorder(borderRadius: BorderRadius.zero),
-        children: data.items.map((item) => CarouselItem(data: item)).toList(),
+        children: data.items.map((item) => CarouselItem(item)).toList(),
       ),
     );
   }
@@ -26,7 +26,7 @@ class Carousel extends StatelessWidget {
 class CarouselItem extends StatelessWidget {
   final CarouselItemData data;
 
-  const CarouselItem({super.key, required this.data});
+  const CarouselItem(this.data, {super.key});
 
   @override
   Widget build(BuildContext context) {
@@ -37,7 +37,11 @@ class CarouselItem extends StatelessWidget {
           height: _imageSize,
           child: ClipRRect(
             borderRadius: BorderRadius.circular(10.0),
-            child: Image.asset(data.assetUrl, fit: BoxFit.cover),
+            child: Image.asset(
+              data.assetUrl,
+              fit: BoxFit.cover,
+              alignment: Alignment.topLeft,
+            ),
           ),
         ),
         Text(

pkgs/example/lib/sdk/catalog/elements/agent_icon.dart

@@ -3,7 +3,7 @@ import 'package:example/sdk/model/simple_items.dart';
 import 'package:flutter/material.dart';
 
 class TextIntro extends StatelessWidget {
-  const TextIntro({super.key, required this.data});
+  const TextIntro(this.data, {super.key});
 
   final TextIntroData data;
 

pkgs/example/lib/sdk/catalog/carousel.dart renamed to pkgs/example/lib/sdk/catalog/elements/carousel.dart

@@ -0,0 +1,44 @@
+import 'package:example/sdk/catalog/elements/carousel.dart';
+import 'package:example/sdk/catalog/elements/chat_box.dart';
+import 'package:example/sdk/catalog/shared/text_styles.dart';
+import 'package:example/sdk/catalog/elements/text_intro.dart';
+import 'package:example/sdk/model/simple_items.dart';
+import 'package:flutter/material.dart';
+
+class Elicitation extends StatelessWidget {
+  final ElicitationData data;
+  final GenUiController controller;
+
+  const Elicitation({super.key, required this.data, required this.controller});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Image.asset(controller.agentIcon),
+        SizedBox(height: 8.0),
+        TextIntro(data.textIntroData),
+        SizedBox(height: 16.0),
+        Text(data.exploreTitle, style: GenUiTextStyles.h2(context)),
+        Carousel(CarouselData(items: data.exploreItems)),
+        SizedBox(height: 16.0),
+        ChatBox(),
+      ],
+    );
+  }
+}
+
+class ElicitationData extends WidgetData {
+  final TextIntroData textIntroData;
+  final String exploreTitle;
+  final List<CarouselItemData> exploreItems;
+  final String chatHintText;
+
+  ElicitationData({
+    required this.textIntroData,
+    required this.exploreTitle,
+    required this.chatHintText,
+    required this.exploreItems,
+  });
+}