diff --git a/android/gradle.properties b/android/gradle.properties
index 94adc3a3f..eea8bfb4e 100644
--- a/android/gradle.properties
+++ b/android/gradle.properties
@@ -1,3 +1,4 @@
-org.gradle.jvmargs=-Xmx1536M
+org.gradle.jvmargs=-Xmx8192m
+org.gradle.parallel=true
 android.useAndroidX=true
 android.enableJetifier=true
diff --git a/lib/app/features/core/providers/template_provider.dart b/lib/app/features/core/providers/template_provider.dart
index ecba3094d..7c51ec016 100644
--- a/lib/app/features/core/providers/template_provider.dart
+++ b/lib/app/features/core/providers/template_provider.dart
@@ -6,11 +6,11 @@ import 'package:riverpod_annotation/riverpod_annotation.dart';
 
 part 'template_provider.g.dart';
 
-Template? _template;
+late Template _template;
 
 //TODO::discuss this approach
 Template get appTemplate {
-  return _template!;
+  return _template;
 }
 
 @Riverpod(keepAlive: true)
diff --git a/lib/app/features/feed/widgets/text/article_header.dart b/lib/app/features/feed/widgets/text/article_header.dart
new file mode 100644
index 000000000..aa63ab53a
--- /dev/null
+++ b/lib/app/features/feed/widgets/text/article_header.dart
@@ -0,0 +1,30 @@
+import 'package:flutter/material.dart';
+import 'package:ice/app/extensions/build_context.dart';
+import 'package:ice/app/extensions/theme_data.dart';
+import 'package:ice/app/shared/widgets/core/screen_side_offset.dart';
+
+class ArticleHeader extends StatelessWidget {
+  const ArticleHeader({super.key, required this.headerText, this.main});
+
+  final String headerText;
+  final bool? main;
+
+  TextStyle getStyle(BuildContext context) {
+    if (main == true) {
+      return context.theme.appTextThemes.headline2
+          .copyWith(color: context.theme.appColors.feedText);
+    }
+    return context.theme.appTextThemes.title
+        .copyWith(color: context.theme.appColors.feedText);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ScreenSideOffset(
+      child: Text(
+        headerText,
+        style: getStyle(context),
+      ),
+    );
+  }
+}
diff --git a/lib/app/features/feed/widgets/text/widgetbook.dart b/lib/app/features/feed/widgets/text/widgetbook.dart
new file mode 100644
index 000000000..1df6d7349
--- /dev/null
+++ b/lib/app/features/feed/widgets/text/widgetbook.dart
@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+import 'package:ice/app/features/feed/widgets/text/article_header.dart';
+import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
+
+@widgetbook.UseCase(
+  name: 'article header',
+  type: ArticleHeader,
+)
+Widget plainArticleHeader(BuildContext context) {
+  return const Column(
+    mainAxisAlignment: MainAxisAlignment.center,
+    children: <Widget>[
+      ArticleHeader(
+        headerText:
+            'Coinbase Launches USDC Yields for Global Customers Amid US Crackdown',
+        main: true,
+      ),
+      ArticleHeader(
+        headerText:
+            'In 22 years, AI will perform 50% of work tasks, These are the results of McKinsey study',
+      ),
+    ],
+  );
+}
diff --git a/lib/app/shared/widgets/core/screen_side_offset.dart b/lib/app/shared/widgets/core/screen_side_offset.dart
new file mode 100644
index 000000000..238c9b29a
--- /dev/null
+++ b/lib/app/shared/widgets/core/screen_side_offset.dart
@@ -0,0 +1,22 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:ice/app/features/core/providers/template_provider.dart';
+
+class ScreenSideOffset extends StatelessWidget {
+  const ScreenSideOffset({super.key, required this.child});
+
+  final Widget child;
+
+  static double get offset =>
+      ScreenUtil().setWidth(appTemplate.screenSideOffset);
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: EdgeInsets.symmetric(
+        horizontal: offset,
+      ),
+      child: child,
+    );
+  }
+}
diff --git a/lib/app/shared/widgets/images/post_image/post_image.dart b/lib/app/shared/widgets/images/post_image/post_image.dart
new file mode 100644
index 000000000..b7bdf497b
--- /dev/null
+++ b/lib/app/shared/widgets/images/post_image/post_image.dart
@@ -0,0 +1,88 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:ice/app/extensions/build_context.dart';
+import 'package:ice/app/extensions/theme_data.dart';
+import 'package:ice/app/shared/widgets/core/screen_side_offset.dart';
+import 'package:ice/app/shared/widgets/tiles/read_time/read_time_tile.dart'; // Make sure this is correctly imported for your project
+
+const double borderRadius = 12.0;
+
+class PostImage extends StatelessWidget {
+  const PostImage({
+    super.key,
+    required this.imageUrl,
+    this.minutesToRead,
+    this.minutesToReadAlignment,
+  });
+
+  final String imageUrl;
+  final int? minutesToRead;
+  final Alignment? minutesToReadAlignment;
+
+  String getAdaptiveImageUrl(double imageWidth) {
+    return '$imageUrl?width=${imageWidth.toInt()}';
+  }
+
+  BorderRadius getOverlayBorderRadius(Alignment alignment) {
+    if (alignment == Alignment.bottomRight || alignment == Alignment.topLeft) {
+      return const BorderRadius.only(
+        topLeft: Radius.circular(borderRadius),
+        bottomRight: Radius.circular(borderRadius),
+      );
+    }
+    if (alignment == Alignment.topRight || alignment == Alignment.bottomLeft) {
+      return const BorderRadius.only(
+        topRight: Radius.circular(borderRadius),
+        bottomLeft: Radius.circular(borderRadius),
+      );
+    }
+    return const BorderRadius.all(Radius.circular(borderRadius));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final double paddingHorizontal = ScreenSideOffset.offset;
+    final double imageWidth =
+        MediaQuery.of(context).size.width - paddingHorizontal * 2;
+
+    final Alignment alignment = minutesToReadAlignment ?? Alignment.bottomRight;
+
+    return Padding(
+      padding: EdgeInsets.symmetric(horizontal: paddingHorizontal),
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(borderRadius),
+        child: Stack(
+          alignment: alignment,
+          children: <Widget>[
+            CachedNetworkImage(
+              imageUrl: getAdaptiveImageUrl(imageWidth),
+              width: imageWidth,
+              fit: BoxFit.cover, // Cover the widget's bounds
+            ),
+            if (minutesToRead != null) ...<Widget>[
+              Container(
+                // Adjust the overlay margin
+                padding:
+                    EdgeInsets.symmetric(horizontal: 8.0.w, vertical: 4.0.w),
+                // Adjust the overlay padding
+                decoration: BoxDecoration(
+                  color: context.theme.appColors.tertararyBackground,
+                  // Background color
+                  border: Border.all(
+                    color: context.theme.appColors.onTerararyFill,
+                  ),
+                  // Border color
+                  borderRadius: getOverlayBorderRadius(alignment),
+                ),
+                child: ReadTimeTile(
+                  minutesToRead: minutesToRead!,
+                ),
+              ),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/app/shared/widgets/images/post_image/widgetbook.dart b/lib/app/shared/widgets/images/post_image/widgetbook.dart
new file mode 100644
index 000000000..7e35663e3
--- /dev/null
+++ b/lib/app/shared/widgets/images/post_image/widgetbook.dart
@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+import 'package:ice/app/shared/widgets/images/post_image/post_image.dart';
+import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
+
+@widgetbook.UseCase(
+  name: 'base case',
+  type: PostImage,
+)
+Widget baseUseCase(BuildContext context) {
+  return const PostImage(
+    imageUrl:
+        'https://ice.io/wp-content/uploads/2023/03/Pre-Release-600x403.png',
+  );
+}
+
+@widgetbook.UseCase(
+  name: 'with read time overlay',
+  type: PostImage,
+)
+Widget withReadTimeUseCase(BuildContext context) {
+  return const PostImage(
+    imageUrl:
+        'https://ice.io/wp-content/uploads/2023/03/Pre-Release-600x403.png',
+    minutesToRead: 7,
+    minutesToReadAlignment: Alignment.topRight,
+  );
+}
diff --git a/lib/app/shared/widgets/tiles/read_time/read_time_tile.dart b/lib/app/shared/widgets/tiles/read_time/read_time_tile.dart
new file mode 100644
index 000000000..e6cef7cf1
--- /dev/null
+++ b/lib/app/shared/widgets/tiles/read_time/read_time_tile.dart
@@ -0,0 +1,33 @@
+import 'package:flutter/material.dart';
+import 'package:ice/app/extensions/build_context.dart';
+import 'package:ice/app/extensions/theme_data.dart';
+
+const double iconSize = 16.0;
+
+class ReadTimeTile extends StatelessWidget {
+  const ReadTimeTile({super.key, required this.minutesToRead});
+
+  final int minutesToRead;
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: <Widget>[
+        Icon(
+          Icons.access_time,
+          size: iconSize,
+          color: context.theme.appColors.feedText,
+        ),
+        const SizedBox(width: 3.0),
+        // Space between icon and text
+        Text(
+          '$minutesToRead min read',
+          style: context.theme.appTextThemes.caption
+              .copyWith(color: context.theme.appColors.feedText),
+        ),
+        // Text displaying minutes
+      ],
+    );
+  }
+}
diff --git a/lib/app/shared/widgets/tiles/read_time/widgetbook.dart b/lib/app/shared/widgets/tiles/read_time/widgetbook.dart
new file mode 100644
index 000000000..9352a49b9
--- /dev/null
+++ b/lib/app/shared/widgets/tiles/read_time/widgetbook.dart
@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+import 'package:ice/app/extensions/build_context.dart';
+import 'package:ice/app/extensions/theme_data.dart';
+import 'package:ice/app/shared/widgets/tiles/read_time/read_time_tile.dart';
+import 'package:widgetbook/widgetbook.dart';
+import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
+
+@widgetbook.UseCase(
+  name: 'base case',
+  type: ReadTimeTile,
+)
+Widget baseUseCase(BuildContext context) {
+  return ColoredBox(
+    color: context.theme.appColors.onTerararyFill,
+    // Set the background color to white
+    child: ReadTimeTile(
+      minutesToRead: context.knobs.int.slider(
+        label: 'Minutes To Read',
+        initialValue: 7,
+        max: 120,
+      ),
+    ),
+  );
+}
diff --git a/lib/app/templates/basic.json b/lib/app/templates/basic.json
index a03c21c51..784fb3846 100644
--- a/lib/app/templates/basic.json
+++ b/lib/app/templates/basic.json
@@ -5,6 +5,7 @@
       "primaryText": "#0E0E0E",
       "secondaryText": "#494949",
       "tertararyText": "#9A9A9A",
+      "feedText": "#333436",
       "primaryBackground": "#F5F7FF",
       "secondaryBackground": "#FFFFFF",
       "tertararyBackground": "#FAFBFF",
@@ -23,6 +24,7 @@
       "primaryText": "#0E0E0E",
       "secondaryText": "#494949",
       "tertararyText": "#9A9A9A",
+      "feedText": "#333436",
       "primaryBackground": "#F5F7FF",
       "secondaryBackground": "#FFFFFF",
       "tertararyBackground": "#FAFBFF",
@@ -38,16 +40,52 @@
     }
   },
   "textThemes": {
-    "headline1": { "fontSize": 28, "fontWeight": 700 },
-    "inputFieldText": { "fontSize": 25, "fontWeight": 700 },
-    "title": { "fontSize": 17, "fontWeight": 500 },
-    "subtitle": { "fontSize": 15, "fontWeight": 600 },
-    "subtitle2": { "fontSize": 15, "fontWeight": 500 },
-    "body": { "fontSize": 13, "height": 1.38, "fontWeight": 600 },
-    "body2": { "fontSize": 13, "fontWeight": 400 },
-    "caption": { "fontSize": 12, "fontWeight": 500 },
-    "caption2": { "fontSize": 12, "fontWeight": 400 },
-    "caption3": { "fontSize": 11, "height": 1.63, "fontWeight": 400 }
+    "headline1": {
+      "fontSize": 28,
+      "fontWeight": 700
+    },
+    "headline2": {
+      "fontSize": 24,
+      "fontWeight": 700
+    },
+    "inputFieldText": {
+      "fontSize": 25,
+      "fontWeight": 700
+    },
+    "title": {
+      "fontSize": 17,
+      "fontWeight": 600
+    },
+    "subtitle": {
+      "fontSize": 15,
+      "fontWeight": 600
+    },
+    "subtitle2": {
+      "fontSize": 15,
+      "fontWeight": 500
+    },
+    "body": {
+      "fontSize": 13,
+      "height": 1.38,
+      "fontWeight": 600
+    },
+    "body2": {
+      "fontSize": 13,
+      "fontWeight": 400
+    },
+    "caption": {
+      "fontSize": 12,
+      "fontWeight": 500
+    },
+    "caption2": {
+      "fontSize": 12,
+      "fontWeight": 400
+    },
+    "caption3": {
+      "fontSize": 11,
+      "height": 1.63,
+      "fontWeight": 400
+    }
   },
   "appBar": {
     "toolbarHeight": 50
@@ -79,5 +117,6 @@
   "icon": {
     "width": 24,
     "height": 24
-  }
+  },
+  "screenSideOffset": 16.0
 }
diff --git a/lib/app/templates/template.dart b/lib/app/templates/template.dart
index 505b8de1f..005837928 100644
--- a/lib/app/templates/template.dart
+++ b/lib/app/templates/template.dart
@@ -12,6 +12,7 @@ class TemplateColors {
     this.primaryText,
     this.secondaryText,
     this.tertararyText,
+    this.feedText,
     this.primaryBackground,
     this.secondaryBackground,
     this.tertararyBackground,
@@ -38,6 +39,8 @@ class TemplateColors {
   @ColorConverter()
   Color tertararyText;
   @ColorConverter()
+  Color feedText;
+  @ColorConverter()
   Color primaryBackground;
   @ColorConverter()
   Color secondaryBackground;
@@ -101,6 +104,7 @@ class TemplateTextTheme {
 class TemplateTextThemes {
   TemplateTextThemes(
     this.headline1,
+    this.headline2,
     this.inputFieldText,
     this.title,
     this.subtitle,
@@ -116,6 +120,7 @@ class TemplateTextThemes {
       _$TemplateTextThemesFromJson(json);
 
   TemplateTextTheme headline1;
+  TemplateTextTheme headline2;
   TemplateTextTheme inputFieldText;
   TemplateTextTheme title;
   TemplateTextTheme subtitle;
@@ -228,6 +233,7 @@ class Template {
     this.menuButton,
     this.iconButton,
     this.icon,
+    this.screenSideOffset,
   );
 
   factory Template.fromJson(Map<String, dynamic> json) =>
@@ -241,4 +247,5 @@ class Template {
   TemplateMenuButtonTheme menuButton;
   TemplateIconButtonTheme iconButton;
   TemplateIconTheme icon;
+  double screenSideOffset;
 }
diff --git a/lib/app/theme/app_colors.dart b/lib/app/theme/app_colors.dart
index ebc65ee2d..96df58bec 100644
--- a/lib/app/theme/app_colors.dart
+++ b/lib/app/theme/app_colors.dart
@@ -7,6 +7,7 @@ class AppColorsExtension extends ThemeExtension<AppColorsExtension> {
     required this.primaryText,
     required this.secondaryText,
     required this.tertararyText,
+    required this.feedText,
     required this.primaryBackground,
     required this.secondaryBackground,
     required this.tertararyBackground,
@@ -27,6 +28,7 @@ class AppColorsExtension extends ThemeExtension<AppColorsExtension> {
       primaryText: templateColors.primaryText,
       secondaryText: templateColors.secondaryText,
       tertararyText: templateColors.tertararyText,
+      feedText: templateColors.feedText,
       primaryBackground: templateColors.primaryBackground,
       secondaryBackground: templateColors.secondaryBackground,
       tertararyBackground: templateColors.tertararyBackground,
@@ -46,6 +48,7 @@ class AppColorsExtension extends ThemeExtension<AppColorsExtension> {
   final Color primaryText;
   final Color secondaryText;
   final Color tertararyText;
+  final Color feedText;
   final Color primaryBackground;
   final Color secondaryBackground;
   final Color tertararyBackground;
@@ -65,6 +68,7 @@ class AppColorsExtension extends ThemeExtension<AppColorsExtension> {
     Color? primaryText,
     Color? secondaryText,
     Color? tertararyText,
+    Color? feedText,
     Color? primaryBackground,
     Color? secondaryBackground,
     Color? tertararyBackground,
@@ -83,6 +87,7 @@ class AppColorsExtension extends ThemeExtension<AppColorsExtension> {
       primaryText: primaryText ?? this.primaryText,
       secondaryText: secondaryText ?? this.secondaryText,
       tertararyText: tertararyText ?? this.tertararyText,
+      feedText: feedText ?? this.feedText,
       primaryBackground: primaryBackground ?? this.primaryBackground,
       secondaryBackground: secondaryBackground ?? this.secondaryBackground,
       tertararyBackground: tertararyBackground ?? this.tertararyBackground,
@@ -114,6 +119,7 @@ class AppColorsExtension extends ThemeExtension<AppColorsExtension> {
       primaryText: Color.lerp(primaryText, other.primaryText, t)!,
       secondaryText: Color.lerp(secondaryText, other.secondaryText, t)!,
       tertararyText: Color.lerp(tertararyText, other.tertararyText, t)!,
+      feedText: Color.lerp(feedText, other.feedText, t)!,
       primaryBackground:
           Color.lerp(primaryBackground, other.primaryBackground, t)!,
       secondaryBackground:
diff --git a/lib/app/theme/app_text_themes.dart b/lib/app/theme/app_text_themes.dart
index c7a6c4ae9..ec3f51a07 100644
--- a/lib/app/theme/app_text_themes.dart
+++ b/lib/app/theme/app_text_themes.dart
@@ -4,6 +4,7 @@ import 'package:ice/app/templates/template.dart';
 class AppTextThemesExtension extends ThemeExtension<AppTextThemesExtension> {
   const AppTextThemesExtension({
     required this.headline1,
+    required this.headline2,
     required this.inputFieldText,
     required this.title,
     required this.subtitle,
@@ -18,6 +19,7 @@ class AppTextThemesExtension extends ThemeExtension<AppTextThemesExtension> {
   factory AppTextThemesExtension.fromTemplate(TemplateTextThemes textThemes) {
     return AppTextThemesExtension(
       headline1: TemplateTextStyle.fromTemplate(textThemes.headline1),
+      headline2: TemplateTextStyle.fromTemplate(textThemes.headline2),
       inputFieldText: TemplateTextStyle.fromTemplate(textThemes.inputFieldText),
       title: TemplateTextStyle.fromTemplate(textThemes.title),
       subtitle: TemplateTextStyle.fromTemplate(textThemes.subtitle),
@@ -31,6 +33,7 @@ class AppTextThemesExtension extends ThemeExtension<AppTextThemesExtension> {
   }
 
   final TextStyle headline1;
+  final TextStyle headline2;
   final TextStyle inputFieldText;
   final TextStyle title;
   final TextStyle subtitle;
@@ -44,6 +47,7 @@ class AppTextThemesExtension extends ThemeExtension<AppTextThemesExtension> {
   @override
   ThemeExtension<AppTextThemesExtension> copyWith({
     TextStyle? headline1,
+    TextStyle? headline2,
     TextStyle? inputFieldText,
     TextStyle? title,
     TextStyle? subtitle,
@@ -56,6 +60,7 @@ class AppTextThemesExtension extends ThemeExtension<AppTextThemesExtension> {
   }) {
     return AppTextThemesExtension(
       headline1: headline1 ?? this.headline1,
+      headline2: headline2 ?? this.headline2,
       inputFieldText: inputFieldText ?? this.inputFieldText,
       title: title ?? this.title,
       subtitle: subtitle ?? this.subtitle,
@@ -79,6 +84,7 @@ class AppTextThemesExtension extends ThemeExtension<AppTextThemesExtension> {
 
     return AppTextThemesExtension(
       headline1: TextStyle.lerp(headline1, other.headline1, t)!,
+      headline2: TextStyle.lerp(headline2, other.headline2, t)!,
       inputFieldText: TextStyle.lerp(inputFieldText, other.inputFieldText, t)!,
       title: TextStyle.lerp(title, other.title, t)!,
       subtitle: TextStyle.lerp(subtitle, other.subtitle, t)!,
diff --git a/lib/main.dart b/lib/main.dart
index d1953b3da..521cd3f20 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -29,13 +29,17 @@ class IceApp extends HookConsumerWidget {
 
     return ScreenUtilInit(
       designSize: const Size(375, 812),
-      builder: (BuildContext context, Widget? widget) => MaterialApp.router(
-        localizationsDelegates: I18n.localizationsDelegates,
-        supportedLocales: I18n.supportedLocales,
-        theme: template.whenOrNull(data: buildLightTheme),
-        darkTheme: template.whenOrNull(data: buildDarkTheme),
-        themeMode: appThemeMode,
-        routerConfig: appRouter,
+      builder: (BuildContext context, Widget? widget) => MediaQuery(
+        /// Setting font does not change with system font size
+        data: MediaQuery.of(context).copyWith(textScaler: TextScaler.noScaling),
+        child: MaterialApp.router(
+          localizationsDelegates: I18n.localizationsDelegates,
+          supportedLocales: I18n.supportedLocales,
+          theme: template.whenOrNull(data: buildLightTheme),
+          darkTheme: template.whenOrNull(data: buildDarkTheme),
+          themeMode: appThemeMode,
+          routerConfig: appRouter,
+        ),
       ),
     );
   }
diff --git a/lib/widgetbook.dart b/lib/widgetbook.dart
new file mode 100644
index 000000000..e66449137
--- /dev/null
+++ b/lib/widgetbook.dart
@@ -0,0 +1,61 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:ice/app/features/core/providers/init_provider.dart';
+import 'package:ice/app/features/core/providers/template_provider.dart';
+import 'package:ice/app/features/core/providers/theme_mode_provider.dart';
+import 'package:ice/app/templates/template.dart';
+import 'package:ice/app/theme/theme.dart';
+import 'package:ice/generated/app_localizations.dart';
+import 'package:ice/widgetbook.directories.g.dart';
+import 'package:widgetbook/widgetbook.dart';
+import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
+
+void main() {
+  runApp(const ProviderScope(child: WidgetbookApp()));
+}
+
+@widgetbook.App()
+class WidgetbookApp extends ConsumerWidget {
+  const WidgetbookApp({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final AsyncValue<void> init = ref.watch(initAppProvider);
+
+    return init.when(
+      data: (void data) => Widgetbook.material(
+        directories: directories,
+        addons: <WidgetbookAddon>[AlignmentAddon(
+        ),DeviceFrameAddon(
+          devices: Devices.all,
+        ),LocalizationAddon(
+          locales: <Locale>[
+            const Locale('en'),
+          ],
+          localizationsDelegates: <LocalizationsDelegate<WidgetsLocalizations>>[
+            DefaultWidgetsLocalizations.delegate,
+          ],
+        ),],
+        appBuilder: (BuildContext context, Widget child) {
+          final ThemeMode appThemeMode = ref.watch(appThemeModeProvider);
+          final AsyncValue<Template> template = ref.watch(templateProvider);
+
+          return ScreenUtilInit(
+            designSize: const Size(375, 812),
+            builder: (BuildContext context, Widget? widget) => MaterialApp(
+              localizationsDelegates: I18n.localizationsDelegates,
+              supportedLocales: I18n.supportedLocales,
+              theme: template.whenOrNull(data: buildLightTheme),
+              darkTheme: template.whenOrNull(data: buildDarkTheme),
+              themeMode: appThemeMode,
+              home: child,
+            ),
+          );
+        },
+      ),
+      error: (Object err, StackTrace stack) => Text(err.toString()),
+      loading: () => const CircularProgressIndicator(),
+    );
+  }
+}
diff --git a/lib/widgetbook/main.dart b/lib/widgetbook/main.dart
index 290a61fb8..d9928839d 100644
--- a/lib/widgetbook/main.dart
+++ b/lib/widgetbook/main.dart
@@ -26,6 +26,12 @@ class WidgetbookApp extends ConsumerWidget {
     return init.when(
       data: (void data) => Widgetbook.material(
         directories: directories,
+        addons: <WidgetbookAddon>[
+          AlignmentAddon(),
+          DeviceFrameAddon(
+            devices: Devices.all,
+          ),
+        ],
         appBuilder: (BuildContext context, Widget child) {
           final ThemeMode appThemeMode = ref.watch(appThemeModeProvider);
           final AsyncValue<Template> template = ref.watch(templateProvider);
diff --git a/macos/Flutter/GeneratedPluginRegistrant.swift b/macos/Flutter/GeneratedPluginRegistrant.swift
index 14b5f7c7e..2ac1d4cf1 100644
--- a/macos/Flutter/GeneratedPluginRegistrant.swift
+++ b/macos/Flutter/GeneratedPluginRegistrant.swift
@@ -6,7 +6,11 @@ import FlutterMacOS
 import Foundation
 
 import file_selector_macos
+import path_provider_foundation
+import sqflite
 
 func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
   FileSelectorPlugin.register(with: registry.registrar(forPlugin: "FileSelectorPlugin"))
+  PathProviderPlugin.register(with: registry.registrar(forPlugin: "PathProviderPlugin"))
+  SqflitePlugin.register(with: registry.registrar(forPlugin: "SqflitePlugin"))
 }
diff --git a/pubspec.lock b/pubspec.lock
index a5ef446b5..c1027b710 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -320,13 +320,13 @@ packages:
       sha256: "0aa47a725c346825a2bd396343ce63ac00bda6eff2fbc43eabe99737dede8262"
       url: "https://pub.dev"
     source: hosted
-    version: "2.6.1"
+    version: "2.6.2"
   file_selector_windows:
     dependency: transitive
     description:
       name: file_selector_windows
       sha256: d3547240c20cabf205c7c7f01a50ecdbc413755814d6677f3cb366f04abcead0
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.9.3+1"
   fixnum:
@@ -334,7 +334,7 @@ packages:
     description:
       name: fixnum
       sha256: "25517a4deb0c03aa0f32fd12db525856438902d9c16536311e76cdc57b31d7d1"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.1.0"
   flutter:
@@ -342,52 +342,60 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_cache_manager:
+    dependency: transitive
+    description:
+      name: flutter_cache_manager
+      sha256: "8207f27539deb83732fdda03e259349046a39a4c767269285f449ade355d54ba"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.3.1"
   flutter_dotenv:
     dependency: "direct main"
     description:
       name: flutter_dotenv
       sha256: "9357883bdd153ab78cbf9ffa07656e336b8bbb2b5a3ca596b0b27e119f7c7d77"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "5.1.0"
   flutter_gen:
     dependency: "direct dev"
     description:
       name: flutter_gen
-      sha256: "0815a61633ac5f0365dd07cb501982718dbac8905dd7a7c34e50a1f3516155bb"
-      url: "https://pub.dev"
+      sha256: e46c44b2d612d660f913ebfa4423a5171513f4828c029a98aa847f4aecf624a4
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "5.3.2"
+    version: "5.4.0"
   flutter_gen_core:
     dependency: transitive
     description:
       name: flutter_gen_core
-      sha256: "8b4ff1d45d125e576e26ea99d15e0419bb3c45b53696e022880866b78bb6b830"
-      url: "https://pub.dev"
+      sha256: "3a6c3dbc1c0e260088e9c7ed1ba905436844e8c01a44799f6281edada9e45308"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "5.3.2"
+    version: "5.4.0"
   flutter_gen_runner:
     dependency: "direct dev"
     description:
       name: flutter_gen_runner
-      sha256: fd197f8c657e79313d53d3934de602ebe604ba722a84c88ae3a43cd90428c67a
-      url: "https://pub.dev"
+      sha256: "24889d5140b03997f7148066a9c5fab8b606dff36093434c782d7a7fb22c6fb6"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "5.3.2"
+    version: "5.4.0"
   flutter_hooks:
     dependency: "direct main"
     description:
       name: flutter_hooks
-      sha256: "7c8db779c2d1010aa7f9ea3fbefe8f86524fcb87b69e8b0af31e1a4b55422dec"
-      url: "https://pub.dev"
+      sha256: cde36b12f7188c85286fba9b38cc5a902e7279f36dd676967106c041dc9dde70
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.20.3"
+    version: "0.20.5"
   flutter_keyboard_visibility:
     dependency: "direct main"
     description:
       name: flutter_keyboard_visibility
       sha256: "4983655c26ab5b959252ee204c2fffa4afeb4413cd030455194ec0caa3b8e7cb"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "5.4.1"
   flutter_keyboard_visibility_linux:
@@ -395,7 +403,7 @@ packages:
     description:
       name: flutter_keyboard_visibility_linux
       sha256: "6fba7cd9bb033b6ddd8c2beb4c99ad02d728f1e6e6d9b9446667398b2ac39f08"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.0"
   flutter_keyboard_visibility_macos:
@@ -403,7 +411,7 @@ packages:
     description:
       name: flutter_keyboard_visibility_macos
       sha256: c5c49b16fff453dfdafdc16f26bdd8fb8d55812a1d50b0ce25fc8d9f2e53d086
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.0"
   flutter_keyboard_visibility_platform_interface:
@@ -411,7 +419,7 @@ packages:
     description:
       name: flutter_keyboard_visibility_platform_interface
       sha256: e43a89845873f7be10cb3884345ceb9aebf00a659f479d1c8f4293fcb37022a4
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.0.0"
   flutter_keyboard_visibility_web:
@@ -419,7 +427,7 @@ packages:
     description:
       name: flutter_keyboard_visibility_web
       sha256: d3771a2e752880c79203f8d80658401d0c998e4183edca05a149f5098ce6e3d1
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.0.0"
   flutter_keyboard_visibility_windows:
@@ -427,7 +435,7 @@ packages:
     description:
       name: flutter_keyboard_visibility_windows
       sha256: fc4b0f0b6be9b93ae527f3d527fb56ee2d918cd88bbca438c478af7bcfd0ef73
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.0"
   flutter_lints:
@@ -435,7 +443,7 @@ packages:
     description:
       name: flutter_lints
       sha256: e2a421b7e59244faef694ba7b30562e489c2b489866e505074eb005cd7060db7
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "3.0.1"
   flutter_localizations:
@@ -448,23 +456,23 @@ packages:
     description:
       name: flutter_plugin_android_lifecycle
       sha256: b068ffc46f82a55844acfa4fdbb61fad72fa2aef0905548419d97f0f95c456da
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.0.17"
   flutter_riverpod:
     dependency: transitive
     description:
       name: flutter_riverpod
-      sha256: "305203d1578f6857675f9730568548b03900ce53afd319f4aa9d2fa943334dbe"
-      url: "https://pub.dev"
+      sha256: "4bce556b7ecbfea26109638d5237684538d4abc509d253e6c5c4c5733b360098"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.4.5"
+    version: "2.4.10"
   flutter_screenutil:
     dependency: "direct main"
     description:
       name: flutter_screenutil
       sha256: "8cf100b8e4973dc570b6415a2090b0bfaa8756ad333db46939efc3e774ee100d"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "5.9.0"
   flutter_test:
@@ -481,16 +489,16 @@ packages:
     dependency: "direct dev"
     description:
       name: freezed
-      sha256: "21bf2825311de65501d22e563e3d7605dff57fb5e6da982db785ae5372ff018a"
-      url: "https://pub.dev"
+      sha256: "57247f692f35f068cae297549a46a9a097100685c6780fe67177503eea5ed4e5"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.4.5"
+    version: "2.4.7"
   freezed_annotation:
     dependency: "direct main"
     description:
       name: freezed_annotation
       sha256: c3fd9336eb55a38cc1bbd79ab17573113a8deccd0ecbbf926cca3c62803b5c2d
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.4.1"
   frontend_server_client:
@@ -498,7 +506,7 @@ packages:
     description:
       name: frontend_server_client
       sha256: "408e3ca148b31c20282ad6f37ebfa6f4bdc8fede5b74bc2f08d9d92b55db3612"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "3.2.0"
   glob:
@@ -506,63 +514,63 @@ packages:
     description:
       name: glob
       sha256: "0e7014b3b7d4dac1ca4d6114f82bf1782ee86745b9b42a92c9289c23d8a0ab63"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.1.2"
   go_router:
     dependency: "direct main"
     description:
       name: go_router
-      sha256: "5098760d7478aabfe682a462bf121d61bc5dbe5df5aac8dad733564a0aee33bc"
-      url: "https://pub.dev"
+      sha256: c5fa45fa502ee880839e3b2152d987c44abae26d064a2376d4aad434cf0f7b15
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "12.1.0"
+    version: "12.1.3"
   go_router_builder:
     dependency: "direct dev"
     description:
       name: go_router_builder
-      sha256: a4820cf40c647d674aa9305cdac2eaa6d03a795bb8f6b30c0469939417f7c4d8
-      url: "https://pub.dev"
+      sha256: f84449079eb1f09f59344fbbb8cdc6a6349d8973a83746a57953bd4130d852b6
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.3.4"
+    version: "2.4.1"
   graphs:
     dependency: transitive
     description:
       name: graphs
       sha256: aedc5a15e78fc65a6e23bcd927f24c64dd995062bcd1ca6eda65a3cff92a4d19
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.3.1"
   hooks_riverpod:
     dependency: "direct main"
     description:
       name: hooks_riverpod
-      sha256: "2827136ecc0c2abffc3a58e575db6d5b84d159977fa1edc223c97bf566aa8c73"
-      url: "https://pub.dev"
+      sha256: "758b07eba336e3cbacbd81dba481f2228a14102083fdde07045e8514e8054c49"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.4.5"
+    version: "2.4.10"
   hotreloader:
     dependency: transitive
     description:
       name: hotreloader
       sha256: "94ee21a60ea2836500799f3af035dc3212b1562027f1e0031c14e087f0231449"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "4.1.0"
   http:
     dependency: transitive
     description:
       name: http
-      sha256: "759d1a329847dd0f39226c688d3e06a6b8679668e350e2891a6474f8b4bb8525"
-      url: "https://pub.dev"
+      sha256: a2bbf9d017fcced29139daa8ed2bba4ece450ab222871df93ca9eec6f80c34ba
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.1.0"
+    version: "1.2.0"
   http_multi_server:
     dependency: transitive
     description:
       name: http_multi_server
       sha256: "97486f20f9c2f7be8f514851703d0119c3596d14ea63227af6f7a481ef2b2f8b"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "3.2.1"
   http_parser:
@@ -570,23 +578,23 @@ packages:
     description:
       name: http_parser
       sha256: "2aa08ce0341cc9b354a498388e30986515406668dbcc4f7c950c3e715496693b"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "4.0.2"
   image_cropper:
     dependency: "direct main"
     description:
       name: image_cropper
-      sha256: "19340e50a8c09124ef2196884e9eb79d219d84cb819cfbf52141221216e30515"
-      url: "https://pub.dev"
+      sha256: f4bad5ed2dfff5a7ce0dfbad545b46a945c702bb6182a921488ef01ba7693111
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "5.0.0"
+    version: "5.0.1"
   image_cropper_for_web:
     dependency: transitive
     description:
       name: image_cropper_for_web
       sha256: "865d798b5c9d826f1185b32e5d0018c4183ddb77b7b82a931e1a06aa3b74974e"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "3.0.0"
   image_cropper_platform_interface:
@@ -594,47 +602,47 @@ packages:
     description:
       name: image_cropper_platform_interface
       sha256: ee160d686422272aa306125f3b6fb1c1894d9b87a5e20ed33fa008e7285da11e
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "5.0.0"
   image_picker:
     dependency: "direct main"
     description:
       name: image_picker
-      sha256: "7d7f2768df2a8b0a3cefa5ef4f84636121987d403130e70b17ef7e2cf650ba84"
-      url: "https://pub.dev"
+      sha256: "26222b01a0c9a2c8fe02fc90b8208bd3325da5ed1f4a2acabf75939031ac0bdd"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.0.4"
+    version: "1.0.7"
   image_picker_android:
     dependency: transitive
     description:
       name: image_picker_android
-      sha256: d6a6e78821086b0b737009b09363018309bbc6de3fd88cc5c26bc2bb44a4957f
-      url: "https://pub.dev"
+      sha256: "39f2bfe497e495450c81abcd44b62f56c2a36a37a175da7d137b4454977b51b1"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.8.8+2"
+    version: "0.8.9+3"
   image_picker_for_web:
     dependency: transitive
     description:
       name: image_picker_for_web
-      sha256: "50bc9ae6a77eea3a8b11af5eb6c661eeb858fdd2f734c2a4fd17086922347ef7"
-      url: "https://pub.dev"
+      sha256: e2423c53a68b579a7c37a1eda967b8ae536c3d98518e5db95ca1fe5719a730a3
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "3.0.1"
+    version: "3.0.2"
   image_picker_ios:
     dependency: transitive
     description:
       name: image_picker_ios
-      sha256: "76ec722aeea419d03aa915c2c96bf5b47214b053899088c9abb4086ceecf97a7"
-      url: "https://pub.dev"
+      sha256: fadafce49e8569257a0cad56d24438a6fa1f0cbd7ee0af9b631f7492818a4ca3
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.8.8+4"
+    version: "0.8.9+1"
   image_picker_linux:
     dependency: transitive
     description:
       name: image_picker_linux
       sha256: "4ed1d9bb36f7cd60aa6e6cd479779cc56a4cb4e4de8f49d487b1aaad831300fa"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.2.1+1"
   image_picker_macos:
@@ -642,23 +650,23 @@ packages:
     description:
       name: image_picker_macos
       sha256: "3f5ad1e8112a9a6111c46d0b57a7be2286a9a07fc6e1976fdf5be2bd31d4ff62"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.2.1+1"
   image_picker_platform_interface:
     dependency: transitive
     description:
       name: image_picker_platform_interface
-      sha256: ed9b00e63977c93b0d2d2b343685bed9c324534ba5abafbb3dfbd6a780b1b514
-      url: "https://pub.dev"
+      sha256: fa4e815e6fcada50e35718727d83ba1c92f1edf95c0b4436554cec301b56233b
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.9.1"
+    version: "2.9.3"
   image_picker_windows:
     dependency: transitive
     description:
       name: image_picker_windows
       sha256: "6ad07afc4eb1bc25f3a01084d28520496c4a3bb0cb13685435838167c9dcedeb"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.2.1+1"
   inspector:
@@ -666,7 +674,7 @@ packages:
     description:
       name: inspector
       sha256: "40ba0ac1c819c85139bfec9d1e283804581a8985c91f19d00e93212cf29226b1"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.1.0"
   intl:
@@ -674,7 +682,7 @@ packages:
     description:
       name: intl
       sha256: "3bc132a9dbce73a7e4a21a17d06e1878839ffbf975568bc875c60537824b0c4d"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.18.1"
   io:
@@ -682,7 +690,7 @@ packages:
     description:
       name: io
       sha256: "2ec25704aba361659e10e3e5f5d672068d332fc8ac516421d483a11e5cbd061e"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.4"
   js:
@@ -690,7 +698,7 @@ packages:
     description:
       name: js
       sha256: f2c445dce49627136094980615a031419f7f3eb393237e4ecd97ac15dea343f3
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.6.7"
   json_annotation:
@@ -698,7 +706,7 @@ packages:
     description:
       name: json_annotation
       sha256: b10a7b2ff83d83c777edba3c6a0f97045ddadd56c944e1a23a3fdf43a1bf4467
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "4.8.1"
   json_serializable:
@@ -706,23 +714,23 @@ packages:
     description:
       name: json_serializable
       sha256: aa1f5a8912615733e0fdc7a02af03308933c93235bdc8d50d0b0c8a8ccb0b969
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "6.7.1"
   lint:
     dependency: "direct dev"
     description:
       name: lint
-      sha256: "77b3777e8e9adca8e942da1e835882ae3248dfa00488a2ebbdbc1f1a4aa3f4a7"
-      url: "https://pub.dev"
+      sha256: d758a5211fce7fd3f5e316f804daefecdc34c7e53559716125e6da7388ae8565
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.2.0"
+    version: "2.3.0"
   lints:
     dependency: transitive
     description:
       name: lints
       sha256: cbf8d4b858bb0134ef3ef87841abdf8d63bfc255c266b7bf6b39daa1085c4290
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "3.0.0"
   logging:
@@ -730,7 +738,7 @@ packages:
     description:
       name: logging
       sha256: "623a88c9594aa774443aa3eb2d41807a48486b5613e67599fb4c41c0ad47c340"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.2.0"
   lottie:
@@ -738,7 +746,7 @@ packages:
     description:
       name: lottie
       sha256: a93542cc2d60a7057255405f62252533f8e8956e7e06754955669fd32fb4b216
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.7.0"
   matcher:
@@ -746,7 +754,7 @@ packages:
     description:
       name: matcher
       sha256: "1803e76e6653768d64ed8ff2e1e67bea3ad4b923eb5c56a295c3e634bad5960e"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.12.16"
   material_color_utilities:
@@ -754,39 +762,47 @@ packages:
     description:
       name: material_color_utilities
       sha256: "9528f2f296073ff54cb9fee677df673ace1218163c3bc7628093e7eed5203d41"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.5.0"
   meta:
     dependency: transitive
     description:
       name: meta
-      sha256: "3c74dbf8763d36539f114c799d8a2d87343b5067e9d796ca22b5eb8437090ee3"
-      url: "https://pub.dev"
+      sha256: a6e590c838b18133bb482a2745ad77c5bb7715fb0451209e1a7567d416678b8e
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.9.1"
+    version: "1.10.0"
   mime:
     dependency: transitive
     description:
       name: mime
-      sha256: e4ff8e8564c03f255408decd16e7899da1733852a9110a58fe6d1b817684a63e
-      url: "https://pub.dev"
+      sha256: "2e123074287cc9fd6c09de8336dae606d1ddb88d9ac47358826db698c176a1f2"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.0.4"
+    version: "1.0.5"
   nested:
     dependency: transitive
     description:
       name: nested
       sha256: "03bac4c528c64c95c722ec99280375a6f2fc708eec17c7b3f07253b626cd2a20"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.0"
+  octo_image:
+    dependency: transitive
+    description:
+      name: octo_image
+      sha256: "45b40f99622f11901238e18d48f5f12ea36426d8eced9f4cbf58479c7aa2430d"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.0"
   package_config:
     dependency: transitive
     description:
       name: package_config
       sha256: "1c5b77ccc91e4823a5af61ee74e6b972db1ef98c2ff5a18d3161c982a55448bd"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.1.0"
   path:
@@ -794,47 +810,103 @@ packages:
     description:
       name: path
       sha256: "8829d8a55c13fc0e37127c29fedf290c102f4e40ae94ada574091fe0ff96c917"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.8.3"
+  path_provider:
+    dependency: transitive
+    description:
+      name: path_provider
+      sha256: b27217933eeeba8ff24845c34003b003b2b22151de3c908d0e679e8fe1aa078b
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.1.2"
+  path_provider_android:
+    dependency: transitive
+    description:
+      name: path_provider_android
+      sha256: "477184d672607c0a3bf68fbbf601805f92ef79c82b64b4d6eb318cbca4c48668"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.2.2"
+  path_provider_foundation:
+    dependency: transitive
+    description:
+      name: path_provider_foundation
+      sha256: "5a7999be66e000916500be4f15a3633ebceb8302719b47b9cc49ce924125350f"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.3.2"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      sha256: f7a1fe3a634fe7734c8d3f2766ad746ae2a2884abe22e241a8b301bf5cac3279
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.2.1"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.1.2"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      sha256: "8bc9f22eee8690981c22aa7fc602f5c85b497a6fb2ceb35ee5a5e5ed85ad8170"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.2.1"
   petitparser:
     dependency: transitive
     description:
       name: petitparser
-      sha256: cb3798bef7fc021ac45b308f4b51208a152792445cce0448c9a4ba5879dd8750
-      url: "https://pub.dev"
+      sha256: c15605cd28af66339f8eb6fbe0e541bfe2d1b72d5825efc6598f3e0a31b9ad27
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "5.4.0"
+    version: "6.0.2"
   pin_code_fields:
     dependency: "direct main"
     description:
       name: pin_code_fields
       sha256: "4c0db7fbc889e622e7c71ea54b9ee624bb70c7365b532abea0271b17ea75b729"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "8.0.1"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      sha256: "12220bb4b65720483f8fa9450b4332347737cf8213dd2840d8b2c823e47243ec"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.1.4"
   plugin_platform_interface:
     dependency: transitive
     description:
       name: plugin_platform_interface
-      sha256: f4f88d4a900933e7267e2b353594774fc0d07fb072b47eedcd5b54e1ea3269f8
-      url: "https://pub.dev"
+      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.1.7"
+    version: "2.1.8"
   pointycastle:
     dependency: transitive
     description:
       name: pointycastle
-      sha256: "7c1e5f0d23c9016c5bbd8b1473d0d3fb3fc851b876046039509e18e0c7485f2c"
-      url: "https://pub.dev"
+      sha256: "43ac87de6e10afabc85c445745a7b799e04de84cebaa4fd7bf55a5e1e9604d29"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "3.7.3"
+    version: "3.7.4"
   pool:
     dependency: transitive
     description:
       name: pool
       sha256: "20fe868b6314b322ea036ba325e6fc0711a22948856475e2c2b6306e8ab39c2a"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.5.1"
   pub_semver:
@@ -842,7 +914,7 @@ packages:
     description:
       name: pub_semver
       sha256: "40d3ab1bbd474c4c2328c91e3a7df8c6dd629b79ece4c4bd04bee496a224fb0c"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.1.4"
   pubspec_parse:
@@ -850,7 +922,7 @@ packages:
     description:
       name: pubspec_parse
       sha256: c63b2876e58e194e4b0828fcb080ad0e06d051cb607a6be51a9e084f47cb9367
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.2.3"
   resizable_widget:
@@ -858,55 +930,55 @@ packages:
     description:
       name: resizable_widget
       sha256: db2919754b93f386b9b3fb15e9f48f6c9d6d41f00a24397629133c99df86606a
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.5"
   riverpod:
     dependency: transitive
     description:
       name: riverpod
-      sha256: "2e84315036e64c59affaff7443dea51247bc2fe704461a32f26a27986fb63d55"
-      url: "https://pub.dev"
+      sha256: "548e2192eb7aeb826eb89387f814edb76594f3363e2c0bb99dd733d795ba3589"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.4.5"
+    version: "2.5.0"
   riverpod_analyzer_utils:
     dependency: transitive
     description:
       name: riverpod_analyzer_utils
-      sha256: "22a089135785f27e601075023f93c6622c43ef28c3ba1bef303cfbc314028e64"
-      url: "https://pub.dev"
+      sha256: d4dabc35358413bf4611fcb6abb46308a67c4ef4cd5e69fd3367b11925c59f57
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.4.3"
+    version: "0.5.0"
   riverpod_annotation:
     dependency: "direct main"
     description:
       name: riverpod_annotation
-      sha256: "9330309e4400f40e39a2a1d1c340e775d0fd23451cf2dd2286e03c7896fd2bd5"
-      url: "https://pub.dev"
+      sha256: "77e5d51afa4fa3e67903fb8746f33d368728d7051a0b6c292bcee60aeba46d95"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.3.0"
+    version: "2.3.4"
   riverpod_generator:
     dependency: "direct dev"
     description:
       name: riverpod_generator
-      sha256: "0a1c8eeb3dba2ce704eb1a4c3b8043716d52bedaaaa5b2725e0bde67ca38a46e"
-      url: "https://pub.dev"
+      sha256: "7340e2ac0fb05b2d893b049c45188a81443c2bd825d5f266cba06197867b0ade"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.3.5"
+    version: "2.3.10"
   riverpod_lint:
     dependency: "direct dev"
     description:
       name: riverpod_lint
-      sha256: "97342543496f07c5172e0d1ce98c29499d8245776c94bfc837ceea5525c01ade"
-      url: "https://pub.dev"
+      sha256: b9288432e7f3e9a2c160f5ed4ad086b5ebb5c98198ce134c6f2cb0a81a2bda83
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.3.3"
+    version: "2.3.8"
   rxdart:
     dependency: transitive
     description:
       name: rxdart
       sha256: "0c7c0cedd93788d996e33041ffecda924cc54389199cde4e6a34b440f50044cb"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.27.7"
   shelf:
@@ -914,7 +986,7 @@ packages:
     description:
       name: shelf
       sha256: ad29c505aee705f41a4d8963641f91ac4cee3c8fad5947e033390a7bd8180fa4
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.4.1"
   shelf_web_socket:
@@ -922,7 +994,7 @@ packages:
     description:
       name: shelf_web_socket
       sha256: "9ca081be41c60190ebcb4766b2486a7d50261db7bd0f5d9615f2d653637a84c1"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.4"
   sky_engine:
@@ -934,16 +1006,16 @@ packages:
     dependency: transitive
     description:
       name: source_gen
-      sha256: fc0da689e5302edb6177fdd964efcb7f58912f43c28c2047a808f5bfff643d16
-      url: "https://pub.dev"
+      sha256: "14658ba5f669685cd3d63701d01b31ea748310f7ab854e471962670abcf57832"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.4.0"
+    version: "1.5.0"
   source_helper:
     dependency: transitive
     description:
       name: source_helper
       sha256: "6adebc0006c37dd63fe05bca0a929b99f06402fc95aa35bf36d67f5c06de01fd"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.3.4"
   source_span:
@@ -951,7 +1023,7 @@ packages:
     description:
       name: source_span
       sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.10.0"
   sprintf:
@@ -959,39 +1031,55 @@ packages:
     description:
       name: sprintf
       sha256: "1fc9ffe69d4df602376b52949af107d8f5703b77cda567c4d7d86a0693120f23"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "7.0.0"
+  sqflite:
+    dependency: transitive
+    description:
+      name: sqflite
+      sha256: a9016f495c927cb90557c909ff26a6d92d9bd54fc42ba92e19d4e79d61e798c6
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.3.2"
+  sqflite_common:
+    dependency: transitive
+    description:
+      name: sqflite_common
+      sha256: "28d8c66baee4968519fb8bd6cdbedad982d6e53359091f0b74544a9f32ec72d5"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.5.3"
   stack_trace:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: c3c7d8edb15bee7f0f74debd4b9c5f3c2ea86766fe4178eb2a18eb30a0bdaed5
-      url: "https://pub.dev"
+      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.11.0"
+    version: "1.11.1"
   state_notifier:
     dependency: transitive
     description:
       name: state_notifier
       sha256: b8677376aa54f2d7c58280d5a007f9e8774f1968d1fb1c096adcb4792fba29bb
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.0"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      sha256: "83615bee9045c1d322bbbd1ba209b7a749c2cbcdcb3fdd1df8eb488b3279c1c8"
-      url: "https://pub.dev"
+      sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   stream_transform:
     dependency: transitive
     description:
       name: stream_transform
       sha256: "14a00e794c7c11aa145a170587321aedce29769c08d7f58b1d141da75e3b1c6f"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.1.0"
   string_scanner:
@@ -999,39 +1087,47 @@ packages:
     description:
       name: string_scanner
       sha256: "556692adab6cfa87322a115640c11f13cb77b3f076ddcc5d6ae3c20242bedcde"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.2.0"
+  synchronized:
+    dependency: transitive
+    description:
+      name: synchronized
+      sha256: "539ef412b170d65ecdafd780f924e5be3f60032a1128df156adad6c5b373d558"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.1.0+1"
   term_glyph:
     dependency: transitive
     description:
       name: term_glyph
       sha256: a29248a84fbb7c79282b40b8c72a1209db169a2e0542bce341da992fe1bc7e84
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.2.1"
   test_api:
     dependency: transitive
     description:
       name: test_api
-      sha256: "75760ffd7786fffdfb9597c35c5b27eaeec82be8edfb6d71d32651128ed7aab8"
-      url: "https://pub.dev"
+      sha256: "5c2f730018264d276c20e4f1503fd1308dfbbae39ec8ee63c5236311ac06954b"
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.6.0"
+    version: "0.6.1"
   time:
     dependency: transitive
     description:
       name: time
-      sha256: "83427e11d9072e038364a5e4da559e85869b227cf699a541be0da74f14140124"
-      url: "https://pub.dev"
+      sha256: ad8e018a6c9db36cb917a031853a1aae49467a93e0d464683e029537d848c221
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.1.3"
+    version: "2.1.4"
   timing:
     dependency: transitive
     description:
       name: timing
       sha256: "70a3b636575d4163c477e6de42f247a23b315ae20e86442bebe32d3cabf61c32"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.1"
   typed_data:
@@ -1039,23 +1135,23 @@ packages:
     description:
       name: typed_data
       sha256: facc8d6582f16042dd49f2463ff1bd6e2c9ef9f3d5da3d9b087e244a7b564b3c
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.3.2"
   uuid:
     dependency: transitive
     description:
       name: uuid
-      sha256: df5a4d8f22ee4ccd77f8839ac7cb274ebc11ef9adcce8b92be14b797fe889921
-      url: "https://pub.dev"
+      sha256: cd210a09f7c18cbe5a02511718e0334de6559871052c90a90c0cca46a4aa81c8
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "4.2.1"
+    version: "4.3.3"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
       sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.1.4"
   vm_service:
@@ -1063,7 +1159,7 @@ packages:
     description:
       name: vm_service
       sha256: b3d56ff4341b8f182b96aceb2fa20e3dcb336b9f867bc0eafc0de10f1048e957
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "13.0.0"
   watcher:
@@ -1071,23 +1167,23 @@ packages:
     description:
       name: watcher
       sha256: "3d2ad6751b3c16cf07c7fca317a1413b3f26530319181b37e3b9039b84fc01d8"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.1.0"
   web:
     dependency: transitive
     description:
       name: web
-      sha256: dc8ccd225a2005c1be616fe02951e2e342092edf968cf0844220383757ef8f10
-      url: "https://pub.dev"
+      sha256: afe077240a270dcfd2aafe77602b4113645af95d0ad31128cc02bce5ac5d5152
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.1.4-beta"
+    version: "0.3.0"
   web_socket_channel:
     dependency: transitive
     description:
       name: web_socket_channel
       sha256: d88238e5eac9a42bb43ca4e721edba3c08c6354d4a53063afaa568516217621b
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.4.0"
   widgetbook:
@@ -1095,7 +1191,7 @@ packages:
     description:
       name: widgetbook
       sha256: be0588cd864a70bd2817ca2fab0dbd147c460b712cfe53fd13e6fd46b5c3f368
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "3.7.1"
   widgetbook_annotation:
@@ -1103,7 +1199,7 @@ packages:
     description:
       name: widgetbook_annotation
       sha256: c2d881d0241525b36aa3777d0ac406d198528ed28b84ca73b7dd9f59189d6bb0
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "3.1.0"
   widgetbook_generator:
@@ -1111,25 +1207,41 @@ packages:
     description:
       name: widgetbook_generator
       sha256: d81512780bb4d137d59f0694328f446433fe5228cf8191e918046cc4f09c128b
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "3.7.0"
+  win32:
+    dependency: transitive
+    description:
+      name: win32
+      sha256: "464f5674532865248444b4c3daca12bd9bf2d7c47f759ce2617986e7229494a8"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "5.2.0"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      sha256: faea9dee56b520b55a566385b84f2e8de55e7496104adada9962e0bd11bcff1d
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.0.4"
   xml:
     dependency: transitive
     description:
       name: xml
-      sha256: "5bc72e1e45e941d825fd7468b9b4cc3b9327942649aeb6fc5cdbf135f0a86e84"
-      url: "https://pub.dev"
+      sha256: b015a8ad1c488f66851d762d3090a21c600e479dc75e68328c52774040cf9226
+      url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "6.3.0"
+    version: "6.5.0"
   yaml:
     dependency: transitive
     description:
       name: yaml
       sha256: "75769501ea3489fca56601ff33454fe45507ea3bfb014161abc3b43ae25989d5"
-      url: "https://pub.dev"
+      url: "https://pub.flutter-io.cn"
     source: hosted
     version: "3.1.2"
 sdks:
-  dart: ">=3.1.0 <4.0.0"
+  dart: ">=3.2.0 <4.0.0"
   flutter: ">=3.13.0"
diff --git a/pubspec.yaml b/pubspec.yaml
index e80e4ca6a..30fdf0edd 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -29,8 +29,9 @@ dependencies:
   flutter_keyboard_visibility: ^5.4.1
   flutter_screenutil: ^5.9.0
   pin_code_fields: ^8.0.1
-  widgetbook_annotation: ^3.1.0
+  cached_network_image: ^3.3.1
   widgetbook: ^3.7.1
+  widgetbook_annotation: ^3.1.0
 
 dev_dependencies:
   flutter_test: