diff --git a/apps/canvas/front/src/App.tsx b/apps/canvas/front/src/App.tsx
index 711b076..5100576 100644
--- a/apps/canvas/front/src/App.tsx
+++ b/apps/canvas/front/src/App.tsx
@@ -10,6 +10,7 @@
 import { ChatManager } from "./components/ChatManager";
 import { useAgents } from "./lib/state";
 import { Bot } from "lucide-react";
+import { Preview } from "./components/preview";
 
 export default function App() {
 	return (
@@ -30,6 +31,7 @@
 			<div className="flex justify-between border-b">
 				<TabsList className="!rounded-none">
 					<TabsTrigger value="build">Build</TabsTrigger>
+					<TabsTrigger value="preview">Preview</TabsTrigger>
 					<TabsTrigger value="monitoring">Monitoring</TabsTrigger>
 					<TabsTrigger value="config">Config</TabsTrigger>
 					<TabsTrigger value="integrations">Integrations</TabsTrigger>
@@ -51,6 +53,9 @@
 			<TabsContent value="build" className="!mt-0 flex-1 min-h-0">
 				<Build />
 			</TabsContent>
+			<TabsContent value="preview" className="!mt-0 flex-1 min-h-0">
+				<Preview />
+			</TabsContent>
 			<TabsContent value="config" className="!mt-0 flex-1 min-h-0">
 				<Config />
 			</TabsContent>