Merge branch 'dev' into 1511-occupancy-heat-map-tooltip

lib/pages/analytics/models/analytics_device.dart

@@ -1,13 +0,0 @@
-class AnalyticsDevice {
-  const AnalyticsDevice({required this.name, required this.uuid});
-
-  final String uuid;
-  final String name;
-
-  factory AnalyticsDevice.fromJson(Map<String, dynamic> json) {
-    return AnalyticsDevice(
-      uuid: json['uuid'] as String? ?? '',
-      name: json['name'] as String? ?? '',
-    );
-  }
-}

lib/pages/analytics/modules/analytics/blocs/analytics_devices/analytics_devices_bloc.dart

@@ -1,69 +0,0 @@
-import 'package:bloc/bloc.dart';
-import 'package:equatable/equatable.dart';
-import 'package:syncrow_web/pages/analytics/models/analytics_device.dart';
-import 'package:syncrow_web/pages/analytics/params/get_analytics_devices_param.dart';
-import 'package:syncrow_web/pages/analytics/services/analytics_devices/analytics_devices_service.dart';
-
-part 'analytics_devices_event.dart';
-part 'analytics_devices_state.dart';
-
-class AnalyticsDevicesBloc
-    extends Bloc<AnalyticsDevicesEvent, AnalyticsDevicesState> {
-  AnalyticsDevicesBloc(
-    this._analyticsDevicesService,
-  ) : super(const AnalyticsDevicesState()) {
-    on<LoadAnalyticsDevicesEvent>(_onLoadAnalyticsDevices);
-    on<SelectAnalyticsDeviceEvent>(_onSelectAnalyticsDevice);
-    on<ClearAnalyticsDeviceEvent>(_onClearAnalyticsDevice);
-  }
-  final AnalyticsDevicesService _analyticsDevicesService;
-
-  Future<void> _onLoadAnalyticsDevices(
-    LoadAnalyticsDevicesEvent event,
-    Emitter<AnalyticsDevicesState> emit,
-  ) async {
-    emit(const AnalyticsDevicesState(status: AnalyticsDevicesStatus.loading));
-
-    try {
-      final devices = await _analyticsDevicesService.getDevices(event.param);
-      emit(
-        AnalyticsDevicesState(
-          status: AnalyticsDevicesStatus.loaded,
-          devices: devices,
-          selectedDevice: devices.firstOrNull,
-        ),
-      );
-      if (devices.isNotEmpty) {
-        event.onSuccess(devices.first);
-      }
-    } catch (e) {
-      emit(
-        AnalyticsDevicesState(
-          status: AnalyticsDevicesStatus.failure,
-          errorMessage: e.toString(),
-        ),
-      );
-    }
-  }
-
-  void _onSelectAnalyticsDevice(
-    SelectAnalyticsDeviceEvent event,
-    Emitter<AnalyticsDevicesState> emit,
-  ) {
-    emit(
-      AnalyticsDevicesState(
-        selectedDevice: event.device,
-        devices: state.devices,
-        errorMessage: state.errorMessage,
-        status: state.status,
-      ),
-    );
-  }
-
-  void _onClearAnalyticsDevice(
-    ClearAnalyticsDeviceEvent event,
-    Emitter<AnalyticsDevicesState> emit,
-  ) {
-    emit(const AnalyticsDevicesState());
-  }
-}

lib/pages/analytics/modules/analytics/blocs/analytics_devices/analytics_devices_event.dart

@@ -1,31 +0,0 @@
-part of 'analytics_devices_bloc.dart';
-
-sealed class AnalyticsDevicesEvent extends Equatable {
-  const AnalyticsDevicesEvent();
-
-  @override
-  List<Object> get props => [];
-}
-
-final class LoadAnalyticsDevicesEvent extends AnalyticsDevicesEvent {
-  const LoadAnalyticsDevicesEvent({required this.param, required this.onSuccess});
-
-  final GetAnalyticsDevicesParam param;
-  final void Function(AnalyticsDevice device) onSuccess;
-
-  @override
-  List<Object> get props => [param];
-}
-
-final class SelectAnalyticsDeviceEvent extends AnalyticsDevicesEvent {
-  const SelectAnalyticsDeviceEvent(this.device);
-
-  final AnalyticsDevice device;
-
-  @override
-  List<Object> get props => [device];
-}
-
-final class ClearAnalyticsDeviceEvent extends AnalyticsDevicesEvent {
-  const ClearAnalyticsDeviceEvent();
-}

lib/pages/analytics/modules/analytics/blocs/analytics_devices/analytics_devices_state.dart

@@ -1,20 +0,0 @@
-part of 'analytics_devices_bloc.dart';
-
-enum AnalyticsDevicesStatus { initial, loading, loaded, failure }
-
-final class AnalyticsDevicesState extends Equatable {
-  const AnalyticsDevicesState({
-    this.status = AnalyticsDevicesStatus.initial,
-    this.devices = const [],
-    this.errorMessage,
-    this.selectedDevice,
-  });
-
-  final AnalyticsDevicesStatus status;
-  final List<AnalyticsDevice> devices;
-  final AnalyticsDevice? selectedDevice;
-  final String? errorMessage;
-
-  @override
-  List<Object?> get props => [status, devices, errorMessage, selectedDevice];
-}

lib/pages/analytics/modules/analytics/strategies/energy_management_data_loading_strategy.dart

@@ -14,20 +14,12 @@ class EnergyManagementDataLoadingStrategy implements AnalyticsDataLoadingStrateg
     CommunityModel community,
     List<SpaceModel> spaces,
   ) {
-    // Add to space tree bloc first
     context.read<SpaceTreeBloc>().add(
           OnCommunitySelected(
             community.uuid,
             spaces,
           ),
         );
-
-    final spaceTreeState = context.read<SpaceTreeBloc>().state;
-    if (spaceTreeState.selectedCommunities.contains(community.uuid)) {
-      clearData(context);
-      return;
-    }
-
     FetchEnergyManagementDataHelper.loadEnergyManagementData(
       context,
       communityId: community.uuid,
@@ -49,13 +41,6 @@ class EnergyManagementDataLoadingStrategy implements AnalyticsDataLoadingStrateg
           ),
         );
 
-    final spaceTreeState = context.read<SpaceTreeBloc>().state;
-    if (spaceTreeState.selectedCommunities.contains(community.uuid) ||
-        spaceTreeState.selectedSpaces.contains(space.uuid)) {
-      clearData(context);
-      return;
-    }
-
     FetchEnergyManagementDataHelper.loadEnergyManagementData(
       context,
       communityId: community.uuid,
@@ -69,7 +54,7 @@ class EnergyManagementDataLoadingStrategy implements AnalyticsDataLoadingStrateg
     CommunityModel community,
     SpaceModel child,
   ) {
-    // Do nothing else as per original implementation
+    // Do nothing
   }
 
   @override

lib/pages/analytics/modules/analytics/strategies/occupancy_data_loading_strategy.dart

@@ -20,12 +20,6 @@ class OccupancyDataLoadingStrategy implements AnalyticsDataLoadingStrategy {
             spaces.isNotEmpty ? [spaces.first] : [],
           ),
         );
-
-    final spaceTreeState = context.read<SpaceTreeBloc>().state;
-    if (spaceTreeState.selectedCommunities.contains(community.uuid)) {
-      clearData(context);
-      return;
-    }
     FetchOccupancyDataHelper.loadOccupancyData(
       context,
       communityId: community.uuid,
@@ -53,13 +47,6 @@ class OccupancyDataLoadingStrategy implements AnalyticsDataLoadingStrategy {
         ..add(OnSpaceSelected(community, space.uuid ?? '', []));
     }
 
-    final spaceTreeState = context.read<SpaceTreeBloc>().state;
-    if (spaceTreeState.selectedCommunities.contains(community.uuid) ||
-        spaceTreeState.selectedSpaces.contains(space.uuid)) {
-      clearData(context);
-      return;
-    }
-
     FetchOccupancyDataHelper.loadOccupancyData(
       context,
       communityId: community.uuid,
@@ -79,6 +66,6 @@ class OccupancyDataLoadingStrategy implements AnalyticsDataLoadingStrategy {
   @override
   void clearData(BuildContext context) {
     context.read<SpaceTreeBloc>().add(const SpaceTreeClearSelectionEvent());
-    FetchOccupancyDataHelper.clearAllData(context);
+    // FetchOccupancyDataHelper.clearAllData(context);
   }
 }

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

@@ -1,7 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_date_picker_bloc/analytics_date_picker_bloc.dart';
-import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_devices/analytics_devices_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_tab/analytics_tab_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/analytics/widgets/analytics_communities_sidebar.dart';
 import 'package:syncrow_web/pages/analytics/modules/analytics/widgets/analytics_page_tabs_and_children.dart';
@@ -12,9 +11,6 @@ import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/real
 import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/total_energy_consumption/total_energy_consumption_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/occupancy/blocs/occupancy/occupancy_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/occupancy/blocs/occupancy_heat_map/occupancy_heat_map_bloc.dart';
-import 'package:syncrow_web/pages/analytics/services/analytics_devices/analytics_devices_service_delagate.dart';
-import 'package:syncrow_web/pages/analytics/services/analytics_devices/remote_energy_management_analytics_devices_service.dart';
-import 'package:syncrow_web/pages/analytics/services/analytics_devices/remote_occupancy_analytics_devices_service.dart';
 import 'package:syncrow_web/pages/analytics/services/energy_consumption_by_phases/fake_energy_consumption_by_phases_service.dart';
 import 'package:syncrow_web/pages/analytics/services/energy_consumption_per_device/fake_energy_consumption_per_device_service.dart';
 import 'package:syncrow_web/pages/analytics/services/occupacy/fake_occupacy_service.dart';
@@ -27,22 +23,9 @@ 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';
 
-class AnalyticsPage extends StatefulWidget {
+class AnalyticsPage extends StatelessWidget {
   const AnalyticsPage({super.key});
 
-  @override
-  State<AnalyticsPage> createState() => _AnalyticsPageState();
-}
-
-class _AnalyticsPageState extends State<AnalyticsPage> {
-  late final HTTPService _httpService;
-
-  @override
-  void initState() {
-    super.initState();
-    _httpService = HTTPService();
-  }
-
   @override
   Widget build(BuildContext context) {
     return MultiBlocProvider(
@@ -52,7 +35,7 @@ class _AnalyticsPageState extends State<AnalyticsPage> {
         ),
         BlocProvider(
           create: (context) => TotalEnergyConsumptionBloc(
-            RemoteTotalEnergyConsumptionService(_httpService),
+            RemoteTotalEnergyConsumptionService(HTTPService()),
           ),
         ),
         BlocProvider(
@@ -67,7 +50,7 @@ class _AnalyticsPageState extends State<AnalyticsPage> {
         ),
         BlocProvider(
           create: (context) => PowerClampInfoBloc(
-            RemotePowerClampInfoService(_httpService),
+            RemotePowerClampInfoService(HTTPService()),
           ),
         ),
         BlocProvider<RealtimeDeviceChangesBloc>(
@@ -78,18 +61,10 @@ class _AnalyticsPageState extends State<AnalyticsPage> {
         BlocProvider(create: (context) => OccupancyBloc(FakeOccupacyService())),
         BlocProvider(
           create: (context) => OccupancyHeatMapBloc(
-            RemoteOccupancyHeatMapService(_httpService),
+            RemoteOccupancyHeatMapService(HTTPService()),
           ),
         ),
         BlocProvider(create: (context) => AnalyticsDatePickerBloc()),
-        BlocProvider(
-          create: (context) => AnalyticsDevicesBloc(
-            AnalyticsDevicesServiceDelegate(
-              RemoteOccupancyAnalyticsDevicesService(_httpService),
-              RemoteEnergyManagementAnalyticsDevicesService(_httpService),
-            ),
-          ),
-        ),
       ],
       child: const AnalyticsPageForm(),
     );

lib/pages/analytics/modules/energy_management/helpers/fetch_energy_management_data_helper.dart

@@ -1,14 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/analytics/models/analytics_device.dart';
 import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_date_picker_bloc/analytics_date_picker_bloc.dart';
-import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_devices/analytics_devices_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/energy_consumption_by_phases/energy_consumption_by_phases_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/energy_consumption_per_device/energy_consumption_per_device_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/power_clamp_info/power_clamp_info_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/realtime_device_changes/realtime_device_changes_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/total_energy_consumption/total_energy_consumption_bloc.dart';
-import 'package:syncrow_web/pages/analytics/params/get_analytics_devices_param.dart';
 import 'package:syncrow_web/pages/analytics/params/get_energy_consumption_by_phases_param.dart';
 import 'package:syncrow_web/pages/analytics/params/get_energy_consumption_per_device_param.dart';
 import 'package:syncrow_web/pages/analytics/params/get_total_energy_consumption_param.dart';
@@ -16,10 +13,7 @@ import 'package:syncrow_web/pages/analytics/params/get_total_energy_consumption_
 abstract final class FetchEnergyManagementDataHelper {
   const FetchEnergyManagementDataHelper._();
 
-  // static const String _powerClampId = 'cb71d6ad-6e29-4eaa-ae3e-1a0d1c5f60fa';
-  static AnalyticsDevice? getSelectedDevice(BuildContext context) {
-    return context.read<AnalyticsDevicesBloc>().state.selectedDevice;
-  }
+  static const String _powerClampId = 'cb71d6ad-6e29-4eaa-ae3e-1a0d1c5f60fa';
 
   static void loadEnergyManagementData(
     BuildContext context, {
@@ -34,14 +28,16 @@ abstract final class FetchEnergyManagementDataHelper {
 
     final datePickerState = context.read<AnalyticsDatePickerBloc>().state;
     final selectedDate0 = selectedDate ?? datePickerState.monthlyDate;
-    loadAnalyticsDevices(context, communityUuid: communityId, spaceUuid: spaceId);
+
     loadTotalEnergyConsumption(
       context,
       selectedDate: selectedDate0,
       communityId: communityId,
       spaceId: spaceId,
     );
+
     loadEnergyConsumptionByPhases(context, selectedDate: selectedDate);
+
     loadEnergyConsumptionPerDevice(context);
     loadRealtimeDeviceChanges(context);
     loadPowerClampInfo(context);
@@ -84,58 +80,26 @@ abstract final class FetchEnergyManagementDataHelper {
   }
 
   static void loadPowerClampInfo(BuildContext context) {
-    final selectedDevice = getSelectedDevice(context);
-    if (selectedDevice case final AnalyticsDevice device) {
-      context.read<PowerClampInfoBloc>().add(
-            LoadPowerClampInfoEvent(device.uuid),
-          );
-    }
-  }
-
-  static void loadRealtimeDeviceChanges(
-    BuildContext context, {
-    String? deviceUuid,
-  }) {
-    final selectedDevice = getSelectedDevice(context);
-
-    context.read<RealtimeDeviceChangesBloc>().add(
-          RealtimeDeviceChangesStarted(deviceUuid ?? selectedDevice?.uuid ?? ''),
+    context.read<PowerClampInfoBloc>().add(
+          const LoadPowerClampInfoEvent(_powerClampId),
         );
   }
 
-  static void loadAnalyticsDevices(
-    BuildContext context, {
-    required String communityUuid,
-    required String spaceUuid,
-  }) {
-    context.read<AnalyticsDevicesBloc>().add(
-          LoadAnalyticsDevicesEvent(
-            onSuccess: (device) {
-              context.read<PowerClampInfoBloc>().add(
-                    LoadPowerClampInfoEvent(device.uuid),
-                  );
-              context.read<RealtimeDeviceChangesBloc>().add(
-                    RealtimeDeviceChangesStarted(device.uuid),
-                  );
-            },
-            param: GetAnalyticsDevicesParam(
-              communityUuid: communityUuid,
-              spaceUuid: spaceUuid,
-              deviceTypes: ['PC'],
-              requestType: AnalyticsDeviceRequestType.energyManagement,
-            ),
-          ),
+  static void loadRealtimeDeviceChanges(BuildContext context) {
+    context.read<RealtimeDeviceChangesBloc>().add(
+          const RealtimeDeviceChangesStarted(_powerClampId),
         );
   }
 
   static void clearAllData(BuildContext context) {
-    context.read<PowerClampInfoBloc>().add(
-          const ClearPowerClampInfoEvent(),
-        );
     context.read<RealtimeDeviceChangesBloc>().add(
           const RealtimeDeviceChangesClosed(),
         );
 
+    context.read<PowerClampInfoBloc>().add(
+          const ClearPowerClampInfoEvent(),
+        );
+
     context.read<EnergyConsumptionPerDeviceBloc>().add(
           const ClearEnergyConsumptionPerDeviceEvent(),
         );
@@ -147,6 +111,5 @@ abstract final class FetchEnergyManagementDataHelper {
     context.read<EnergyConsumptionByPhasesBloc>().add(
           const ClearEnergyConsumptionByPhasesEvent(),
         );
-    context.read<AnalyticsDevicesBloc>().add(const ClearAnalyticsDeviceEvent());
   }
 }

lib/pages/analytics/modules/energy_management/widgets/analytics_device_dropdown.dart

@@ -1,87 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/analytics/models/analytics_device.dart';
-import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_devices/analytics_devices_bloc.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-import 'package:syncrow_web/utils/extension/build_context_x.dart';
-
-class AnalyticsDeviceDropdown extends StatelessWidget {
-  const AnalyticsDeviceDropdown({required this.onChanged, super.key});
-
-  final ValueChanged<AnalyticsDevice> onChanged;
-
-  @override
-  Widget build(BuildContext context) {
-    return BlocBuilder<AnalyticsDevicesBloc, AnalyticsDevicesState>(
-      builder: (context, state) {
-        return Container(
-          decoration: BoxDecoration(
-            borderRadius: BorderRadius.circular(16),
-            border: Border.all(
-              color: ColorsManager.greyColor,
-              width: 1,
-            ),
-          ),
-          child: Visibility(
-            visible: state.devices.isNotEmpty,
-            replacement: _buildNoDevicesFound(context),
-            child: _buildDevicesDropdown(context, state),
-          ),
-        );
-      },
-    );
-  }
-
-  static const _defaultPadding = EdgeInsetsDirectional.symmetric(
-    horizontal: 20,
-    vertical: 2,
-  );
-
-  Widget _buildNoDevicesFound(BuildContext context) {
-    return Padding(
-      padding: _defaultPadding,
-      child: Text(
-        'no devices found',
-        style: _getTextStyle(context),
-      ),
-    );
-  }
-
-  Widget _buildDevicesDropdown(BuildContext context, AnalyticsDevicesState state) {
-    return DropdownButton<AnalyticsDevice?>(
-      value: state.selectedDevice,
-      isDense: true,
-      borderRadius: BorderRadius.circular(16),
-      dropdownColor: ColorsManager.whiteColors,
-      underline: const SizedBox.shrink(),
-      icon: const RotatedBox(
-        quarterTurns: 1,
-        child: Icon(Icons.chevron_right, size: 16),
-      ),
-      style: _getTextStyle(context),
-      padding: _defaultPadding,
-      items: state.devices.map((e) {
-        return DropdownMenuItem(
-          value: e,
-          child: Text(e.name),
-        );
-      }).toList(),
-      onChanged: (value) {
-        if (value case final AnalyticsDevice device) {
-          context.read<AnalyticsDevicesBloc>().add(
-                SelectAnalyticsDeviceEvent(device),
-              );
-          onChanged.call(device);
-        }
-      },
-    );
-  }
-
-  TextStyle? _getTextStyle(BuildContext context) {
-    return context.textTheme.labelSmall?.copyWith(
-      color: ColorsManager.textPrimaryColor,
-      fontWeight: FontWeight.w700,
-      fontSize: 14,
-    );
-  }
-}

lib/pages/analytics/modules/energy_management/widgets/power_clamp_energy_data_device_dropdown.dart

@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/utils/extension/build_context_x.dart';
+
+class PowerClampEnergyDataDeviceDropdown extends StatelessWidget {
+  const PowerClampEnergyDataDeviceDropdown({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(
+          color: ColorsManager.greyColor,
+          width: 1,
+        ),
+      ),
+      child: DropdownButton<String>(
+        value: 'Device 1',
+        isDense: true,
+        borderRadius: BorderRadius.circular(16),
+        dropdownColor: ColorsManager.whiteColors,
+        underline: const SizedBox.shrink(),
+        icon: const RotatedBox(
+          quarterTurns: 1,
+          child: Icon(Icons.chevron_right, size: 16),
+        ),
+        style: context.textTheme.labelSmall?.copyWith(
+          color: ColorsManager.textPrimaryColor,
+          fontWeight: FontWeight.w700,
+          fontSize: 14,
+        ),
+        padding: const EdgeInsetsDirectional.symmetric(
+          horizontal: 20,
+          vertical: 2,
+        ),
+        items: [
+          for (var i = 1; i < 10; i++)
+            DropdownMenuItem(
+              value: 'Device $i',
+              child: Text(
+                'Device $i',
+                style: context.textTheme.labelSmall?.copyWith(
+                  color: ColorsManager.textPrimaryColor,
+                  fontWeight: FontWeight.w700,
+                  fontSize: 14,
+                ),
+              ),
+            ),
+        ],
+        onChanged: (value) {},
+      ),
+    );
+  }
+}

lib/pages/analytics/modules/energy_management/widgets/power_clamp_energy_data_widget.dart

@@ -1,12 +1,10 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:syncrow_web/pages/analytics/models/power_clamp_energy_status.dart';
-import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_devices/analytics_devices_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/power_clamp_info/power_clamp_info_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/realtime_device_changes/realtime_device_changes_bloc.dart';
-import 'package:syncrow_web/pages/analytics/modules/energy_management/helpers/fetch_energy_management_data_helper.dart';
-import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/analytics_device_dropdown.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/energy_consumption_by_phases_chart_box.dart';
+import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/power_clamp_energy_data_device_dropdown.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/power_clamp_energy_status_widget.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/power_clamp_phases_data_widget.dart';
 import 'package:syncrow_web/pages/analytics/widgets/analytics_error_widget.dart';
@@ -52,8 +50,7 @@ class PowerClampEnergyDataWidget extends StatelessWidget {
                 ),
                 const SizedBox(height: 6),
                 SelectableText(
-                  context.watch<AnalyticsDevicesBloc>().state.selectedDevice?.uuid ??
-                      'N/A',
+                  state.powerClampModel?.productUuid ?? 'N/A',
                   style: context.textTheme.bodySmall?.copyWith(
                     color: ColorsManager.blackColor,
                     fontWeight: FontWeight.w400,
@@ -110,7 +107,7 @@ class PowerClampEnergyDataWidget extends StatelessWidget {
       mainAxisSize: MainAxisSize.min,
       children: [
         Expanded(
-          flex: 3,
+          flex: 2,
           child: FittedBox(
             fit: BoxFit.scaleDown,
             alignment: AlignmentDirectional.centerStart,
@@ -125,19 +122,11 @@ class PowerClampEnergyDataWidget extends StatelessWidget {
           ),
         ),
         const Spacer(),
-        Expanded(
-          flex: 2,
+        const Expanded(
           child: FittedBox(
             fit: BoxFit.scaleDown,
             alignment: AlignmentDirectional.centerEnd,
-            child: AnalyticsDeviceDropdown(
-              onChanged: (value) {
-                FetchEnergyManagementDataHelper.loadRealtimeDeviceChanges(
-                  context,
-                  deviceUuid: value.uuid,
-                );
-              },
-            ),
+            child: PowerClampEnergyDataDeviceDropdown(),
           ),
         ),
       ],

lib/pages/analytics/modules/occupancy/helpers/fetch_occupancy_data_helper.dart

@@ -1,12 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/analytics/models/analytics_device.dart';
 import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_date_picker_bloc/analytics_date_picker_bloc.dart';
-import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_devices/analytics_devices_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/realtime_device_changes/realtime_device_changes_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/occupancy/blocs/occupancy/occupancy_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/occupancy/blocs/occupancy_heat_map/occupancy_heat_map_bloc.dart';
-import 'package:syncrow_web/pages/analytics/params/get_analytics_devices_param.dart';
 import 'package:syncrow_web/pages/analytics/params/get_occupancy_heat_map_param.dart';
 import 'package:syncrow_web/pages/analytics/params/get_occupancy_param.dart';
 
@@ -20,14 +17,10 @@ abstract final class FetchOccupancyDataHelper {
   }) {
     if (communityId.isEmpty && spaceId.isEmpty) {
       clearAllData(context);
-      return;
     }
 
     final datePickerState = context.read<AnalyticsDatePickerBloc>().state;
 
-    loadAnalyticsDevices(context, communityUuid: communityId, spaceUuid: spaceId);
-    final selectedDevice = context.read<AnalyticsDevicesBloc>().state.selectedDevice;
-
     context.read<OccupancyBloc>().add(
           LoadOccupancyEvent(
             GetOccupancyParam(
@@ -48,35 +41,11 @@ abstract final class FetchOccupancyDataHelper {
           ),
         );
 
-    if (selectedDevice case final AnalyticsDevice device) {
-      context.read<RealtimeDeviceChangesBloc>()
-        ..add(const RealtimeDeviceChangesClosed())
-        ..add(
-          RealtimeDeviceChangesStarted(device.uuid),
-        );
-    }
-  }
-
-  static void loadAnalyticsDevices(
-    BuildContext context, {
-    required String communityUuid,
-    required String spaceUuid,
-  }) {
-    context.read<AnalyticsDevicesBloc>().add(
-          LoadAnalyticsDevicesEvent(
-            param: GetAnalyticsDevicesParam(
-              communityUuid: communityUuid,
-              spaceUuid: spaceUuid,
-              deviceTypes: ['WPS', 'CPS'],
-              requestType: AnalyticsDeviceRequestType.occupancy,
-            ),
-            onSuccess: (device) {
-              context.read<RealtimeDeviceChangesBloc>()
-                ..add(const RealtimeDeviceChangesClosed())
-                ..add(RealtimeDeviceChangesStarted(device.uuid));
-            },
-          ),
-        );
+    context.read<RealtimeDeviceChangesBloc>()
+      ..add(const RealtimeDeviceChangesClosed())
+      ..add(
+        const RealtimeDeviceChangesStarted('14fe6e7e-47af-4a07-ae0a-7c4a26ef8135'),
+      );
   }
 
   static void clearAllData(BuildContext context) {
@@ -89,9 +58,5 @@ abstract final class FetchOccupancyDataHelper {
     context.read<RealtimeDeviceChangesBloc>().add(
           const RealtimeDeviceChangesClosed(),
         );
-
-    context.read<AnalyticsDevicesBloc>().add(
-          const ClearAnalyticsDeviceEvent(),
-        );
   }
 }

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

@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/utils/extension/build_context_x.dart';
+
+class HeatMapTooltip extends StatelessWidget {
+  const HeatMapTooltip({
+    required this.date,
+    required this.value,
+    super.key,
+  });
+
+  final DateTime date;
+  final int value;
+
+  @override
+  Widget build(BuildContext context) {
+    return FittedBox(
+      fit: BoxFit.scaleDown,
+      alignment: AlignmentDirectional.topStart,
+      child: Container(
+        padding: const EdgeInsets.all(8),
+        decoration: BoxDecoration(
+          color: ColorsManager.grey700,
+          borderRadius: BorderRadius.circular(3),
+        ),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          mainAxisAlignment: MainAxisAlignment.start,
+          children: [
+            Text(
+              DateFormat('MMM d, yyyy').format(date),
+              style: context.textTheme.bodySmall?.copyWith(
+                fontSize: 12,
+                fontWeight: FontWeight.w700,
+                color: ColorsManager.whiteColors,
+              ),
+            ),
+            const Divider(height: 2, thickness: 1),
+            Text(
+              '$value Occupants',
+              style: context.textTheme.bodySmall?.copyWith(
+                fontSize: 10,
+                fontWeight: FontWeight.w500,
+                color: ColorsManager.whiteColors,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

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

@@ -0,0 +1,108 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_web/pages/analytics/modules/occupancy/widgets/heat_map_tooltip.dart';
+import 'package:syncrow_web/pages/analytics/modules/occupancy/widgets/occupancy_painter.dart';
+
+class InteractiveHeatMap extends StatefulWidget {
+  const InteractiveHeatMap({
+    required this.items,
+    required this.maxValue,
+    required this.cellSize,
+    super.key,
+  });
+
+  final List<OccupancyPaintItem> items;
+  final int maxValue;
+  final double cellSize;
+
+  @override
+  State<InteractiveHeatMap> createState() => _InteractiveHeatMapState();
+}
+
+class _InteractiveHeatMapState extends State<InteractiveHeatMap> {
+  OccupancyPaintItem? _hoveredItem;
+  OverlayEntry? _overlayEntry;
+  final LayerLink _layerLink = LayerLink();
+
+  @override
+  void dispose() {
+    _removeOverlay();
+    _overlayEntry?.dispose();
+    super.dispose();
+  }
+
+  void _removeOverlay() {
+    _overlayEntry?.remove();
+    _overlayEntry = null;
+  }
+
+  void _showTooltip(OccupancyPaintItem item, Offset localPosition) {
+    _removeOverlay();
+
+    final column = item.index ~/ 7;
+    final row = item.index % 7;
+    final x = column * widget.cellSize;
+    final y = row * widget.cellSize;
+
+    _overlayEntry = OverlayEntry(
+      builder: (context) => Positioned(
+        child: CompositedTransformFollower(
+          link: _layerLink,
+          offset: Offset(x + widget.cellSize, y),
+          child: Material(
+            color: Colors.transparent,
+            child: Transform.translate(
+              offset: Offset(-(widget.cellSize * 2.5), -50),
+              child: HeatMapTooltip(date: item.date, value: item.value),
+            ),
+          ),
+        ),
+      ),
+    );
+
+    Overlay.of(context).insert(_overlayEntry!);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return CompositedTransformTarget(
+      link: _layerLink,
+      child: MouseRegion(
+        onHover: (event) {
+          final column = event.localPosition.dx ~/ widget.cellSize;
+          final row = event.localPosition.dy ~/ widget.cellSize;
+          final index = column * 7 + row;
+
+          if (index >= 0 && index < widget.items.length) {
+            final item = widget.items[index];
+            if (_hoveredItem != item) {
+              setState(() => _hoveredItem = item);
+              _showTooltip(item, event.localPosition);
+            }
+          } else {
+            _removeOverlay();
+            setState(() => _hoveredItem = null);
+          }
+        },
+        onExit: (_) {
+          _removeOverlay();
+          setState(() => _hoveredItem = null);
+        },
+        child: CustomPaint(
+          isComplex: true,
+          size: _painterSize,
+          painter: OccupancyPainter(
+            items: widget.items,
+            maxValue: widget.maxValue,
+            hoveredItem: _hoveredItem,
+          ),
+        ),
+      ),
+    );
+  }
+
+  Size get _painterSize {
+    final height = 7 * widget.cellSize;
+    final width = widget.items.length ~/ 7 * widget.cellSize;
+    return Size(width, height);
+  }
+}

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

@@ -1,16 +1,15 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:syncrow_web/pages/analytics/models/power_clamp_energy_status.dart';
-import 'package:syncrow_web/pages/analytics/modules/analytics/blocs/analytics_devices/analytics_devices_bloc.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/blocs/realtime_device_changes/realtime_device_changes_bloc.dart';
-import 'package:syncrow_web/pages/analytics/modules/energy_management/helpers/fetch_energy_management_data_helper.dart';
-import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/analytics_device_dropdown.dart';
+import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/power_clamp_energy_data_device_dropdown.dart';
 import 'package:syncrow_web/pages/analytics/modules/energy_management/widgets/power_clamp_energy_status_widget.dart';
 import 'package:syncrow_web/pages/device_managment/all_devices/models/device_status.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
 import 'package:syncrow_web/utils/constants/assets.dart';
 import 'package:syncrow_web/utils/extension/build_context_x.dart';
 import 'package:syncrow_web/utils/style.dart';
+import 'package:uuid/uuid.dart';
 
 class OccupancyEndSideBar extends StatelessWidget {
   const OccupancyEndSideBar({super.key});
@@ -38,8 +37,7 @@ class OccupancyEndSideBar extends StatelessWidget {
               ),
               const SizedBox(height: 6),
               SelectableText(
-                context.watch<AnalyticsDevicesBloc>().state.selectedDevice?.uuid ??
-                    'N/A',
+                (const Uuid().v4()),
                 style: context.textTheme.bodySmall?.copyWith(
                   color: ColorsManager.blackColor,
                   fontWeight: FontWeight.w400,
@@ -107,7 +105,7 @@ class OccupancyEndSideBar extends StatelessWidget {
       mainAxisSize: MainAxisSize.min,
       children: [
         Expanded(
-          flex: 3,
+          flex: 2,
           child: FittedBox(
             fit: BoxFit.scaleDown,
             alignment: AlignmentDirectional.centerStart,
@@ -122,18 +120,11 @@ class OccupancyEndSideBar extends StatelessWidget {
           ),
         ),
         const Spacer(),
-        Expanded(
-          flex: 2,
+        const Expanded(
           child: FittedBox(
             fit: BoxFit.scaleDown,
             alignment: AlignmentDirectional.centerEnd,
-            child: AnalyticsDeviceDropdown(
-              onChanged: (value) =>
-                  FetchEnergyManagementDataHelper.loadRealtimeDeviceChanges(
-                context,
-                deviceUuid: value.uuid,
-              ),
-            ),
+            child: PowerClampEnergyDataDeviceDropdown(),
           ),
         ),
       ],

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

@@ -1,6 +1,7 @@
 import 'dart:math' as math show max;
 
 import 'package:flutter/material.dart';
+import 'package:syncrow_web/pages/analytics/modules/occupancy/widgets/interactive_heat_map.dart';
 import 'package:syncrow_web/pages/analytics/modules/occupancy/widgets/occupancy_heat_map_days.dart';
 import 'package:syncrow_web/pages/analytics/modules/occupancy/widgets/occupancy_heat_map_gradient.dart';
 import 'package:syncrow_web/pages/analytics/modules/occupancy/widgets/occupancy_heat_map_months.dart';
@@ -28,7 +29,7 @@ class OccupancyHeatMap extends StatelessWidget {
     return List.generate(_totalWeeks * 7, (index) {
       final date = startDate.add(Duration(days: index));
       final value = heatMapData[date] ?? 0;
-      return OccupancyPaintItem(index: index, value: value);
+      return OccupancyPaintItem(index: index, value: value, date: date);
     });
   }
 
@@ -58,15 +59,13 @@ class OccupancyHeatMap extends StatelessWidget {
                   child: Row(
                     children: [
                       const OccupancyHeatMapDays(cellSize: _cellSize),
-                      CustomPaint(
-                        size: const Size(_totalWeeks * _cellSize, 7 * _cellSize),
-                        child: CustomPaint(
-                          isComplex: true,
-                          size: const Size(_totalWeeks * _cellSize, 7 * _cellSize),
-                          painter: OccupancyPainter(
-                            items: paintItems,
-                            maxValue: _maxValue,
-                          ),
+                      SizedBox(
+                        width: _totalWeeks * _cellSize,
+                        height: 7 * _cellSize,
+                        child: InteractiveHeatMap(
+                          items: paintItems,
+                          maxValue: _maxValue,
+                          cellSize: _cellSize,
                         ),
                       ),
                     ],

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

@@ -4,18 +4,25 @@ import 'package:syncrow_web/utils/color_manager.dart';
 class OccupancyPaintItem {
   final int index;
   final int value;
+  final DateTime date;
 
-  const OccupancyPaintItem({required this.index, required this.value});
+  const OccupancyPaintItem({
+    required this.index,
+    required this.value,
+    required this.date,
+  });
 }
 
 class OccupancyPainter extends CustomPainter {
   OccupancyPainter({
     required this.items,
     required this.maxValue,
+    this.hoveredItem,
   });
 
   final List<OccupancyPaintItem> items;
   final int maxValue;
+  final OccupancyPaintItem? hoveredItem;
 
   static const double cellSize = 16.0;
 
@@ -25,6 +32,10 @@ class OccupancyPainter extends CustomPainter {
     final Paint borderPaint = Paint()
       ..color = ColorsManager.grayBorder.withValues(alpha: 0.4)
       ..style = PaintingStyle.stroke;
+    final Paint hoveredBorderPaint = Paint()
+      ..color = Colors.black
+      ..style = PaintingStyle.stroke
+      ..strokeWidth = 1.5;
 
     for (final item in items) {
       final column = item.index ~/ 7;
@@ -37,22 +48,27 @@ class OccupancyPainter extends CustomPainter {
       final rect = Rect.fromLTWH(x, y, cellSize, cellSize);
       canvas.drawRect(rect, fillPaint);
 
-      _drawDashedLine(
-        canvas,
-        Offset(x, y),
-        Offset(x + cellSize, y),
-        borderPaint,
-      );
-      _drawDashedLine(
-        canvas,
-        Offset(x, y + cellSize),
-        Offset(x + cellSize, y + cellSize),
-        borderPaint,
-      );
+      // Highlight the hovered item
+      if (hoveredItem != null && hoveredItem!.index == item.index) {
+        canvas.drawRect(rect, hoveredBorderPaint);
+      } else {
+        _drawDashedLine(
+          canvas,
+          Offset(x, y),
+          Offset(x + cellSize, y),
+          borderPaint,
+        );
+        _drawDashedLine(
+          canvas,
+          Offset(x, y + cellSize),
+          Offset(x + cellSize, y + cellSize),
+          borderPaint,
+        );
 
-      canvas.drawLine(Offset(x, y), Offset(x, y + cellSize), borderPaint);
-      canvas.drawLine(
-          Offset(x + cellSize, y), Offset(x + cellSize, y + cellSize), borderPaint);
+        canvas.drawLine(Offset(x, y), Offset(x, y + cellSize), borderPaint);
+        canvas.drawLine(Offset(x + cellSize, y), Offset(x + cellSize, y + cellSize),
+            borderPaint);
+      }
     }
   }
 
@@ -80,5 +96,6 @@ class OccupancyPainter extends CustomPainter {
   }
 
   @override
-  bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
+  bool shouldRepaint(covariant OccupancyPainter oldDelegate) =>
+      oldDelegate.hoveredItem != hoveredItem;
 }

lib/pages/analytics/params/get_analytics_devices_param.dart

@@ -1,22 +0,0 @@
-enum AnalyticsDeviceRequestType { energyManagement, occupancy }
-
-class GetAnalyticsDevicesParam {
-  final String? spaceUuid;
-  final List<String> deviceTypes;
-  final String? communityUuid;
-  final AnalyticsDeviceRequestType requestType;
-
-  const GetAnalyticsDevicesParam({
-    required this.requestType,
-    required this.spaceUuid,
-    required this.deviceTypes,
-    required this.communityUuid,
-  });
-
-  Map<String, dynamic> toJson() {
-    return <String, dynamic>{
-      if (spaceUuid != null) 'spaceUuid': spaceUuid,
-      if (communityUuid != null) 'communityUuid': communityUuid,
-    };
-  }
-}

lib/pages/analytics/services/analytics_devices/analytics_devices_service.dart

@@ -1,6 +0,0 @@
-import 'package:syncrow_web/pages/analytics/models/analytics_device.dart';
-import 'package:syncrow_web/pages/analytics/params/get_analytics_devices_param.dart';
-
-abstract interface class AnalyticsDevicesService {
-  Future<List<AnalyticsDevice>> getDevices(GetAnalyticsDevicesParam param);
-}

lib/pages/analytics/services/analytics_devices/analytics_devices_service_delagate.dart

@@ -1,24 +0,0 @@
-import 'package:syncrow_web/pages/analytics/models/analytics_device.dart';
-import 'package:syncrow_web/pages/analytics/params/get_analytics_devices_param.dart';
-import 'package:syncrow_web/pages/analytics/services/analytics_devices/analytics_devices_service.dart';
-
-class AnalyticsDevicesServiceDelegate implements AnalyticsDevicesService {
-  const AnalyticsDevicesServiceDelegate(
-    this._occupancyService,
-    this._energyManagementService,
-  );
-
-  final AnalyticsDevicesService _occupancyService;
-  final AnalyticsDevicesService _energyManagementService;
-
-  @override
-  Future<List<AnalyticsDevice>> getDevices(
-    GetAnalyticsDevicesParam param,
-  ) {
-    return switch (param.requestType) {
-      AnalyticsDeviceRequestType.occupancy => _occupancyService.getDevices(param),
-      AnalyticsDeviceRequestType.energyManagement =>
-        _energyManagementService.getDevices(param),
-    };
-  }
-}

lib/pages/analytics/services/analytics_devices/remote_energy_management_analytics_devices_service.dart

@@ -1,36 +0,0 @@
-import 'package:syncrow_web/pages/analytics/models/analytics_device.dart';
-import 'package:syncrow_web/pages/analytics/params/get_analytics_devices_param.dart';
-import 'package:syncrow_web/pages/analytics/services/analytics_devices/analytics_devices_service.dart';
-import 'package:syncrow_web/services/api/http_service.dart';
-
-final class RemoteEnergyManagementAnalyticsDevicesService
-    implements AnalyticsDevicesService {
-  const RemoteEnergyManagementAnalyticsDevicesService(this._httpService);
-
-  final HTTPService _httpService;
-
-  @override
-  Future<List<AnalyticsDevice>> getDevices(GetAnalyticsDevicesParam param) async {
-    try {
-      final response = await _httpService.get(
-        path: '/devices-space-community/recursive-child',
-        queryParameters: param.toJson()
-          ..addAll({'productType': param.deviceTypes.first}),
-        expectedResponseModel: (response) {
-          final json = response as Map<String, dynamic>;
-          final dailyData = json['data'] as List<dynamic>? ?? <dynamic>[];
-
-          final result = dailyData.map(
-            (json) => AnalyticsDevice.fromJson(json as Map<String, dynamic>),
-          );
-
-          return result.toList();
-        },
-      );
-
-      return response;
-    } catch (e) {
-      throw Exception('Failed to load total energy consumption: $e');
-    }
-  }
-}

lib/pages/analytics/services/analytics_devices/remote_occupancy_analytics_devices_service.dart

@@ -1,62 +0,0 @@
-import 'package:syncrow_web/pages/analytics/models/analytics_device.dart';
-import 'package:syncrow_web/pages/analytics/params/get_analytics_devices_param.dart';
-import 'package:syncrow_web/pages/analytics/services/analytics_devices/analytics_devices_service.dart';
-import 'package:syncrow_web/pages/common/bloc/project_manager.dart';
-import 'package:syncrow_web/services/api/http_service.dart';
-
-class RemoteOccupancyAnalyticsDevicesService implements AnalyticsDevicesService {
-  const RemoteOccupancyAnalyticsDevicesService(this._httpService);
-
-  final HTTPService _httpService;
-
-  @override
-  Future<List<AnalyticsDevice>> getDevices(GetAnalyticsDevicesParam param) async {
-    try {
-      final requests = await Future.wait<List<AnalyticsDevice>>(
-        param.deviceTypes.map((e) {
-          final mappedParam = GetAnalyticsDevicesParam(
-            requestType: AnalyticsDeviceRequestType.occupancy,
-            spaceUuid: param.spaceUuid,
-            deviceTypes: [e],
-            communityUuid: param.communityUuid,
-          );
-          return _makeRequest(mappedParam);
-        }).toList(),
-      );
-
-      final result = requests.map((e) => e.first).toList();
-      return result;
-    } catch (e) {
-      throw Exception('Failed to load total energy consumption: $e');
-    }
-  }
-
-  Future<List<AnalyticsDevice>> _makeRequest(GetAnalyticsDevicesParam param) async {
-    try {
-      final projectUuid = await ProjectManager.getProjectUUID();
-
-      final response = await _httpService.get(
-        path:
-            '/projects/$projectUuid/communities/${param.communityUuid}/spaces/${param.spaceUuid}/devices',
-        queryParameters: {
-          'requestType': param.requestType.name,
-          'communityUuid': param.communityUuid,
-          'spaceUuid': param.spaceUuid,
-          'productType': param.deviceTypes.first,
-        },
-        expectedResponseModel: (response) {
-          final json = response as Map<String, dynamic>;
-          final dailyData = json['data'] as List<dynamic>? ?? <dynamic>[];
-
-          final result = dailyData.map(
-            (json) => AnalyticsDevice.fromJson(json as Map<String, dynamic>),
-          );
-          return result.toList();
-        },
-      );
-      return response;
-    } catch (e) {
-      rethrow;
-    }
-  }
-}