disable_edit_user

Bugfix/update-subspace-tag-value

lib/pages/device_managment/all_devices/bloc/device_mgmt_bloc/device_managment_bloc.dart

@@ -1,6 +1,8 @@
 import 'package:equatable/equatable.dart';
+import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:syncrow_web/pages/device_managment/all_devices/models/devices_model.dart';
+import 'package:syncrow_web/pages/space_tree/bloc/space_tree_bloc.dart';
 import 'package:syncrow_web/services/devices_mang_api.dart';
 
 part 'device_managment_event.dart';
@@ -32,7 +34,20 @@ class DeviceManagementBloc extends Bloc<DeviceManagementEvent, DeviceManagementS
   Future<void> _onFetchDevices(FetchDevices event, Emitter<DeviceManagementState> emit) async {
     emit(DeviceManagementLoading());
     try {
-      final devices = await DevicesManagementApi().fetchDevices(event.communityId, event.spaceId);
+      List<AllDevicesModel> devices = [];
+      _devices.clear();
+      var spaceBloc = event.context.read<SpaceTreeBloc>();
+      if (spaceBloc.state.selectedCommunities.isEmpty) {
+        devices = await DevicesManagementApi().fetchDevices('', '');
+      } else {
+        for (var community in spaceBloc.state.selectedCommunities) {
+          List<String> spacesList = spaceBloc.state.selectedCommunityAndSpaces[community] ?? [];
+          for (var space in spacesList) {
+            devices.addAll(await DevicesManagementApi().fetchDevices(community, space));
+          }
+        }
+      }
+
       _selectedDevices.clear();
       _devices = devices;
       _filteredDevices = devices;

lib/pages/device_managment/all_devices/bloc/device_mgmt_bloc/device_managment_event.dart

@@ -8,12 +8,13 @@ abstract class DeviceManagementEvent extends Equatable {
 }
 
 class FetchDevices extends DeviceManagementEvent {
-  final String communityId;
+  // final Map<String, List<String>> selectedCommunitiesSpaces;
-  final String spaceId;
+  // final String spaceId;
+  final BuildContext context;
 
-  const FetchDevices(this.communityId, this.spaceId);
+  const FetchDevices(this.context);
   @override
-  List<Object?> get props => [communityId, spaceId];
+  List<Object?> get props => [context];
 }
 
 class FilterDevices extends DeviceManagementEvent {

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

@@ -19,7 +19,7 @@ class DeviceManagementPage extends StatelessWidget with HelperResponsiveLayout {
     return MultiBlocProvider(
       providers: [
         BlocProvider(
-          create: (context) => DeviceManagementBloc()..add(const FetchDevices('', '')),
+          create: (context) => DeviceManagementBloc()..add(FetchDevices(context)),
         ),
       ],
       child: WebScaffold(

lib/pages/device_managment/all_devices/widgets/device_managment_body.dart

@@ -8,6 +8,7 @@ import 'package:syncrow_web/pages/device_managment/all_devices/models/devices_mo
 import 'package:syncrow_web/pages/device_managment/all_devices/widgets/device_search_filters.dart';
 import 'package:syncrow_web/pages/device_managment/shared/device_batch_control_dialog.dart';
 import 'package:syncrow_web/pages/device_managment/shared/device_control_dialog.dart';
+import 'package:syncrow_web/pages/space_tree/bloc/space_tree_bloc.dart';
 import 'package:syncrow_web/pages/space_tree/view/space_tree_view.dart';
 import 'package:syncrow_web/utils/format_date_time.dart';
 import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
@@ -62,14 +63,13 @@ class DeviceManagementBody extends StatelessWidget with HelperResponsiveLayout {
 
         return Row(
           children: [
-            const Expanded(
+            Expanded(child: SpaceTreeView(
-                child: SpaceTreeView(
+              onSelect: () {
-                    // onSelectAction: (String communityId, String spaceId) {
+                context.read<DeviceManagementBloc>().add(FetchDevices(context));
-                    //   context.read<DeviceManagementBloc>().add(FetchDevices(communityId, spaceId));
+              },
-                    // },
+            )),
-                    )),
             Expanded(
-              flex: 3,
+              flex: 4,
               child: state is DeviceManagementLoading
                   ? const Center(child: CircularProgressIndicator())
                   : Column(

lib/pages/device_managment/all_devices/widgets/device_search_filters.dart

@@ -85,7 +85,7 @@ class _DeviceSearchFiltersState extends State<DeviceSearchFilters> with HelperRe
         productNameController.clear();
         context.read<DeviceManagementBloc>()
           ..add(ResetFilters())
-          ..add(const FetchDevices('', ''));
+          ..add(FetchDevices(context));
       },
     );
   }

lib/pages/home/view/home_page_web.dart

@@ -37,12 +37,9 @@ class _HomeWebPageState extends State<HomeWebPage> {
       onPopInvoked: (didPop) => false,
       child: BlocConsumer<HomeBloc, HomeState>(
         listener: (BuildContext context, state) {
-          print('state=$state');
           if (state is HomeInitial) {
-            if (homeBloc.user!.hasAcceptedWebAgreement == false &&
+            if (homeBloc.user!.hasAcceptedWebAgreement == false && !_dialogShown) {
-                !_dialogShown) {
+              _dialogShown = true; // Set the flag to true to indicate the dialog is showing.
-              _dialogShown =
-                  true; // Set the flag to true to indicate the dialog is showing.
               Future.delayed(const Duration(seconds: 1), () {
                 showDialog(
                   context: context,
@@ -101,8 +98,7 @@ class _HomeWebPageState extends State<HomeWebPage> {
                           width: size.width * 0.68,
                           child: GridView.builder(
                             itemCount: 3, // Change this count if needed.
-                            gridDelegate:
+                            gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
-                                const SliverGridDelegateWithFixedCrossAxisCount(
                               crossAxisCount: 3, // Adjust as needed.
                               crossAxisSpacing: 20.0,
                               mainAxisSpacing: 20.0,
@@ -114,8 +110,7 @@ class _HomeWebPageState extends State<HomeWebPage> {
                                 active: homeBloc.homeItems[index].active!,
                                 name: homeBloc.homeItems[index].title!,
                                 img: homeBloc.homeItems[index].icon!,
-                                onTap: () =>
+                                onTap: () => homeBloc.homeItems[index].onPress(context),
-                                    homeBloc.homeItems[index].onPress(context),
                               );
                             },
                           ),

lib/pages/roles_and_permission/users_page/add_user_dialog/view/add_user_dialog.dart

@@ -26,126 +26,118 @@ class _AddNewUserDialogState extends State<AddNewUserDialog> {
         create: (BuildContext context) => UsersBloc()
           ..add(const LoadCommunityAndSpacesEvent())
           ..add(const RoleEvent()),
-        child: BlocConsumer<UsersBloc, UsersState>(listener: (context, state) {
+        child: BlocConsumer<UsersBloc, UsersState>(
-          //          print('88888==${state}');
+            listener: (context, state) {},
-          // if (state is SpacesLoadedState) {
+            builder: (context, state) {
-          //   print('object');
+              final _blocRole = BlocProvider.of<UsersBloc>(context);
-          //   _blocRole.add(const CheckRoleStepStatus());
-          // }
-        }, builder: (context, state) {
-          final _blocRole = BlocProvider.of<UsersBloc>(context);
 
-          return Dialog(
+              return Dialog(
-              child: Container(
+                  child: Container(
-            decoration: const BoxDecoration(
+                decoration: const BoxDecoration(
-                color: Colors.white,
+                    color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(20))),
-                borderRadius: BorderRadius.all(Radius.circular(20))),
+                width: 900,
-            width: 900,
+                child: Column(
-            child: Column(
+                  children: [
-              children: [
+                    // Title
-                // Title
+                    const Padding(
-                const Padding(
+                      padding: EdgeInsets.all(8.0),
-                  padding: EdgeInsets.all(8.0),
+                      child: SizedBox(
-                  child: SizedBox(
-                    child: Text(
-                      "Add New User",
-                      style: TextStyle(
-                          fontSize: 20,
-                          fontWeight: FontWeight.w700,
-                          color: ColorsManager.secondaryColor),
-                    ),
-                  ),
-                ),
-                const Divider(),
-                Expanded(
-                  child: Row(
-                    children: [
-                      Expanded(
-                        child: Container(
-                          padding: const EdgeInsets.all(20),
-                          child: Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
-                            children: [
-                              _buildStep1Indicator(1, "Basics", _blocRole),
-                              _buildStep2Indicator(2, "Spaces", _blocRole),
-                              _buildStep3Indicator(
-                                  3, "Role & Permissions", _blocRole),
-                            ],
-                          ),
-                        ),
-                      ),
-                      Container(
-                        width: 1,
-                        color: ColorsManager.grayBorder,
-                      ),
-                      Expanded(
-                        flex: 2,
-                        child: Padding(
-                          padding: const EdgeInsets.all(20.0),
-                          child: Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
-                            children: [
-                              const SizedBox(height: 10),
-                              Expanded(
-                                child: _getFormContent(),
-                              ),
-                              const SizedBox(height: 20),
-                            ],
-                          ),
-                        ),
-                      ),
-                    ],
-                  ),
-                ),
-                const Divider(),
-                Padding(
-                  padding: const EdgeInsets.all(8.0),
-                  child: Row(
-                    mainAxisAlignment: MainAxisAlignment.spaceAround,
-                    children: [
-                      InkWell(
-                        onTap: () {
-                          Navigator.of(context).pop();
-                        },
-                        child: const Text("Cancel"),
-                      ),
-                      InkWell(
-                        onTap: () {
-                          _blocRole.add(const CheckEmailEvent());
-
-                          setState(() {
-                            if (currentStep < 3) {
-                              currentStep++;
-                              if (currentStep == 2) {
-                                _blocRole.add(
-                                    const CheckStepStatus(isEditUser: false));
-                              } else if (currentStep == 3) {
-                                _blocRole.add(const CheckSpacesStepStatus());
-                              }
-                            } else {
-                              _blocRole.add(SendInviteUsers(context: context));
-                            }
-                          });
-                        },
                         child: Text(
-                          currentStep < 3 ? "Next" : "Save",
+                          "Add New User",
                           style: TextStyle(
-                              color: (_blocRole.isCompleteSpaces == false ||
+                              fontSize: 20,
-                                          _blocRole.isCompleteBasics == false ||
+                              fontWeight: FontWeight.w700,
-                                          _blocRole.isCompleteRolePermissions ==
+                              color: ColorsManager.secondaryColor),
-                                              false) &&
-                                      currentStep == 3
-                                  ? ColorsManager.grayColor
-                                  : ColorsManager.secondaryColor),
                         ),
                       ),
-                    ],
+                    ),
-                  ),
+                    const Divider(),
+                    Expanded(
+                      child: Row(
+                        children: [
+                          Expanded(
+                            child: Container(
+                              padding: const EdgeInsets.all(20),
+                              child: Column(
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                children: [
+                                  _buildStep1Indicator(1, "Basics", _blocRole),
+                                  _buildStep2Indicator(2, "Spaces", _blocRole),
+                                  _buildStep3Indicator(3, "Role & Permissions", _blocRole),
+                                ],
+                              ),
+                            ),
+                          ),
+                          Container(
+                            width: 1,
+                            color: ColorsManager.grayBorder,
+                          ),
+                          Expanded(
+                            flex: 2,
+                            child: Padding(
+                              padding: const EdgeInsets.all(20.0),
+                              child: Column(
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                children: [
+                                  const SizedBox(height: 10),
+                                  Expanded(
+                                    child: _getFormContent(),
+                                  ),
+                                  const SizedBox(height: 20),
+                                ],
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                    const Divider(),
+                    Padding(
+                      padding: const EdgeInsets.all(8.0),
+                      child: Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceAround,
+                        children: [
+                          InkWell(
+                            onTap: () {
+                              Navigator.of(context).pop();
+                            },
+                            child: const Text("Cancel"),
+                          ),
+                          InkWell(
+                            onTap: () {
+                              _blocRole.add(const CheckEmailEvent());
+
+                              setState(() {
+                                if (currentStep < 3) {
+                                  currentStep++;
+                                  if (currentStep == 2) {
+                                    _blocRole.add(const CheckStepStatus(isEditUser: false));
+                                  } else if (currentStep == 3) {
+                                    _blocRole.add(const CheckSpacesStepStatus());
+                                  }
+                                } else {
+                                  _blocRole.add(SendInviteUsers(context: context));
+                                }
+                              });
+                            },
+                            child: Text(
+                              currentStep < 3 ? "Next" : "Save",
+                              style: TextStyle(
+                                  color: (_blocRole.isCompleteSpaces == false ||
+                                              _blocRole.isCompleteBasics == false ||
+                                              _blocRole.isCompleteRolePermissions == false) &&
+                                          currentStep == 3
+                                      ? ColorsManager.grayColor
+                                      : ColorsManager.secondaryColor),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ],
                 ),
-              ],
+              ));
-            ),
+            }));
-          ));
-        }));
   }
 
   Widget _getFormContent() {
@@ -204,12 +196,8 @@ class _AddNewUserDialogState extends State<AddNewUserDialog> {
                   label,
                   style: TextStyle(
                     fontSize: 16,
-                    color: currentStep == step
+                    color: currentStep == step ? ColorsManager.blackColor : ColorsManager.greyColor,
-                        ? ColorsManager.blackColor
+                    fontWeight: currentStep == step ? FontWeight.bold : FontWeight.normal,
-                        : ColorsManager.greyColor,
-                    fontWeight: currentStep == step
-                        ? FontWeight.bold
-                        : FontWeight.normal,
                   ),
                 ),
               ],
@@ -272,12 +260,8 @@ class _AddNewUserDialogState extends State<AddNewUserDialog> {
                   label,
                   style: TextStyle(
                     fontSize: 16,
-                    color: currentStep == step
+                    color: currentStep == step ? ColorsManager.blackColor : ColorsManager.greyColor,
-                        ? ColorsManager.blackColor
+                    fontWeight: currentStep == step ? FontWeight.bold : FontWeight.normal,
-                        : ColorsManager.greyColor,
-                    fontWeight: currentStep == step
-                        ? FontWeight.bold
-                        : FontWeight.normal,
                   ),
                 ),
               ],
@@ -334,12 +318,8 @@ class _AddNewUserDialogState extends State<AddNewUserDialog> {
                   label,
                   style: TextStyle(
                     fontSize: 16,
-                    color: currentStep == step
+                    color: currentStep == step ? ColorsManager.blackColor : ColorsManager.greyColor,
-                        ? ColorsManager.blackColor
+                    fontWeight: currentStep == step ? FontWeight.bold : FontWeight.normal,
-                        : ColorsManager.greyColor,
-                    fontWeight: currentStep == step
-                        ? FontWeight.bold
-                        : FontWeight.normal,
                   ),
                 ),
               ],

lib/pages/roles_and_permission/users_page/users_table/view/users_page.dart

@@ -25,7 +25,8 @@ class UsersPage extends StatelessWidget {
   Widget build(BuildContext context) {
     final TextEditingController searchController = TextEditingController();
 
-    Widget actionButton({required String title, required Function()? onTap}) {
+    Widget actionButton(
+        {bool isActive = false, required String title, Function()? onTap}) {
       return InkWell(
         onTap: onTap,
         child: Padding(
@@ -33,9 +34,11 @@ class UsersPage extends StatelessWidget {
           child: Text(
             title,
             style: Theme.of(context).textTheme.bodySmall?.copyWith(
-                  color: title == "Delete"
+                  color: isActive == false && title != "Delete"
-                      ? ColorsManager.red
+                      ? Colors.grey
-                      : ColorsManager.spaceColor,
+                      : title == "Delete"
+                          ? ColorsManager.red
+                          : ColorsManager.spaceColor,
                   fontWeight: FontWeight.w400,
                 ),
           ),
@@ -444,24 +447,30 @@ class UsersPage extends StatelessWidget {
                         ),
                         Row(
                           children: [
-                            actionButton(
+                            user.isEnabled != false
-                              title: "Edit",
+                                ? actionButton(
-                              onTap: () {
+                                    isActive: true,
-                                showDialog(
+                                    title: "Edit",
-                                  context: context,
+                                    onTap: () {
-                                  barrierDismissible: false,
+                                      showDialog(
-                                  builder: (BuildContext context) {
+                                        context: context,
-                                    return EditUserDialog(userId: user.uuid);
+                                        barrierDismissible: false,
-                                  },
+                                        builder: (BuildContext context) {
-                                ).then((v) {
+                                          return EditUserDialog(
-                                  if (v != null) {
+                                              userId: user.uuid);
-                                    if (v != null) {
+                                        },
-                                      _blocRole.add(const GetUsers());
+                                      ).then((v) {
-                                    }
+                                        if (v != null) {
-                                  }
+                                          if (v != null) {
-                                });
+                                            _blocRole.add(const GetUsers());
-                              },
+                                          }
-                            ),
+                                        }
+                                      });
+                                    },
+                                  )
+                                : actionButton(
+                                    title: "Edit",
+                                  ),
                             actionButton(
                               title: "Delete",
                               onTap: () {

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

@@ -816,7 +816,7 @@ class RoutineBloc extends Bloc<RoutineEvent, RoutineState> {
   FutureOr<void> _fetchDevices(FetchDevicesInRoutine event, Emitter<RoutineState> emit) async {
     emit(state.copyWith(isLoading: true));
     try {
-      final devices = await DevicesManagementApi().fetchDevices(communityId, spaceId);
+      final devices = await DevicesManagementApi().fetchDevices('', '');
 
       emit(state.copyWith(isLoading: false, devices: devices));
     } catch (e) {

lib/pages/routines/view/routines_view.dart

@@ -32,63 +32,56 @@ class _RoutinesViewState extends State<RoutinesView> {
         }
         return Row(
           children: [
-            const Expanded(
-                child:
-                    // SideSpacesView(
-                    //   onSelectAction: (String communityId, String spaceId) {
-                    //     // context.read<RoutineBloc>()
-                    //     //   ..add(LoadScenes(spaceId, communityId))
-                    //     //   ..add(LoadAutomation(spaceId));
-                    //   },
-                    // )
-                    SpaceTreeView()),
             Expanded(
-              flex: 3,
+                child: SpaceTreeView(
-              child: Padding(
+              onSelect: () {},
-                padding: const EdgeInsets.all(16),
+            )),
-                child: Row(
+            Expanded(
-                  children: [
+              flex: 4,
-                    Column(
+              child: ListView(children: [
-                      mainAxisSize: MainAxisSize.min,
+                Container(
-                      crossAxisAlignment: CrossAxisAlignment.start,
+                  padding: const EdgeInsets.all(16),
-                      mainAxisAlignment: MainAxisAlignment.start,
+                  height: MediaQuery.sizeOf(context).height,
-                      children: [
+                  child: Column(
-                        Text(
+                    mainAxisSize: MainAxisSize.min,
-                          "Create New Routines",
+                    crossAxisAlignment: CrossAxisAlignment.start,
-                          style: Theme.of(context).textTheme.titleLarge?.copyWith(
+                    mainAxisAlignment: MainAxisAlignment.start,
-                                color: ColorsManager.grayColor,
+                    children: [
-                                fontWeight: FontWeight.bold,
+                      Text(
-                              ),
+                        "Create New Routines",
-                        ),
+                        style: Theme.of(context).textTheme.titleLarge?.copyWith(
-                        const SizedBox(
+                              color: ColorsManager.grayColor,
-                          height: 10,
+                              fontWeight: FontWeight.bold,
-                        ),
+                            ),
-                        RoutineViewCard(
+                      ),
-                          onTap: () {
+                      const SizedBox(
-                            if (context.read<SpaceTreeBloc>().selectedCommunityId.isNotEmpty &&
+                        height: 10,
-                                context.read<SpaceTreeBloc>().selectedSpaceId.isNotEmpty) {
+                      ),
-                              context.read<RoutineBloc>().add(
+                      RoutineViewCard(
-                                    (ResetRoutineState()),
+                        onTap: () {
-                                  );
+                          if (context.read<SpaceTreeBloc>().selectedCommunityId.isNotEmpty &&
-                              BlocProvider.of<RoutineBloc>(context).add(
+                              context.read<SpaceTreeBloc>().selectedSpaceId.isNotEmpty) {
-                                const CreateNewRoutineViewEvent(createRoutineView: true),
+                            context.read<RoutineBloc>().add(
-                              );
+                                  (ResetRoutineState()),
-                            } else {
+                                );
-                              CustomSnackBar.redSnackBar('Please select a space');
+                            BlocProvider.of<RoutineBloc>(context).add(
-                            }
+                              const CreateNewRoutineViewEvent(createRoutineView: true),
-                          },
+                            );
-                          icon: Icons.add,
+                          } else {
-                          textString: '',
+                            CustomSnackBar.redSnackBar('Please select a space');
-                        ),
+                          }
-                        const SizedBox(
+                        },
-                          height: 15,
+                        icon: Icons.add,
-                        ),
+                        textString: '',
-                        const Expanded(child: FetchRoutineScenesAutomation()),
+                      ),
-                      ],
+                      const SizedBox(
-                    ),
+                        height: 15,
-                  ],
+                      ),
+                      const Expanded(child: FetchRoutineScenesAutomation()),
+                    ],
+                  ),
                 ),
-              ),
+              ]),
             ),
           ],
         );

lib/pages/space_tree/bloc/space_tree_bloc.dart

@@ -6,8 +6,8 @@ import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model
 import 'package:syncrow_web/services/space_mana_api.dart';
 
 class SpaceTreeBloc extends Bloc<SpaceTreeEvent, SpaceTreeState> {
-  String selectedCommunityId = '';
+  String selectedCommunityId = 'aff21a57-2f91-4e5c-b99b-0182c3ab65a9';
-  String selectedSpaceId = '';
+  String selectedSpaceId = '25c96044-fadf-44bb-93c7-3c079e527ce6';
 
   SpaceTreeBloc() : super(const SpaceTreeState()) {
     on<InitialEvent>(_fetchSpaces);
@@ -87,6 +87,7 @@ class SpaceTreeBloc extends Bloc<SpaceTreeEvent, SpaceTreeState> {
           List.from(state.selectedCommunities.toSet().toList());
       List<String> updatedSelectedSpaces = List.from(state.selectedSpaces.toSet().toList());
       List<String> updatedSoldChecks = List.from(state.soldCheck.toSet().toList());
+      Map<String, List<String>> communityAndSpaces = Map.from(state.selectedCommunityAndSpaces);
 
       List<String> childrenIds = _getAllChildIds(event.children);
 
@@ -101,10 +102,13 @@ class SpaceTreeBloc extends Bloc<SpaceTreeEvent, SpaceTreeState> {
         updatedSoldChecks.removeWhere(childrenIds.contains);
       }
 
+      communityAndSpaces[event.communityId] = updatedSelectedSpaces;
+
       emit(state.copyWith(
           selectedCommunities: updatedSelectedCommunities,
           selectedSpaces: updatedSelectedSpaces,
-          soldCheck: updatedSoldChecks));
+          soldCheck: updatedSoldChecks,
+          selectedCommunityAndSpaces: communityAndSpaces));
     } catch (e) {
       emit(const SpaceTreeErrorState('Something went wrong'));
     }
@@ -116,6 +120,7 @@ class SpaceTreeBloc extends Bloc<SpaceTreeEvent, SpaceTreeState> {
           List.from(state.selectedCommunities.toSet().toList());
       List<String> updatedSelectedSpaces = List.from(state.selectedSpaces.toSet().toList());
       List<String> updatedSoldChecks = List.from(state.soldCheck.toSet().toList());
+      Map<String, List<String>> communityAndSpaces = Map.from(state.selectedCommunityAndSpaces);
 
       List<String> childrenIds = _getAllChildIds(event.children);
       bool isChildSelected = false;
@@ -166,10 +171,13 @@ class SpaceTreeBloc extends Bloc<SpaceTreeEvent, SpaceTreeState> {
         }
       }
 
+      communityAndSpaces[event.communityId] = updatedSelectedSpaces;
+
       emit(state.copyWith(
           selectedCommunities: updatedSelectedCommunities,
           selectedSpaces: updatedSelectedSpaces,
-          soldCheck: updatedSoldChecks));
+          soldCheck: updatedSoldChecks,
+          selectedCommunityAndSpaces: communityAndSpaces));
       emit(state.copyWith(selectedSpaces: updatedSelectedSpaces));
     } catch (e) {
       emit(const SpaceTreeErrorState('Something went wrong'));

lib/pages/space_tree/bloc/space_tree_state.dart

@@ -2,6 +2,7 @@ import 'package:equatable/equatable.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
 
 class SpaceTreeState extends Equatable {
+  final Map<String, List<String>> selectedCommunityAndSpaces;
   final List<CommunityModel> communityList;
   final List<CommunityModel> filteredCommunity;
   final List<String> expandedCommunities;
@@ -19,7 +20,8 @@ class SpaceTreeState extends Equatable {
       this.selectedCommunities = const [],
       this.selectedSpaces = const [],
       this.soldCheck = const [],
-      this.isSearching = false});
+      this.isSearching = false,
+      this.selectedCommunityAndSpaces = const {}});
 
   SpaceTreeState copyWith(
       {List<CommunityModel>? communitiesList,
@@ -29,7 +31,8 @@ class SpaceTreeState extends Equatable {
       List<String>? selectedCommunities,
       List<String>? selectedSpaces,
       List<String>? soldCheck,
-      bool? isSearching}) {
+      bool? isSearching,
+      Map<String, List<String>>? selectedCommunityAndSpaces}) {
     return SpaceTreeState(
         communityList: communitiesList ?? this.communityList,
         filteredCommunity: filteredCommunity ?? this.filteredCommunity,
@@ -38,7 +41,8 @@ class SpaceTreeState extends Equatable {
         selectedCommunities: selectedCommunities ?? this.selectedCommunities,
         selectedSpaces: selectedSpaces ?? this.selectedSpaces,
         soldCheck: soldCheck ?? this.soldCheck,
-        isSearching: isSearching ?? this.isSearching);
+        isSearching: isSearching ?? this.isSearching,
+        selectedCommunityAndSpaces: selectedCommunityAndSpaces ?? this.selectedCommunityAndSpaces);
   }
 
   @override
@@ -50,7 +54,8 @@ class SpaceTreeState extends Equatable {
         selectedCommunities,
         selectedSpaces,
         soldCheck,
-        isSearching
+        isSearching,
+        selectedCommunityAndSpaces
       ];
 }
 

lib/pages/space_tree/view/space_tree_view.dart

@@ -10,8 +10,22 @@ import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model
 import 'package:syncrow_web/utils/color_manager.dart';
 import 'package:syncrow_web/utils/style.dart';
 
-class SpaceTreeView extends StatelessWidget {
+class SpaceTreeView extends StatefulWidget {
-  const SpaceTreeView({super.key});
+  final Function onSelect;
+  const SpaceTreeView({required this.onSelect, super.key});
+
+  @override
+  State<SpaceTreeView> createState() => _SpaceTreeViewState();
+}
+
+class _SpaceTreeViewState extends State<SpaceTreeView> {
+  final ScrollController _scrollController = ScrollController();
+
+  @override
+  void dispose() {
+    _scrollController.dispose();
+    super.dispose();
+  }
 
   @override
   Widget build(BuildContext context) {
@@ -20,7 +34,6 @@ class SpaceTreeView extends StatelessWidget {
       return Container(
         height: MediaQuery.sizeOf(context).height,
         decoration: subSectionContainerDecoration,
-        // padding: const EdgeInsets.all(16.0),
         child: state is SpaceTreeLoadingState
             ? const Center(child: CircularProgressIndicator())
             : Column(
@@ -32,64 +45,150 @@ class SpaceTreeView extends StatelessWidget {
                   ),
                   const SizedBox(height: 16),
                   Expanded(
-                    child: Padding(
+                    child: ListView(
-                      padding: const EdgeInsets.all(8.0),
+                      shrinkWrap: true,
-                      child: list.isEmpty
+                      scrollDirection: Axis.horizontal,
-                          ? Center(
+                      children: [
-                              child: Text(
+                        Container(
-                                'No results found',
+                          width: MediaQuery.sizeOf(context).width * 0.5,
-                                style: Theme.of(context).textTheme.bodySmall!.copyWith(
+                          padding: const EdgeInsets.all(8.0),
-                                      color: ColorsManager.lightGrayColor, // Gray when not selected
+                          child: list.isEmpty
-                                      fontWeight: FontWeight.w400,
+                              ? Center(
+                                  child: Text(
+                                    'No results found',
+                                    style: Theme.of(context).textTheme.bodySmall!.copyWith(
+                                          color: ColorsManager.lightGrayColor,
+                                          fontWeight: FontWeight.w400,
+                                        ),
+                                  ),
+                                )
+                              : Scrollbar(
+                                  scrollbarOrientation: ScrollbarOrientation.left,
+                                  thumbVisibility: true,
+                                  controller: _scrollController,
+                                  child: Padding(
+                                    padding: const EdgeInsets.only(left: 16),
+                                    child: ListView(
+                                      controller: _scrollController,
+                                      shrinkWrap: true,
+                                      children: list
+                                          .map(
+                                            (community) => CustomExpansionTileSpaceTree(
+                                              title: community.name,
+                                              isSelected: state.selectedCommunities
+                                                  .contains(community.uuid),
+                                              isSoldCheck: state.selectedCommunities
+                                                  .contains(community.uuid),
+                                              onExpansionChanged: () {
+                                                context
+                                                    .read<SpaceTreeBloc>()
+                                                    .add(OnCommunityExpanded(community.uuid));
+                                              },
+                                              isExpanded: state.expandedCommunities
+                                                  .contains(community.uuid),
+                                              onItemSelected: () {
+                                                context.read<SpaceTreeBloc>().add(
+                                                    OnCommunitySelected(
+                                                        community.uuid, community.spaces));
+                                                widget.onSelect();
+                                              },
+                                              children: community.spaces.map((space) {
+                                                return CustomExpansionTileSpaceTree(
+                                                  title: space.name,
+                                                  isExpanded:
+                                                      state.expandedSpaces.contains(space.uuid),
+                                                  onItemSelected: () {
+                                                    context.read<SpaceTreeBloc>().add(
+                                                        OnSpaceSelected(community.uuid,
+                                                            space.uuid ?? '', space.children));
+                                                    widget.onSelect();
+                                                  },
+                                                  onExpansionChanged: () {
+                                                    context.read<SpaceTreeBloc>().add(
+                                                        OnSpaceExpanded(
+                                                            community.uuid, space.uuid ?? ''));
+                                                  },
+                                                  isSelected:
+                                                      state.selectedSpaces.contains(space.uuid) ||
+                                                          state.soldCheck.contains(space.uuid),
+                                                  isSoldCheck: state.soldCheck.contains(space.uuid),
+                                                  children: _buildNestedSpaces(
+                                                      context, state, space, community.uuid),
+                                                );
+                                              }).toList(),
+                                            ),
+                                          )
+                                          .toList(),
                                     ),
-                              ),
+                                  ),
-                            )
+                                ),
-                          : ListView(
+                        ),
-                              shrinkWrap: true,
+                      ],
-                              children: list
-                                  .map(
-                                    (community) => CustomExpansionTileSpaceTree(
-                                      title: community.name,
-                                      isSelected:
-                                          state.selectedCommunities.contains(community.uuid),
-                                      isSoldCheck:
-                                          state.selectedCommunities.contains(community.uuid),
-                                      onExpansionChanged: () {
-                                        context
-                                            .read<SpaceTreeBloc>()
-                                            .add(OnCommunityExpanded(community.uuid));
-                                      },
-                                      isExpanded:
-                                          state.expandedCommunities.contains(community.uuid),
-                                      onItemSelected: () {
-                                        context.read<SpaceTreeBloc>().add(
-                                            OnCommunitySelected(community.uuid, community.spaces));
-                                      },
-                                      children: community.spaces.map((space) {
-                                        return CustomExpansionTileSpaceTree(
-                                          title: space.name,
-                                          isExpanded: state.expandedSpaces.contains(space.uuid),
-                                          onItemSelected: () {
-                                            context.read<SpaceTreeBloc>().add(OnSpaceSelected(
-                                                community.uuid, space.uuid ?? '', space.children));
-                                          },
-                                          onExpansionChanged: () {
-                                            context.read<SpaceTreeBloc>().add(
-                                                OnSpaceExpanded(community.uuid, space.uuid ?? ''));
-                                          },
-                                          isSelected: state.selectedSpaces.contains(space.uuid) ||
-                                              state.soldCheck.contains(space.uuid),
-                                          isSoldCheck: state.soldCheck.contains(space.uuid),
-                                          children: _buildNestedSpaces(
-                                              context, state, space, community.uuid),
-                                        );
-                                      }).toList(),
-                                    ),
-                                  )
-                                  .toList(),
-                            ),
                     ),
                   ),
+
+                  // Expanded(
+                  //   child: Padding(
+                  //     padding: const EdgeInsets.all(8.0),
+                  //     child: list.isEmpty
+                  //         ? Center(
+                  //             child: Text(
+                  //               'No results found',
+                  //               style: Theme.of(context).textTheme.bodySmall!.copyWith(
+                  //                     color: ColorsManager.lightGrayColor, // Gray when not selected
+                  //                     fontWeight: FontWeight.w400,
+                  //                   ),
+                  //             ),
+                  //           )
+                  //         : ListView(
+                  //             shrinkWrap: true,
+                  //             children: list
+                  //                 .map(
+                  //                   (community) => CustomExpansionTileSpaceTree(
+                  //                     title: community.name,
+                  //                     isSelected:
+                  //                         state.selectedCommunities.contains(community.uuid),
+                  //                     isSoldCheck:
+                  //                         state.selectedCommunities.contains(community.uuid),
+                  //                     onExpansionChanged: () {
+                  //                       context
+                  //                           .read<SpaceTreeBloc>()
+                  //                           .add(OnCommunityExpanded(community.uuid));
+                  //                     },
+                  //                     isExpanded:
+                  //                         state.expandedCommunities.contains(community.uuid),
+                  //                     onItemSelected: () {
+                  //                       context.read<SpaceTreeBloc>().add(
+                  //                           OnCommunitySelected(community.uuid, community.spaces));
+
+                  //                       onSelect();
+                  //                     },
+                  //                     children: community.spaces.map((space) {
+                  //                       return CustomExpansionTileSpaceTree(
+                  //                         title: space.name,
+                  //                         isExpanded: state.expandedSpaces.contains(space.uuid),
+                  //                         onItemSelected: () {
+                  //                           context.read<SpaceTreeBloc>().add(OnSpaceSelected(
+                  //                               community.uuid, space.uuid ?? '', space.children));
+                  //                           onSelect();
+                  //                         },
+                  //                         onExpansionChanged: () {
+                  //                           context.read<SpaceTreeBloc>().add(
+                  //                               OnSpaceExpanded(community.uuid, space.uuid ?? ''));
+                  //                         },
+                  //                         isSelected: state.selectedSpaces.contains(space.uuid) ||
+                  //                             state.soldCheck.contains(space.uuid),
+                  //                         isSoldCheck: state.soldCheck.contains(space.uuid),
+                  //                         children: _buildNestedSpaces(
+                  //                             context, state, space, community.uuid),
+                  //                       );
+                  //                     }).toList(),
+                  //                   ),
+                  //                 )
+                  //                 .toList(),
+                  //           ),
+                  //   ),
+                  // ),
                 ],
               ),
       );
@@ -109,6 +208,7 @@ class SpaceTreeView extends StatelessWidget {
           context
               .read<SpaceTreeBloc>()
               .add(OnSpaceSelected(communityId, child.uuid ?? '', child.children));
+          widget.onSelect();
         },
         onExpansionChanged: () {
           context.read<SpaceTreeBloc>().add(OnSpaceExpanded(communityId, child.uuid ?? ''));

lib/pages/spaces_management/all_spaces/bloc/space_management_bloc.dart

@@ -87,6 +87,7 @@ class SpaceManagementBloc
         prevSpaceModels = List<SpaceTemplateModel>.from(
           (previousState as dynamic).spaceModels ?? [],
         );
+        allSpaces.addAll(prevSpaceModels);
       }
 
       if (prevSpaceModels.isEmpty) {
@@ -314,7 +315,6 @@ class SpaceManagementBloc
     SelectSpaceEvent event,
     Emitter<SpaceManagementState> emit,
   ) {
-    
     _handleCommunitySpaceStateUpdate(
       emit: emit,
       selectedCommunity: event.selectedCommunity,

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

@@ -64,11 +64,11 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
               );
             } else if (state is SpaceModelLoaded) {
               return LoadedSpaceView(
-                  communities: state.communities,
+                communities: state.communities,
-                  products: state.products,
+                products: state.products,
-                  spaceModels: state.spaceModels,
+                spaceModels: state.spaceModels,
-                  shouldNavigateToSpaceModelPage: true,
+                shouldNavigateToSpaceModelPage: true,
-                  );
+              );
             } else if (state is SpaceManagementError) {
               return Center(child: Text('Error: ${state.errorMessage}'));
             }

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

@@ -22,7 +22,9 @@ import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/curved_li
 import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/dialogs/duplicate_process_dialog.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/space_card_widget.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/space_container_widget.dart';
+import 'package:syncrow_web/pages/spaces_management/helper/connection_helper.dart';
 import 'package:syncrow_web/pages/spaces_management/helper/space_helper.dart';
+import 'package:syncrow_web/pages/spaces_management/helper/tag_helper.dart';
 import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
 
@@ -131,7 +133,7 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
               communities: widget.communities,
               communityName: widget.selectedCommunity?.name,
               community: widget.selectedCommunity,
-              isSave: isSave(spaces),
+              isSave: SpaceHelper.isSave(spaces),
               isEditingName: isEditingName,
               nameController: _nameController,
               onSave: _saveSpaces,
@@ -176,7 +178,8 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
                       children: [
                         for (var connection in connections)
                           Opacity(
-                            opacity: _isHighlightedConnection(connection)
+                            opacity: ConnectionHelper.isHighlightedConnection(
+                                    connection, widget.selectedSpace)
                                 ? 1.0
                                 : 0.3, // Adjust opacity
                             child: CustomPaint(
@@ -209,7 +212,8 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
                                 },
                                 buildSpaceContainer: (int index) {
                                   final bool isHighlighted =
-                                      _isHighlightedSpace(spaces[index]);
+                                      SpaceHelper.isHighlightedSpace(
+                                          spaces[index], widget.selectedSpace);
 
                                   return Opacity(
                                       opacity: isHighlighted ? 1.0 : 0.3,
@@ -295,7 +299,8 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
         return CreateSpaceDialog(
           products: widget.products,
           spaceModels: widget.spaceModels,
-          allTags: _getAllTagValues(spaces),
+          allTags:
+              TagHelper.getAllTagValues(widget.communities, widget.spaceModels),
           parentSpace: parentIndex != null ? spaces[parentIndex] : null,
           onCreateSpace: (String name,
               String icon,
@@ -306,7 +311,7 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
             setState(() {
               // Set the first space in the center or use passed position
               Offset centerPosition =
-                  position ?? _getCenterPosition(screenSize);
+                  position ?? ConnectionHelper.getCenterPosition(screenSize);
               SpaceModel newSpace = SpaceModel(
                   name: name,
                   icon: icon,
@@ -358,7 +363,8 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
             tags: widget.selectedSpace?.tags,
             subspaces: widget.selectedSpace?.subspaces,
             isEdit: true,
-            allTags: _getAllTagValues(spaces),
+            allTags: TagHelper.getAllTagValues(
+                widget.communities, widget.spaceModels),
             onCreateSpace: (String name,
                 String icon,
                 List<SelectedProduct> selectedProducts,
@@ -527,17 +533,6 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
         );
   }
 
-  bool _isHighlightedSpace(SpaceModel space) {
-    final selectedSpace = widget.selectedSpace;
-    if (selectedSpace == null) return true;
-
-    return space == selectedSpace ||
-        selectedSpace.parent?.internalId == space.internalId ||
-        selectedSpace.children
-                ?.any((child) => child.internalId == space.internalId) ==
-            true;
-  }
-
   void _deselectSpace(BuildContext context) {
     context.read<SpaceManagementBloc>().add(
           SelectSpaceEvent(
@@ -545,28 +540,6 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
         );
   }
 
-  bool _isHighlightedConnection(Connection connection) {
-    if (widget.selectedSpace == null) return true;
-
-    return connection.startSpace == widget.selectedSpace ||
-        connection.endSpace == widget.selectedSpace;
-  }
-
-  Offset _getCenterPosition(Size screenSize) {
-    return Offset(
-      screenSize.width / 2 - 260,
-      screenSize.height / 2 - 200,
-    );
-  }
-
-  bool isSave(List<SpaceModel> spaces) {
-    return spaces.isNotEmpty &&
-        spaces.any((space) =>
-            space.status == SpaceStatus.newSpace ||
-            space.status == SpaceStatus.modified ||
-            space.status == SpaceStatus.deleted);
-  }
-
   void _onDuplicate(BuildContext parentContext) {
     final screenWidth = MediaQuery.of(context).size.width;
 
@@ -652,11 +625,10 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
     const double horizontalGap = 200.0;
     const double verticalGap = 100.0;
 
-    final Map<String, int> nameCounters = {};
-
     SpaceModel duplicateRecursive(SpaceModel original, Offset parentPosition,
         SpaceModel? duplicatedParent) {
-      Offset newPosition = parentPosition + Offset(horizontalGap, 0);
+      Offset newPosition =
+          Offset(parentPosition.dx + horizontalGap, original.position.dy);
 
       while (spaces.any((s) =>
           (s.position - newPosition).distance < horizontalGap &&
@@ -667,6 +639,16 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
       final duplicatedName =
           SpaceHelper.generateUniqueSpaceName(original.name, spaces);
 
+      final List<SubspaceModel>? duplicatedSubspaces;
+      final List<Tag>? duplicatedTags;
+      if (original.spaceModel != null) {
+        duplicatedTags = [];
+        duplicatedSubspaces = [];
+      } else {
+        duplicatedTags = original.tags;
+        duplicatedSubspaces = original.subspaces;
+      }
+
       final duplicated = SpaceModel(
         name: duplicatedName,
         icon: original.icon,
@@ -676,8 +658,8 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
         status: SpaceStatus.newSpace,
         parent: duplicatedParent,
         spaceModel: original.spaceModel,
-        subspaces: original.subspaces,
+        subspaces: duplicatedSubspaces,
-        tags: original.tags,
+        tags: duplicatedTags,
       );
 
       originalToDuplicate[original] = duplicated;
@@ -690,7 +672,7 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
           final newConnection = Connection(
             startSpace: duplicatedParent,
             endSpace: duplicated,
-            direction: "down",
+            direction: original.incomingConnection?.direction ?? 'down',
           );
           connections.add(newConnection);
           duplicated.incomingConnection = newConnection;
@@ -729,10 +711,8 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
             child.incomingConnection?.direction == "down" ?? false;
 
         if (isDownDirection && childrenWithDownDirection.length == 1) {
-          // Place the only "down" child vertically aligned with the parent
           childStartPosition = duplicated.position + Offset(0, verticalGap);
         } else if (!isDownDirection) {
-          // Position children with other directions horizontally
           childStartPosition = duplicated.position + Offset(horizontalGap, 0);
         }
 
@@ -753,14 +733,4 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
       duplicateRecursive(space, space.position, duplicatedParent);
     }
   }
-
-  List<String> _getAllTagValues(List<SpaceModel> spaces) {
-    final List<String> allTags = [];
-    for (final space in spaces) {
-      if (space.tags != null) {
-        allTags.addAll(space.listAllTagValues());
-      }
-    }
-    return allTags;
-  }
 }

lib/pages/spaces_management/all_spaces/widgets/dialogs/create_space_dialog.dart

@@ -12,6 +12,7 @@ import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/dialogs/icon_selection_dialog.dart';
 import 'package:syncrow_web/pages/spaces_management/assign_tag/views/assign_tag_dialog.dart';
 import 'package:syncrow_web/pages/spaces_management/create_subspace/views/create_subspace_model_dialog.dart';
+import 'package:syncrow_web/pages/spaces_management/helper/space_helper.dart';
 import 'package:syncrow_web/pages/spaces_management/helper/tag_helper.dart';
 import 'package:syncrow_web/pages/spaces_management/link_space_model/view/link_space_model_dialog.dart';
 import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
@@ -83,13 +84,22 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
         widget.selectedProducts.isNotEmpty ? widget.selectedProducts : [];
     isOkButtonEnabled =
         enteredName.isNotEmpty || nameController.text.isNotEmpty;
-    tags = widget.tags ?? [];
+    if (widget.currentSpaceModel != null) {
-    subspaces = widget.subspaces ?? [];
+      subspaces = [];
+      tags = [];
+    } else {
+      tags = widget.tags ?? [];
+      subspaces = widget.subspaces ?? [];
+    }
     selectedSpaceModel = widget.currentSpaceModel;
   }
 
   @override
   Widget build(BuildContext context) {
+    bool isSpaceModelDisabled = (tags != null && tags!.isNotEmpty ||
+        subspaces != null && subspaces!.isNotEmpty);
+    bool isTagsAndSubspaceModelDisabled = (selectedSpaceModel != null);
+
     final screenWidth = MediaQuery.of(context).size.width;
     return AlertDialog(
       title: widget.isEdit
@@ -168,7 +178,7 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
                             isNameFieldInvalid = value.isEmpty;
 
                             if (!isNameFieldInvalid) {
-                              if (_isNameConflict(value)) {
+                              if (SpaceHelper.isNameConflict(value, widget.parentSpace, widget.editSpace)) {
                                 isNameFieldExist = true;
                                 isOkButtonEnabled = false;
                               } else {
@@ -235,11 +245,14 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
                               padding: EdgeInsets.zero,
                             ),
                             onPressed: () {
-                              _showLinkSpaceModelDialog(context);
+                              isSpaceModelDisabled
+                                  ? null
+                                  : _showLinkSpaceModelDialog(context);
                             },
-                            child: const ButtonContentWidget(
+                            child: ButtonContentWidget(
                               svgAssets: Assets.link,
                               label: 'Link a space model',
+                              disabled: isSpaceModelDisabled,
                             ),
                           )
                         : Container(
@@ -328,12 +341,15 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
                               overlayColor: ColorsManager.transparentColor,
                             ),
                             onPressed: () async {
-                              _showSubSpaceDialog(context, enteredName, [],
+                              isTagsAndSubspaceModelDisabled
-                                  false, widget.products, subspaces);
+                                  ? null
+                                  : _showSubSpaceDialog(context, enteredName,
+                                      [], false, widget.products, subspaces);
                             },
-                            child: const ButtonContentWidget(
+                            child: ButtonContentWidget(
                               icon: Icons.add,
                               label: 'Create Sub Space',
+                              disabled: isTagsAndSubspaceModelDisabled,
                             ),
                           )
                         : SizedBox(
@@ -461,6 +477,7 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
                                       builder: (context) => AssignTagDialog(
                                         products: widget.products,
                                         subspaces: subspaces,
+                                        allTags: widget.allTags,
                                         addedProducts: TagHelper
                                             .createInitialSelectedProductsForTags(
                                                 tags ?? [], subspaces),
@@ -486,19 +503,22 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
                           )
                         : TextButton(
                             onPressed: () {
-                              _showTagCreateDialog(
+                              isTagsAndSubspaceModelDisabled
-                                context,
+                                  ? null
-                                enteredName,
+                                  : _showTagCreateDialog(
-                                widget.isEdit,
+                                      context,
-                                widget.products,
+                                      enteredName,
-                              );
+                                      widget.isEdit,
+                                      widget.products,
+                                    );
                             },
                             style: TextButton.styleFrom(
                               padding: EdgeInsets.zero,
                             ),
-                            child: const ButtonContentWidget(
+                            child: ButtonContentWidget(
                               icon: Icons.add,
                               label: 'Add Devices',
+                              disabled: isTagsAndSubspaceModelDisabled,
                             ))
                   ],
                 ),
@@ -572,26 +592,7 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
     );
   }
 
-  bool _isNameConflict(String value) {
+ 
-    final parentSpace = widget.parentSpace;
-    final editSpace = widget.editSpace;
-    final siblings = parentSpace?.children
-            .where((child) => child.uuid != editSpace?.uuid)
-            .toList() ??
-        [];
-    final siblingConflict = siblings.any((child) => child.name == value);
-    final parentConflict =
-        parentSpace?.name == value && parentSpace?.uuid != editSpace?.uuid;
-    final parentOfEditSpaceConflict = editSpace?.parent?.name == value &&
-        editSpace?.parent?.uuid != editSpace?.uuid;
-    final childConflict =
-        editSpace?.children.any((child) => child.name == value) ?? false;
-    return siblingConflict ||
-        parentConflict ||
-        parentOfEditSpaceConflict ||
-        childConflict;
-  }
-
   void _showLinkSpaceModelDialog(BuildContext context) {
     showDialog(
       context: context,

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

@@ -42,20 +42,29 @@ class _LoadedSpaceViewState extends State<LoadedSpaceView> {
     _spaceModels = List.from(widget.spaceModels ?? []);
   }
 
+  @override
   @override
   void didUpdateWidget(covariant LoadedSpaceView oldWidget) {
     super.didUpdateWidget(oldWidget);
     if (widget.spaceModels != oldWidget.spaceModels) {
-      setState(() {
+      WidgetsBinding.instance.addPostFrameCallback((_) {
-        _spaceModels = List.from(widget.spaceModels ?? []);
+        if (mounted) {
+          setState(() {
+            _spaceModels = List.from(widget.spaceModels ?? []);
+          });
+        }
       });
     }
   }
 
   void _onSpaceModelsUpdated(List<SpaceTemplateModel> updatedModels) {
     if (mounted && updatedModels != _spaceModels) {
-      setState(() {
+      WidgetsBinding.instance.addPostFrameCallback((_) {
-        _spaceModels = updatedModels;
+        if (mounted) {
+          setState(() {
+            _spaceModels = updatedModels;
+          });
+        }
       });
     }
   }

lib/pages/spaces_management/assign_tag/bloc/assign_tag_bloc.dart

@@ -4,7 +4,9 @@ import 'package:syncrow_web/pages/spaces_management/assign_tag/bloc/assign_tag_e
 import 'package:syncrow_web/pages/spaces_management/assign_tag/bloc/assign_tag_state.dart';
 
 class AssignTagBloc extends Bloc<AssignTagEvent, AssignTagState> {
-  AssignTagBloc() : super(AssignTagInitial()) {
+  final List<String> allTags;
+
+  AssignTagBloc(this.allTags) : super(AssignTagInitial()) {
     on<InitializeTags>((event, emit) {
       final initialTags = event.initialTags ?? [];
 
@@ -16,25 +18,25 @@ class AssignTagBloc extends Bloc<AssignTagEvent, AssignTagState> {
         }
       }
 
-      final allTags = <Tag>[];
+      final tags = <Tag>[];
 
       for (var selectedProduct in event.addedProducts) {
         final existingCount = existingTagCounts[selectedProduct.productId] ?? 0;
 
         if (selectedProduct.count == 0 ||
             selectedProduct.count <= existingCount) {
-          allTags.addAll(initialTags
+          tags.addAll(initialTags
               .where((tag) => tag.product?.uuid == selectedProduct.productId));
           continue;
         }
 
         final missingCount = selectedProduct.count - existingCount;
 
-        allTags.addAll(initialTags
+        tags.addAll(initialTags
             .where((tag) => tag.product?.uuid == selectedProduct.productId));
 
         if (missingCount > 0) {
-          allTags.addAll(List.generate(
+          tags.addAll(List.generate(
             missingCount,
             (index) => Tag(
               tag: '',
@@ -45,10 +47,14 @@ class AssignTagBloc extends Bloc<AssignTagEvent, AssignTagState> {
         }
       }
 
+      final updatedTags = _calculateAvailableTags(allTags, tags);
+
       emit(AssignTagLoaded(
-          tags: allTags,
+        tags: tags,
-          isSaveEnabled: _validateTags(allTags),
+        updatedTags: updatedTags, 
-          errorMessage: ''));
+        isSaveEnabled: _validateTags(tags),
+        errorMessage: '',
+      ));
     });
 
     on<UpdateTagEvent>((event, emit) {
@@ -56,9 +62,13 @@ class AssignTagBloc extends Bloc<AssignTagEvent, AssignTagState> {
 
       if (currentState is AssignTagLoaded && currentState.tags.isNotEmpty) {
         final tags = List<Tag>.from(currentState.tags);
-        tags[event.index].tag = event.tag;
+        tags[event.index] = tags[event.index].copyWith(tag: event.tag);
+
+        final updatedTags = _calculateAvailableTags(allTags, tags);
+
         emit(AssignTagLoaded(
           tags: tags,
+          updatedTags: updatedTags,
           isSaveEnabled: _validateTags(tags),
           errorMessage: _getValidationError(tags),
         ));
@@ -71,13 +81,17 @@ class AssignTagBloc extends Bloc<AssignTagEvent, AssignTagState> {
       if (currentState is AssignTagLoaded && currentState.tags.isNotEmpty) {
         final tags = List<Tag>.from(currentState.tags);
 
-        // Use copyWith for immutability
+        // Update the location
         tags[event.index] =
             tags[event.index].copyWith(location: event.location);
 
+        final updatedTags = _calculateAvailableTags(allTags, tags);
+
         emit(AssignTagLoaded(
           tags: tags,
+          updatedTags: updatedTags,
           isSaveEnabled: _validateTags(tags),
+          errorMessage: _getValidationError(tags),
         ));
       }
     });
@@ -90,6 +104,7 @@ class AssignTagBloc extends Bloc<AssignTagEvent, AssignTagState> {
 
         emit(AssignTagLoaded(
           tags: tags,
+          updatedTags: _calculateAvailableTags(allTags, tags),
           isSaveEnabled: _validateTags(tags),
           errorMessage: _getValidationError(tags),
         ));
@@ -100,34 +115,37 @@ class AssignTagBloc extends Bloc<AssignTagEvent, AssignTagState> {
       final currentState = state;
 
       if (currentState is AssignTagLoaded && currentState.tags.isNotEmpty) {
-        final updatedTags = List<Tag>.from(currentState.tags)
+        final tags = List<Tag>.from(currentState.tags)
           ..remove(event.tagToDelete);
 
+        // Recalculate available tags
+        final updatedTags = _calculateAvailableTags(allTags, tags);
+
         emit(AssignTagLoaded(
-          tags: updatedTags,
+          tags: tags,
-          isSaveEnabled: _validateTags(updatedTags),
+          updatedTags: updatedTags,
-        ));
+          isSaveEnabled: _validateTags(tags),
-      } else {
+          errorMessage: _getValidationError(tags),
-        emit(const AssignTagLoaded(
-          tags: [],
-          isSaveEnabled: false,
         ));
       }
     });
   }
 
+  // Validate the tags for duplicates or empty values
   bool _validateTags(List<Tag> tags) {
     final uniqueTags = tags.map((tag) => tag.tag?.trim() ?? '').toSet();
     final hasEmptyTag = tags.any((tag) => (tag.tag?.trim() ?? '').isEmpty);
-    final isValid = uniqueTags.length == tags.length && !hasEmptyTag;
+    return uniqueTags.length == tags.length && !hasEmptyTag;
-    return isValid;
   }
 
+  // Get validation error for duplicate tags
   String? _getValidationError(List<Tag> tags) {
-    final hasEmptyTag = tags.any((tag) => (tag.tag?.trim() ?? '').isEmpty);
+    final nonEmptyTags = tags
-    if (hasEmptyTag) return 'Tags cannot be empty.';
-    final duplicateTags = tags
         .map((tag) => tag.tag?.trim() ?? '')
+        .where((tag) => tag.isNotEmpty)
+        .toList();
+
+    final duplicateTags = nonEmptyTags
         .fold<Map<String, int>>({}, (map, tag) {
           map[tag] = (map[tag] ?? 0) + 1;
           return map;
@@ -143,4 +161,15 @@ class AssignTagBloc extends Bloc<AssignTagEvent, AssignTagState> {
 
     return null;
   }
+
+  List<String> _calculateAvailableTags(List<String> allTags, List<Tag> tags) {
+    final selectedTags = tags
+        .where((tag) => (tag.tag?.trim().isNotEmpty ?? false))
+        .map((tag) => tag.tag!.trim())
+        .toSet();
+
+    final availableTags =
+        allTags.where((tag) => !selectedTags.contains(tag.trim())).toList();
+    return availableTags;
+  }
 }

lib/pages/spaces_management/assign_tag/bloc/assign_tag_state.dart

@@ -1,6 +1,5 @@
 import 'package:equatable/equatable.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
-import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model.dart';
 
 abstract class AssignTagState extends Equatable {
   const AssignTagState();
@@ -15,17 +14,21 @@ class AssignTagLoading extends AssignTagState {}
 
 class AssignTagLoaded extends AssignTagState {
   final List<Tag> tags;
+  final List<String> updatedTags; 
+
   final bool isSaveEnabled;
-  final String?  errorMessage;
+  final String? errorMessage;
 
   const AssignTagLoaded({
     required this.tags,
     required this.isSaveEnabled,
-    this.errorMessage,
+    required this.updatedTags,
+    required this.errorMessage,
   });
 
   @override
-  List<Object> get props => [tags, isSaveEnabled];
+  List<Object> get props =>
+      [tags, updatedTags, isSaveEnabled, errorMessage ?? ''];
 }
 
 class AssignTagError extends AssignTagState {

lib/pages/spaces_management/assign_tag/views/assign_tag_dialog.dart

@@ -14,6 +14,7 @@ import 'package:syncrow_web/pages/spaces_management/assign_tag/bloc/assign_tag_e
 import 'package:syncrow_web/pages/spaces_management/assign_tag/bloc/assign_tag_state.dart';
 import 'package:syncrow_web/pages/spaces_management/helper/tag_helper.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:uuid/uuid.dart';
 
 class AssignTagDialog extends StatelessWidget {
   final List<ProductModel>? products;
@@ -47,7 +48,7 @@ class AssignTagDialog extends StatelessWidget {
       ..add('Main Space');
 
     return BlocProvider(
-      create: (_) => AssignTagBloc()
+      create: (_) => AssignTagBloc(allTags ?? [])
         ..add(InitializeTags(
           initialTags: initialTags,
           addedProducts: addedProducts,
@@ -71,6 +72,7 @@ class AssignTagDialog extends StatelessWidget {
                       child: DataTable(
                         headingRowColor: WidgetStateProperty.all(
                             ColorsManager.dataHeaderGrey),
+                        key: ValueKey(state.tags.length),
                         border: TableBorder.all(
                           color: ColorsManager.dataHeaderGrey,
                           width: 1,
@@ -118,8 +120,7 @@ class AssignTagDialog extends StatelessWidget {
                             : List.generate(state.tags.length, (index) {
                                 final tag = state.tags[index];
                                 final controller = controllers[index];
-                                final availableTags = getAvailableTags(
+
-                                    allTags ?? [], state.tags, tag);
                                 return DataRow(
                                   cells: [
                                     DataCell(Text((index + 1).toString())),
@@ -158,6 +159,8 @@ class AssignTagDialog extends StatelessWidget {
                                                     .add(DeleteTag(
                                                         tagToDelete: tag,
                                                         tags: state.tags));
+
+                                                controllers.removeAt(index);
                                               },
                                               tooltip: 'Delete Tag',
                                               padding: EdgeInsets.zero,
@@ -176,7 +179,9 @@ class AssignTagDialog extends StatelessWidget {
                                           width: double
                                               .infinity, // Ensure full width for dropdown
                                           child: DialogTextfieldDropdown(
-                                            items: availableTags,
+                                            key: ValueKey(
+                                                'dropdown_${Uuid().v4()}_${index}'),
+                                            items: state.updatedTags,
                                             initialValue: tag.tag,
                                             onSelected: (value) {
                                               controller.text = value;
@@ -255,6 +260,7 @@ class AssignTagDialog extends StatelessWidget {
                                 spaceTags: processedTags,
                                 isCreate: false,
                                 onSave: onSave,
+                                allTags: allTags,
                               ),
                             );
                           },
@@ -265,10 +271,10 @@ class AssignTagDialog extends StatelessWidget {
                     Expanded(
                       child: DefaultButton(
                         borderRadius: 10,
-                        backgroundColor: state.isSaveEnabled
+                        backgroundColor: ColorsManager.secondaryColor,
-                            ? ColorsManager.secondaryColor
+                        foregroundColor: state.isSaveEnabled
-                            : ColorsManager.grayColor,
+                            ? ColorsManager.whiteColors
-                        foregroundColor: ColorsManager.whiteColors,
+                            : ColorsManager.whiteColorsWithOpacity,
                         onPressed: state.isSaveEnabled
                             ? () async {
                                 final updatedTags = List<Tag>.from(state.tags);
@@ -301,15 +307,4 @@ class AssignTagDialog extends StatelessWidget {
       ),
     );
   }
-
-  List<String> getAvailableTags(
-      List<String> allTags, List<Tag> currentTags, Tag currentTag) {
-    List<String> availableTagsForTagModel = TagHelper.getAvailableTags<Tag>(
-      allTags: allTags,
-      currentTags: currentTags,
-      currentTag: currentTag,
-      getTag: (tag) => tag.tag ?? '',
-    );
-    return availableTagsForTagModel;
-  }
 }

lib/pages/spaces_management/assign_tag_models/bloc/assign_tag_model_bloc.dart

@@ -5,7 +5,9 @@ import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model
 
 class AssignTagModelBloc
     extends Bloc<AssignTagModelEvent, AssignTagModelState> {
-  AssignTagModelBloc() : super(AssignTagModelInitial()) {
+  final List<String> allTags;
+
+  AssignTagModelBloc(this.allTags) : super(AssignTagModelInitial()) {
     on<InitializeTagModels>((event, emit) {
       final initialTags = event.initialTags ?? [];
 
@@ -17,25 +19,25 @@ class AssignTagModelBloc
         }
       }
 
-      final allTags = <TagModel>[];
+      final tags = <TagModel>[];
 
       for (var selectedProduct in event.addedProducts) {
         final existingCount = existingTagCounts[selectedProduct.productId] ?? 0;
 
         if (selectedProduct.count == 0 ||
             selectedProduct.count <= existingCount) {
-          allTags.addAll(initialTags
+          tags.addAll(initialTags
               .where((tag) => tag.product?.uuid == selectedProduct.productId));
           continue;
         }
 
         final missingCount = selectedProduct.count - existingCount;
 
-        allTags.addAll(initialTags
+        tags.addAll(initialTags
             .where((tag) => tag.product?.uuid == selectedProduct.productId));
 
         if (missingCount > 0) {
-          allTags.addAll(List.generate(
+          tags.addAll(List.generate(
             missingCount,
             (index) => TagModel(
               tag: '',
@@ -46,9 +48,12 @@ class AssignTagModelBloc
         }
       }
 
+      final updatedTags = _calculateAvailableTags(allTags, tags);
+
       emit(AssignTagModelLoaded(
-          tags: allTags,
+          tags: tags,
-          isSaveEnabled: _validateTags(allTags),
+          updatedTags: updatedTags,
+          isSaveEnabled: _validateTags(tags),
           errorMessage: ''));
     });
 
@@ -57,9 +62,12 @@ class AssignTagModelBloc
       if (currentState is AssignTagModelLoaded &&
           currentState.tags.isNotEmpty) {
         final tags = List<TagModel>.from(currentState.tags);
-        tags[event.index].tag = event.tag;
+        tags[event.index] = tags[event.index].copyWith(tag: event.tag);
+        final updatedTags = _calculateAvailableTags(allTags, tags);
+
         emit(AssignTagModelLoaded(
           tags: tags,
+          updatedTags: updatedTags,
           isSaveEnabled: _validateTags(tags),
           errorMessage: _getValidationError(tags),
         ));
@@ -77,9 +85,13 @@ class AssignTagModelBloc
         tags[event.index] =
             tags[event.index].copyWith(location: event.location);
 
+        final updatedTags = _calculateAvailableTags(allTags, tags);
+
         emit(AssignTagModelLoaded(
           tags: tags,
+          updatedTags: updatedTags,
           isSaveEnabled: _validateTags(tags),
+          errorMessage: _getValidationError(tags),
         ));
       }
     });
@@ -93,6 +105,7 @@ class AssignTagModelBloc
 
         emit(AssignTagModelLoaded(
           tags: tags,
+          updatedTags: _calculateAvailableTags(allTags, tags),
           isSaveEnabled: _validateTags(tags),
           errorMessage: _getValidationError(tags),
         ));
@@ -104,24 +117,22 @@ class AssignTagModelBloc
 
       if (currentState is AssignTagModelLoaded &&
           currentState.tags.isNotEmpty) {
-        final updatedTags = List<TagModel>.from(currentState.tags)
+        final tags = List<TagModel>.from(currentState.tags)
           ..remove(event.tagToDelete);
 
+        final updatedTags = _calculateAvailableTags(allTags, tags);
+
         emit(AssignTagModelLoaded(
-          tags: updatedTags,
+          tags: tags,
-          isSaveEnabled: _validateTags(updatedTags),
+          updatedTags: updatedTags,
+          isSaveEnabled: _validateTags(tags),
+          errorMessage: _getValidationError(tags),
         ));
-      } else {
+      } 
-        emit(const AssignTagModelLoaded(
-          tags: [],
-          isSaveEnabled: false,
-        ));
-      }
     });
   }
 
   bool _validateTags(List<TagModel> tags) {
-    
     final uniqueTags = tags.map((tag) => tag.tag?.trim() ?? '').toSet();
     final hasEmptyTag = tags.any((tag) => (tag.tag?.trim() ?? '').isEmpty);
     final isValid = uniqueTags.length == tags.length && !hasEmptyTag;
@@ -129,14 +140,14 @@ class AssignTagModelBloc
   }
 
   String? _getValidationError(List<TagModel> tags) {
-    final hasEmptyTag = tags.any((tag) => (tag.tag?.trim() ?? '').isEmpty);
-    if (hasEmptyTag) {
-      return 'Tags cannot be empty.';
-    }
-
     // Check for duplicate tags
-    final duplicateTags = tags
+
+    final nonEmptyTags = tags
         .map((tag) => tag.tag?.trim() ?? '')
+        .where((tag) => tag.isNotEmpty)
+        .toList();
+
+    final duplicateTags = nonEmptyTags
         .fold<Map<String, int>>({}, (map, tag) {
           map[tag] = (map[tag] ?? 0) + 1;
           return map;
@@ -152,4 +163,16 @@ class AssignTagModelBloc
 
     return null;
   }
+
+  List<String> _calculateAvailableTags(
+      List<String> allTags, List<TagModel> tags) {
+    final selectedTags = tags
+        .where((tag) => (tag.tag?.trim().isNotEmpty ?? false))
+        .map((tag) => tag.tag!.trim())
+        .toSet();
+
+    final availableTags =
+        allTags.where((tag) => !selectedTags.contains(tag.trim())).toList();
+    return availableTags;
+  }
 }

lib/pages/spaces_management/assign_tag_models/bloc/assign_tag_model_state.dart

@@ -17,14 +17,17 @@ class AssignTagModelLoaded extends AssignTagModelState {
   final bool isSaveEnabled;
   final String? errorMessage;
 
+  final List<String> updatedTags;
+
   const AssignTagModelLoaded({
     required this.tags,
     required this.isSaveEnabled,
+    required this.updatedTags,
     this.errorMessage,
   });
 
   @override
-  List<Object?> get props => [tags, isSaveEnabled, errorMessage];
+  List<Object?> get props => [tags, updatedTags, isSaveEnabled, errorMessage];
 }
 
 class AssignTagModelError extends AssignTagModelState {

lib/pages/spaces_management/assign_tag_models/views/assign_tag_models_dialog.dart

@@ -16,6 +16,7 @@ import 'package:syncrow_web/pages/spaces_management/space_model/widgets/dialog/c
 import 'package:syncrow_web/pages/spaces_management/tag_model/views/add_device_type_model_widget.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
 import 'package:syncrow_web/pages/spaces_management/helper/tag_helper.dart';
+import 'package:uuid/uuid.dart';
 
 class AssignTagModelsDialog extends StatelessWidget {
   final List<ProductModel>? products;
@@ -56,7 +57,7 @@ class AssignTagModelsDialog extends StatelessWidget {
       ..add('Main Space');
 
     return BlocProvider(
-        create: (_) => AssignTagModelBloc()
+        create: (_) => AssignTagModelBloc(allTags ?? [])
           ..add(InitializeTagModels(
             initialTags: initialTags,
             addedProducts: addedProducts,
@@ -82,6 +83,7 @@ class AssignTagModelsDialog extends StatelessWidget {
                           child: DataTable(
                             headingRowColor: WidgetStateProperty.all(
                                 ColorsManager.dataHeaderGrey),
+                            key: ValueKey(state.tags.length),
                             border: TableBorder.all(
                               color: ColorsManager.dataHeaderGrey,
                               width: 1,
@@ -133,9 +135,6 @@ class AssignTagModelsDialog extends StatelessWidget {
                                 : List.generate(state.tags.length, (index) {
                                     final tag = state.tags[index];
                                     final controller = controllers[index];
-                                    final availableTags =
-                                        TagHelper.getAvailableTagModels(
-                                            allTags ?? [], state.tags, tag);
 
                                     return DataRow(
                                       cells: [
@@ -176,6 +175,7 @@ class AssignTagModelsDialog extends StatelessWidget {
                                                         .add(DeleteTagModel(
                                                             tagToDelete: tag,
                                                             tags: state.tags));
+                                                    controllers.removeAt(index);
                                                   },
                                                   tooltip: 'Delete Tag',
                                                   padding: EdgeInsets.zero,
@@ -194,7 +194,9 @@ class AssignTagModelsDialog extends StatelessWidget {
                                               width: double
                                                   .infinity, // Ensure full width for dropdown
                                               child: DialogTextfieldDropdown(
-                                                items: availableTags,
+                                                 key: ValueKey(
+                                                'dropdown_${Uuid().v4()}_${index}'),
+                                                items: state.updatedTags,
                                                 initialValue: tag.tag,
                                                 onSelected: (value) {
                                                   controller.text = value;
@@ -302,10 +304,10 @@ class AssignTagModelsDialog extends StatelessWidget {
                         Expanded(
                           child: DefaultButton(
                             borderRadius: 10,
-                            backgroundColor: state.isSaveEnabled
+                            backgroundColor: ColorsManager.secondaryColor,
-                                ? ColorsManager.secondaryColor
+                            foregroundColor: state.isSaveEnabled
-                                : ColorsManager.grayColor,
+                                ? ColorsManager.whiteColors
-                            foregroundColor: ColorsManager.whiteColors,
+                                : ColorsManager.whiteColorsWithOpacity,
                             onPressed: state.isSaveEnabled
                                 ? () async {
                                     final updatedTags =

lib/pages/spaces_management/helper/connection_helper.dart

@@ -0,0 +1,21 @@
+import 'dart:ui';
+
+import 'package:syncrow_web/pages/spaces_management/all_spaces/model/connection_model.dart';
+import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
+
+class ConnectionHelper {
+  static Offset getCenterPosition(Size screenSize) {
+    return Offset(
+      screenSize.width / 2 - 260,
+      screenSize.height / 2 - 200,
+    );
+  }
+
+  static bool isHighlightedConnection(
+      Connection connection, SpaceModel? selectedSpace) {
+    if (selectedSpace == null) return true;
+
+    return connection.startSpace == selectedSpace ||
+        connection.endSpace == selectedSpace;
+  }
+}

lib/pages/spaces_management/helper/space_helper.dart

@@ -40,4 +40,55 @@ class SpaceHelper {
 
     return "$baseName(${maxNumber + 1})";
   }
+
+  static bool isSave(List<SpaceModel> spaces) {
+    return spaces.isNotEmpty &&
+        spaces.any((space) =>
+            space.status == SpaceStatus.newSpace ||
+            space.status == SpaceStatus.modified ||
+            space.status == SpaceStatus.deleted);
+  }
+
+  static bool isHighlightedSpace(SpaceModel space, SpaceModel? selectedSpace) {
+    if (selectedSpace == null) return true;
+
+    return space == selectedSpace ||
+        selectedSpace.parent?.internalId == space.internalId ||
+        selectedSpace.children
+                ?.any((child) => child.internalId == space.internalId) ==
+            true;
+  }
+
+  static bool isNameConflict(
+      String value, SpaceModel? parentSpace, SpaceModel? editSpace) {
+    final siblings = parentSpace?.children
+            .where((child) => child.internalId != editSpace?.internalId)
+            .toList() ??
+        [];
+
+    final editSiblings = editSpace?.parent?.children
+            .where((child) => child.internalId != editSpace.internalId)
+            .toList() ??
+        [];
+
+    final editSiblingConflict =
+        editSiblings.any((child) => child.name == value);
+
+    final siblingConflict = siblings.any((child) => child.name == value);
+
+    final parentConflict = parentSpace?.name == value &&
+        parentSpace?.internalId != editSpace?.internalId;
+
+    final parentOfEditSpaceConflict = editSpace?.parent?.name == value &&
+        editSpace?.parent?.internalId != editSpace?.internalId;
+
+    final childConflict =
+        editSpace?.children.any((child) => child.name == value) ?? false;
+
+    return siblingConflict ||
+        parentConflict ||
+        editSiblingConflict ||
+        parentOfEditSpaceConflict ||
+        childConflict;
+  }
 }

lib/pages/spaces_management/helper/tag_helper.dart

@@ -1,8 +1,11 @@
 import 'package:syncrow_web/pages/spaces_management/all_spaces/model/base_tag.dart';
+import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
+import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/model/subspace_model.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
+import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
 import 'package:syncrow_web/pages/spaces_management/space_model/models/subspace_template_model.dart';
 import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model.dart';
 
@@ -296,7 +299,7 @@ class TagHelper {
 
   static Map<String, dynamic> updateSubspaceTagModels(
       List<TagModel> updatedTags, List<SubspaceTemplateModel>? subspaces) {
-    return TagHelper.updateTags<TagModel>(
+    final result = TagHelper.updateTags<TagModel>(
       updatedTags: updatedTags,
       subspaces: subspaces,
       getInternalId: (tag) => tag.internalId,
@@ -307,6 +310,34 @@ class TagHelper {
       setSubspaceTags: (subspace, tags) => subspace.tags = tags,
       checkTagExistInSubspace: checkTagExistInSubspaceModels,
     );
+
+    final processedTags = result['updatedTags'] as List<TagModel>;
+    final processedSubspaces =
+        List<SubspaceTemplateModel>.from(result['subspaces'] as List<dynamic>);
+
+    for (var subspace in processedSubspaces) {
+      final subspaceTags = subspace.tags;
+
+      if (subspaceTags != null) {
+        for (int i = 0; i < subspaceTags.length; i++) {
+          final tag = subspaceTags[i];
+
+          // Find the updated tag inside processedTags
+          final changedTag = updatedTags.firstWhere(
+            (t) => t.internalId == tag.internalId,
+            orElse: () => tag,
+          );
+
+          if (changedTag.tag != tag.tag) {
+            subspaceTags[i] = changedTag.copyWith(tag: changedTag.tag);
+          }
+        }
+      }
+
+      subspace.tags = subspaceTags;
+    }
+
+    return {'updatedTags': processedTags, 'subspaces': processedSubspaces};
   }
 
   static int? checkTagExistInSubspace(Tag tag, List<dynamic>? subspaces) {
@@ -325,7 +356,7 @@ class TagHelper {
 
   static Map<String, dynamic> processTags(
       List<Tag> updatedTags, List<SubspaceModel>? subspaces) {
-    return TagHelper.updateTags<Tag>(
+    final result = TagHelper.updateTags<Tag>(
       updatedTags: updatedTags,
       subspaces: subspaces,
       getInternalId: (tag) => tag.internalId,
@@ -336,5 +367,53 @@ class TagHelper {
       setSubspaceTags: (subspace, tags) => subspace.tags = tags,
       checkTagExistInSubspace: checkTagExistInSubspace,
     );
+
+    final processedTags = result['updatedTags'] as List<Tag>;
+    final processedSubspaces =
+        List<SubspaceModel>.from(result['subspaces'] as List<dynamic>);
+
+    for (var subspace in processedSubspaces) {
+      final subspaceTags = subspace.tags;
+
+      if (subspaceTags != null) {
+        for (int i = 0; i < subspaceTags.length; i++) {
+          final tag = subspaceTags[i];
+
+          final changedTag = updatedTags.firstWhere(
+            (t) => t.internalId == tag.internalId,
+            orElse: () => tag,
+          );
+
+          if (changedTag.tag != tag.tag) {
+            subspaceTags[i] = changedTag.copyWith(tag: changedTag.tag);
+          }
+        }
+      }
+
+      subspace.tags = subspaceTags;
+    }
+
+    return {'updatedTags': processedTags, 'subspaces': processedSubspaces};
+  }
+
+  static List<String> getAllTagValues(
+      List<CommunityModel> communities, List<SpaceTemplateModel>? spaceModels) {
+    final Set<String> allTags = {};
+
+    if (spaceModels != null) {
+      for (var model in spaceModels) {
+        allTags.addAll(model.listAllTagValues());
+      }
+    }
+
+    for (final community in communities) {
+      for (final space in community.spaces) {
+        if (space.tags != null) {
+          allTags.addAll(space.listAllTagValues());
+        }
+      }
+    }
+
+    return allTags.toList();
   }
 }

lib/pages/spaces_management/space_model/widgets/button_content_widget.dart

@@ -6,55 +6,64 @@ class ButtonContentWidget extends StatelessWidget {
   final IconData? icon;
   final String label;
   final String? svgAssets;
+  final bool disabled;
 
-  const ButtonContentWidget(
+  const ButtonContentWidget({
-      {Key? key, this.icon, required this.label, this.svgAssets})
+    Key? key,
-      : super(key: key);
+    this.icon,
+    required this.label,
+    this.svgAssets,
+    this.disabled = false,
+  }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     final screenWidth = MediaQuery.of(context).size.width;
 
-    return SizedBox(
+    return Opacity(
-      width: screenWidth * 0.25,
+      opacity: disabled ? 0.5 : 1.0,
-      child: Container(
+      child: SizedBox(
-        decoration: BoxDecoration(
+        width: screenWidth * 0.25,
-          color: ColorsManager.textFieldGreyColor,
+        child: Container(
-          border: Border.all(
+          decoration: BoxDecoration(
-            color: ColorsManager.neutralGray,
+            color: ColorsManager.textFieldGreyColor,
-            width: 3.0,
+            border: Border.all(
+              color: ColorsManager.neutralGray,
+              width: 3.0,
+            ),
+            borderRadius: BorderRadius.circular(20),
           ),
-          borderRadius: BorderRadius.circular(20),
+          child: Padding(
-        ),
+            padding:
-        child: Padding(
+                const EdgeInsets.symmetric(vertical: 10.0, horizontal: 16.0),
-          padding: const EdgeInsets.symmetric(vertical: 10.0, horizontal: 16.0),
+            child: Row(
-          child: Row(
+              children: [
-            children: [
+                if (icon != null)
-              if (icon != null)
+                  Icon(
-                Icon(
+                    icon,
-                  icon,
+                    color: ColorsManager.spaceColor,
-                  color: ColorsManager.spaceColor,
+                  ),
-                ),
+                if (svgAssets != null)
-              if (svgAssets != null)
+                  Padding(
-                Padding(
+                    padding: const EdgeInsets.only(left: 6.0),
-                  padding: const EdgeInsets.only(left: 6.0),
+                    child: SvgPicture.asset(
-                  child: SvgPicture.asset(
+                      svgAssets!,
-                    svgAssets!,
+                      width: screenWidth * 0.015, // Adjust icon size
-                    width: screenWidth * 0.015, // Adjust icon size
+                      height: screenWidth * 0.015,
-                    height: screenWidth * 0.015,
+                    ),
+                  ),
+                const SizedBox(width: 10),
+                Expanded(
+                  child: Text(
+                    label,
+                    style: const TextStyle(
+                      color: ColorsManager.blackColor,
+                      fontSize: 16,
+                    ),
                   ),
                 ),
-              const SizedBox(width: 10),
+              ],
-              Expanded(
+            ),
-                child: Text(
-                  label,
-                  style: const TextStyle(
-                    color: ColorsManager.blackColor,
-                    fontSize: 16,
-                  ),
-                ),
-              ),
-            ],
           ),
         ),
       ),

lib/pages/spaces_management/space_model/widgets/dialog/create_space_model_dialog.dart

@@ -130,14 +130,14 @@ class CreateSpaceModelDialog extends StatelessWidget {
                     SubspaceModelCreate(
                       subspaces: state.space.subspaceModels ?? [],
                       tags: state.space.tags ?? [],
-                      onSpaceModelUpdate: (updatedSubspaces,updatedTags) {
+                      onSpaceModelUpdate: (updatedSubspaces, updatedTags) {
                         context
                             .read<CreateSpaceModelBloc>()
                             .add(AddSubspacesToSpaceTemplate(updatedSubspaces));
-                        if(updatedTags!=null){
+                        if (updatedTags != null) {
                           context
-                            .read<CreateSpaceModelBloc>()
+                              .read<CreateSpaceModelBloc>()
-                            .add(AddTagsToSpaceTemplate(updatedTags));
+                              .add(AddTagsToSpaceTemplate(updatedTags));
                         }
                       },
                     ),

lib/services/devices_mang_api.dart

@@ -23,7 +23,8 @@ class DevicesManagementApi {
             : ApiEndpoints.getAllDevices,
         showServerMessage: true,
         expectedResponseModel: (json) {
-          List<dynamic> jsonData = json;
+          List<dynamic> jsonData =
+              communityId.isNotEmpty && spaceId.isNotEmpty ? json['data'] : json;
           List<AllDevicesModel> devicesList = jsonData.map((jsonItem) {
             return AllDevicesModel.fromJson(jsonItem);
           }).toList();

lib/services/user_permission.dart

@@ -34,9 +34,8 @@ class UserPermissionApi {
       path: ApiEndpoints.roleTypes,
       showServerMessage: true,
       expectedResponseModel: (json) {
-        final List<RoleTypeModel> fetchedRoles = (json['data'] as List)
+        final List<RoleTypeModel> fetchedRoles =
-            .map((item) => RoleTypeModel.fromJson(item))
+            (json['data'] as List).map((item) => RoleTypeModel.fromJson(item)).toList();
-            .toList();
         return fetchedRoles;
       },
     );
@@ -48,9 +47,7 @@ class UserPermissionApi {
       path: ApiEndpoints.permission.replaceAll("roleUuid", roleUuid),
       showServerMessage: true,
       expectedResponseModel: (json) {
-        return (json as List)
+        return (json as List).map((data) => PermissionOption.fromJson(data)).toList();
-            .map((data) => PermissionOption.fromJson(data))
-            .toList();
       },
     );
     return response ?? [];
@@ -88,7 +85,6 @@ class UserPermissionApi {
           }
         },
       );
-      print('sendInviteUser=$body');
 
       return response ?? [];
     } on DioException catch (e) {
@@ -196,12 +192,9 @@ class UserPermissionApi {
         "disable": status,
         "projectUuid": "0e62577c-06fa-41b9-8a92-99a21fbaf51c"
       };
-      print('changeUserStatusById==$bodya');
-      print('changeUserStatusById==$userUuid');
 
       final response = await _httpService.put(
-        path: ApiEndpoints.changeUserStatus
+        path: ApiEndpoints.changeUserStatus.replaceAll("{invitedUserUuid}", userUuid),
-            .replaceAll("{invitedUserUuid}", userUuid),
         body: bodya,
         expectedResponseModel: (json) {
           return json['success'];