doesnt fetch devices on date change.

<!--
  Thanks for contributing!

Provide a description of your changes below and a general summary in the
title

Please look at the following checklist to ensure that your PR can be
accepted quickly:
-->

## Description

analytics hotfixes.

## Type of Change

<!--- Put an `x` in all the boxes that apply: -->

- [ ] ✨ New feature (non-breaking change which adds functionality)
- [x] 🛠️ Bug fix (non-breaking change which fixes an issue)
- [ ] ❌ Breaking change (fix or feature that would cause existing
functionality to change)
- [ ] 🧹 Code refactor
- [ ] ✅ Build configuration change
- [ ] 📝 Documentation
- [ ] 🗑️ Chore

lib/main.dart

@@ -7,10 +7,10 @@ import 'package:go_router/go_router.dart';
 import 'package:syncrow_web/firebase_options_prod.dart';
 import 'package:syncrow_web/pages/auth/bloc/auth_bloc.dart';
 import 'package:syncrow_web/pages/home/bloc/home_bloc.dart';
+import 'package:syncrow_web/pages/home/bloc/home_event.dart';
 import 'package:syncrow_web/pages/routines/bloc/create_routine_bloc/create_routine_bloc.dart';
 import 'package:syncrow_web/pages/routines/bloc/routine_bloc/routine_bloc.dart';
 import 'package:syncrow_web/pages/space_tree/bloc/space_tree_bloc.dart';
-import 'package:syncrow_web/pages/space_tree/bloc/space_tree_event.dart';
 import 'package:syncrow_web/pages/visitor_password/bloc/visitor_password_bloc.dart';
 import 'package:syncrow_web/services/locator.dart';
 import 'package:syncrow_web/utils/app_routes.dart';
@@ -59,7 +59,7 @@ class MyApp extends StatelessWidget {
           BlocProvider<CreateRoutineBloc>(
             create: (context) => CreateRoutineBloc(),
           ),
-          BlocProvider(create: (context) => HomeBloc()),
+          BlocProvider(create: (context) => HomeBloc()..add(FetchUserInfo())),
           BlocProvider<VisitorPasswordBloc>(
             create: (context) => VisitorPasswordBloc(),
           ),
@@ -67,7 +67,7 @@ class MyApp extends StatelessWidget {
             create: (context) => RoutineBloc(),
           ),
           BlocProvider<SpaceTreeBloc>(
-            create: (context) => SpaceTreeBloc()..add(InitialEvent()),
+            create: (context) => SpaceTreeBloc(),
           ),
         ],
         child: MaterialApp.router(

lib/main_dev.dart

@@ -7,10 +7,10 @@ import 'package:go_router/go_router.dart';
 import 'package:syncrow_web/firebase_options_dev.dart';
 import 'package:syncrow_web/pages/auth/bloc/auth_bloc.dart';
 import 'package:syncrow_web/pages/home/bloc/home_bloc.dart';
+import 'package:syncrow_web/pages/home/bloc/home_event.dart';
 import 'package:syncrow_web/pages/routines/bloc/create_routine_bloc/create_routine_bloc.dart';
 import 'package:syncrow_web/pages/routines/bloc/routine_bloc/routine_bloc.dart';
 import 'package:syncrow_web/pages/space_tree/bloc/space_tree_bloc.dart';
-import 'package:syncrow_web/pages/space_tree/bloc/space_tree_event.dart';
 import 'package:syncrow_web/pages/visitor_password/bloc/visitor_password_bloc.dart';
 import 'package:syncrow_web/services/locator.dart';
 import 'package:syncrow_web/utils/app_routes.dart';
@@ -59,7 +59,7 @@ class MyApp extends StatelessWidget {
           BlocProvider<CreateRoutineBloc>(
             create: (context) => CreateRoutineBloc(),
           ),
-          BlocProvider(create: (context) => HomeBloc()),
+          BlocProvider(create: (context) => HomeBloc()..add(FetchUserInfo())),
           BlocProvider<VisitorPasswordBloc>(
             create: (context) => VisitorPasswordBloc(),
           ),
@@ -67,7 +67,7 @@ class MyApp extends StatelessWidget {
             create: (context) => RoutineBloc(),
           ),
           BlocProvider<SpaceTreeBloc>(
-            create: (context) => SpaceTreeBloc()..add(InitialEvent()),
+            create: (context) => SpaceTreeBloc(),
           ),
         ],
         child: MaterialApp.router(

lib/main_staging.dart

@@ -7,10 +7,10 @@ import 'package:go_router/go_router.dart';
 import 'package:syncrow_web/firebase_options_prod.dart';
 import 'package:syncrow_web/pages/auth/bloc/auth_bloc.dart';
 import 'package:syncrow_web/pages/home/bloc/home_bloc.dart';
+import 'package:syncrow_web/pages/home/bloc/home_event.dart';
 import 'package:syncrow_web/pages/routines/bloc/create_routine_bloc/create_routine_bloc.dart';
 import 'package:syncrow_web/pages/routines/bloc/routine_bloc/routine_bloc.dart';
 import 'package:syncrow_web/pages/space_tree/bloc/space_tree_bloc.dart';
-import 'package:syncrow_web/pages/space_tree/bloc/space_tree_event.dart';
 import 'package:syncrow_web/pages/visitor_password/bloc/visitor_password_bloc.dart';
 import 'package:syncrow_web/services/locator.dart';
 import 'package:syncrow_web/utils/app_routes.dart';
@@ -56,7 +56,7 @@ class MyApp extends StatelessWidget {
           BlocProvider<CreateRoutineBloc>(
             create: (context) => CreateRoutineBloc(),
           ),
-          BlocProvider(create: (context) => HomeBloc()),
+          BlocProvider(create: (context) => HomeBloc()..add(FetchUserInfo())),
           BlocProvider<VisitorPasswordBloc>(
             create: (context) => VisitorPasswordBloc(),
           ),
@@ -64,7 +64,7 @@ class MyApp extends StatelessWidget {
             create: (context) => RoutineBloc(),
           ),
           BlocProvider<SpaceTreeBloc>(
-            create: (context) => SpaceTreeBloc()..add(InitialEvent()),
+            create: (context) => SpaceTreeBloc(),
           ),
         ],
         child: MaterialApp.router(

lib/pages/analytics/models/range_of_aqi.dart

@@ -38,9 +38,9 @@ class RangeOfAqiValue extends Equatable {
   factory RangeOfAqiValue.fromJson(Map<String, dynamic> json) {
     return RangeOfAqiValue(
       type: json['type'] as String,
-      min: (json['min'] as num).toDouble(),
-      average: (json['average'] as num).toDouble(),
-      max: (json['max'] as num).toDouble(),
+      min: (json['min'] as num? ?? 0).toDouble(),
+      average: (json['average'] as num? ?? 0).toDouble(),
+      max: (json['max'] as num? ?? 0).toDouble(),
     );
   }
 

lib/pages/analytics/modules/air_quality/helpers/fetch_air_quality_data_helper.dart

@@ -24,11 +24,13 @@ abstract final class FetchAirQualityDataHelper {
   }) {
     final date = context.read<AnalyticsDatePickerBloc>().state.monthlyDate;
     final aqiType = context.read<AirQualityDistributionBloc>().state.selectedAqiType;
-    loadAnalyticsDevices(
-      context,
-      communityUuid: communityUuid,
-      spaceUuid: spaceUuid,
-    );
+    if (shouldFetchAnalyticsDevices) {
+      loadAnalyticsDevices(
+        context,
+        communityUuid: communityUuid,
+        spaceUuid: spaceUuid,
+      );
+    }
     loadRangeOfAqi(
       context,
       spaceUuid: spaceUuid,

lib/pages/analytics/modules/air_quality/helpers/range_of_aqi_charts_helper.dart

@@ -23,6 +23,7 @@ abstract final class RangeOfAqiChartsHelper {
     return titlesData.copyWith(
       bottomTitles: titlesData.bottomTitles.copyWith(
         sideTitles: titlesData.bottomTitles.sideTitles.copyWith(
+          reservedSize: 36,
           getTitlesWidget: (value, meta) => Padding(
             padding: const EdgeInsetsDirectional.only(top: 20.0),
             child: Text(
@@ -40,6 +41,7 @@ abstract final class RangeOfAqiChartsHelper {
           reservedSize: 70,
           interval: 50,
           maxIncluded: false,
+          minIncluded: true,
           getTitlesWidget: (value, meta) {
             final text = value >= 300 ? '301+' : value.toInt().toString();
             return Padding(

lib/pages/analytics/modules/air_quality/views/air_quality_view.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:syncrow_web/pages/analytics/modules/air_quality/widgets/air_quality_end_side_widget.dart';
 import 'package:syncrow_web/pages/analytics/modules/air_quality/widgets/aqi_distribution_chart_box.dart';
+import 'package:syncrow_web/pages/analytics/modules/air_quality/widgets/aqi_legend.dart';
 import 'package:syncrow_web/pages/analytics/modules/air_quality/widgets/range_of_aqi_chart_box.dart';
 
 class AirQualityView extends StatelessWidget {
@@ -20,6 +21,10 @@ class AirQualityView extends StatelessWidget {
             child: Column(
               spacing: 32,
               children: [
+                SizedBox(
+                  height: height * 0.1,
+                  child: const AqiLegend(),
+                ),
                 SizedBox(
                   height: height * 1.2,
                   child: const AirQualityEndSideWidget(),
@@ -40,7 +45,7 @@ class AirQualityView extends StatelessWidget {
         return SingleChildScrollView(
           child: Container(
             padding: _padding,
-            height: height * 1.1,
+            height: height * 1.2,
             child: const Column(
               children: [
                 Expanded(
@@ -52,8 +57,9 @@ class AirQualityView extends StatelessWidget {
                         child: Column(
                           spacing: 20,
                           children: [
-                            Expanded(child: RangeOfAqiChartBox()),
-                            Expanded(child: AqiDistributionChartBox()),
+                            Expanded(flex: 2, child: AqiLegend()),
+                            Expanded(flex: 12, child: RangeOfAqiChartBox()),
+                            Expanded(flex: 12, child: AqiDistributionChartBox()),
                           ],
                         ),
                       ),

lib/pages/analytics/modules/air_quality/widgets/aqi_distribution_chart.dart

@@ -32,8 +32,13 @@ class AqiDistributionChart extends StatelessWidget {
   }
 
   List<BarChartGroupData> _buildBarGroups() {
-    return List.generate(chartData.length, (index) {
-      final data = chartData[index];
+    final groups = <BarChartGroupData>[];
+    for (var i = 0; i < chartData.length; i++) {
+      final data = chartData[i];
+      final isAllZero = data.data.every((d) => d.percentage == 0);
+      if (isAllZero) {
+        continue;
+      }
       final stackItems = <BarChartRodData>[];
       double currentY = 0;
       var isFirstElement = true;
@@ -56,13 +61,15 @@ class AqiDistributionChart extends StatelessWidget {
         currentY += percentageData.percentage + _rodStackItemsSpacing;
         isFirstElement = false;
       }
-
-      return BarChartGroupData(
-        x: index,
-        barRods: stackItems,
-        groupVertically: true,
+      groups.add(
+        BarChartGroupData(
+          x: i,
+          barRods: stackItems,
+          groupVertically: true,
+        ),
       );
-    });
+    }
+    return groups;
   }
 
   BarTouchData _barTouchData(BuildContext context) {
@@ -73,6 +80,7 @@ class AqiDistributionChart extends StatelessWidget {
           color: ColorsManager.semiTransparentBlack,
         ),
         tooltipRoundedRadius: 16,
+        maxContentWidth: 500,
         tooltipPadding: const EdgeInsets.all(8),
         getTooltipItem: (group, groupIndex, rod, rodIndex) {
           final data = chartData[group.x];
@@ -81,10 +89,13 @@ class AqiDistributionChart extends StatelessWidget {
 
           final textStyle = context.textTheme.bodySmall?.copyWith(
             color: ColorsManager.blackColor,
-            fontSize: 8,
+            fontSize: 11,
           );
 
           for (final percentageData in data.data) {
+            if (percentageData.percentage == 0) {
+              continue;
+            }
             final percentage = percentageData.percentage.toStringAsFixed(1);
             final type = percentageData.type[0].toUpperCase() +
                 percentageData.type.substring(1).replaceAll('_', ' ');
@@ -98,7 +109,7 @@ class AqiDistributionChart extends StatelessWidget {
             DateFormat('dd/MM/yyyy').format(data.date),
             context.textTheme.bodyMedium!.copyWith(
               color: ColorsManager.blackColor,
-              fontSize: 9,
+              fontSize: 12,
               fontWeight: FontWeight.w600,
             ),
             textAlign: TextAlign.start,
@@ -118,7 +129,6 @@ class AqiDistributionChart extends StatelessWidget {
     final leftTitles = titlesData.leftTitles.copyWith(
       sideTitles: titlesData.leftTitles.sideTitles.copyWith(
         reservedSize: 70,
-        interval: 20,
         maxIncluded: false,
         minIncluded: true,
         getTitlesWidget: (value, meta) => Padding(
@@ -140,7 +150,7 @@ class AqiDistributionChart extends StatelessWidget {
 
     final bottomTitles = AxisTitles(
       sideTitles: SideTitles(
-        showTitles: true,
+        showTitles: chartData.isNotEmpty,
         getTitlesWidget: (value, _) => FittedBox(
           alignment: AlignmentDirectional.bottomCenter,
           fit: BoxFit.scaleDown,
@@ -148,7 +158,7 @@ class AqiDistributionChart extends StatelessWidget {
             chartData[value.toInt()].date.day.toString(),
             style: context.textTheme.bodySmall?.copyWith(
               color: ColorsManager.lightGreyColor,
-              fontSize: 8,
+              fontSize: 12,
             ),
           ),
         ),

lib/pages/analytics/modules/air_quality/widgets/aqi_distribution_chart_title.dart

@@ -19,7 +19,7 @@ class AqiDistributionChartTitle extends StatelessWidget {
       children: [
         ChartsLoadingWidget(isLoading: isLoading),
         const Expanded(
-          flex: 3,
+          flex: 4,
           child: FittedBox(
             fit: BoxFit.scaleDown,
             alignment: AlignmentDirectional.centerStart,
@@ -28,23 +28,26 @@ class AqiDistributionChartTitle extends StatelessWidget {
             ),
           ),
         ),
-        FittedBox(
-          alignment: AlignmentDirectional.centerEnd,
-          fit: BoxFit.scaleDown,
-          child: AqiTypeDropdown(
-            onChanged: (value) {
-              if (value != null) {
-                final bloc = context.read<AirQualityDistributionBloc>();
-                try {
-                  final param = _makeLoadAqiDistributionParam(context, value);
-                  bloc.add(LoadAirQualityDistribution(param));
-                } catch (_) {
-                  return;
-                } finally {
-                  bloc.add(UpdateAqiTypeEvent(value));
+        Expanded(
+          flex: 2,
+          child: FittedBox(
+            alignment: AlignmentDirectional.centerEnd,
+            fit: BoxFit.scaleDown,
+            child: AqiTypeDropdown(
+              onChanged: (value) {
+                if (value != null) {
+                  final bloc = context.read<AirQualityDistributionBloc>();
+                  try {
+                    final param = _makeLoadAqiDistributionParam(context, value);
+                    bloc.add(LoadAirQualityDistribution(param));
+                  } catch (_) {
+                    return;
+                  } finally {
+                    bloc.add(UpdateAqiTypeEvent(value));
+                  }
                 }
-              }
-            },
+              },
+            ),
           ),
         ),
       ],

lib/pages/analytics/modules/air_quality/widgets/aqi_legend.dart

@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_web/pages/analytics/modules/air_quality/helpers/range_of_aqi_charts_helper.dart';
+import 'package:syncrow_web/pages/analytics/modules/analytics/widgets/chart_informative_cell.dart';
+import 'package:syncrow_web/utils/style.dart';
+
+class AqiLegend extends StatelessWidget {
+  const AqiLegend({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsetsDirectional.all(20),
+      decoration: subSectionContainerDecoration.copyWith(
+        borderRadius: BorderRadius.circular(20),
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.center,
+        spacing: 16,
+        children: RangeOfAqiChartsHelper.gradientData.map((e) {
+          return Flexible(
+            flex: 4,
+            child: FittedBox(
+              fit: BoxFit.fill,
+              child: ChartInformativeCell(
+                color: e.$1,
+                title: FittedBox(
+                  fit: BoxFit.fill,
+                  child: Text(e.$2),
+                ),
+                height: null,
+              ),
+            ),
+          );
+        }).toList(),
+      ),
+    );
+  }
+}

lib/pages/analytics/modules/air_quality/widgets/aqi_location_info_cell.dart

@@ -47,36 +47,37 @@ class AqiLocationInfoCell extends StatelessWidget {
               ),
             ),
             Align(
-              alignment: AlignmentDirectional.bottomEnd,
-              child: Padding(
-                padding: const EdgeInsetsDirectional.all(10),
-                child: SizedBox(
-                  height: 40,
-                  width: 120,
-                  child: FittedBox(
-                    fit: BoxFit.scaleDown,
-                    alignment: AlignmentDirectional.bottomEnd,
-                    child: Text(
-                      value,
-                      style: context.textTheme.bodySmall?.copyWith(
-                        color: ColorsManager.vividBlue.withValues(alpha: 0.7),
-                        fontWeight: FontWeight.w700,
-                        fontSize: 24,
+              alignment: AlignmentDirectional.bottomCenter,
+              child: Row(
+                crossAxisAlignment: CrossAxisAlignment.end,
+                children: [
+                  Expanded(
+                    child: SvgPicture.asset(
+                      svgPath,
+                      fit: BoxFit.scaleDown,
+                      alignment: AlignmentDirectional.bottomStart,
+                    ),
+                  ),
+                  Expanded(
+                    child: FittedBox(
+                      fit: BoxFit.scaleDown,
+                      alignment: AlignmentDirectional.bottomEnd,
+                      child: Padding(
+                        padding: const EdgeInsetsDirectional.all(10),
+                        child: Text(
+                          value,
+                          style: context.textTheme.bodySmall?.copyWith(
+                            color: ColorsManager.vividBlue.withValues(
+                              alpha: 0.7,
+                            ),
+                            fontWeight: FontWeight.w700,
+                            fontSize: 24,
+                          ),
+                        ),
                       ),
                     ),
                   ),
-                ),
-              ),
-            ),
-            Align(
-              alignment: AlignmentDirectional.bottomStart,
-              child: SizedBox.square(
-                dimension: MediaQuery.sizeOf(context).width * 0.45,
-                child: FittedBox(
-                  fit: BoxFit.scaleDown,
-                  alignment: AlignmentDirectional.bottomStart,
-                  child: SvgPicture.asset(svgPath),
-                ),
+                ],
               ),
             ),
           ],

lib/pages/analytics/modules/analytics/views/analytics_page.dart

@@ -31,6 +31,8 @@ import 'package:syncrow_web/pages/analytics/services/range_of_aqi/remote_range_o
 import 'package:syncrow_web/pages/analytics/services/realtime_device_service/firebase_realtime_device_service.dart';
 import 'package:syncrow_web/pages/analytics/services/total_energy_consumption/remote_total_energy_consumption_service.dart';
 import 'package:syncrow_web/pages/device_managment/shared/navigate_home_grid_view.dart';
+import 'package:syncrow_web/pages/space_tree/bloc/space_tree_bloc.dart';
+import 'package:syncrow_web/pages/space_tree/bloc/space_tree_event.dart';
 import 'package:syncrow_web/services/api/http_service.dart';
 import 'package:syncrow_web/utils/theme/responsive_text_theme.dart';
 import 'package:syncrow_web/web_layout/web_scaffold.dart';
@@ -130,9 +132,19 @@ class _AnalyticsPageState extends State<AnalyticsPage> {
   }
 }
 
-class AnalyticsPageForm extends StatelessWidget {
+class AnalyticsPageForm extends StatefulWidget {
   const AnalyticsPageForm({super.key});
 
+  @override
+  State<AnalyticsPageForm> createState() => _AnalyticsPageFormState();
+}
+
+class _AnalyticsPageFormState extends State<AnalyticsPageForm> {
+  @override
+  void initState() {
+    context.read<SpaceTreeBloc>().add(InitialEvent());
+    super.initState();
+  }
   @override
   Widget build(BuildContext context) {
     return WebScaffold(

lib/pages/analytics/modules/analytics/widgets/chart_informative_cell.dart

@@ -7,16 +7,18 @@ class ChartInformativeCell extends StatelessWidget {
     required this.title,
     required this.color,
     this.hasBorder = false,
+    this.height,
   });
 
   final Widget title;
   final Color color;
   final bool hasBorder;
+  final double? height;
 
   @override
   Widget build(BuildContext context) {
     return Container(
-      height: MediaQuery.sizeOf(context).height * 0.0385,
+      height: height ?? MediaQuery.sizeOf(context).height * 0.0385,
       padding: const EdgeInsetsDirectional.symmetric(
         vertical: 8,
         horizontal: 12,

lib/pages/analytics/modules/energy_management/views/analytics_energy_management_view.dart

@@ -46,7 +46,7 @@ class AnalyticsEnergyManagementView extends StatelessWidget {
                     spacing: 32,
                     children: [
                       Expanded(
-                        flex: 2,
+                        flex: 7,
                         child: Column(
                           spacing: 20,
                           children: [
@@ -55,7 +55,7 @@ class AnalyticsEnergyManagementView extends StatelessWidget {
                           ],
                         ),
                       ),
-                      Expanded(child: PowerClampEnergyDataWidget()),
+                      Expanded(flex: 4, child: PowerClampEnergyDataWidget()),
                     ],
                   ),
                 ),

lib/pages/analytics/modules/occupancy/views/analytics_occupancy_view.dart

@@ -31,12 +31,12 @@ class AnalyticsOccupancyView extends StatelessWidget {
         return SingleChildScrollView(
           child: Container(
             padding: _padding,
-            height: height * 0.9,
+            height: height * 1,
             child: const Row(
               spacing: 32,
               children: [
                 Expanded(
-                  flex: 5,
+                  flex: 7,
                   child: Column(
                     spacing: 20,
                     children: [
@@ -45,7 +45,7 @@ class AnalyticsOccupancyView extends StatelessWidget {
                     ],
                   ),
                 ),
-                Expanded(flex: 2, child: OccupancyEndSideBar()),
+                Expanded(flex: 4, child: OccupancyEndSideBar()),
               ],
             ),
           ),

lib/pages/analytics/modules/occupancy/widgets/occupancy_end_side_bar.dart

@@ -24,37 +24,45 @@ class OccupancyEndSideBar extends StatelessWidget {
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
               const AnalyticsSidebarHeader(title: 'Presnce Sensor'),
-              SizedBox(
-                height: MediaQuery.sizeOf(context).height * 0.2,
-                child: PowerClampEnergyStatusWidget(
-                  status: [
-                    PowerClampEnergyStatus(
-                      iconPath: Assets.presenceState,
-                      title: 'Presence Status',
-                      value: _valueFromCode(
-                        'presence_state',
-                        state.deviceStatusList,
+              Expanded(
+                child: SizedBox(
+                  // height: MediaQuery.sizeOf(context).height * 0.2,
+                  child: PowerClampEnergyStatusWidget(
+                    status: [
+                      PowerClampEnergyStatus(
+                        iconPath: Assets.presenceState,
+                        title: 'Presence Status',
+                        value: _valueFromCode(
+                          'presence_state',
+                          state.deviceStatusList,
+                        ),
+                        unit: '',
                       ),
-                      unit: '',
-                    ),
-                    PowerClampEnergyStatus(
-                      iconPath: Assets.presenceTimeIcon,
-                      title: 'Presence Time',
-                      value:
-                          '${_valueFromCode('none_body_time', state.deviceStatusList)} Min',
-                      unit: '',
-                    ),
-                    PowerClampEnergyStatus(
-                      iconPath: Assets.currentDistanceIcon,
-                      title: 'Detection Distance',
-                      value:
-                          '${_valueFromCode('space_move_val', state.deviceStatusList)} M',
-                      unit: '',
-                    ),
-                  ],
+                      PowerClampEnergyStatus(
+                        iconPath: Assets.presenceTimeIcon,
+                        title: 'Presence Time',
+                        value:
+                            '${_valueFromCode('none_body_time', state.deviceStatusList)} Min',
+                        unit: '',
+                      ),
+                      PowerClampEnergyStatus(
+                        iconPath: Assets.currentDistanceIcon,
+                        title: 'Detection Distance',
+                        value:
+                            '${_valueFromCode('space_move_val', state.deviceStatusList)} M',
+                        unit: '',
+                      ),
+                    ],
+                  ),
                 ),
               ),
               const SizedBox(height: 20),
+              Expanded(
+                flex: 2,
+                child: FittedBox(
+                  child: Image.asset(Assets.autocadOccupancyImage),
+                ),
+              ),
             ],
           ),
         );

lib/pages/device_managment/all_devices/models/devices_model.dart

@@ -6,6 +6,7 @@ import 'package:syncrow_web/pages/device_managment/all_devices/models/device_tag
 import 'package:syncrow_web/pages/device_managment/all_devices/models/room.dart';
 import 'package:syncrow_web/pages/device_managment/all_devices/models/unit.dart';
 import 'package:syncrow_web/pages/routines/models/ac/ac_function.dart';
+import 'package:syncrow_web/pages/routines/models/curtain/curtain_function.dart';
 import 'package:syncrow_web/pages/routines/models/device_functions.dart';
 import 'package:syncrow_web/pages/routines/models/flush/flush_functions.dart';
 import 'package:syncrow_web/pages/routines/models/gang_switches/one_gang_switch/one_gang_switch.dart';
@@ -359,6 +360,14 @@ SOS
           uuid: uuid ?? '',
           name: name ?? '',
         );
+      case 'CUR':
+        return [
+          ControlCurtainFunction(
+            deviceId: uuid ?? '',
+            deviceName: name ?? '',
+            type: 'BOTH',
+          )
+        ];
       case 'NCPS':
         return [
           FlushPresenceDelayFunction(
@@ -441,15 +450,10 @@ SOS
           VoltageCStatusFunction(
               deviceId: uuid ?? '', deviceName: name ?? '', type: 'IF'),
           CurrentCStatusFunction(
-              deviceId: uuid ?? '',
-              deviceName: name ?? '',
-              type: 'IF'), 
+              deviceId: uuid ?? '', deviceName: name ?? '', type: 'IF'),
           PowerFactorCStatusFunction(
-              deviceId: uuid ?? '',
-              deviceName: name ?? '',
-              type: 'IF'), 
+              deviceId: uuid ?? '', deviceName: name ?? '', type: 'IF'),
         ];
-
       default:
         return [];
     }

lib/pages/device_managment/all_devices/view/device_managment_page.dart

@@ -8,15 +8,28 @@ import 'package:syncrow_web/pages/routines/bloc/create_routine_bloc/create_routi
 import 'package:syncrow_web/pages/routines/bloc/routine_bloc/routine_bloc.dart';
 import 'package:syncrow_web/pages/routines/view/create_new_routine_view.dart';
 import 'package:syncrow_web/pages/routines/view/routines_view.dart';
+import 'package:syncrow_web/pages/space_tree/bloc/space_tree_bloc.dart';
+import 'package:syncrow_web/pages/space_tree/bloc/space_tree_event.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
 import 'package:syncrow_web/utils/extension/build_context_x.dart';
 import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
 import 'package:syncrow_web/utils/theme/responsive_text_theme.dart';
 import 'package:syncrow_web/web_layout/web_scaffold.dart';
 
-class DeviceManagementPage extends StatelessWidget with HelperResponsiveLayout {
+class DeviceManagementPage extends StatefulWidget with HelperResponsiveLayout {
   const DeviceManagementPage({super.key});
 
+  @override
+  State<DeviceManagementPage> createState() => _DeviceManagementPageState();
+}
+
+class _DeviceManagementPageState extends State<DeviceManagementPage> {
+
+@override
+  void initState() {
+    context.read<SpaceTreeBloc>().add(InitialEvent());
+    super.initState();
+  }
   @override
   Widget build(BuildContext context) {
     return MultiBlocProvider(

lib/pages/home/view/home_card.dart

@@ -34,17 +34,9 @@ class HomeCard extends StatelessWidget {
               child: Row(
                 mainAxisAlignment: MainAxisAlignment.start,
                 children: [
-                  Flexible(
-                    child: FittedBox(
-                      fit: BoxFit.scaleDown,
-                      child: Text(
-                        name,
-                        style: const TextStyle(
-                          fontSize: 30,
-                          color: Colors.white,
-                          fontWeight: FontWeight.bold,
-                        ),
-                      ),
+                  Expanded(
+                    child: SpliteNameHelperWidget(
+                      name: name,
                     ),
                   ),
                 ],
@@ -63,3 +55,72 @@ class HomeCard extends StatelessWidget {
     );
   }
 }
+
+class SpliteNameHelperWidget extends StatelessWidget {
+  final String name;
+  const SpliteNameHelperWidget({
+    super.key,
+    required this.name,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    List<String> parts = name.split(' ');
+
+    if (parts.length == 2) {
+      // Two-word string
+      return Padding(
+        padding: const EdgeInsetsGeometry.only(top: 10, left: 10),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Expanded(
+              child: FittedBox(
+                fit: BoxFit.scaleDown,
+                child: Text(
+                  parts[0],
+                  style: const TextStyle(
+                    fontSize: 30,
+                    color: Colors.white,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+              ),
+            ),
+            Expanded(
+              child: FittedBox(
+                fit: BoxFit.scaleDown,
+                child: Text(
+                  parts[1],
+                  style: const TextStyle(
+                    fontSize: 30,
+                    color: Colors.white,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+              ),
+            ),
+          ],
+        ),
+      );
+    } else {
+      // One-word string
+      return Text(
+        name,
+        style: const TextStyle(
+          fontSize: 30,
+          color: Colors.white,
+          fontWeight: FontWeight.bold,
+        ),
+      );
+    }
+  }
+}
+// Text(
+//                       name,
+//                       style: const TextStyle(
+//                         fontSize: 32,
+//                         color: Colors.white,
+//                         fontWeight: FontWeight.bold,
+//                       ),
+//                     )

lib/pages/home/view/home_page.dart

@@ -13,19 +13,25 @@ class HomePage extends StatefulWidget {
   State<HomePage> createState() => _HomePageState();
 }
 
-class _HomePageState extends State<HomePage>  with HelperResponsiveLayout{
-
+class _HomePageState extends State<HomePage> with HelperResponsiveLayout {
   @override
   void initState() {
-    context.read<HomeBloc>().add(const FetchUserInfo());
+    _fetchUserInfo();
+
     super.initState();
   }
+
   @override
   Widget build(BuildContext context) {
-    final isSmallScreen = isSmallScreenSize(context);
-    final isMediumScreen = isMediumScreenSize(context);
-    return isSmallScreen || isMediumScreen
-        ? HomeMobilePage()
-        : const HomeWebPage();
+    if (isSmallScreenSize(context) || isMediumScreenSize(context)) {
+      return HomeMobilePage();
+    }
+
+    return const HomeWebPage();
+  }
+
+  void _fetchUserInfo() {
+    final bloc = context.read<HomeBloc>();
+    if (bloc.user == null) bloc.add(const FetchUserInfo());
   }
 }

lib/pages/home/view/home_page_web.dart

@@ -92,7 +92,7 @@ class _HomeWebPageState extends State<HomeWebPage> {
                         flex: 4,
                         child: SizedBox(
                           height: size.height * 0.6,
-                          width: size.width * 0.68,
+                          width: size.width * 0.8,
                           child: GridView.builder(
                             itemCount: homeBloc.homeItems.length,
                             gridDelegate:

lib/pages/routines/bloc/functions_bloc/functions_bloc_bloc.dart

@@ -13,6 +13,35 @@ class FunctionBloc extends Bloc<FunctionBlocEvent, FunctionBlocState> {
     on<AddFunction>(_onAddFunction);
     on<SelectFunction>(_onSelectFunction);
   }
+  // void _onAddFunction(AddFunction event, Emitter<FunctionBlocState> emit) {
+  //   final functions = List<DeviceFunctionData>.from(state.addedFunctions);
+  //   final existingIndex = functions.indexWhere(
+  //     (f) => f.functionCode == event.functionData.functionCode,
+  //   );
+
+  //   if (existingIndex != -1) {
+  //     final existingData = functions[existingIndex];
+  //     functions[existingIndex] = DeviceFunctionData(
+  //       entityId: event.functionData.entityId,
+  //       functionCode: event.functionData.functionCode,
+  //       operationName: event.functionData.operationName,
+  //       value: event.functionData.value ?? existingData.value,
+  //       valueDescription: event.functionData.valueDescription ??
+  //           existingData.valueDescription,
+  //       condition: event.functionData.condition ?? existingData.condition,
+  //       step: event.functionData.step ?? existingData.step,
+  //     );
+  //   } else {
+  //     functions.clear();
+  //     functions.add(event.functionData);
+  //   }
+
+  //   emit(state.copyWith(
+  //     addedFunctions: functions,
+  //     selectedFunction: event.functionData.functionCode,
+  //   ));
+  // }
+
   void _onAddFunction(AddFunction event, Emitter<FunctionBlocState> emit) {
     final functions = List<DeviceFunctionData>.from(state.addedFunctions);
     final existingIndex = functions.indexWhere(
@@ -20,19 +49,10 @@ class FunctionBloc extends Bloc<FunctionBlocEvent, FunctionBlocState> {
     );
 
     if (existingIndex != -1) {
-      final existingData = functions[existingIndex];
-      functions[existingIndex] = DeviceFunctionData(
-        entityId: event.functionData.entityId,
-        functionCode: event.functionData.functionCode,
-        operationName: event.functionData.operationName,
-        value: event.functionData.value ?? existingData.value,
-        valueDescription: event.functionData.valueDescription ??
-            existingData.valueDescription,
-        condition: event.functionData.condition ?? existingData.condition,
-        step: event.functionData.step ?? existingData.step,
-      );
+      // Update the function value
+      functions[existingIndex] = event.functionData;
     } else {
-      functions.clear();
+      // Add new function value
       functions.add(event.functionData);
     }
 

lib/pages/routines/bloc/routine_bloc/routine_bloc.dart

@@ -1419,15 +1419,17 @@ Future<void> _onLoadScenes(
           event.automationId, event.automationStatusUpdate, projectId);
 
       if (success) {
-        final updatedAutomations = await SceneApi.getAutomationByUnitId(
-            event.automationStatusUpdate.spaceUuid,
-            event.communityId,
-            projectId);
+        // await SceneApi.getAutomationByUnitId(
+        //     event.automationStatusUpdate.spaceUuid,
+        //     event.communityId,
+        //     projectId);
 
         // Remove from loading set safely
+
         final updatedLoadingIds = {...state.loadingAutomationIds!}
           ..remove(event.automationId);
-
+        final updatedAutomations = changeItemStateOnToggelingSceen(
+            state.automations, event.automationId);
         emit(state.copyWith(
           automations: updatedAutomations,
           loadingAutomationIds: updatedLoadingIds,
@@ -1449,4 +1451,24 @@ Future<void> _onLoadScenes(
       ));
     }
   }
+
+  List<ScenesModel> changeItemStateOnToggelingSceen(
+      List<ScenesModel> oldSceen, String automationId) {
+    return oldSceen.map((scene) {
+      if (scene.id == automationId) {
+        return ScenesModel(
+          id: scene.id,
+          sceneTuyaId: scene.sceneTuyaId,
+          name: scene.name,
+          status: scene.status == 'enable' ? 'disable' : 'enable',
+          type: scene.type,
+          spaceName: scene.spaceName,
+          spaceId: scene.spaceId,
+          communityId: scene.communityId,
+          icon: scene.icon,
+        );
+      }
+      return scene;
+    }).toList();
+  }
 }

lib/pages/routines/create_new_routines/commu_dropdown.dart

@@ -117,7 +117,7 @@ class _DropdownContentState extends State<_DropdownContent> {
     final selectedCommunity = _findCommunity(state, state.selectedSpaceId);
 
     return Container(
-      height: 46,
+      height: 40,
       decoration: BoxDecoration(
         border: Border.all(color: Colors.grey.shade300),
         borderRadius: BorderRadius.circular(12),
@@ -149,7 +149,7 @@ class _DropdownContentState extends State<_DropdownContent> {
               ),
             ),
             height: 45,
-            width: 33,
+            width: 44,
             child: const Icon(
               Icons.keyboard_arrow_down,
               color: ColorsManager.textGray,

lib/pages/routines/create_new_routines/create_new_routines.dart

@@ -44,144 +44,156 @@ class _CreateNewRoutinesDialogState extends State<CreateNewRoutinesDialog> {
               _selectedSpace = null;
               _selectedCommunity = _selectedId;
             }
-            return AlertDialog(
+            return Dialog(
               backgroundColor: Colors.white,
-              insetPadding: EdgeInsets.zero,
-              contentPadding: EdgeInsets.zero,
+              insetPadding: const EdgeInsets.symmetric(
+                horizontal: 20,
+              ),
               shape: RoundedRectangleBorder(
                   borderRadius: BorderRadius.circular(12)),
-              title: Text(
-                'Create New Routines',
-                textAlign: TextAlign.center,
-                style: Theme.of(context).textTheme.bodyMedium!.copyWith(
-                      color: ColorsManager.spaceColor,
-                      fontSize: 20,
-                      fontWeight: FontWeight.w700,
-                    ),
-              ),
-              content: Stack(
-                children: [
-                  Column(
-                    mainAxisSize: MainAxisSize.min,
-                    children: [
-                      const Divider(),
-                      const SizedBox(height: 20),
-                      Column(
-                        children: [
-                          Padding(
-                              padding:
-                                  const EdgeInsets.only(left: 13, right: 8),
-                              child: Column(
-                                children: [
-                                  SpaceTreeDropdown(
-                                    selectedSpaceId: _selectedId,
+              child: Container(
+                width: 450,
+                child: Stack(
+                  children: [
+                    Column(
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        const SizedBox(height: 20),
+                        Text(
+                          'Create New Routines',
+                          textAlign: TextAlign.center,
+                          style:
+                              Theme.of(context).textTheme.bodyMedium!.copyWith(
+                                    color: ColorsManager.spaceColor,
+                                    fontSize: 20,
+                                    fontWeight: FontWeight.w700,
+                                  ),
+                        ),
+                        const Divider(),
+                        const SizedBox(height: 20),
+                        Column(
+                          children: [
+                            Column(
+                              children: [
+                                Padding(
+                                    padding: const EdgeInsets.only(
+                                        left: 13, right: 10),
+                                    child: Column(
+                                      children: [
+                                        SpaceTreeDropdown(
+                                          selectedSpaceId: _selectedId,
+                                          onChanged: (String? newValue) {
+                                            setState(
+                                                () => _selectedId = newValue!);
+                                            if (_selectedId != null) {
+                                              _bloc.add(
+                                                  SpaceOnlyWithDevicesEvent(
+                                                      _selectedId!));
+                                            }
+                                          },
+                                        ),
+                                      ],
+                                    )),
+                                const SizedBox(height: 21),
+                                Padding(
+                                  padding: const EdgeInsets.only(
+                                      left: 15, right: 20),
+                                  child: SpaceDropdown(
+                                    hintMessage: spaceHint,
+                                    spaces: spaces,
+                                    selectedValue: _selectedSpace,
                                     onChanged: (String? newValue) {
-                                      setState(() => _selectedId = newValue!);
-                                      if (_selectedId != null) {
-                                        _bloc.add(SpaceOnlyWithDevicesEvent(
-                                            _selectedId!));
-                                      }
+                                      setState(() {
+                                        _selectedSpace = newValue;
+                                      });
                                     },
                                   ),
-                                ],
-                              )),
-                          const SizedBox(height: 5),
-                          const SizedBox(height: 8),
-                          Padding(
-                            padding: const EdgeInsets.only(left: 15, right: 15),
-                            child: SpaceDropdown(
-                              hintMessage: spaceHint,
-                              spaces: spaces,
-                              selectedValue: _selectedSpace,
-                              onChanged: (String? newValue) {
-                                setState(() {
-                                  _selectedSpace = newValue;
-                                });
-                              },
+                                ),
+                              ],
                             ),
-                          ),
-                        ],
-                      ),
-                      const SizedBox(height: 20),
-                      const Divider(),
-                      Row(
-                        mainAxisAlignment: MainAxisAlignment.spaceAround,
-                        children: [
-                          Padding(
-                            padding: const EdgeInsets.only(
-                              left: 20,
-                              right: 20,
-                            ),
-                            child: TextButton(
-                              onPressed: () {
-                                Navigator.of(context).pop();
-                              },
-                              child: Text(
-                                'Cancel',
-                                style: Theme.of(context)
-                                    .textTheme
-                                    .bodyMedium!
-                                    .copyWith(
-                                      fontWeight: FontWeight.w400,
-                                      fontSize: 14,
-                                      color: ColorsManager.blackColor,
-                                    ),
+                          ],
+                        ),
+                        const SizedBox(height: 20),
+                        const Divider(),
+                        Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceAround,
+                          children: [
+                            Padding(
+                              padding: const EdgeInsets.only(
+                                left: 20,
+                                right: 20,
+                              ),
+                              child: TextButton(
+                                onPressed: () {
+                                  Navigator.of(context).pop();
+                                },
+                                child: Text(
+                                  'Cancel',
+                                  style: Theme.of(context)
+                                      .textTheme
+                                      .bodyMedium!
+                                      .copyWith(
+                                        fontWeight: FontWeight.w400,
+                                        fontSize: 14,
+                                        color: ColorsManager.blackColor,
+                                      ),
+                                ),
                               ),
                             ),
-                          ),
-                          Padding(
-                            padding: const EdgeInsets.only(
-                              left: 20,
-                              right: 20,
-                            ),
-                            child: TextButton(
-                              onPressed: _selectedCommunity != null &&
-                                      _selectedSpace != null
-                                  ? () {
-                                      Navigator.of(context).pop({
-                                        'community': _selectedCommunity,
-                                        'space': _selectedSpace,
-                                      });
-                                    }
-                                  : null,
-                              child: Text(
-                                'Next',
-                                style: Theme.of(context)
-                                    .textTheme
-                                    .bodyMedium!
-                                    .copyWith(
-                                      fontWeight: FontWeight.w400,
-                                      fontSize: 14,
-                                      color: _selectedCommunity != null &&
-                                              _selectedSpace != null
-                                          ? ColorsManager.blueColor
-                                          : Colors.blue.shade100,
-                                    ),
+                            Padding(
+                              padding: const EdgeInsets.only(
+                                left: 20,
+                                right: 20,
+                              ),
+                              child: TextButton(
+                                onPressed: _selectedCommunity != null &&
+                                        _selectedSpace != null
+                                    ? () {
+                                        Navigator.of(context).pop({
+                                          'community': _selectedCommunity,
+                                          'space': _selectedSpace,
+                                        });
+                                      }
+                                    : null,
+                                child: Text(
+                                  'Next',
+                                  style: Theme.of(context)
+                                      .textTheme
+                                      .bodyMedium!
+                                      .copyWith(
+                                        fontWeight: FontWeight.w400,
+                                        fontSize: 14,
+                                        color: _selectedCommunity != null &&
+                                                _selectedSpace != null
+                                            ? ColorsManager.blueColor
+                                            : Colors.blue.shade100,
+                                      ),
+                                ),
                               ),
                             ),
-                          ),
-                        ],
-                      ),
-                      const SizedBox(height: 10),
-                    ],
-                  ),
-                  if (isLoadingCommunities)
-                    const SizedBox(
-                      height: 200,
-                      child: Column(
-                        mainAxisSize: MainAxisSize.min,
-                        mainAxisAlignment: MainAxisAlignment.center,
-                        crossAxisAlignment: CrossAxisAlignment.center,
-                        children: [
-                          Center(
-                            child: CircularProgressIndicator(
-                              color: ColorsManager.primaryColor,
-                            ),
-                          ),
-                        ],
-                      ),
+                          ],
+                        ),
+                        const SizedBox(height: 10),
+                      ],
                     ),
-                ],
+                    if (isLoadingCommunities)
+                      const SizedBox(
+                        height: 200,
+                        child: Column(
+                          mainAxisSize: MainAxisSize.min,
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          crossAxisAlignment: CrossAxisAlignment.center,
+                          children: [
+                            Center(
+                              child: CircularProgressIndicator(
+                                color: ColorsManager.primaryColor,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                  ],
+                ),
               ),
             );
           },

lib/pages/routines/create_new_routines/space_dropdown.dart

@@ -34,7 +34,9 @@ class SpaceDropdown extends StatelessWidget {
           ),
           SizedBox(
             child: Container(
+              height: 40,
               decoration: BoxDecoration(
+                color: ColorsManager.whiteColors,
                 borderRadius: BorderRadius.circular(10),
               ),
               child: DropdownButton2<String>(
@@ -45,7 +47,7 @@ class SpaceDropdown extends StatelessWidget {
                     value: space.uuid,
                     child: Column(
                       crossAxisAlignment: CrossAxisAlignment.start,
-                      mainAxisAlignment: MainAxisAlignment.start,
+                      mainAxisAlignment: MainAxisAlignment.center,
                       children: [
                         Text(
                           '   ${space.name}',
@@ -88,7 +90,7 @@ class SpaceDropdown extends StatelessWidget {
                     mainAxisAlignment: MainAxisAlignment.spaceBetween,
                     children: [
                       Expanded(
-                        flex: 6,
+                        flex: 8,
                         child: Padding(
                           padding: const EdgeInsets.only(left: 10),
                           child: Text(
@@ -129,6 +131,7 @@ class SpaceDropdown extends StatelessWidget {
                 dropdownStyleData: DropdownStyleData(
                   maxHeight: MediaQuery.of(context).size.height * 0.4,
                   decoration: BoxDecoration(
+                    color: ColorsManager.whiteColors,
                     borderRadius: BorderRadius.circular(10),
                   ),
                 ),

lib/pages/routines/helper/dialog_helper/device_dialog_helper.dart

@@ -4,6 +4,7 @@ import 'package:syncrow_web/pages/routines/bloc/routine_bloc/routine_bloc.dart';
 import 'package:syncrow_web/pages/routines/models/device_functions.dart';
 import 'package:syncrow_web/pages/routines/widgets/routine_dialogs/ac_dialog.dart';
 import 'package:syncrow_web/pages/routines/widgets/routine_dialogs/ceiling_sensor/ceiling_sensor_helper.dart';
+import 'package:syncrow_web/pages/routines/widgets/routine_dialogs/curtain_dialog.dart';
 import 'package:syncrow_web/pages/routines/widgets/routine_dialogs/flush_presence_sensor/flush_presence_sensor.dart';
 import 'package:syncrow_web/pages/routines/widgets/routine_dialogs/gateway/gateway_helper.dart';
 import 'package:syncrow_web/pages/routines/widgets/routine_dialogs/one_gang_switch_dialog.dart';
@@ -26,7 +27,7 @@ class DeviceDialogHelper {
       final result = await _getDialogForDeviceType(
         dialogType: dialogType,
         context: context,
-        productType: data['productType'],
+        productType: data['productType'] as String,
         data: data,
         functions: functions,
         removeComparetors: removeComparetors,
@@ -65,7 +66,14 @@ class DeviceDialogHelper {
           removeComparetors: removeComparetors,
           dialogType: dialogType,
         );
-
+      case 'CUR':
+        return CurtainHelper.showControlDialog(
+          dialogType: dialogType,
+          context: context,
+          functions: functions,
+          uniqueCustomId: data['uniqueCustomId'],
+          device: data['device'],
+        );
       case '1G':
         return OneGangSwitchHelper.showSwitchFunctionsDialog(
             dialogType: dialogType,

lib/pages/routines/helper/save_routine_helper.dart

@@ -17,9 +17,10 @@ class SaveRoutineHelper {
       builder: (context) {
         return BlocBuilder<RoutineBloc, RoutineState>(
           builder: (context, state) {
-            final selectedConditionLabel = state.selectedAutomationOperator == 'and'
-                ? 'All Conditions are met'
-                : 'Any Condition is met';
+            final selectedConditionLabel =
+                state.selectedAutomationOperator == 'and'
+                    ? 'All Conditions are met'
+                    : 'Any Condition is met';
 
             return AlertDialog(
               contentPadding: EdgeInsets.zero,
@@ -37,10 +38,11 @@ class SaveRoutineHelper {
                     Text(
                       'Create a scene: ${state.routineName ?? ""}',
                       textAlign: TextAlign.center,
-                      style: Theme.of(context).textTheme.headlineMedium!.copyWith(
-                            color: ColorsManager.primaryColorWithOpacity,
-                            fontWeight: FontWeight.bold,
-                          ),
+                      style:
+                          Theme.of(context).textTheme.headlineMedium!.copyWith(
+                                color: ColorsManager.primaryColorWithOpacity,
+                                fontWeight: FontWeight.bold,
+                              ),
                     ),
                     const SizedBox(height: 18),
                     _buildDivider(),
@@ -58,7 +60,8 @@ class SaveRoutineHelper {
                             _buildIfConditions(state, context),
                             Container(
                               width: 1,
-                              color: ColorsManager.greyColor.withValues(alpha: 0.8),
+                              color: ColorsManager.greyColor
+                                  .withValues(alpha: 0.8),
                             ),
                             _buildThenActions(state, context),
                           ],
@@ -97,7 +100,8 @@ class SaveRoutineHelper {
       child: Row(
         spacing: 16,
         children: [
-          Expanded(child: Text('IF: $selectedConditionLabel', style: textStyle)),
+          Expanded(
+              child: Text('IF: $selectedConditionLabel', style: textStyle)),
           const Expanded(child: Text('THEN:', style: textStyle)),
         ],
       ),
@@ -109,7 +113,7 @@ class SaveRoutineHelper {
       spacing: 16,
       mainAxisAlignment: MainAxisAlignment.spaceEvenly,
       children: [
- DialogFooterButton(
+        DialogFooterButton(
           text: 'Back',
           onTap: () => Navigator.pop(context),
         ),
@@ -143,7 +147,8 @@ class SaveRoutineHelper {
       child: ListView(
         // shrinkWrap: true,
         children: state.thenItems.map((item) {
-          final functions = state.selectedFunctions[item['uniqueCustomId']] ?? [];
+          final functions =
+              state.selectedFunctions[item['uniqueCustomId']] ?? [];
           return functionRow(item, context, functions);
         }).toList(),
       ),
@@ -203,19 +208,20 @@ class SaveRoutineHelper {
                     ),
                   ),
                   child: Center(
-                    child: item['type'] == 'tap_to_run' || item['type'] == 'scene'
-                        ? Image.memory(
-                            base64Decode(item['icon']),
-                            width: 12,
-                            height: 22,
-                            fit: BoxFit.scaleDown,
-                          )
-                        : SvgPicture.asset(
-                            item['imagePath'],
-                            width: 12,
-                            height: 12,
-                            fit: BoxFit.scaleDown,
-                          ),
+                    child:
+                        item['type'] == 'tap_to_run' || item['type'] == 'scene'
+                            ? Image.memory(
+                                base64Decode(item['icon']),
+                                width: 12,
+                                height: 22,
+                                fit: BoxFit.scaleDown,
+                              )
+                            : SvgPicture.asset(
+                                item['imagePath'],
+                                width: 12,
+                                height: 12,
+                                fit: BoxFit.scaleDown,
+                              ),
                   ),
                 ),
                 Flexible(

lib/pages/routines/models/curtain/curtain_function.dart

@@ -0,0 +1,49 @@
+import 'package:syncrow_web/pages/device_managment/curtain/model/curtain_model.dart';
+import 'package:syncrow_web/pages/routines/models/curtain/curtain_opertion_value.dart';
+import 'package:syncrow_web/pages/routines/models/device_functions.dart'
+    show DeviceFunction;
+import 'package:syncrow_web/utils/constants/app_enum.dart';
+import 'package:syncrow_web/utils/constants/assets.dart';
+
+abstract class CurtainFunction extends DeviceFunction<CurtainModel> {
+  final String type;
+  CurtainFunction({
+    required super.deviceId,
+    required super.deviceName,
+    required this.type,
+    required super.code,
+    required super.operationName,
+    required super.icon,
+  });
+  List<CurtainOperationalValue> getOperationalValues();
+}
+
+class ControlCurtainFunction extends CurtainFunction {
+  ControlCurtainFunction({
+    required super.deviceId,
+    required super.deviceName,
+    required super.type,
+    super.code = 'control',
+    super.operationName = 'Control',
+    super.icon = Assets.curtain,
+  });
+
+  @override
+  List<CurtainOperationalValue> getOperationalValues() => [
+        CurtainOperationalValue(
+          icon: Assets.curtain,
+          description: 'OPEN',
+          value: 'open',
+        ),
+        CurtainOperationalValue(
+          icon: Assets.curtain,
+          description: 'STOP',
+          value: 'stop',
+        ),
+        CurtainOperationalValue(
+          icon: Assets.curtain,
+          description: 'CLOSE',
+          value: 'close',
+        )
+      ];
+}

lib/pages/routines/models/curtain/curtain_opertion_value.dart

@@ -0,0 +1,11 @@
+class CurtainOperationalValue {
+  final String icon;
+  final String description;
+  final String value;
+
+  CurtainOperationalValue({
+    required this.icon,
+    required this.description,
+    required this.value,
+  });
+}

lib/pages/routines/models/pc/energy_clamp_functions.dart

@@ -405,8 +405,8 @@ class PowerFactorCStatusFunction extends EnergyClampFunctions {
           code: 'PowerFactorC',
           operationName: 'Power Factor C',
           icon: Assets.speedoMeter,
-          min: 0.00,
-          max: 1.00,
+          min: 0.0,
+          max: 1.0,
           step: 0.1,
           unit: "",
         );

lib/pages/routines/widgets/if_container.dart

@@ -148,6 +148,7 @@ class IfContainer extends StatelessWidget {
                   'NCPS',
                   'WH',
                   'PC',
+                  'CUR',
                 ].contains(mutableData['productType'])) {
                   context
                       .read<RoutineBloc>()

lib/pages/routines/widgets/routine_devices.dart

@@ -28,6 +28,7 @@ class _RoutineDevicesState extends State<RoutineDevices> {
     'NCPS',
     'WH',
     'PC',
+    'CUR',
   };
 
   @override

lib/pages/routines/widgets/routine_dialogs/ac_dialog.dart

@@ -117,10 +117,22 @@ class ACHelper {
                         },
                         onConfirm: state.addedFunctions.isNotEmpty
                             ? () {
+                                final selectedFunctionData =
+                                    state.addedFunctions.firstWhere(
+                                  (f) =>
+                                      f.functionCode == state.selectedFunction,
+                                  orElse: () => DeviceFunctionData(
+                                    entityId: '',
+                                    functionCode: state.selectedFunction ?? '',
+                                    operationName: '',
+                                    value: null,
+                                  ),
+                                );
+
                                 /// add the functions to the routine bloc
                                 context.read<RoutineBloc>().add(
                                       AddFunctionToRoutine(
-                                        state.addedFunctions,
+                                        [selectedFunctionData],
                                         uniqueCustomId,
                                       ),
                                     );

lib/pages/routines/widgets/routine_dialogs/ceiling_sensor/ceiling_sensor_dialog.dart

@@ -78,12 +78,22 @@ class _CeilingSensorDialogState extends State<CeilingSensorDialog> {
                   onCancel: () => Navigator.pop(context),
                   onConfirm: state.addedFunctions.isNotEmpty
                       ? () {
+                          final selectedFunctionData =
+                              state.addedFunctions.firstWhere(
+                            (f) => f.functionCode == state.selectedFunction,
+                            orElse: () => DeviceFunctionData(
+                              entityId: '',
+                              functionCode: state.selectedFunction ?? '',
+                              operationName: '',
+                              value: null,
+                            ),
+                          );
                           final functions = _updateValuesForAddedFunctions(
                             state.addedFunctions,
                           );
                           context.read<RoutineBloc>().add(
                                 AddFunctionToRoutine(
-                                  functions,
+                                  [selectedFunctionData],
                                   '${widget.uniqueCustomId}',
                                 ),
                               );

lib/pages/routines/widgets/routine_dialogs/curtain_dialog.dart

@@ -0,0 +1,270 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:syncrow_web/pages/device_managment/all_devices/models/devices_model.dart';
+import 'package:syncrow_web/pages/routines/bloc/functions_bloc/functions_bloc_bloc.dart';
+import 'package:syncrow_web/pages/routines/bloc/routine_bloc/routine_bloc.dart';
+import 'package:syncrow_web/pages/routines/models/curtain/curtain_function.dart';
+import 'package:syncrow_web/pages/routines/models/curtain/curtain_opertion_value.dart';
+import 'package:syncrow_web/pages/routines/models/device_functions.dart';
+import 'package:syncrow_web/pages/routines/widgets/dialog_footer.dart';
+import 'package:syncrow_web/pages/routines/widgets/dialog_header.dart';
+import 'package:syncrow_web/pages/routines/widgets/routine_dialogs/helpers/routine_tap_function_helper.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/utils/extension/build_context_x.dart';
+
+class CurtainHelper {
+  static Future<Map<String, dynamic>?> showControlDialog({
+    required String dialogType,
+    required BuildContext context,
+    required List<DeviceFunction> functions,
+    required String uniqueCustomId,
+    required AllDevicesModel? device,
+  }) async {
+    List<ControlCurtainFunction> curtainFunctions =
+        functions.whereType<ControlCurtainFunction>().where((function) {
+      if (dialogType == 'THEN') {
+        return function.type == 'THEN' || function.type == 'BOTH';
+      }
+      return function.type == 'IF' || function.type == 'BOTH';
+    }).toList();
+    return showDialog<Map<String, dynamic>?>(
+      context: context,
+      builder: (context) => BlocProvider(
+        create: (_) => FunctionBloc()..add(const InitializeFunctions([])),
+        child: AlertDialog(
+          contentPadding: EdgeInsets.zero,
+          content: BlocBuilder<FunctionBloc, FunctionBlocState>(
+            builder: (context, state) {
+              final selectedFunction = state.selectedFunction;
+              final selectedOperationName = state.selectedOperationName;
+              final selectedFunctionData = state.addedFunctions
+                  .firstWhere((f) => f.functionCode == selectedFunction,
+                      orElse: () => DeviceFunctionData(
+                            entityId: '',
+                            functionCode: selectedFunction ?? '',
+                            operationName: '',
+                            value: null,
+                          ));
+
+              return Container(
+                width: selectedFunction != null ? 600 : 360,
+                height: 450,
+                decoration: BoxDecoration(
+                  color: Colors.white,
+                  borderRadius: BorderRadius.circular(20),
+                ),
+                padding: const EdgeInsets.only(top: 20),
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    const DialogHeader('AC Functions'),
+                    Expanded(
+                      child: Row(
+                        crossAxisAlignment: CrossAxisAlignment.stretch,
+                        children: [
+                          // Function list
+                          SizedBox(
+                            width: selectedFunction != null ? 320 : 360,
+                            child: _buildFunctionsList(
+                                context: context,
+                                curtainFunctions: curtainFunctions,
+                                onFunctionSelected:
+                                    (functionCode, operationName) {
+                                  RoutineTapFunctionHelper.onTapFunction(
+                                      context,
+                                      functionCode: functionCode,
+                                      functionOperationName: operationName,
+                                      functionValueDescription:
+                                          selectedFunctionData.valueDescription,
+                                      deviceUuid: device?.uuid,
+                                      codesToAddIntoFunctionsWithDefaultValue: [
+                                        'temp_set',
+                                        'temp_current',
+                                      ],
+                                      defaultValue: 0);
+                                }),
+                          ),
+                          // Value selector
+                          if (selectedFunction != null)
+                            Expanded(
+                              child: _buildValueSelector(
+                                context: context,
+                                selectedFunction: selectedFunction,
+                                selectedFunctionData: selectedFunctionData,
+                                controlFunctions: curtainFunctions,
+                                device: device,
+                                operationName: selectedOperationName ?? '',
+                              ),
+                            ),
+                        ],
+                      ),
+                    ),
+                    DialogFooter(
+                      onCancel: () {
+                        Navigator.pop(context);
+                      },
+                      onConfirm: state.addedFunctions.isNotEmpty
+                          ? () {
+                              /// add the functions to the routine bloc
+                              context.read<RoutineBloc>().add(
+                                    AddFunctionToRoutine(
+                                      state.addedFunctions,
+                                      uniqueCustomId,
+                                    ),
+                                  );
+
+                              // Return the device data to be added to the container
+                              Navigator.pop(context, {
+                                'deviceId': functions.first.deviceId,
+                              });
+                            }
+                          : null,
+                      isConfirmEnabled: selectedFunction != null,
+                    ),
+                  ],
+                ),
+              );
+            },
+          ),
+        ),
+      ),
+    ).then((value) {
+      return value;
+    });
+  }
+
+  static Widget _buildFunctionsList({
+    required BuildContext context,
+    required List<ControlCurtainFunction> curtainFunctions,
+    required Function(String, String) onFunctionSelected,
+  }) {
+    return ListView.separated(
+      shrinkWrap: false,
+      physics: const AlwaysScrollableScrollPhysics(),
+      itemCount: curtainFunctions.length,
+      separatorBuilder: (context, index) => const Padding(
+        padding: EdgeInsets.symmetric(horizontal: 40.0),
+        child: Divider(
+          color: ColorsManager.dividerColor,
+        ),
+      ),
+      itemBuilder: (context, index) {
+        final function = curtainFunctions[index];
+        return ListTile(
+          leading: SvgPicture.asset(
+            function.icon,
+            width: 24,
+            height: 24,
+            placeholderBuilder: (BuildContext context) => Container(
+              width: 24,
+              height: 24,
+              color: Colors.transparent,
+            ),
+          ),
+          title: Text(
+            function.operationName,
+            style: context.textTheme.bodyMedium,
+          ),
+          trailing: const Icon(
+            Icons.arrow_forward_ios,
+            size: 16,
+            color: ColorsManager.textGray,
+          ),
+          onTap: () => onFunctionSelected(
+            function.code,
+            function.operationName,
+          ),
+        );
+      },
+    );
+  }
+
+  static Widget _buildValueSelector({
+    required BuildContext context,
+    required String selectedFunction,
+    required DeviceFunctionData? selectedFunctionData,
+    required List<ControlCurtainFunction> controlFunctions,
+    AllDevicesModel? device,
+    required String operationName,
+  }) {
+    final selectedFn =
+        controlFunctions.firstWhere((f) => f.code == selectedFunction);
+
+    // Rest of your existing code for other value selectors
+    final values = selectedFn.getOperationalValues();
+    return _buildOperationalValuesList(
+      context: context,
+      values: values,
+      selectedValue: selectedFunctionData?.value,
+      device: device,
+      operationName: operationName,
+      selectCode: selectedFunction,
+      selectedFunctionData: selectedFunctionData,
+    );
+  }
+
+  static Widget _buildOperationalValuesList({
+    required BuildContext context,
+    required List<CurtainOperationalValue> values,
+    required dynamic selectedValue,
+    AllDevicesModel? device,
+    required String operationName,
+    required String selectCode,
+    DeviceFunctionData? selectedFunctionData,
+
+    // required Function(dynamic) onValueChanged,
+  }) {
+    return ListView.builder(
+      shrinkWrap: false,
+      physics: const AlwaysScrollableScrollPhysics(),
+      itemCount: values.length,
+      itemBuilder: (context, index) {
+        final value = values[index];
+        final isSelected = selectedValue == value.value;
+        return ListTile(
+          leading: SvgPicture.asset(
+            value.icon,
+            width: 24,
+            height: 24,
+            placeholderBuilder: (BuildContext context) => Container(
+              width: 24,
+              height: 24,
+              color: Colors.transparent,
+            ),
+          ),
+          title: Text(
+            value.description,
+            style: context.textTheme.bodyMedium,
+          ),
+          trailing: Icon(
+            isSelected
+                ? Icons.radio_button_checked
+                : Icons.radio_button_unchecked,
+            size: 24,
+            color: isSelected
+                ? ColorsManager.primaryColorWithOpacity
+                : ColorsManager.textGray,
+          ),
+          onTap: () {
+            if (!isSelected) {
+              context.read<FunctionBloc>().add(
+                    AddFunction(
+                      functionData: DeviceFunctionData(
+                        entityId: device?.uuid ?? '',
+                        functionCode: selectCode,
+                        operationName: operationName,
+                        value: value.value,
+                        condition: selectedFunctionData?.condition,
+                        valueDescription:
+                            selectedFunctionData?.valueDescription,
+                      ),
+                    ),
+                  );
+            }
+          },
+        );
+      },
+    );
+  }
+}

lib/pages/routines/widgets/routine_dialogs/flush_presence_sensor/flush_presence_sensor.dart

@@ -192,9 +192,18 @@ class _WallPresenceSensorState extends State<FlushPresenceSensor> {
       onCancel: () => Navigator.pop(context),
       onConfirm: state.addedFunctions.isNotEmpty
           ? () {
+              final selectedFunctionData = state.addedFunctions.firstWhere(
+                (f) => f.functionCode == state.selectedFunction,
+                orElse: () => DeviceFunctionData(
+                  entityId: '',
+                  functionCode: state.selectedFunction ?? '',
+                  operationName: '',
+                  value: null,
+                ),
+              );
               context.read<RoutineBloc>().add(
                     AddFunctionToRoutine(
-                      state.addedFunctions,
+                      [selectedFunctionData],
                       widget.uniqueCustomId!,
                     ),
                   );

lib/pages/routines/widgets/routine_dialogs/gateway/gateway_dialog.dart

@@ -115,9 +115,18 @@ class _GatewayDialogState extends State<GatewayDialog> {
       onCancel: () => Navigator.pop(context),
       onConfirm: state.addedFunctions.isNotEmpty
           ? () {
+              final selectedFunctionData = state.addedFunctions.firstWhere(
+                (f) => f.functionCode == state.selectedFunction,
+                orElse: () => DeviceFunctionData(
+                  entityId: '',
+                  functionCode: state.selectedFunction ?? '',
+                  operationName: '',
+                  value: null,
+                ),
+              );
               context.read<RoutineBloc>().add(
                     AddFunctionToRoutine(
-                      state.addedFunctions,
+                      [selectedFunctionData],
                       widget.uniqueCustomId ?? '-1',
                     ),
                   );

lib/pages/routines/widgets/routine_dialogs/one_gang_switch_dialog.dart

@@ -147,7 +147,7 @@ class OneGangSwitchHelper {
                                   // }
                                   context.read<RoutineBloc>().add(
                                         AddFunctionToRoutine(
-                                          state.addedFunctions,
+                                          [selectedFunctionData],
                                           uniqueCustomId,
                                         ),
                                       );

lib/pages/routines/widgets/routine_dialogs/power_clamp_enargy/energy_clamp_dialog.dart

@@ -250,9 +250,18 @@ class _EnergyClampDialogState extends State<EnergyClampDialog> {
       onCancel: () => Navigator.pop(context),
       onConfirm: state.addedFunctions.isNotEmpty
           ? () {
+              final selectedFunctionData = state.addedFunctions.firstWhere(
+                (f) => f.functionCode == state.selectedFunction,
+                orElse: () => DeviceFunctionData(
+                  entityId: '',
+                  functionCode: state.selectedFunction ?? '',
+                  operationName: '',
+                  value: null,
+                ),
+              );
               context.read<RoutineBloc>().add(
                     AddFunctionToRoutine(
-                      state.addedFunctions,
+                      [selectedFunctionData],
                       widget.uniqueCustomId!,
                     ),
                   );

lib/pages/routines/widgets/routine_dialogs/power_clamp_enargy/energy_value_selector_widget.dart

@@ -27,17 +27,16 @@ class EnergyValueSelectorWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final selectedFn =
-        functions.firstWhere((f) => f.code == selectedFunction);
+    final selectedFn = functions.firstWhere((f) => f.code == selectedFunction);
     final values = selectedFn.getOperationalValues();
-    final step = selectedFn.step ?? 1.0; 
+    final step = selectedFn.step;
     final _unit = selectedFn.unit ?? '';
     final (double, double) sliderRange =
         (selectedFn.min ?? 0.0, selectedFn.max ?? 100.0);
 
     if (_isSliderFunction(selectedFunction)) {
       return CustomRoutinesTextbox(
-        withSpecialChar: false,
+        withSpecialChar: true,
         currentCondition: functionData.condition,
         dialogType: dialogType,
         sliderRange: sliderRange,
@@ -60,14 +59,14 @@ class EnergyValueSelectorWidget extends StatelessWidget {
                   entityId: device?.uuid ?? '',
                   functionCode: selectedFunction,
                   operationName: functionData.operationName,
-                  value: value.toInt(),
+                  value: value,
                   condition: functionData.condition,
                 ),
               ),
             ),
         unit: _unit,
         dividendOfRange: 1,
-        stepIncreaseAmount: step,
+        stepIncreaseAmount: step!,
       );
     }
 

lib/pages/routines/widgets/routine_dialogs/two_gang_switch_dialog.dart

@@ -145,9 +145,22 @@ class TwoGangSwitchHelper {
                                   //         ),
                                   //       );
                                   // }
+                                  final selectedFunctionData =
+                                      state.addedFunctions.firstWhere(
+                                    (f) =>
+                                        f.functionCode ==
+                                        state.selectedFunction,
+                                    orElse: () => DeviceFunctionData(
+                                      entityId: '',
+                                      functionCode:
+                                          state.selectedFunction ?? '',
+                                      operationName: '',
+                                      value: null,
+                                    ),
+                                  );
                                   context.read<RoutineBloc>().add(
                                         AddFunctionToRoutine(
-                                          state.addedFunctions,
+                                          [selectedFunctionData],
                                           uniqueCustomId,
                                         ),
                                       );

lib/pages/routines/widgets/routine_dialogs/wall_sensor/wall_presence_sensor.dart

@@ -210,9 +210,18 @@ class _WallPresenceSensorState extends State<WallPresenceSensor> {
       onCancel: () => Navigator.pop(context),
       onConfirm: state.addedFunctions.isNotEmpty
           ? () {
+              final selectedFunctionData = state.addedFunctions.firstWhere(
+                (f) => f.functionCode == state.selectedFunction,
+                orElse: () => DeviceFunctionData(
+                  entityId: '',
+                  functionCode: state.selectedFunction ?? '',
+                  operationName: '',
+                  value: null,
+                ),
+              );
               context.read<RoutineBloc>().add(
                     AddFunctionToRoutine(
-                      state.addedFunctions,
+                      [selectedFunctionData],
                       widget.uniqueCustomId!,
                     ),
                   );

lib/pages/routines/widgets/routine_dialogs/water_heater/water_heater_presence_sensor.dart

@@ -188,9 +188,18 @@ class _WaterHeaterDialogRoutinesState extends State<WaterHeaterDialogRoutines> {
       onCancel: () => Navigator.pop(context),
       onConfirm: state.addedFunctions.isNotEmpty
           ? () {
+              final selectedFunctionData = state.addedFunctions.firstWhere(
+                (f) => f.functionCode == state.selectedFunction,
+                orElse: () => DeviceFunctionData(
+                  entityId: '',
+                  functionCode: state.selectedFunction ?? '',
+                  operationName: '',
+                  value: null,
+                ),
+              );
               context.read<RoutineBloc>().add(
                     AddFunctionToRoutine(
-                      state.addedFunctions,
+                      [selectedFunctionData],
                       widget.uniqueCustomId!,
                     ),
                   );

lib/pages/routines/widgets/then_container.dart

@@ -30,123 +30,121 @@ class ThenContainer extends StatelessWidget {
                         style: TextStyle(
                             fontSize: 18, fontWeight: FontWeight.bold)),
                     const SizedBox(height: 16),
-                    state.isLoading && state.isUpdate == true
-                        ? const Center(
-                            child: CircularProgressIndicator(),
-                          )
-                        : Wrap(
-                            spacing: 8,
-                            runSpacing: 8,
-                            children: List.generate(
-                                state.thenItems.length,
-                                (index) => GestureDetector(
-                                      onTap: () async {
-                                        if (state.thenItems[index]
-                                                ['deviceId'] ==
-                                            'delay') {
-                                          final result = await DelayHelper
-                                              .showDelayPickerDialog(context,
-                                                  state.thenItems[index]);
-
-                                          if (result != null) {
-                                            context
-                                                .read<RoutineBloc>()
-                                                .add(AddToThenContainer({
-                                                  ...state.thenItems[index],
-                                                  'imagePath': Assets.delay,
-                                                  'title': 'Delay',
-                                                }));
-                                          }
-                                          return;
-                                        }
-
-                                        if (state.thenItems[index]['type'] ==
-                                            'automation') {
-                                          final result = await showDialog<bool>(
-                                            context: context,
-                                            builder: (BuildContext context) =>
-                                                AutomationDialog(
-                                              automationName:
-                                                  state.thenItems[index]
-                                                          ['name'] ??
-                                                      'Automation',
-                                              automationId:
-                                                  state.thenItems[index]
-                                                          ['deviceId'] ??
-                                                      '',
-                                              uniqueCustomId:
-                                                  state.thenItems[index]
-                                                      ['uniqueCustomId'],
-                                            ),
-                                          );
-
-                                          if (result != null) {
-                                            context
-                                                .read<RoutineBloc>()
-                                                .add(AddToThenContainer({
-                                                  ...state.thenItems[index],
-                                                  'imagePath':
-                                                      Assets.automation,
-                                                  'title':
-                                                      state.thenItems[index]
-                                                              ['name'] ??
-                                                          state.thenItems[index]
-                                                              ['title'],
-                                                }));
-                                          }
-                                          return;
-                                        }
-
-                                        final result = await DeviceDialogHelper
-                                            .showDeviceDialog(
-                                                context: context,
-                                                data: state.thenItems[index],
-                                                removeComparetors: true,
-                                                dialogType: "THEN");
+                    if (state.isLoading && state.isUpdate == true)
+                      const Center(
+                        child: CircularProgressIndicator(),
+                      )
+                    else
+                      Wrap(
+                          spacing: 8,
+                          runSpacing: 8,
+                          children: List.generate(
+                              state.thenItems.length,
+                              (index) => GestureDetector(
+                                    onTap: () async {
+                                      if (state.thenItems[index]['deviceId'] ==
+                                          'delay') {
+                                        final result = await DelayHelper
+                                            .showDelayPickerDialog(context,
+                                                state.thenItems[index]);
 
                                         if (result != null) {
-                                          context.read<RoutineBloc>().add(
-                                              AddToThenContainer(
-                                                  state.thenItems[index]));
-                                        } else if (![
-                                          'AC',
-                                          '1G',
-                                          '2G',
-                                          '3G',
-                                          'WPS',
-                                          'CPS',
-                                          "GW",
-                                          "NCPS",
-                                          'WH',
-                                        ].contains(state.thenItems[index]
-                                            ['productType'])) {
-                                          context.read<RoutineBloc>().add(
-                                              AddToThenContainer(
-                                                  state.thenItems[index]));
+                                          context
+                                              .read<RoutineBloc>()
+                                              .add(AddToThenContainer({
+                                                ...state.thenItems[index],
+                                                'imagePath': Assets.delay,
+                                                'title': 'Delay',
+                                              }));
                                         }
+                                        return;
+                                      }
+
+                                      if (state.thenItems[index]['type'] ==
+                                          'automation') {
+                                        final result = await showDialog<bool>(
+                                          context: context,
+                                          builder: (BuildContext context) =>
+                                              AutomationDialog(
+                                            automationName:
+                                                state.thenItems[index]['name']
+                                                        as String? ??
+                                                    'Automation',
+                                            automationId: state.thenItems[index]
+                                                    ['deviceId'] as String? ??
+                                                '',
+                                            uniqueCustomId: state
+                                                    .thenItems[index]
+                                                ['uniqueCustomId'] as String,
+                                          ),
+                                        );
+
+                                        if (result != null) {
+                                          context
+                                              .read<RoutineBloc>()
+                                              .add(AddToThenContainer({
+                                                ...state.thenItems[index],
+                                                'imagePath': Assets.automation,
+                                                'title': state.thenItems[index]
+                                                        ['name'] ??
+                                                    state.thenItems[index]
+                                                        ['title'],
+                                              }));
+                                        }
+                                        return;
+                                      }
+
+                                      final result = await DeviceDialogHelper
+                                          .showDeviceDialog(
+                                              context: context,
+                                              data: state.thenItems[index],
+                                              removeComparetors: true,
+                                              dialogType: 'THEN');
+                                      if (result != null) {
+                                        context.read<RoutineBloc>().add(
+                                            AddToThenContainer(
+                                                state.thenItems[index]));
+                                      } else if (![
+                                        'AC',
+                                        '1G',
+                                        '2G',
+                                        '3G',
+                                        'WPS',
+                                        'CPS',
+                                        'GW',
+                                        'NCPS',
+                                        'WH',
+                                        'CUR',
+                                      ].contains(state.thenItems[index]
+                                          ['productType'])) {
+                                        context.read<RoutineBloc>().add(
+                                            AddToThenContainer(
+                                                state.thenItems[index]));
+                                      }
+                                    },
+                                    child: DraggableCard(
+                                      imagePath: state.thenItems[index]
+                                              ['imagePath'] as String? ??
+                                          '',
+                                      title: state.thenItems[index]['title']
+                                              as String? ??
+                                          '',
+                                      deviceData: state.thenItems[index],
+                                      padding: const EdgeInsets.symmetric(
+                                          horizontal: 4, vertical: 8),
+                                      isFromThen: true,
+                                      isFromIf: false,
+                                      onRemove: () {
+                                        context.read<RoutineBloc>().add(
+                                            RemoveDragCard(
+                                                index: index,
+                                                isFromThen: true,
+                                                key: state.thenItems[index]
+                                                        ['uniqueCustomId']
+                                                    as String));
                                       },
-                                      child: DraggableCard(
-                                        imagePath: state.thenItems[index]
-                                                ['imagePath'] ??
-                                            '',
-                                        title: state.thenItems[index]
-                                                ['title'] ??
-                                            '',
-                                        deviceData: state.thenItems[index],
-                                        padding: const EdgeInsets.symmetric(
-                                            horizontal: 4, vertical: 8),
-                                        isFromThen: true,
-                                        isFromIf: false,
-                                        onRemove: () {
-                                          context.read<RoutineBloc>().add(
-                                              RemoveDragCard(
-                                                  index: index,
-                                                  isFromThen: true,
-                                                  key: state.thenItems[index]
-                                                      ['uniqueCustomId']));
-                                        },
-                                      ),
-                                    ))),
+                                    ),
+                                  ))),
                   ],
                 ),
               ),
@@ -230,7 +228,7 @@ class ThenContainer extends StatelessWidget {
                 context: context,
                 data: mutableData,
                 removeComparetors: true,
-                dialogType: "THEN");
+                dialogType: 'THEN');
             if (result != null) {
               context.read<RoutineBloc>().add(AddToThenContainer(mutableData));
             } else if (![
@@ -241,9 +239,10 @@ class ThenContainer extends StatelessWidget {
               'WPS',
               'GW',
               'CPS',
-              "NCPS",
-              "WH",
+              'NCPS',
+              'WH',
               'PC',
+              'CUR',
             ].contains(mutableData['productType'])) {
               context.read<RoutineBloc>().add(AddToThenContainer(mutableData));
             }

lib/pages/spaces_management/all_spaces/view/spaces_management_page.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/shared/navigate_home_grid_view.dart';
 import 'package:syncrow_web/pages/space_tree/bloc/space_tree_bloc.dart';
+import 'package:syncrow_web/pages/space_tree/bloc/space_tree_event.dart';
 import 'package:syncrow_web/pages/spaces_management/structure_selector/bloc/center_body_bloc.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_bloc.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_event.dart';
@@ -25,6 +26,12 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
   final CommunitySpaceManagementApi _api = CommunitySpaceManagementApi();
   final ProductApi _productApi = ProductApi();
   final SpaceModelManagementApi _spaceModelApi = SpaceModelManagementApi();
+
+  @override
+  void initState() {
+    context.read<SpaceTreeBloc>().add(InitialEvent());
+    super.initState();
+  }
   @override
   Widget build(BuildContext context) {
     return MultiBlocProvider(

lib/pages/spaces_management/all_spaces/widgets/community_structure_header_action_button.dart

@@ -49,12 +49,12 @@ class CommunityStructureHeaderActionButtons extends StatelessWidget {
             onPressed: onEdit,
             theme: theme,
           ),
-          CommunityStructureHeaderButton(
-            label: "Duplicate",
-            svgAsset: Assets.duplicate,
-            onPressed: onDuplicate,
-            theme: theme,
-          ),
+          // CommunityStructureHeaderButton(
+          //   label: "Duplicate",
+          //   svgAsset: Assets.duplicate,
+          //   onPressed: onDuplicate,
+          //   theme: theme,
+          // ),
           CommunityStructureHeaderButton(
             label: "Delete",
             svgAsset: Assets.spaceDelete,

lib/utils/constants/assets.dart

@@ -1,138 +1,138 @@
 class Assets {
   Assets._();
-  static const String background = "assets/images/Background.png";
-  static const String webBackground = "assets/images/web_Background.svg";
-  static const String webBackgroundPng = "assets/images/web_Background.png";
-  static const String blackLogo = "assets/images/black-logo.png";
-  static const String logo = "assets/images/Logo.svg";
-  static const String logoHorizontal = "assets/images/logo_horizontal.png";
-  static const String vector = "assets/images/Vector.png";
-  static const String loginLogo = "assets/images/login_logo.svg";
-  static const String whiteLogo = "assets/images/white-logo.png";
-  static const String window = "assets/images/Window.png";
-  static const String liftLine = "assets/images/lift_line.png";
-  static const String rightLine = "assets/images/right_line.png";
-  static const String google = "assets/images/google.svg";
-  static const String facebook = "assets/images/facebook.svg";
+  static const String background = 'assets/images/Background.png';
+  static const String webBackground = 'assets/images/web_Background.svg';
+  static const String webBackgroundPng = 'assets/images/web_Background.png';
+  static const String blackLogo = 'assets/images/black-logo.png';
+  static const String logo = 'assets/images/Logo.svg';
+  static const String logoHorizontal = 'assets/images/logo_horizontal.png';
+  static const String vector = 'assets/images/Vector.png';
+  static const String loginLogo = 'assets/images/login_logo.svg';
+  static const String whiteLogo = 'assets/images/white-logo.png';
+  static const String window = 'assets/images/Window.png';
+  static const String liftLine = 'assets/images/lift_line.png';
+  static const String rightLine = 'assets/images/right_line.png';
+  static const String google = 'assets/images/google.svg';
+  static const String facebook = 'assets/images/facebook.svg';
   static const String invisiblePassword =
-      "assets/images/Password_invisible.svg";
-  static const String visiblePassword = "assets/images/password_visible.svg";
-  static const String accessIcon = "assets/images/access_icon.svg";
+      'assets/images/Password_invisible.svg';
+  static const String visiblePassword = 'assets/images/password_visible.svg';
+  static const String accessIcon = 'assets/images/access_icon.svg';
   static const String spaseManagementIcon =
-      "assets/images/spase_management_icon.svg";
-  static const String devicesIcon = "assets/images/devices_icon.svg";
-  static const String analyticsIcon = "assets/icons/landing_analytics.svg";
+      'assets/images/spase_management_icon.svg';
+  static const String devicesIcon = 'assets/images/devices_icon.svg';
+  static const String analyticsIcon = 'assets/icons/landing_analytics.svg';
 
-  static const String moveinIcon = "assets/images/movein_icon.svg";
-  static const String constructionIcon = "assets/images/construction_icon.svg";
-  static const String energyIcon = "assets/images/energy_icon.svg";
-  static const String integrationsIcon = "assets/images/Integrations_icon.svg";
-  static const String assetIcon = "assets/images/asset_icon.svg";
-  static const String calendarIcon = "assets/images/calendar_icon.svg";
-  static const String deviceNoteIcon = "assets/images/device_note.svg";
-  static const String timeIcon = "assets/images/time_icon.svg";
-  static const String emptyTable = "assets/images/empty_table.svg";
+  static const String moveinIcon = 'assets/images/movein_icon.svg';
+  static const String constructionIcon = 'assets/images/construction_icon.svg';
+  static const String energyIcon = 'assets/images/energy_icon.svg';
+  static const String integrationsIcon = 'assets/images/Integrations_icon.svg';
+  static const String assetIcon = 'assets/images/asset_icon.svg';
+  static const String calendarIcon = 'assets/images/calendar_icon.svg';
+  static const String deviceNoteIcon = 'assets/images/device_note.svg';
+  static const String timeIcon = 'assets/images/time_icon.svg';
+  static const String emptyTable = 'assets/images/empty_table.svg';
 
   // General assets
   static const String motionlessDetection =
-      "assets/icons/motionless_detection.svg";
-  static const String acHeating = "assets/icons/ac_heating.svg";
-  static const String acPowerOff = "assets/icons/ac_power_off.svg";
-  static const String acFanMiddle = "assets/icons/ac_fan_middle.svg";
-  static const String switchAlarmSound = "assets/icons/switch_alarm_sound.svg";
-  static const String resetOff = "assets/icons/reset_off.svg";
+      'assets/icons/motionless_detection.svg';
+  static const String acHeating = 'assets/icons/ac_heating.svg';
+  static const String acPowerOff = 'assets/icons/ac_power_off.svg';
+  static const String acFanMiddle = 'assets/icons/ac_fan_middle.svg';
+  static const String switchAlarmSound = 'assets/icons/switch_alarm_sound.svg';
+  static const String resetOff = 'assets/icons/reset_off.svg';
   static const String sensitivityOperationIcon =
-      "assets/icons/sesitivity_operation_icon.svg";
-  static const String motionDetection = "assets/icons/motion_detection.svg";
-  static const String freezing = "assets/icons/freezing.svg";
-  static const String indicator = "assets/icons/indicator.svg";
-  static const String sceneRefresh = "assets/icons/scene_refresh.svg";
-  static const String temperature = "assets/icons/tempreture.svg";
-  static const String acFanHigh = "assets/icons/ac_fan_high.svg";
-  static const String fanSpeed = "assets/icons/fan_speed.svg";
-  static const String acFanLow = "assets/icons/ac_fan_low.svg";
-  static const String sensitivity = "assets/icons/sensitivity.svg";
-  static const String lightCountdown = "assets/icons/light_countdown.svg";
-  static const String farDetection = "assets/icons/far_detection.svg";
-  static const String sceneChildUnlock = "assets/icons/scene_child_unlock.svg";
-  static const String acFanAuto = "assets/icons/ac_fan_auto.svg";
-  static const String childLock = "assets/icons/child_lock.svg";
-  static const String factoryReset = "assets/icons/factory_reset.svg";
-  static const String acCooling = "assets/icons/ac_cooling.svg";
-  static const String sceneChildLock = "assets/icons/scene_child_lock.svg";
-  static const String celsiusDegrees = "assets/icons/celsius_degrees.svg";
-  static const String masterState = "assets/icons/master_state.svg";
-  static const String acPower = "assets/icons/ac_power.svg";
+      'assets/icons/sesitivity_operation_icon.svg';
+  static const String motionDetection = 'assets/icons/motion_detection.svg';
+  static const String freezing = 'assets/icons/freezing.svg';
+  static const String indicator = 'assets/icons/indicator.svg';
+  static const String sceneRefresh = 'assets/icons/scene_refresh.svg';
+  static const String temperature = 'assets/icons/tempreture.svg';
+  static const String acFanHigh = 'assets/icons/ac_fan_high.svg';
+  static const String fanSpeed = 'assets/icons/fan_speed.svg';
+  static const String acFanLow = 'assets/icons/ac_fan_low.svg';
+  static const String sensitivity = 'assets/icons/sensitivity.svg';
+  static const String lightCountdown = 'assets/icons/light_countdown.svg';
+  static const String farDetection = 'assets/icons/far_detection.svg';
+  static const String sceneChildUnlock = 'assets/icons/scene_child_unlock.svg';
+  static const String acFanAuto = 'assets/icons/ac_fan_auto.svg';
+  static const String childLock = 'assets/icons/child_lock.svg';
+  static const String factoryReset = 'assets/icons/factory_reset.svg';
+  static const String acCooling = 'assets/icons/ac_cooling.svg';
+  static const String sceneChildLock = 'assets/icons/scene_child_lock.svg';
+  static const String celsiusDegrees = 'assets/icons/celsius_degrees.svg';
+  static const String masterState = 'assets/icons/master_state.svg';
+  static const String acPower = 'assets/icons/ac_power.svg';
   static const String farDetectionFunction =
-      "assets/icons/far_detection_function.svg";
-  static const String nobodyTime = "assets/icons/nobody_time.svg";
+      'assets/icons/far_detection_function.svg';
+  static const String nobodyTime = 'assets/icons/nobody_time.svg';
 
   // Automation functions
   static const String tempPasswordUnlock =
-      "assets/icons/automation_functions/temp_password_unlock.svg";
+      'assets/icons/automation_functions/temp_password_unlock.svg';
   static const String doorlockNormalOpen =
-      "assets/icons/automation_functions/doorlock_normal_open.svg";
+      'assets/icons/automation_functions/doorlock_normal_open.svg';
   static const String doorbell =
-      "assets/icons/automation_functions/doorbell.svg";
+      'assets/icons/automation_functions/doorbell.svg';
   static const String remoteUnlockViaApp =
-      "assets/icons/automation_functions/remote_unlock_via_app.svg";
+      'assets/icons/automation_functions/remote_unlock_via_app.svg';
   static const String doubleLock =
-      "assets/icons/automation_functions/double_lock.svg";
+      'assets/icons/automation_functions/double_lock.svg';
   static const String selfTestResult =
-      "assets/icons/automation_functions/self_test_result.svg";
+      'assets/icons/automation_functions/self_test_result.svg';
   static const String lockAlarm =
-      "assets/icons/automation_functions/lock_alarm.svg";
+      'assets/icons/automation_functions/lock_alarm.svg';
   static const String presenceState =
-      "assets/icons/automation_functions/presence_state.svg";
+      'assets/icons/automation_functions/presence_state.svg';
   static const String currentTemp =
-      "assets/icons/automation_functions/current_temp.svg";
+      'assets/icons/automation_functions/current_temp.svg';
   static const String presence =
-      "assets/icons/automation_functions/presence.svg";
+      'assets/icons/automation_functions/presence.svg';
   static const String residualElectricity =
-      "assets/icons/automation_functions/residual_electricity.svg";
+      'assets/icons/automation_functions/residual_electricity.svg';
   static const String hijackAlarm =
-      "assets/icons/automation_functions/hijack_alarm.svg";
+      'assets/icons/automation_functions/hijack_alarm.svg';
   static const String passwordUnlock =
-      "assets/icons/automation_functions/password_unlock.svg";
+      'assets/icons/automation_functions/password_unlock.svg';
   static const String remoteUnlockRequest =
-      "assets/icons/automation_functions/remote_unlock_req.svg";
+      'assets/icons/automation_functions/remote_unlock_req.svg';
   static const String cardUnlock =
-      "assets/icons/automation_functions/card_unlock.svg";
-  static const String motion = "assets/icons/automation_functions/motion.svg";
+      'assets/icons/automation_functions/card_unlock.svg';
+  static const String motion = 'assets/icons/automation_functions/motion.svg';
   static const String fingerprintUnlock =
-      "assets/icons/automation_functions/fingerprint_unlock.svg";
+      'assets/icons/automation_functions/fingerprint_unlock.svg';
 
   // Presence Sensor Assets
-  static const String sensorMotionIcon = "assets/icons/sensor_motion_ic.svg";
+  static const String sensorMotionIcon = 'assets/icons/sensor_motion_ic.svg';
   static const String sensorPresenceIcon =
-      "assets/icons/sensor_presence_ic.svg";
-  static const String sensorVacantIcon = "assets/icons/sensor_vacant_ic.svg";
+      'assets/icons/sensor_presence_ic.svg';
+  static const String sensorVacantIcon = 'assets/icons/sensor_vacant_ic.svg';
   static const String illuminanceRecordIcon =
-      "assets/icons/illuminance_record_ic.svg";
+      'assets/icons/illuminance_record_ic.svg';
   static const String presenceRecordIcon =
-      "assets/icons/presence_record_ic.svg";
+      'assets/icons/presence_record_ic.svg';
   static const String helpDescriptionIcon =
-      "assets/icons/help_description_ic.svg";
+      'assets/icons/help_description_ic.svg';
 
-  static const String lightPulp = "assets/icons/light_pulb.svg";
-  static const String acDevice = "assets/icons/ac_device.svg";
-  static const String acAirConditioner = "assets/icons/ac_air.svg";
-  static const String acSun = "assets/icons/ac_sun.svg";
+  static const String lightPulp = 'assets/icons/light_pulb.svg';
+  static const String acDevice = 'assets/icons/ac_device.svg';
+  static const String acAirConditioner = 'assets/icons/ac_air.svg';
+  static const String acSun = 'assets/icons/ac_sun.svg';
 
   //assets/icons/3GangSwitch.svg
-  static const String gangSwitch = "assets/icons/3GangSwitch.svg";
+  static const String gangSwitch = 'assets/icons/3GangSwitch.svg';
   //assets/icons/AC.svg
-  static const String ac = "assets/icons/AC.svg";
+  static const String ac = 'assets/icons/AC.svg';
   //assets/icons/Curtain.svg
-  static const String curtain = "assets/icons/Curtain.svg";
+  static const String curtain = 'assets/icons/Curtain.svg';
   //assets/icons/doorLock.svg
-  static const String doorLock = "assets/icons/doorLock.svg";
+  static const String doorLock = 'assets/icons/doorLock.svg';
   //assets/icons/Gateway.svg
-  static const String gateway = "assets/icons/Gateway.svg";
+  static const String gateway = 'assets/icons/Gateway.svg';
   //assets/icons/Light.svg
-  static const String lightBulb = "assets/icons/Light.svg";
+  static const String lightBulb = 'assets/icons/Light.svg';
   //assets/icons/sensors.svg
-  static const String sensors = "assets/icons/sensors.svg";
+  static const String sensors = 'assets/icons/sensors.svg';
 
   //assets/icons/door_un_look_ic.svg
   static const String doorUnlock = 'assets/icons/door_un_look_ic.svg';
@@ -175,7 +175,7 @@ class Assets {
   static const String Gang1SwitchIcon = 'assets/icons/1_Gang_switch_icon.svg';
   static const String DoorLockIcon = 'assets/icons/door_lock.svg';
   static const String SmartGatewayIcon = 'assets/icons/smart_gateway_icon.svg';
-  static const String curtainIcon = "assets/images/curtain.svg";
+  static const String curtainIcon = 'assets/images/curtain.svg';
   static const String unlock = 'assets/icons/unlock_ic.svg';
   static const String firmware = 'assets/icons/firmware.svg';
   //assets/images/scheduling.svg
@@ -227,12 +227,12 @@ class Assets {
   //assets/icons/2gang.svg
   static const String twoGang = 'assets/icons/2gang.svg';
 
-  static const String frequencyIcon = "assets/icons/frequency_icon.svg";
-  static const String voltMeterIcon = "assets/icons/volt_meter_icon.svg";
-  static const String powerActiveIcon = "assets/icons/power_active_icon.svg";
-  static const String searchIcon = "assets/icons/search_icon.svg";
-  static const String voltageIcon = "assets/icons/voltage_icon.svg";
-  static const String speedoMeter = "assets/icons/speedo_meter.svg";
+  static const String frequencyIcon = 'assets/icons/frequency_icon.svg';
+  static const String voltMeterIcon = 'assets/icons/volt_meter_icon.svg';
+  static const String powerActiveIcon = 'assets/icons/power_active_icon.svg';
+  static const String searchIcon = 'assets/icons/search_icon.svg';
+  static const String voltageIcon = 'assets/icons/voltage_icon.svg';
+  static const String speedoMeter = 'assets/icons/speedo_meter.svg';
   //assets/icons/account_setting.svg
   static const String accountSetting = 'assets/icons/account_setting.svg';
 
@@ -284,99 +284,99 @@ class Assets {
 
   // Assets for functions_icons
   static const String assetsSensitivityFunction =
-      "assets/icons/functions_icons/sensitivity.svg";
+      'assets/icons/functions_icons/sensitivity.svg';
   static const String assetsSensitivityOperationIcon =
-      "assets/icons/functions_icons/sesitivity_operation_icon.svg";
+      'assets/icons/functions_icons/sesitivity_operation_icon.svg';
   static const String assetsAcPower =
-      "assets/icons/functions_icons/ac_power.svg";
+      'assets/icons/functions_icons/ac_power.svg';
   static const String assetsAcPowerOFF =
-      "assets/icons/functions_icons/ac_power_off.svg";
+      'assets/icons/functions_icons/ac_power_off.svg';
   static const String assetsChildLock =
-      "assets/icons/functions_icons/child_lock.svg";
+      'assets/icons/functions_icons/child_lock.svg';
   static const String assetsFreezing =
-      "assets/icons/functions_icons/freezing.svg";
+      'assets/icons/functions_icons/freezing.svg';
   static const String assetsFanSpeed =
-      "assets/icons/functions_icons/fan_speed.svg";
+      'assets/icons/functions_icons/fan_speed.svg';
   static const String assetsAcCooling =
-      "assets/icons/functions_icons/ac_cooling.svg";
+      'assets/icons/functions_icons/ac_cooling.svg';
   static const String assetsAcHeating =
-      "assets/icons/functions_icons/ac_heating.svg";
+      'assets/icons/functions_icons/ac_heating.svg';
   static const String assetsCelsiusDegrees =
-      "assets/icons/functions_icons/celsius_degrees.svg";
+      'assets/icons/functions_icons/celsius_degrees.svg';
   static const String assetsTempreture =
-      "assets/icons/functions_icons/tempreture.svg";
+      'assets/icons/functions_icons/tempreture.svg';
   static const String assetsAcFanLow =
-      "assets/icons/functions_icons/ac_fan_low.svg";
+      'assets/icons/functions_icons/ac_fan_low.svg';
   static const String assetsAcFanMiddle =
-      "assets/icons/functions_icons/ac_fan_middle.svg";
+      'assets/icons/functions_icons/ac_fan_middle.svg';
   static const String assetsAcFanHigh =
-      "assets/icons/functions_icons/ac_fan_high.svg";
+      'assets/icons/functions_icons/ac_fan_high.svg';
   static const String assetsAcFanAuto =
-      "assets/icons/functions_icons/ac_fan_auto.svg";
+      'assets/icons/functions_icons/ac_fan_auto.svg';
   static const String assetsSceneChildLock =
-      "assets/icons/functions_icons/scene_child_lock.svg";
+      'assets/icons/functions_icons/scene_child_lock.svg';
   static const String assetsSceneChildUnlock =
-      "assets/icons/functions_icons/scene_child_unlock.svg";
+      'assets/icons/functions_icons/scene_child_unlock.svg';
   static const String assetsSceneRefresh =
-      "assets/icons/functions_icons/scene_refresh.svg";
+      'assets/icons/functions_icons/scene_refresh.svg';
   static const String assetsLightCountdown =
-      "assets/icons/functions_icons/light_countdown.svg";
+      'assets/icons/functions_icons/light_countdown.svg';
   static const String assetsFarDetection =
-      "assets/icons/functions_icons/far_detection.svg";
+      'assets/icons/functions_icons/far_detection.svg';
   static const String assetsFarDetectionFunction =
-      "assets/icons/functions_icons/far_detection_function.svg";
+      'assets/icons/functions_icons/far_detection_function.svg';
   static const String assetsIndicator =
-      "assets/icons/functions_icons/indicator.svg";
+      'assets/icons/functions_icons/indicator.svg';
   static const String assetsMotionDetection =
-      "assets/icons/functions_icons/motion_detection.svg";
+      'assets/icons/functions_icons/motion_detection.svg';
   static const String assetsMotionlessDetection =
-      "assets/icons/functions_icons/motionless_detection.svg";
+      'assets/icons/functions_icons/motionless_detection.svg';
   static const String assetsNobodyTime =
-      "assets/icons/functions_icons/nobody_time.svg";
+      'assets/icons/functions_icons/nobody_time.svg';
   static const String assetsFactoryReset =
-      "assets/icons/functions_icons/factory_reset.svg";
+      'assets/icons/functions_icons/factory_reset.svg';
   static const String assetsMasterState =
-      "assets/icons/functions_icons/master_state.svg";
+      'assets/icons/functions_icons/master_state.svg';
   static const String assetsSwitchAlarmSound =
-      "assets/icons/functions_icons/switch_alarm_sound.svg";
+      'assets/icons/functions_icons/switch_alarm_sound.svg';
   static const String assetsResetOff =
-      "assets/icons/functions_icons/reset_off.svg";
+      'assets/icons/functions_icons/reset_off.svg';
 
 // Assets for automation_functions
   static const String assetsCardUnlock =
-      "assets/icons/functions_icons/automation_functions/card_unlock.svg";
+      'assets/icons/functions_icons/automation_functions/card_unlock.svg';
   static const String assetsDoorbell =
-      "assets/icons/functions_icons/automation_functions/doorbell.svg";
+      'assets/icons/functions_icons/automation_functions/doorbell.svg';
   static const String assetsDoorlockNormalOpen =
-      "assets/icons/functions_icons/automation_functions/doorlock_normal_open.svg";
+      'assets/icons/functions_icons/automation_functions/doorlock_normal_open.svg';
   static const String assetsDoubleLock =
-      "assets/icons/functions_icons/automation_functions/double_lock.svg";
+      'assets/icons/functions_icons/automation_functions/double_lock.svg';
   static const String assetsFingerprintUnlock =
-      "assets/icons/functions_icons/automation_functions/fingerprint_unlock.svg";
+      'assets/icons/functions_icons/automation_functions/fingerprint_unlock.svg';
   static const String assetsHijackAlarm =
-      "assets/icons/functions_icons/automation_functions/hijack_alarm.svg";
+      'assets/icons/functions_icons/automation_functions/hijack_alarm.svg';
   static const String assetsLockAlarm =
-      "assets/icons/functions_icons/automation_functions/lock_alarm.svg";
+      'assets/icons/functions_icons/automation_functions/lock_alarm.svg';
   static const String assetsPasswordUnlock =
-      "assets/icons/functions_icons/automation_functions/password_unlock.svg";
+      'assets/icons/functions_icons/automation_functions/password_unlock.svg';
   static const String assetsRemoteUnlockReq =
-      "assets/icons/functions_icons/automation_functions/remote_unlock_req.svg";
+      'assets/icons/functions_icons/automation_functions/remote_unlock_req.svg';
   static const String assetsRemoteUnlockViaApp =
-      "assets/icons/functions_icons/automation_functions/remote_unlock_via_app.svg";
+      'assets/icons/functions_icons/automation_functions/remote_unlock_via_app.svg';
   static const String assetsResidualElectricity =
-      "assets/icons/functions_icons/automation_functions/residual_electricity.svg";
+      'assets/icons/functions_icons/automation_functions/residual_electricity.svg';
   static const String assetsTempPasswordUnlock =
-      "assets/icons/functions_icons/automation_functions/temp_password_unlock.svg";
+      'assets/icons/functions_icons/automation_functions/temp_password_unlock.svg';
   static const String assetsSelfTestResult =
-      "assets/icons/functions_icons/automation_functions/self_test_result.svg";
+      'assets/icons/functions_icons/automation_functions/self_test_result.svg';
   static const String assetsPresence =
-      "assets/icons/functions_icons/automation_functions/presence.svg";
+      'assets/icons/functions_icons/automation_functions/presence.svg';
   static const String assetsMotion =
-      "assets/icons/functions_icons/automation_functions/motion.svg";
+      'assets/icons/functions_icons/automation_functions/motion.svg';
   static const String assetsCurrentTemp =
-      "assets/icons/functions_icons/automation_functions/current_temp.svg";
+      'assets/icons/functions_icons/automation_functions/current_temp.svg';
   static const String assetsPresenceState =
-      "assets/icons/functions_icons/automation_functions/presence_state.svg";
+      'assets/icons/functions_icons/automation_functions/presence_state.svg';
   //assets/icons/routine/automation.svg
   static const String automation = 'assets/icons/routine/automation.svg';
   static const String searchIconUser = 'assets/icons/search_icon_user.svg';
@@ -501,4 +501,5 @@ class Assets {
   static const String aqiAirQuality = 'assets/icons/aqi_air_quality.svg';
   static const String temperatureAqiSidebar = 'assets/icons/thermometer.svg';
   static const String humidityAqiSidebar = 'assets/icons/humidity.svg';
+  static const String autocadOccupancyImage = 'assets/images/autocad_occupancy_image.png';
 }