diff --git a/apps/canvas/front/src/App.tsx b/apps/canvas/front/src/App.tsx
index 62652f6..2970cc0 100644
--- a/apps/canvas/front/src/App.tsx
+++ b/apps/canvas/front/src/App.tsx
@@ -3,8 +3,7 @@
 import { CanvasBuilder } from './Canvas';
 import { Tabs, TabsTrigger, TabsContent, TabsList } from './components/ui/tabs';
 import { Config } from './Config';
-import { useStateStore } from './lib/state';
-import { useEffect } from 'react';
+import { Integrations } from './Integrations';
 import { Toaster } from './components/ui/toaster';
 import { Header } from './Header';
 
@@ -19,22 +18,22 @@
 }
 
 function AppImpl() {
-  const store = useStateStore();
-  useEffect(() => {
-    setTimeout(async () => await store.refreshEnv(), 1);
-  }, [store])
   return (
-      <Tabs defaultValue="canvas">
-        <TabsList>
-          <TabsTrigger value="canvas">Canvas</TabsTrigger>
-          <TabsTrigger value="config">Config</TabsTrigger>
-        </TabsList>
-        <TabsContent value="canvas">
-          <CanvasBuilder />
-        </TabsContent>
-        <TabsContent value="config">
-          <Config />
-        </TabsContent>
-      </Tabs>
+    <Tabs defaultValue="canvas">
+      <TabsList>
+        <TabsTrigger value="canvas">Canvas</TabsTrigger>
+        <TabsTrigger value="config">Config</TabsTrigger>
+        <TabsTrigger value="integrations">Integrations</TabsTrigger>
+      </TabsList>
+      <TabsContent value="canvas">
+        <CanvasBuilder />
+      </TabsContent>
+      <TabsContent value="config">
+        <Config />
+      </TabsContent>
+      <TabsContent value="integrations">
+        <Integrations />
+      </TabsContent>
+    </Tabs>
   );
 }