cleanup main layout

packages/desktop/src/providers/ZenProvider.tsx

@@ -11,7 +11,7 @@ interface IZenContext {
 const ZenContext = React.createContext<IZenContext>({});
 
 export function ZenProvider({ children }: { children: React.ReactNode }) {
-  const [flowState, setFlowState] = useState<boolean>(true);
+  const [flowState, setFlowState] = useState<boolean>(false);
 
   const handleFlowState = useCallback(() => {
     setFlowState(true);

packages/desktop/src/tree/Terminal.tsx

@@ -1,21 +1,33 @@
-import { Grid } from '@mui/material';
+import { Container, Grid } from '@mui/material';
+
 import React from 'react';
+import { blueGrey } from '@mui/material/colors';
 
 export default function Terminal() {
   return (
-    <Grid container spacing={0}>
+    <Container
-      <Grid item xs={4}>
+      maxWidth={false}
-        This is the sidepanel
+      disableGutters={true}
-      </Grid>
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        background: blueGrey[50],
+      }}
+    >
+      <Grid container spacing={0}>
+        <Grid item xs={4}>
+          This is the sidepanel
+        </Grid>
 
-      <Grid item xs={8}>
+        <Grid item xs={8}>
-        {' '}
+          {' '}
-        main panel
+          main panel
-      </Grid>
+        </Grid>
 
-      <Grid item xs={12}>
+        <Grid item xs={12}>
-        This is the footer controls
+          This is the footer controls
+        </Grid>
       </Grid>
-    </Grid>
+    </Container>
   );
 }

packages/desktop/src/tree/electronApp.tsx

@@ -5,6 +5,7 @@ import ProtectedRoute from './ProtectedRoute';
 import React from 'react';
 import { SocketProvider } from '../providers/SocketProvider';
 import { StabilityProvider } from '../providers/StabilityProvider';
+import Terminal from './Terminal';
 import { ThemeProvider } from '@mui/material';
 import { Toaster } from 'react-hot-toast';
 import { ZenProvider } from '../providers/ZenProvider';
@@ -18,7 +19,7 @@ export default function ElectronApp() {
             <ProtectedRoute>
               <ZenProvider>
                 <SocketProvider>
-                  <></>
+                  <Terminal />
                 </SocketProvider>
               </ZenProvider>
             </ProtectedRoute>