-

Author: polina-c

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

@@ -15,15 +15,15 @@ final fakeInvitationData = InvitationData(
   exploreItems: [
     CarouselItemData(
       title: 'Beach Bliss',
-      imageUrl: 'assets/explore/beach_bliss.png',
+      assetUrl: 'assets/explore/beach_bliss.png',
     ),
     CarouselItemData(
       title: 'Urban Escapes',
-      imageUrl: 'assets/explore/urban_escapes.png',
+      assetUrl: 'assets/explore/urban_escapes.png',
     ),
     CarouselItemData(
       title: "Nature's Wonders",
-      imageUrl: 'assets/explore/natures_wonder.png',
+      assetUrl: 'assets/explore/natures_wonders.png',
     ),
   ],
   chatHintText: 'Ask me anything',

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

@@ -1,18 +1,23 @@
+import 'package:example/sdk/catalog/shared/text_styles.dart';
 import 'package:example/sdk/model/simple_items.dart';
 import 'package:flutter/material.dart';
 
+const double _imageSize = 190;
+
 class Carousel extends StatelessWidget {
   const Carousel({super.key, required this.data});
 
   final CarouselData data;
 
   @override
   Widget build(BuildContext context) {
-    return Expanded(
-      child: ListView.builder(
-        scrollDirection: Axis.horizontal,
-        itemCount: data.items.length,
-        itemBuilder: (context, index) => CarouselItem(data: data.items[index]),
+    return ConstrainedBox(
+      constraints: const BoxConstraints(maxHeight: 220),
+      child: CarouselView(
+        itemExtent: _imageSize,
+        // Set no border.
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.zero),
+        children: data.items.map((item) => CarouselItem(data: item)).toList(),
       ),
     );
   }
@@ -25,15 +30,33 @@ class CarouselItem extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const Placeholder();
+    return Column(
+      children: [
+        Container(
+          width: _imageSize,
+          height: _imageSize,
+          child: ClipRRect(
+            borderRadius: BorderRadius.circular(
+              10.0,
+            ), // Adjust the radius as needed
+            child: Image.asset(data.assetUrl, fit: BoxFit.cover),
+          ),
+        ),
+        Text(
+          data.title,
+          style: GenUiTextStyles.normal(context),
+          overflow: TextOverflow.ellipsis,
+        ),
+      ],
+    );
   }
 }
 
 class CarouselItemData extends WidgetData {
   final String title;
-  final String imageUrl;
+  final String assetUrl;
 
-  CarouselItemData({required this.title, required this.imageUrl});
+  CarouselItemData({required this.title, required this.assetUrl});
 }
 
 class CarouselData extends WidgetData {

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

@@ -2,14 +2,16 @@ import 'package:flutter/material.dart';
 
 abstract class GenUiTextStyles {
   static TextStyle normal(BuildContext context) {
-    return Theme.of(context).textTheme.labelLarge!;
+    return Theme.of(
+      context,
+    ).textTheme.labelLarge!.copyWith(fontSize: 14.0, inherit: true);
   }
 
   static TextStyle h1(BuildContext context) => normal(
     context,
-  ).copyWith(fontSize: 36.0, fontWeight: FontWeight.w900, inherit: true);
+  ).copyWith(fontSize: 36.0, fontWeight: FontWeight.w700, inherit: true);
 
   static TextStyle h2(BuildContext context) => normal(
     context,
-  ).copyWith(fontSize: 22.0, fontWeight: FontWeight.w200, inherit: true);
+  ).copyWith(fontSize: 22.0, fontWeight: FontWeight.w500, inherit: true);
 }

pkgs/example/pubspec.yaml

@@ -1,89 +1,19 @@
 name: example
-description: "A new Flutter project."
-# The following line prevents the package from being accidentally published to
-# pub.dev using `flutter pub publish`. This is preferred for private packages.
-publish_to: 'none' # Remove this line if you wish to publish to pub.dev
-
-# The following defines the version and build number for your application.
-# A version number is three numbers separated by dots, like 1.2.43
-# followed by an optional build number separated by a +.
-# Both the version and the builder number may be overridden in flutter
-# build by specifying --build-name and --build-number, respectively.
-# In Android, build-name is used as versionName while build-number used as versionCode.
-# Read more about Android versioning at https://developer.android.com/studio/publish/versioning
-# In iOS, build-name is used as CFBundleShortVersionString while build-number is used as CFBundleVersion.
-# Read more about iOS versioning at
-# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
-# In Windows, build-name is used as the major, minor, and patch parts
-# of the product and file versions while build-number is used as the build suffix.
-version: 1.0.0+1
+publish_to: 'none'
 
 environment:
   sdk: ^3.9.0-196.0.dev
 
-# Dependencies specify other packages that your package needs in order to work.
-# To automatically upgrade your package dependencies to the latest versions
-# consider running `flutter pub upgrade --major-versions`. Alternatively,
-# dependencies can be manually updated by changing the version numbers below to
-# the latest version available on pub.dev. To see which dependencies have newer
-# versions available, run `flutter pub outdated`.
 dependencies:
   flutter:
     sdk: flutter
 
-  # The following adds the Cupertino Icons font to your application.
-  # Use with the CupertinoIcons class for iOS style icons.
-  cupertino_icons: ^1.0.8
-
 dev_dependencies:
   flutter_test:
     sdk: flutter
+  dart_flutter_team_lints: ^3.5.2
 
-  # The "flutter_lints" package below contains a set of recommended lints to
-  # encourage good coding practices. The lint set provided by the package is
-  # activated in the `analysis_options.yaml` file located at the root of your
-  # package. See that file for information about deactivating specific lint
-  # rules and activating additional ones.
-  flutter_lints: ^5.0.0
-
-# For information on the generic Dart part of this file, see the
-# following page: https://dart.dev/tools/pub/pubspec
-
-# The following section is specific to Flutter packages.
 flutter:
-
-  # The following line ensures that the Material Icons font is
-  # included with your application, so that you can use the icons in
-  # the material Icons class.
   uses-material-design: true
-
-  # To add assets to your application, add an assets section, like this:
-  # assets:
-  #   - images/a_dot_burr.jpeg
-  #   - images/a_dot_ham.jpeg
-
-  # An image asset can refer to one or more resolution-specific "variants", see
-  # https://flutter.dev/to/resolution-aware-images
-
-  # For details regarding adding assets from package dependencies, see
-  # https://flutter.dev/to/asset-from-package
-
-  # To add custom fonts to your application, add a fonts section here,
-  # in this "flutter" section. Each entry in this list should have a
-  # "family" key with the font family name, and a "fonts" key with a
-  # list giving the asset and other descriptors for the font. For
-  # example:
-  # fonts:
-  #   - family: Schyler
-  #     fonts:
-  #       - asset: fonts/Schyler-Regular.ttf
-  #       - asset: fonts/Schyler-Italic.ttf
-  #         style: italic
-  #   - family: Trajan Pro
-  #     fonts:
-  #       - asset: fonts/TrajanPro.ttf
-  #       - asset: fonts/TrajanPro_Bold.ttf
-  #         weight: 700
-  #
-  # For details regarding fonts from package dependencies,
-  # see https://flutter.dev/to/font-from-package
+  assets:
+    - assets/explore/