Merge commit 'e5d30a9f6d0854e20049309333c2f637cd03025c' as 'frontend'

frontend/lib/views/main_layout.dart

@@ -0,0 +1,79 @@
+import 'package:auto_gpt_flutter_client/viewmodels/task_viewmodel.dart';
+import 'package:auto_gpt_flutter_client/viewmodels/chat_viewmodel.dart';
+import 'package:auto_gpt_flutter_client/views/task/task_view.dart';
+import 'package:auto_gpt_flutter_client/views/chat/chat_view.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:provider/provider.dart';
+
+class MainLayout extends StatelessWidget {
+  const MainLayout({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    // Get the screen width
+    double width = MediaQuery.of(context).size.width;
+
+    // Access the TaskViewModel from the context
+    final taskViewModel = Provider.of<TaskViewModel>(context);
+
+    // Access the ChatViewModel from the context
+    final chatViewModel = Provider.of<ChatViewModel>(context);
+
+    // Check the screen width and return the appropriate layout
+    if (width > 800) {
+      // For larger screens, return a side-by-side layout
+      return Row(
+        children: [
+          SizedBox(width: 280, child: TaskView(viewModel: taskViewModel)),
+          Expanded(
+              child: ChatView(
+            viewModel: chatViewModel,
+          )),
+        ],
+      );
+    } else {
+      // For smaller screens, return a tabbed layout
+      return CupertinoTabScaffold(
+        tabBar: CupertinoTabBar(
+          items: const <BottomNavigationBarItem>[
+            BottomNavigationBarItem(
+              icon: Icon(CupertinoIcons.person),
+              label: 'Tasks',
+            ),
+            BottomNavigationBarItem(
+              icon: Icon(CupertinoIcons.chat_bubble),
+              label: 'Chat',
+            ),
+          ],
+        ),
+        tabBuilder: (BuildContext context, int index) {
+          CupertinoTabView? returnValue;
+
+          switch (index) {
+            case 0:
+              returnValue = CupertinoTabView(builder: (context) {
+                return CupertinoPageScaffold(
+                  child: SafeArea(child: TaskView(viewModel: taskViewModel)),
+                );
+              });
+              break;
+            case 1:
+              returnValue = CupertinoTabView(builder: (context) {
+                return CupertinoPageScaffold(
+                  child: SafeArea(child: ChatView(viewModel: chatViewModel)),
+                );
+              });
+              break;
+          }
+
+          return returnValue ??
+              CupertinoTabView(builder: (context) {
+                return CupertinoPageScaffold(
+                  child: Container(), // Default empty container
+                );
+              });
+        },
+      );
+    }
+  }
+}