diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index f57d780..e21f8dd 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -12,6 +12,7 @@ import Workers from '@/pages/Workers';
 import Reviews from '@/pages/Reviews';
 import Alerts from '@/pages/Alerts';
 import KnowledgeBase from '@/pages/KnowledgeBase';
+import DagCanvas from '@/pages/DagCanvas';
 
 function ProtectedRoute({ children }: { children: React.ReactNode }) {
   const { isAuthenticated } = useAuthStore();
@@ -61,6 +62,7 @@ export default function App() {
           <Route path="reviews" element={<Reviews />} />
           <Route path="alerts" element={<Alerts />} />
           <Route path="knowledge" element={<KnowledgeBase />} />
+          <Route path="dag" element={<DagCanvas />} />
         </Route>
         <Route path="*" element={<Navigate to="/" replace />} />
       </Routes>