diff --git a/apps/canvas/front/src/App.tsx b/apps/canvas/front/src/App.tsx
index 9b6d69a..794b433 100644
--- a/apps/canvas/front/src/App.tsx
+++ b/apps/canvas/front/src/App.tsx
@@ -7,6 +7,7 @@
 import { Toaster } from "./components/ui/toaster";
 import { ProjectSelect } from "./ProjectSelect";
 import { Logs } from "./Monitoring";
+import { Overview } from "./Overview";
 
 export default function App() {
 	return (
@@ -21,9 +22,10 @@
 
 function AppImpl() {
 	return (
-		<Tabs defaultValue="canvas" className="flex-1 flex flex-col min-h-0">
+		<Tabs defaultValue="overview" className="flex-1 flex flex-col min-h-0">
 			<div className="flex justify-between border-b">
 				<TabsList className="!rounded-none">
+					<TabsTrigger value="overview">Overview</TabsTrigger>
 					<TabsTrigger value="canvas">Canvas</TabsTrigger>
 					<TabsTrigger value="monitoring">Monitoring</TabsTrigger>
 					<TabsTrigger value="config">Config</TabsTrigger>
@@ -31,6 +33,9 @@
 				</TabsList>
 				<ProjectSelect className="w-fit min-w-[150px]" />
 			</div>
+			<TabsContent value="overview" className="!mt-0 flex-1 min-h-0">
+				<Overview />
+			</TabsContent>
 			<TabsContent value="canvas" className="!mt-0 flex-1 min-h-0">
 				<CanvasBuilder />
 			</TabsContent>