Fix/sync with remote config structure

lib/app_configuration/view/app_configuration_page.dart

@@ -1,8 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_news_app_web_dashboard_full_source_code/app_configuration/bloc/app_configuration_bloc.dart';
-import 'package:flutter_news_app_web_dashboard_full_source_code/app_configuration/view/tabs/app_configuration_tab.dart';
 import 'package:flutter_news_app_web_dashboard_full_source_code/app_configuration/view/tabs/features_configuration_tab.dart';
+import 'package:flutter_news_app_web_dashboard_full_source_code/app_configuration/view/tabs/system_configuration_tab.dart';
 import 'package:flutter_news_app_web_dashboard_full_source_code/app_configuration/view/tabs/user_configuration_tab.dart';
 import 'package:flutter_news_app_web_dashboard_full_source_code/l10n/l10n.dart';
 import 'package:flutter_news_app_web_dashboard_full_source_code/shared/widgets/about_icon.dart';
@@ -65,7 +65,7 @@ class _AppConfigurationPageState extends State<AppConfigurationPage>
           tabAlignment: TabAlignment.start,
           isScrollable: true,
           tabs: [
-            Tab(text: l10n.appTab),
+            Tab(text: l10n.systemTab),
             Tab(text: l10n.featuresTab),
             Tab(text: l10n.userTab),
           ],
@@ -132,7 +132,7 @@ class _AppConfigurationPageState extends State<AppConfigurationPage>
             return TabBarView(
               controller: _tabController,
               children: [
-                AppConfigurationTab(
+                SystemConfigurationTab(
                   remoteConfig: remoteConfig,
                   onConfigChanged: (newConfig) {
                     context.read<AppConfigurationBloc>().add(

lib/app_configuration/view/tabs/features_configuration_tab.dart

@@ -8,6 +8,7 @@ import 'package:flutter_news_app_web_dashboard_full_source_code/app_configuratio
 import 'package:flutter_news_app_web_dashboard_full_source_code/app_configuration/widgets/push_notification_settings_form.dart';
 import 'package:flutter_news_app_web_dashboard_full_source_code/l10n/l10n.dart';
 import 'package:flutter_news_app_web_dashboard_full_source_code/shared/extensions/feed_decorator_type_l10n.dart';
+import 'package:flutter_news_app_web_dashboard_full_source_code/shared/extensions/feed_item_click_behavior_l10n.dart';
 import 'package:ui_kit/ui_kit.dart';
 
 /// {@template features_configuration_tab}
@@ -66,6 +67,12 @@ class _FeaturesConfigurationTabState extends State<FeaturesConfigurationTab> {
                 _expandedTileIndex.value = isExpanded ? tileIndex : null;
               },
               initiallyExpanded: expandedIndex == tileIndex,
+              childrenPadding: const EdgeInsetsDirectional.only(
+                start: AppSpacing.lg,
+                top: AppSpacing.md,
+                bottom: AppSpacing.md,
+              ),
+              expandedCrossAxisAlignment: CrossAxisAlignment.start,
               children: [
                 AdConfigForm(
                   remoteConfig: widget.remoteConfig,
@@ -104,6 +111,12 @@ class _FeaturesConfigurationTabState extends State<FeaturesConfigurationTab> {
                 _expandedTileIndex.value = isExpanded ? tileIndex : null;
               },
               initiallyExpanded: expandedIndex == tileIndex,
+              childrenPadding: const EdgeInsetsDirectional.only(
+                start: AppSpacing.lg,
+                top: AppSpacing.md,
+                bottom: AppSpacing.md,
+              ),
+              expandedCrossAxisAlignment: CrossAxisAlignment.start,
               children: [
                 PushNotificationSettingsForm(
                   remoteConfig: widget.remoteConfig,
@@ -115,54 +128,118 @@ class _FeaturesConfigurationTabState extends State<FeaturesConfigurationTab> {
         ),
         const SizedBox(height: AppSpacing.lg),
 
-        // Feed Decorators
+        // Feed
         ValueListenableBuilder<int?>(
           valueListenable: _expandedTileIndex,
           builder: (context, expandedIndex, child) {
             const tileIndex = 2;
             return ExpansionTile(
-              key: ValueKey('feedDecoratorsTile_$expandedIndex'),
-              title: Text(l10n.feedDecoratorsTitle),
+              key: ValueKey('feedTile_$expandedIndex'),
+              title: Text(l10n.feedTab),
+              onExpansionChanged: (isExpanded) {
+                _expandedTileIndex.value = isExpanded ? tileIndex : null;
+              },
+              initiallyExpanded: expandedIndex == tileIndex,
               childrenPadding: const EdgeInsetsDirectional.only(
                 start: AppSpacing.lg,
                 top: AppSpacing.md,
                 bottom: AppSpacing.md,
               ),
               expandedCrossAxisAlignment: CrossAxisAlignment.start,
-              onExpansionChanged: (isExpanded) {
-                _expandedTileIndex.value = isExpanded ? tileIndex : null;
-              },
-              initiallyExpanded: expandedIndex == tileIndex,
               children: [
-                Text(
-                  l10n.feedDecoratorsDescription,
-                  style: Theme.of(context).textTheme.bodySmall?.copyWith(
-                    color: Theme.of(
-                      context,
-                    ).colorScheme.onSurface.withOpacity(0.7),
+                ExpansionTile(
+                  title: Text(l10n.feedItemClickBehaviorTitle),
+                  childrenPadding: const EdgeInsetsDirectional.only(
+                    start: AppSpacing.lg,
+                    top: AppSpacing.md,
+                    bottom: AppSpacing.md,
                   ),
+                  expandedCrossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      l10n.feedItemClickBehaviorDescription,
+                      style: Theme.of(context).textTheme.bodySmall?.copyWith(
+                        color: Theme.of(
+                          context,
+                        ).colorScheme.onSurface.withOpacity(0.7),
+                      ),
+                    ),
+                    const SizedBox(height: AppSpacing.lg),
+                    Align(
+                      alignment: AlignmentDirectional.centerStart,
+                      child: SegmentedButton<FeedItemClickBehavior>(
+                        segments: FeedItemClickBehavior.values
+                            .where(
+                              (b) => b != FeedItemClickBehavior.defaultBehavior,
+                            )
+                            .map(
+                              (behavior) =>
+                                  ButtonSegment<FeedItemClickBehavior>(
+                                    value: behavior,
+                                    label: Text(behavior.l10n(context)),
+                                  ),
+                            )
+                            .toList(),
+                        selected: {
+                          widget.remoteConfig.features.feed.itemClickBehavior,
+                        },
+                        onSelectionChanged: (newSelection) {
+                          widget.onConfigChanged(
+                            widget.remoteConfig.copyWith(
+                              features: widget.remoteConfig.features.copyWith(
+                                feed: widget.remoteConfig.features.feed
+                                    .copyWith(
+                                      itemClickBehavior: newSelection.first,
+                                    ),
+                              ),
+                            ),
+                          );
+                        },
+                      ),
+                    ),
+                  ],
                 ),
                 const SizedBox(height: AppSpacing.lg),
-                for (final decoratorType in FeedDecoratorType.values)
-                  Padding(
-                    padding: const EdgeInsets.only(bottom: AppSpacing.md),
-                    child: ExpansionTile(
-                      title: Text(decoratorType.l10n(context)),
-                      childrenPadding: const EdgeInsetsDirectional.only(
-                        start: AppSpacing.xl,
-                        top: AppSpacing.md,
-                        bottom: AppSpacing.md,
+                ExpansionTile(
+                  title: Text(l10n.feedDecoratorsTitle),
+                  childrenPadding: const EdgeInsetsDirectional.only(
+                    start: AppSpacing.lg,
+                    top: AppSpacing.md,
+                    bottom: AppSpacing.md,
+                  ),
+                  expandedCrossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      l10n.feedDecoratorsDescription,
+                      style: Theme.of(context).textTheme.bodySmall?.copyWith(
+                        color: Theme.of(
+                          context,
+                        ).colorScheme.onSurface.withOpacity(0.7),
                       ),
-                      expandedCrossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        FeedDecoratorForm(
-                          decoratorType: decoratorType,
-                          remoteConfig: widget.remoteConfig,
-                          onConfigChanged: widget.onConfigChanged,
-                        ),
-                      ],
                     ),
-                  ),
+                    const SizedBox(height: AppSpacing.lg),
+                    for (final decoratorType in FeedDecoratorType.values)
+                      Padding(
+                        padding: const EdgeInsets.only(bottom: AppSpacing.md),
+                        child: ExpansionTile(
+                          title: Text(decoratorType.l10n(context)),
+                          childrenPadding: const EdgeInsetsDirectional.only(
+                            start: AppSpacing.xl,
+                            top: AppSpacing.md,
+                            bottom: AppSpacing.md,
+                          ),
+                          expandedCrossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            FeedDecoratorForm(
+                              decoratorType: decoratorType,
+                              remoteConfig: widget.remoteConfig,
+                              onConfigChanged: widget.onConfigChanged,
+                            ),
+                          ],
+                        ),
+                      ),
+                  ],
+                ),
               ],
             );
           },