feat: graph-page

frontend/src/app/providers/layout/sidebar/sidebar.tsx

@@ -11,6 +11,7 @@ import {
   FaProjectDiagram,
   FaTrash,
 } from "react-icons/fa";
+import { useNavigate } from "react-router-dom";
 import { useAgentStore } from "@/app/providers/layout/store/agent.store";
 import { useAuthStore } from "@/modules/auth/store/useAuthStore";
 
@@ -23,6 +24,7 @@ export const Sidebar: React.FC<SidebarProps> = ({
   isOpen = true,
   onToggle,
 }) => {
+  const navigate = useNavigate();
   const { agents, isLoading, error, fetchAgents, removeAgent } =
     useAgentStore();
   const { token } = useAuthStore();
@@ -350,6 +352,7 @@ export const Sidebar: React.FC<SidebarProps> = ({
         >
           {/* Кнопка Графы */}
           <button
+            onClick={() => navigate("/graphs")}
             className="flex items-center justify-center gap-1.5 px-3 py-1.5 text-xs rounded transition-colors"
             style={{
               backgroundColor: "var(--bg-secondary)",

frontend/src/app/providers/routing/routing.tsx

@@ -3,7 +3,7 @@ import { Routes as ReactRoutes, Route, Navigate } from "react-router-dom";
 import { HomePage } from "@/pages/home.page";
 import { ThemesPage } from "@/pages/themes.page";
 import { TestPage } from "@/pages/test.page";
-import { Test2Page, type GraphData } from "@/pages/test2.page";
+import { Graph, type GraphData } from "@/modules/graph";
 import { AuthPage } from "@/pages/auth.page";
 import { RegisterPage } from "@/pages/register.page";
 import { DefaultLayout } from "@/shared/layouts/DefaultLayout";
@@ -13,6 +13,7 @@ import { TemplatesPage } from "@/pages/templates.page";
 import { AdminPage } from "@/pages/admin.page";
 import { RegistrationTokenPage } from "@/pages/registration.page";
 import { LogsPage } from "@/pages/logs.page";
+import { GraphsPage } from "@/pages/graphs.page";
 
 export const mockGraphData: GraphData = {
   nodes: [
@@ -128,11 +129,12 @@ export const Routing = () => {
           <Route path="/admin" element={<AdminPage />} />
           <Route path="/IDE" element={<IDEPage />} />
           <Route path="/templates" element={<TemplatesPage />} />
+          <Route path="/graphs" element={<GraphsPage />} />
         </Route>
 
         <Route path="/test" element={<TestPage />} />
 
-        <Route path="/test2" element={<Test2Page data={mockGraphData} />} />
+        <Route path="/test2" element={<Graph initialData={mockGraphData} />} />
 
         <Route path="*" element={<Navigate to="/" replace />} />
       </ReactRoutes>