connected rest of the devices and functions and trigger api

lib/features/scene/widgets/alert_dialogs/alert_dialog_functions_body.dart

@@ -36,6 +36,7 @@ class _AlertDialogFunctionsOperationsBodyState
                   minLeadingWidth: 15,
                   padding: const EdgeInsets.symmetric(horizontal: 16),
                   assetPath: operation.icon,
+                  assetHeaderValue: operation.iconValue,
                   titleString: operation.description.toString(),
                   textAlign: TextAlign.start,
                   trailingWidget: Radio(

lib/features/scene/widgets/scene_list_tile.dart

@@ -22,6 +22,7 @@ class SceneListTile extends StatelessWidget {
     this.subtitleString,
     this.subtitleWidget,
     this.iconsSize,
+    this.assetHeaderValue,
   });
   final String? assetPath;
   final String? titleString;
@@ -36,6 +37,7 @@ class SceneListTile extends StatelessWidget {
   final double? minLeadingWidth;
   final Widget? titleWidget;
   final double? iconsSize;
+  final String? assetHeaderValue;
 
   @override
   Widget build(BuildContext context) {
@@ -50,7 +52,7 @@ class SceneListTile extends StatelessWidget {
                     width: iconsSize,
                     height: assetHeight ?? 35,
                     alignment: Alignment.center,
-                    fit: BoxFit.contain,
+                    fit: BoxFit.fitWidth,
                   ),
                 )
               : null),

lib/features/scene/widgets/scene_view_widget/scene_grid_view.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+
+import 'package:syncrow_app/features/scene/model/scene_model.dart';
+import 'package:syncrow_app/features/scene/widgets/scene_view_widget/scene_item.dart';
+
+class SceneGrid extends StatelessWidget {
+  final List<SceneModel> scenes;
+  final String? loadingSceneId;
+
+  const SceneGrid({
+    required this.scenes,
+    required this.loadingSceneId,
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return GridView.builder(
+      shrinkWrap: true,
+      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
+        crossAxisCount: 2,
+        mainAxisSpacing: 12,
+        crossAxisSpacing: 12,
+        childAspectRatio: 1.5,
+      ),
+      itemCount: scenes.length,
+      itemBuilder: (context, index) {
+        final scene = scenes[index];
+        final isLoading = loadingSceneId == scene.id;
+
+        return SceneItem(scene: scene, isLoading: isLoading);
+      },
+    );
+  }
+}

lib/features/scene/widgets/scene_view_widget/scene_header.dart

@@ -0,0 +1,30 @@
+import 'package:flutter/material.dart';
+
+import 'package:syncrow_app/features/shared_widgets/text_widgets/body_small.dart';
+import 'package:syncrow_app/features/shared_widgets/text_widgets/title_medium.dart';
+
+import 'package:syncrow_app/utils/resource_manager/strings_manager.dart';
+
+class SceneHeader extends StatelessWidget {
+  const SceneHeader({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        TitleMedium(
+          text: StringsManager.routine,
+          style: TextStyle(
+            fontSize: 32,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+        SizedBox(height: 20),
+        BodySmall(
+          text: StringsManager.tapToRunRoutine,
+        ),
+      ],
+    );
+  }
+}

lib/features/scene/widgets/scene_view_widget/scene_item.dart

@@ -0,0 +1,69 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_app/features/scene/bloc/scene_bloc/scene_bloc.dart';
+import 'package:syncrow_app/features/scene/bloc/scene_bloc/scene_event.dart';
+import 'package:syncrow_app/features/scene/model/scene_model.dart';
+import 'package:syncrow_app/features/shared_widgets/default_container.dart';
+import 'package:syncrow_app/features/shared_widgets/text_widgets/body_medium.dart';
+
+import 'package:syncrow_app/generated/assets.dart';
+import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
+
+class SceneItem extends StatelessWidget {
+  final SceneModel scene;
+  final bool isLoading;
+
+  const SceneItem({
+    required this.scene,
+    required this.isLoading,
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return DefaultContainer(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Image.asset(
+                height: 32,
+                width: 32,
+                Assets.assetsIconsLogo,
+                fit: BoxFit.fill,
+              ),
+              IconButton(
+                padding: EdgeInsets.zero,
+                onPressed: () {
+                  context
+                      .read<SceneBloc>()
+                      .add(SceneTrigger(scene.id, scene.name));
+                },
+                icon: isLoading
+                    ? const Center(
+                        child: CircularProgressIndicator(),
+                      )
+                    : const Icon(
+                        Icons.play_circle,
+                        size: 40,
+                        color: ColorsManager.greyColor,
+                      ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 10),
+          BodyMedium(
+            text: scene.name,
+            maxLines: 1,
+            overflow: TextOverflow.fade,
+            fontWeight: FontWeight.bold,
+            fontSize: 16,
+          ),
+        ],
+      ),
+    );
+  }
+}