From 614be0c9160c4c027834f594b085f4499db4bf92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sedat=20=C3=96ZT=C3=9CRK?=
 <76204082+iamsedatozturk@users.noreply.github.com>
Date: Thu, 21 Aug 2025 17:57:00 +0300
Subject: [PATCH] =?UTF-8?q?Routes=20g=C3=BCncellemeleri?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../developerKit/ComponentEditor.tsx          |   6 +-
 .../developerKit/ComponentManager.tsx         |   8 +-
 ui/src/components/developerKit/Dashboard.tsx  | 275 +++++++++---------
 .../components/developerKit/EntityEditor.tsx  |  68 +++--
 .../components/developerKit/EntityManager.tsx | 218 ++++++++------
 .../developerKit/MigrationManager.tsx         |  56 +++-
 ui/src/components/layouts/DeveloperLayout.tsx |  10 +-
 ui/src/components/reports/ReportGenerator.tsx |   3 +-
 ui/src/routes/route.constant.ts               |  34 ++-
 ui/src/views/admin/listForm/edit/FormEdit.tsx |   3 +-
 .../organization-unit/OrganizationUnits.tsx   |   6 +-
 ui/src/views/admin/user-management/Users.tsx  |   6 +-
 ui/src/views/auth/VerifyConfirmationCode.tsx  |   7 +-
 ui/src/views/form/useGridData.tsx             |   7 +-
 ui/src/views/list/useFilters.tsx              |  11 +-
 15 files changed, 423 insertions(+), 295 deletions(-)

diff --git a/ui/src/components/developerKit/ComponentEditor.tsx b/ui/src/components/developerKit/ComponentEditor.tsx
index 42a771fc..a577e32c 100644
--- a/ui/src/components/developerKit/ComponentEditor.tsx
+++ b/ui/src/components/developerKit/ComponentEditor.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useCallback } from 'react'
 import { useParams, useNavigate } from 'react-router-dom'
 import { useComponents } from '../../contexts/ComponentContext'
-import { FaRegSave, FaArrowLeft, FaExclamationCircle, FaSync } from 'react-icons/fa';
+import { FaRegSave, FaArrowLeft, FaExclamationCircle, FaSync } from 'react-icons/fa'
 import { parseReactCode } from '../../utils/codeParser'
 import ComponentPreview from '../../components/componentEditor/ComponentPreview'
 import { EditorState } from '../../@types/componentInfo'
@@ -129,7 +129,7 @@ const ComponentEditor: React.FC = () => {
         addComponent(componentData)
       }
 
-      navigate(ROUTES_ENUM.protected.saas.developerKitComponents)
+      navigate(ROUTES_ENUM.protected.saas.developerKit.components)
     } catch (error) {
       console.error('Error saving component:', error)
       alert('Failed to save component. Please try again.')
@@ -159,7 +159,7 @@ const ComponentEditor: React.FC = () => {
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-4">
             <button
-              onClick={() => navigate(ROUTES_ENUM.protected.saas.developerKitComponents)}
+              onClick={() => navigate(ROUTES_ENUM.protected.saas.developerKit.components)}
               className="flex items-center gap-2 text-slate-600 hover:text-slate-900 transition-colors"
             >
               <FaArrowLeft className="w-4 h-4" />
diff --git a/ui/src/components/developerKit/ComponentManager.tsx b/ui/src/components/developerKit/ComponentManager.tsx
index 678a79fb..9d9edbbd 100644
--- a/ui/src/components/developerKit/ComponentManager.tsx
+++ b/ui/src/components/developerKit/ComponentManager.tsx
@@ -96,7 +96,7 @@ const ComponentManager: React.FC = () => {
           <p className="text-slate-600">{translate('::App.DeveloperKit.Component.Description')}</p>
         </div>
         <Link
-          to={ROUTES_ENUM.protected.saas.developerKitComponentsNew}
+          to={ROUTES_ENUM.protected.saas.developerKit.componentsNew}
           className="flex items-center gap-2 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors"
         >
           <FaPlus className="w-4 h-4" />
@@ -245,7 +245,7 @@ const ComponentManager: React.FC = () => {
                   </div>
                   <div className="flex items-center gap-1">
                     <Link
-                      to={ROUTES_ENUM.protected.saas.developerKitComponentsEdit.replace(
+                      to={ROUTES_ENUM.protected.saas.developerKit.componentsEdit.replace(
                         ':id',
                         component.id,
                       )}
@@ -256,7 +256,7 @@ const ComponentManager: React.FC = () => {
                       <FaRegEdit className="w-4 h-4" />
                     </Link>
                     <Link
-                      to={ROUTES_ENUM.protected.saas.developerKitComponentsView.replace(
+                      to={ROUTES_ENUM.protected.saas.developerKit.componentsView.replace(
                         ':id',
                         component.id,
                       )}
@@ -296,7 +296,7 @@ const ComponentManager: React.FC = () => {
             </p>
             {!searchTerm && filterActive === 'all' && (
               <Link
-                to={ROUTES_ENUM.protected.saas.developerKitComponentsNew}
+                to={ROUTES_ENUM.protected.saas.developerKit.componentsNew}
                 className="inline-flex items-center gap-2 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors"
               >
                 <FaPlus className="w-4 h-4" />
diff --git a/ui/src/components/developerKit/Dashboard.tsx b/ui/src/components/developerKit/Dashboard.tsx
index 4c5b848c..c95f751b 100644
--- a/ui/src/components/developerKit/Dashboard.tsx
+++ b/ui/src/components/developerKit/Dashboard.tsx
@@ -1,8 +1,8 @@
-import React from "react";
-import { Link } from "react-router-dom";
-import { useComponents } from "../../contexts/ComponentContext";
-import { useEntities } from "../../contexts/EntityContext";
-import { useSystemHealth } from "../../utils/hooks/useDeveloperKit";
+import React from 'react'
+import { Link } from 'react-router-dom'
+import { useComponents } from '../../contexts/ComponentContext'
+import { useEntities } from '../../contexts/EntityContext'
+import { useSystemHealth } from '../../utils/hooks/useDeveloperKit'
 import {
   FaDatabase,
   FaBolt,
@@ -15,15 +15,15 @@ import {
   FaArrowRight,
   FaExclamationCircle,
   FaWifi,
-  FaWindowClose
-} from 'react-icons/fa';
-import { ROUTES_ENUM } from "@/routes/route.constant";
-import { useLocalization } from "@/utils/hooks/useLocalization";
+  FaWindowClose,
+} from 'react-icons/fa'
+import { ROUTES_ENUM } from '@/routes/route.constant'
+import { useLocalization } from '@/utils/hooks/useLocalization'
 
 const Dashboard: React.FC = () => {
-  const { components } = useComponents();
-  const { entities, migrations, generatedEndpoints } = useEntities();
-  const { isOnline, lastCheck, recheckHealth } = useSystemHealth();
+  const { components } = useComponents()
+  const { entities, migrations, generatedEndpoints } = useEntities()
+  const { isOnline, lastCheck, recheckHealth } = useSystemHealth()
   const { translate } = useLocalization()
 
   const stats = [
@@ -32,38 +32,38 @@ const Dashboard: React.FC = () => {
       value: entities.filter((e) => e.isActive).length,
       total: entities.length,
       icon: FaDatabase,
-      color: "text-blue-600",
-      bgColor: "bg-blue-100",
-      href: ROUTES_ENUM.protected.saas.developerKitEntities,
+      color: 'text-blue-600',
+      bgColor: 'bg-blue-100',
+      href: ROUTES_ENUM.protected.saas.developerKit.entities,
     },
     {
       name: translate('::App.DeveloperKit.Dashboard.Stats.Migrations'),
-      value: migrations.filter((m) => m.status === "pending").length,
+      value: migrations.filter((m) => m.status === 'pending').length,
       total: migrations.length,
       icon: FaBolt,
-      color: "text-yellow-600",
-      bgColor: "bg-yellow-100",
-      href: ROUTES_ENUM.protected.saas.developerKitMigrations,
+      color: 'text-yellow-600',
+      bgColor: 'bg-yellow-100',
+      href: ROUTES_ENUM.protected.saas.developerKit.migrations,
     },
     {
       name: translate('::App.DeveloperKit.Dashboard.Stats.APIs'),
       value: generatedEndpoints.filter((e) => e.isActive).length,
       total: generatedEndpoints.length,
       icon: FaServer,
-      color: "text-emerald-600",
-      bgColor: "bg-emerald-100",
-      href: ROUTES_ENUM.protected.saas.developerKitEndpoints,
+      color: 'text-emerald-600',
+      bgColor: 'bg-emerald-100',
+      href: ROUTES_ENUM.protected.saas.developerKit.endpoints,
     },
     {
       name: translate('::App.DeveloperKit.Dashboard.Stats.Components'),
       value: components?.filter((c) => c.isActive).length,
       total: components?.length,
       icon: FaPuzzlePiece,
-      color: "text-purple-600",
-      bgColor: "bg-purple-100",
-      href: ROUTES_ENUM.protected.saas.developerKitComponents,
+      color: 'text-purple-600',
+      bgColor: 'bg-purple-100',
+      href: ROUTES_ENUM.protected.saas.developerKit.components,
     },
-  ];
+  ]
 
   const developmentFlow = [
     {
@@ -71,54 +71,50 @@ const Dashboard: React.FC = () => {
       title: translate('::App.DeveloperKit.Dashboard.Flow.CreateEntity'),
       description: translate('::App.DeveloperKit.Dashboard.Flow.CreateEntity.Desc'),
       icon: FaDatabase,
-      color: "bg-blue-600",
-      href: ROUTES_ENUM.protected.saas.developerKitEntitiesNew,
-      status: "ready",
+      color: 'bg-blue-600',
+      href: ROUTES_ENUM.protected.saas.developerKit.entitiesNew,
+      status: 'ready',
     },
     {
       step: 2,
       title: translate('::App.DeveloperKit.Dashboard.Flow.GenerateMigration'),
       description: translate('::App.DeveloperKit.Dashboard.Flow.GenerateMigration.Desc'),
       icon: FaBolt,
-      color: "bg-yellow-600",
-      href: ROUTES_ENUM.protected.saas.developerKitMigrations,
-      status: entities.some((e) => e.migrationStatus === "pending")
-        ? "action-needed"
-        : "ready",
+      color: 'bg-yellow-600',
+      href: ROUTES_ENUM.protected.saas.developerKit.migrations,
+      status: entities.some((e) => e.migrationStatus === 'pending') ? 'action-needed' : 'ready',
     },
     {
       step: 3,
       title: translate('::App.DeveloperKit.Dashboard.Flow.ApplyMigration'),
       description: translate('::App.DeveloperKit.Dashboard.Flow.ApplyMigration.Desc'),
       icon: FaCheckCircle,
-      color: "bg-green-600",
-      href: ROUTES_ENUM.protected.saas.developerKitMigrations,
-      status: migrations.some((m) => m.status === "pending")
-        ? "action-needed"
-        : "ready",
+      color: 'bg-green-600',
+      href: ROUTES_ENUM.protected.saas.developerKit.migrations,
+      status: migrations.some((m) => m.status === 'pending') ? 'action-needed' : 'ready',
     },
     {
       step: 4,
       title: translate('::App.DeveloperKit.Dashboard.Flow.GenerateAPI'),
       description: translate('::App.DeveloperKit.Dashboard.Flow.GenerateAPI.Desc'),
       icon: FaServer,
-      color: "bg-emerald-600",
-      href: ROUTES_ENUM.protected.saas.developerKitEndpoints,
-      status: "ready",
+      color: 'bg-emerald-600',
+      href: ROUTES_ENUM.protected.saas.developerKit.endpoints,
+      status: 'ready',
     },
     {
       step: 5,
       title: translate('::App.DeveloperKit.Dashboard.Flow.BuildComponent'),
       description: translate('::App.DeveloperKit.Dashboard.Flow.BuildComponent.Desc'),
       icon: FaPuzzlePiece,
-      color: "bg-purple-600",
-      href: ROUTES_ENUM.protected.saas.developerKitComponentsNew,
-      status: "ready",
+      color: 'bg-purple-600',
+      href: ROUTES_ENUM.protected.saas.developerKit.componentsNew,
+      status: 'ready',
     },
-  ];
+  ]
 
-  const recentEntities = entities.slice(0, 3);
-  const recentMigrations = migrations.slice(0, 3);
+  const recentEntities = entities.slice(0, 3)
+  const recentMigrations = migrations.slice(0, 3)
   const recentEndpoints = [
     ...generatedEndpoints.map((e) => ({
       id: e.id,
@@ -130,28 +126,36 @@ const Dashboard: React.FC = () => {
       lastModificationTime: e.lastModificationTime,
       creationTime: e.creationTime,
     })),
-  ].slice(0, 3);
+  ].slice(0, 3)
 
   const systemHealth = [
-    { name: translate('::App.DeveloperKit.Dashboard.SystemHealth.Frontend'), status: translate('::App.DeveloperKit.Dashboard.SystemHealth.Healthy'), icon: FaCode },
+    {
+      name: translate('::App.DeveloperKit.Dashboard.SystemHealth.Frontend'),
+      status: translate('::App.DeveloperKit.Dashboard.SystemHealth.Healthy'),
+      icon: FaCode,
+    },
     {
       name: translate('::App.DeveloperKit.Dashboard.SystemHealth.Backend'),
-      status: isOnline ? translate('::App.DeveloperKit.Dashboard.SystemHealth.Healthy') : translate('::App.DeveloperKit.Dashboard.SystemHealth.Offline'),
+      status: isOnline
+        ? translate('::App.DeveloperKit.Dashboard.SystemHealth.Healthy')
+        : translate('::App.DeveloperKit.Dashboard.SystemHealth.Offline'),
       icon: FaServer,
     },
     {
       name: translate('::App.DeveloperKit.Dashboard.SystemHealth.Database'),
-      status: isOnline ? translate('::App.DeveloperKit.Dashboard.SystemHealth.Healthy') : translate('::App.DeveloperKit.Dashboard.SystemHealth.Unknown'),
+      status: isOnline
+        ? translate('::App.DeveloperKit.Dashboard.SystemHealth.Healthy')
+        : translate('::App.DeveloperKit.Dashboard.SystemHealth.Unknown'),
       icon: FaDatabase,
     },
     {
       name: translate('::App.DeveloperKit.Dashboard.SystemHealth.Migrations'),
-      status: migrations.some((m) => m.status === "failed")
+      status: migrations.some((m) => m.status === 'failed')
         ? translate('::App.DeveloperKit.Dashboard.SystemHealth.Warning')
         : translate('::App.DeveloperKit.Dashboard.SystemHealth.Healthy'),
       icon: FaBolt,
     },
-  ];
+  ]
 
   return (
     <div className="space-y-8">
@@ -161,25 +165,21 @@ const Dashboard: React.FC = () => {
           <h1 className="text-3xl font-bold text-slate-900 mb-2">
             {translate('::App.DeveloperKit.Dashboard.Title')}
           </h1>
-          <p className="text-slate-600">
-            {translate('::App.DeveloperKit.Dashboard.Description')}
-          </p>
+          <p className="text-slate-600">{translate('::App.DeveloperKit.Dashboard.Description')}</p>
         </div>
         <div className="flex items-center gap-3">
           <button
             onClick={recheckHealth}
             className={`flex items-center gap-2 px-3 py-1 rounded-full text-sm font-medium transition-colors duration-200 ${
               isOnline
-                ? "bg-green-100 text-green-700 hover:bg-green-200"
-                : "bg-red-100 text-red-700 hover:bg-red-200"
+                ? 'bg-green-100 text-green-700 hover:bg-green-200'
+                : 'bg-red-100 text-red-700 hover:bg-red-200'
             }`}
             title={`Son kontrol: ${lastCheck.toLocaleTimeString()}`}
           >
             <div
               className={`w-2 h-2 rounded-full ${
-                isOnline
-                  ? "bg-green-500 animate-pulse"
-                  : "bg-red-500 animate-pulse"
+                isOnline ? 'bg-green-500 animate-pulse' : 'bg-red-500 animate-pulse'
               }`}
             />
             {isOnline ? (
@@ -200,7 +200,7 @@ const Dashboard: React.FC = () => {
       {/* Stats Grid */}
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
         {stats.map((stat) => {
-          const Icon = stat.icon;
+          const Icon = stat.icon
           return (
             <Link
               key={stat.name}
@@ -216,18 +216,14 @@ const Dashboard: React.FC = () => {
                 <FaArrowRight className="w-4 h-4 text-slate-400 group-hover:text-slate-600 transition-colors" />
               </div>
               <div>
-                <p className="text-sm font-medium text-slate-600">
-                  {stat.name}
-                </p>
+                <p className="text-sm font-medium text-slate-600">{stat.name}</p>
                 <p className="text-2xl font-bold text-slate-900 mt-1">
                   {stat.value}
-                  <span className="text-sm font-normal text-slate-500 ml-1">
-                    / {stat.total}
-                  </span>
+                  <span className="text-sm font-normal text-slate-500 ml-1">/ {stat.total}</span>
                 </p>
               </div>
             </Link>
-          );
+          )
         })}
       </div>
 
@@ -241,7 +237,7 @@ const Dashboard: React.FC = () => {
         </div>
         <div className="grid grid-cols-1 lg:grid-cols-5 gap-6">
           {developmentFlow.map((flow, index) => {
-            const Icon = flow.icon;
+            const Icon = flow.icon
             return (
               <Link key={flow.step} to={flow.href} className="group relative">
                 <div
@@ -258,7 +254,7 @@ const Dashboard: React.FC = () => {
                   <h3 className="font-semibold text-lg mb-2 text-white">{flow.title}</h3>
                   <p className="text-sm opacity-90">{flow.description}</p>
 
-                  {flow.status === "action-needed" && (
+                  {flow.status === 'action-needed' && (
                     <div className="absolute -top-2 -right-2">
                       <div className="bg-red-500 text-white rounded-full w-6 h-6 flex items-center justify-center">
                         <FaExclamationCircle className="w-4 h-4" />
@@ -273,7 +269,7 @@ const Dashboard: React.FC = () => {
                   </div>
                 )}
               </Link>
-            );
+            )
           })}
         </div>
       </div>
@@ -284,12 +280,12 @@ const Dashboard: React.FC = () => {
           <div className="flex items-center gap-2 mb-4">
             <FaCog className="w-5 h-5 text-green-500" />
             <h3 className="text-lg font-semibold text-slate-900">
-              {translate('::App.DeveloperKit.Dashboard.SystemHealth.Title') }
+              {translate('::App.DeveloperKit.Dashboard.SystemHealth.Title')}
             </h3>
           </div>
           <div className="space-y-3">
             {systemHealth.map((system) => {
-              const Icon = system.icon;
+              const Icon = system.icon
               return (
                 <div
                   key={system.name}
@@ -297,38 +293,36 @@ const Dashboard: React.FC = () => {
                 >
                   <div className="flex items-center gap-3">
                     <Icon className="w-4 h-4 text-slate-600" />
-                    <span className="font-medium text-slate-900">
-                      {system.name}
-                    </span>
+                    <span className="font-medium text-slate-900">{system.name}</span>
                   </div>
                   <div className="flex items-center gap-2">
                     <div
                       className={`w-2 h-2 rounded-full ${
-                        system.status === "healthy"
-                          ? "bg-green-500"
-                          : system.status === "warning"
-                          ? "bg-yellow-500"
-                          : system.status === "offline"
-                          ? "bg-red-500"
-                          : "bg-gray-500"
+                        system.status === 'healthy'
+                          ? 'bg-green-500'
+                          : system.status === 'warning'
+                            ? 'bg-yellow-500'
+                            : system.status === 'offline'
+                              ? 'bg-red-500'
+                              : 'bg-gray-500'
                       }`}
                     />
                     <span
                       className={`text-sm capitalize ${
-                        system.status === "healthy"
-                          ? "text-green-600"
-                          : system.status === "warning"
-                          ? "text-yellow-600"
-                          : system.status === "offline"
-                          ? "text-red-600"
-                          : "text-gray-600"
+                        system.status === 'healthy'
+                          ? 'text-green-600'
+                          : system.status === 'warning'
+                            ? 'text-yellow-600'
+                            : system.status === 'offline'
+                              ? 'text-red-600'
+                              : 'text-gray-600'
                       }`}
                     >
-                      {system.status === "offline" ? "Offline" : system.status}
+                      {system.status === 'offline' ? 'Offline' : system.status}
                     </span>
                   </div>
                 </div>
-              );
+              )
             })}
           </div>
         </div>
@@ -340,7 +334,7 @@ const Dashboard: React.FC = () => {
               {translate('::App.DeveloperKit.Dashboard.RecentEntities.Title')}
             </h3>
             <Link
-              to={ROUTES_ENUM.protected.saas.developerKitEntities}
+              to={ROUTES_ENUM.protected.saas.developerKit.entities}
               className="text-blue-600 hover:text-blue-700 text-sm font-medium"
             >
               {translate('::App.DeveloperKit.Dashboard.ViewAll')}
@@ -354,9 +348,7 @@ const Dashboard: React.FC = () => {
                   className="flex items-center justify-between p-3 bg-slate-50 rounded-lg hover:bg-slate-100 transition-colors"
                 >
                   <div>
-                    <p className="font-medium text-slate-900">
-                      {entity.displayName}
-                    </p>
+                    <p className="font-medium text-slate-900">{entity.displayName}</p>
                     <p className="text-sm text-slate-500">
                       {entity.fields.length} fields • {entity.migrationStatus}
                     </p>
@@ -364,15 +356,18 @@ const Dashboard: React.FC = () => {
                   <div className="flex items-center gap-2">
                     <div
                       className={`w-2 h-2 rounded-full ${
-                        entity.migrationStatus === "applied"
-                          ? "bg-green-500"
-                          : entity.migrationStatus === "pending"
-                          ? "bg-yellow-500"
-                          : "bg-red-500"
+                        entity.migrationStatus === 'applied'
+                          ? 'bg-green-500'
+                          : entity.migrationStatus === 'pending'
+                            ? 'bg-yellow-500'
+                            : 'bg-red-500'
                       }`}
                     />
                     <Link
-                      to={ROUTES_ENUM.protected.saas.developerKitEntitiesEdit.replace(':id', entity.id)}
+                      to={ROUTES_ENUM.protected.saas.developerKit.entitiesEdit.replace(
+                        ':id',
+                        entity.id,
+                      )}
                       className="text-blue-600 hover:text-blue-700"
                     >
                       <FaDatabase className="w-4 h-4" />
@@ -383,9 +378,11 @@ const Dashboard: React.FC = () => {
             ) : (
               <div className="text-center py-8">
                 <FaDatabase className="w-12 h-12 text-slate-300 mx-auto mb-2" />
-                <p className="text-slate-500 mb-2">{translate('::App.DeveloperKit.Dashboard.Empty.Entity')}</p>
+                <p className="text-slate-500 mb-2">
+                  {translate('::App.DeveloperKit.Dashboard.Empty.Entity')}
+                </p>
                 <Link
-                  to={ROUTES_ENUM.protected.saas.developerKitEntitiesNew}
+                  to={ROUTES_ENUM.protected.saas.developerKit.entitiesNew}
                   className="text-blue-600 hover:text-blue-700 text-sm font-medium"
                 >
                   Create your first entity
@@ -402,7 +399,7 @@ const Dashboard: React.FC = () => {
               {translate('::App.DeveloperKit.Dashboard.RecentMigrations.Title')}
             </h3>
             <Link
-              to={ROUTES_ENUM.protected.saas.developerKitMigrations}
+              to={ROUTES_ENUM.protected.saas.developerKit.migrations}
               className="text-yellow-600 hover:text-yellow-700 text-sm font-medium"
             >
               {translate('::App.DeveloperKit.Dashboard.ViewAll')}
@@ -416,26 +413,23 @@ const Dashboard: React.FC = () => {
                   className="flex items-center justify-between p-3 bg-slate-50 rounded-lg hover:bg-slate-100 transition-colors"
                 >
                   <div>
-                    <p className="font-medium text-slate-900">
-                      {migration.entityName}
-                    </p>
+                    <p className="font-medium text-slate-900">{migration.entityName}</p>
                     <p className="text-sm text-slate-500">
-                      {migration.status} •{" "}
-                      {new Date(migration.creationTime).toLocaleDateString()}
+                      {migration.status} • {new Date(migration.creationTime).toLocaleDateString()}
                     </p>
                   </div>
                   <div className="flex items-center gap-2">
                     <div
                       className={`w-2 h-2 rounded-full ${
-                        migration.status === "applied"
-                          ? "bg-green-500"
-                          : migration.status === "pending"
-                          ? "bg-yellow-500"
-                          : "bg-red-500"
+                        migration.status === 'applied'
+                          ? 'bg-green-500'
+                          : migration.status === 'pending'
+                            ? 'bg-yellow-500'
+                            : 'bg-red-500'
                       }`}
                     />
                     <Link
-                      to={ROUTES_ENUM.protected.saas.developerKitMigrations}
+                      to={ROUTES_ENUM.protected.saas.developerKit.migrations}
                       className="text-yellow-600 hover:text-yellow-700"
                     >
                       <FaBolt className="w-4 h-4" />
@@ -446,9 +440,11 @@ const Dashboard: React.FC = () => {
             ) : (
               <div className="text-center py-8">
                 <FaBolt className="w-12 h-12 text-slate-300 mx-auto mb-2" />
-                <p className="text-slate-500 mb-2">{translate('::App.DeveloperKit.Dashboard.Empty.Migration')}</p>
+                <p className="text-slate-500 mb-2">
+                  {translate('::App.DeveloperKit.Dashboard.Empty.Migration')}
+                </p>
                 <Link
-                  to={ROUTES_ENUM.protected.saas.developerKitEntitiesNew}
+                  to={ROUTES_ENUM.protected.saas.developerKit.entitiesNew}
                   className="text-yellow-600 hover:text-yellow-700 text-sm font-medium"
                 >
                   {translate('::App.DeveloperKit.Dashboard.Action.GenerateMigrations')}
@@ -465,7 +461,7 @@ const Dashboard: React.FC = () => {
               {translate('::App.DeveloperKit.Dashboard.RecentEndpoints.Title')}
             </h3>
             <Link
-              to={ROUTES_ENUM.protected.saas.developerKitEndpoints}
+              to={ROUTES_ENUM.protected.saas.developerKit.endpoints}
               className="text-emerald-600 hover:text-emerald-700 text-sm font-medium"
             >
               {translate('::App.DeveloperKit.Dashboard.ViewAll')}
@@ -482,33 +478,28 @@ const Dashboard: React.FC = () => {
                     <div className="flex items-center gap-2 mb-1">
                       <span
                         className={`px-2 py-0.5 text-xs font-medium rounded ${
-                          endpoint.method === "GET"
-                            ? "bg-blue-100 text-blue-800"
-                            : endpoint.method === "POST"
-                            ? "bg-green-100 text-green-800"
-                            : endpoint.method === "PUT"
-                            ? "bg-yellow-100 text-yellow-800"
-                            : "bg-red-100 text-red-800"
+                          endpoint.method === 'GET'
+                            ? 'bg-blue-100 text-blue-800'
+                            : endpoint.method === 'POST'
+                              ? 'bg-green-100 text-green-800'
+                              : endpoint.method === 'PUT'
+                                ? 'bg-yellow-100 text-yellow-800'
+                                : 'bg-red-100 text-red-800'
                         }`}
                       >
                         {endpoint.method}
                       </span>
-                      <p className="font-medium text-slate-900 text-sm">
-                        {endpoint.name}
-                      </p>
+                      <p className="font-medium text-slate-900 text-sm">{endpoint.name}</p>
                     </div>
                     <p className="text-xs text-slate-500">{endpoint.path}</p>
                   </div>
                   <div className="flex items-center gap-2">
                     <div
                       className={`w-2 h-2 rounded-full ${
-                        endpoint.isActive ? "bg-green-500" : "bg-slate-300"
+                        endpoint.isActive ? 'bg-green-500' : 'bg-slate-300'
                       }`}
                     />
-                    <Link
-                      to="/docs"
-                      className="text-emerald-600 hover:text-emerald-700"
-                    >
+                    <Link to="/docs" className="text-emerald-600 hover:text-emerald-700">
                       <FaServer className="w-4 h-4" />
                     </Link>
                   </div>
@@ -517,9 +508,11 @@ const Dashboard: React.FC = () => {
             ) : (
               <div className="text-center py-8">
                 <FaServer className="w-12 h-12 text-slate-300 mx-auto mb-2" />
-                <p className="text-slate-500 mb-2">{translate('::App.DeveloperKit.Dashboard.Empty.Endpoint')}</p>
+                <p className="text-slate-500 mb-2">
+                  {translate('::App.DeveloperKit.Dashboard.Empty.Endpoint')}
+                </p>
                 <Link
-                  to={ROUTES_ENUM.protected.saas.developerKitEndpointsNew}
+                  to={ROUTES_ENUM.protected.saas.developerKit.endpointsNew}
                   className="text-emerald-600 hover:text-emerald-700 text-sm font-medium"
                 >
                   {translate('::App.DeveloperKit.Dashboard.Action.CreateEntity')}
@@ -530,7 +523,7 @@ const Dashboard: React.FC = () => {
         </div>
       </div>
     </div>
-  );
-};
+  )
+}
 
-export default Dashboard;
+export default Dashboard
diff --git a/ui/src/components/developerKit/EntityEditor.tsx b/ui/src/components/developerKit/EntityEditor.tsx
index ccc22d09..a7056450 100644
--- a/ui/src/components/developerKit/EntityEditor.tsx
+++ b/ui/src/components/developerKit/EntityEditor.tsx
@@ -7,8 +7,8 @@ import {
   FaPlus,
   FaTrashAlt,
   FaDatabase,
-  FaQuestionCircle
-} from 'react-icons/fa';
+  FaQuestionCircle,
+} from 'react-icons/fa'
 import { CreateUpdateCustomEntityFieldDto, CustomEntityField } from '@/proxy/developerKit/models'
 import { ROUTES_ENUM } from '@/routes/route.constant'
 import { useLocalization } from '@/utils/hooks/useLocalization'
@@ -150,7 +150,7 @@ const EntityEditor: React.FC = () => {
         addEntity(entityData)
       }
 
-      navigate(ROUTES_ENUM.protected.saas.developerKitEntities)
+      navigate(ROUTES_ENUM.protected.saas.developerKit.entities)
     } catch (error) {
       console.error('Error saving entity:', error)
       alert('Failed to save entity. Please try again.')
@@ -176,7 +176,7 @@ const EntityEditor: React.FC = () => {
           <div className="flex items-center justify-between">
             <div className="flex items-center gap-4">
               <button
-                onClick={() => navigate(ROUTES_ENUM.protected.saas.developerKitEntities)}
+                onClick={() => navigate(ROUTES_ENUM.protected.saas.developerKit.entities)}
                 className="flex items-center gap-2 text-slate-600 hover:text-slate-900 transition-colors"
               >
                 <FaArrowLeft className="w-4 h-4" />
@@ -202,7 +202,9 @@ const EntityEditor: React.FC = () => {
                   <div className="absolute -top-1 right-4 w-2 h-2 bg-slate-900 rotate-45"></div>
                   <div className="flex items-center gap-2 mb-2">
                     <FaDatabase className="w-4 h-4 text-blue-400" />
-                    <h4 className="font-semibold text-blue-200">{translate('::App.DeveloperKit.EntityEditor.Tooltip.Title')}</h4>
+                    <h4 className="font-semibold text-blue-200">
+                      {translate('::App.DeveloperKit.EntityEditor.Tooltip.Title')}
+                    </h4>
                   </div>
                   <p className="text-slate-300 leading-relaxed">
                     {translate('::App.DeveloperKit.EntityEditor.Tooltip.Content')}
@@ -216,7 +218,9 @@ const EntityEditor: React.FC = () => {
                 className="flex items-center gap-2 bg-emerald-600 text-white px-4 py-2 rounded-lg hover:bg-emerald-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed shadow-sm"
               >
                 <FaSave className="w-4 h-4" />
-                {isSaving ? translate('::App.DeveloperKit.EntityEditor.Saving') : translate('::App.DeveloperKit.EntityEditor.Save')}
+                {isSaving
+                  ? translate('::App.DeveloperKit.EntityEditor.Saving')
+                  : translate('::App.DeveloperKit.EntityEditor.Save')}
               </button>
             </div>
           </div>
@@ -224,10 +228,14 @@ const EntityEditor: React.FC = () => {
 
         {/* Entity Basic Info */}
         <div className="bg-white rounded-lg border border-slate-200 p-6 mb-6 shadow-sm">
-          <h2 className="text-lg font-semibold text-slate-900 mb-4">{translate('::App.DeveloperKit.EntityEditor.BasicInfo')}</h2>
+          <h2 className="text-lg font-semibold text-slate-900 mb-4">
+            {translate('::App.DeveloperKit.EntityEditor.BasicInfo')}
+          </h2>
           <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
             <div>
-              <label className="block text-sm font-medium text-slate-700 mb-1">{translate('::App.DeveloperKit.EntityEditor.EntityName')}</label>
+              <label className="block text-sm font-medium text-slate-700 mb-1">
+                {translate('::App.DeveloperKit.EntityEditor.EntityName')}
+              </label>
               <input
                 autoFocus
                 type="text"
@@ -266,7 +274,9 @@ const EntityEditor: React.FC = () => {
               />
             </div>
             <div>
-              <label className="block text-sm font-medium text-slate-700 mb-1">{translate('::App.DeveloperKit.EntityEditor.TableName')} *</label>
+              <label className="block text-sm font-medium text-slate-700 mb-1">
+                {translate('::App.DeveloperKit.EntityEditor.TableName')} *
+              </label>
               <input
                 type="text"
                 value={tableName}
@@ -284,7 +294,9 @@ const EntityEditor: React.FC = () => {
               )}
             </div>
             <div className="mb-4">
-              <label className="block text-sm font-medium text-slate-700 mb-1">{translate('::App.DeveloperKit.EntityEditor.Description')}</label>
+              <label className="block text-sm font-medium text-slate-700 mb-1">
+                {translate('::App.DeveloperKit.EntityEditor.Description')}
+              </label>
               <input
                 type="text"
                 value={description}
@@ -297,10 +309,14 @@ const EntityEditor: React.FC = () => {
 
           {isEditing && (
             <div className="mb-4 p-4 bg-slate-50 rounded-lg border border-slate-200">
-              <h3 className="text-sm font-medium text-slate-700 mb-3">{translate('::App.DeveloperKit.EntityEditor.Status')}</h3>
+              <h3 className="text-sm font-medium text-slate-700 mb-3">
+                {translate('::App.DeveloperKit.EntityEditor.Status')}
+              </h3>
               <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                 <div className="flex items-center justify-between">
-                  <span className="text-sm text-slate-600">{translate('::App.DeveloperKit.EntityEditor.Status.Migration')}</span>
+                  <span className="text-sm text-slate-600">
+                    {translate('::App.DeveloperKit.EntityEditor.Status.Migration')}
+                  </span>
                   <span
                     className={`text-xs px-2 py-1 rounded-full ${
                       getEntity(id!)?.migrationStatus === 'applied'
@@ -314,7 +330,9 @@ const EntityEditor: React.FC = () => {
                   </span>
                 </div>
                 <div className="flex items-center justify-between">
-                  <span className="text-sm text-slate-600">{translate('::App.DeveloperKit.EntityEditor.Status.Endpoint')}</span>
+                  <span className="text-sm text-slate-600">
+                    {translate('::App.DeveloperKit.EntityEditor.Status.Endpoint')}
+                  </span>
                   <span
                     className={`text-xs px-2 py-1 rounded-full ${
                       getEntity(id!)?.endpointStatus === 'applied'
@@ -338,7 +356,9 @@ const EntityEditor: React.FC = () => {
                 onChange={(e) => setIsActive(e.target.checked)}
                 className="rounded border-slate-300 text-emerald-600 focus:ring-emerald-500"
               />
-              <span className="text-sm font-medium text-slate-700">{translate('::App.DeveloperKit.EntityEditor.Active')}</span>
+              <span className="text-sm font-medium text-slate-700">
+                {translate('::App.DeveloperKit.EntityEditor.Active')}
+              </span>
             </label>
             <label className="flex items-center gap-2">
               <input
@@ -372,7 +392,9 @@ const EntityEditor: React.FC = () => {
         {/* Entity Fields */}
         <div className="bg-white rounded-lg border border-slate-200 p-6 shadow-sm">
           <div className="flex items-center justify-between mb-4">
-            <h2 className="text-lg font-semibold text-slate-900">{translate('::App.DeveloperKit.EntityEditor.Fields')}</h2>
+            <h2 className="text-lg font-semibold text-slate-900">
+              {translate('::App.DeveloperKit.EntityEditor.Fields')}
+            </h2>
             <button
               onClick={addField}
               className="flex items-center gap-2 bg-blue-600 text-white px-3 py-2 rounded-lg hover:bg-blue-700 transition-colors text-sm"
@@ -402,7 +424,9 @@ const EntityEditor: React.FC = () => {
                     />
                   </div>
                   <div>
-                    <label className="block text-sm font-medium text-slate-700 mb-1">{translate('::App.DeveloperKit.EntityEditor.Type')} *</label>
+                    <label className="block text-sm font-medium text-slate-700 mb-1">
+                      {translate('::App.DeveloperKit.EntityEditor.Type')} *
+                    </label>
                     <select
                       value={field.type}
                       onChange={(e) =>
@@ -475,7 +499,9 @@ const EntityEditor: React.FC = () => {
                         }
                         className="rounded border-slate-300 text-blue-600 focus:ring-blue-500"
                       />
-                      <span className="text-sm font-medium text-slate-700">{translate('::App.DeveloperKit.EntityEditor.Required')}</span>
+                      <span className="text-sm font-medium text-slate-700">
+                        {translate('::App.DeveloperKit.EntityEditor.Required')}
+                      </span>
                     </label>
                     <label className="flex items-center gap-2">
                       <input
@@ -484,7 +510,9 @@ const EntityEditor: React.FC = () => {
                         onChange={(e) => updateField(field.id, { isUnique: e.target.checked })}
                         className="rounded border-slate-300 text-blue-600 focus:ring-blue-500"
                       />
-                      <span className="text-sm font-medium text-slate-700">{translate('::App.DeveloperKit.EntityEditor.Unique')}</span>
+                      <span className="text-sm font-medium text-slate-700">
+                        {translate('::App.DeveloperKit.EntityEditor.Unique')}
+                      </span>
                     </label>
                     <button
                       onClick={() => removeField(field.id)}
@@ -503,7 +531,9 @@ const EntityEditor: React.FC = () => {
             <div className="text-center py-8 text-slate-500">
               <FaDatabase className="w-12 h-12 mx-auto mb-2 text-slate-300" />
               <p>{translate('::App.DeveloperKit.EntityEditor.NoFields')}</p>
-              <p className="text-sm">{translate('::App.DeveloperKit.EntityEditor.NoFieldsDescription')}</p>
+              <p className="text-sm">
+                {translate('::App.DeveloperKit.EntityEditor.NoFieldsDescription')}
+              </p>
             </div>
           )}
         </div>
diff --git a/ui/src/components/developerKit/EntityManager.tsx b/ui/src/components/developerKit/EntityManager.tsx
index 08bc5ed4..bee5f9a0 100644
--- a/ui/src/components/developerKit/EntityManager.tsx
+++ b/ui/src/components/developerKit/EntityManager.tsx
@@ -1,6 +1,6 @@
-import React, { useState } from 'react';
-import { Link } from 'react-router-dom';
-import { useEntities } from '../../contexts/EntityContext';
+import React, { useState } from 'react'
+import { Link } from 'react-router-dom'
+import { useEntities } from '../../contexts/EntityContext'
 import {
   FaPlus,
   FaSearch,
@@ -13,66 +13,72 @@ import {
   FaDatabase,
   FaCheckCircle,
   FaTable,
-  FaBolt
-} from 'react-icons/fa';
-import { ROUTES_ENUM } from '@/routes/route.constant';
-import { useLocalization } from '@/utils/hooks/useLocalization';
+  FaBolt,
+} from 'react-icons/fa'
+import { ROUTES_ENUM } from '@/routes/route.constant'
+import { useLocalization } from '@/utils/hooks/useLocalization'
 
 const EntityManager: React.FC = () => {
-  const { entities, deleteEntity, toggleEntityActiveStatus } = useEntities();
-  const [searchTerm, setSearchTerm] = useState('');
-  const [filterActive, setFilterActive] = useState<'all' | 'active' | 'inactive'>('all');
+  const { entities, deleteEntity, toggleEntityActiveStatus } = useEntities()
+  const [searchTerm, setSearchTerm] = useState('')
+  const [filterActive, setFilterActive] = useState<'all' | 'active' | 'inactive'>('all')
   const { translate } = useLocalization()
 
-  const filteredEntities = entities.filter(entity => {
-    const matchesSearch = entity.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-                         entity.displayName.toLowerCase().includes(searchTerm.toLowerCase()) ||
-                         (entity.description || '').toLowerCase().includes(searchTerm.toLowerCase());
-    
-    const matchesActiveFilter = filterActive === 'all' || 
-                               (filterActive === 'active' && entity.isActive) ||
-                               (filterActive === 'inactive' && !entity.isActive);
+  const filteredEntities = entities.filter((entity) => {
+    const matchesSearch =
+      entity.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
+      entity.displayName.toLowerCase().includes(searchTerm.toLowerCase()) ||
+      (entity.description || '').toLowerCase().includes(searchTerm.toLowerCase())
 
-    return matchesSearch && matchesActiveFilter;
-  });
+    const matchesActiveFilter =
+      filterActive === 'all' ||
+      (filterActive === 'active' && entity.isActive) ||
+      (filterActive === 'inactive' && !entity.isActive)
+
+    return matchesSearch && matchesActiveFilter
+  })
 
   const handleToggleActive = async (id: string) => {
     try {
-      await toggleEntityActiveStatus(id);
+      await toggleEntityActiveStatus(id)
     } catch (err) {
-      console.error('Failed to toggle entity status:', err);
+      console.error('Failed to toggle entity status:', err)
     }
-  };
+  }
 
   const handleDelete = async (id: string, name: string) => {
-    if (window.confirm(`Are you sure you want to delete the "${name}" entity?\n\nThis action will permanently remove:\n• The entity and all its fields\n• All related migrations\n• All related API endpoints\n\nThis cannot be undone.`)) {
+    if (
+      window.confirm(
+        `Are you sure you want to delete the "${name}" entity?\n\nThis action will permanently remove:\n• The entity and all its fields\n• All related migrations\n• All related API endpoints\n\nThis cannot be undone.`,
+      )
+    ) {
       try {
-        await deleteEntity(id);
+        await deleteEntity(id)
       } catch (err) {
-        console.error('Failed to delete entity:', err);
-        alert(translate('::App.DeveloperKit.Entity.DeleteFailed'));
+        console.error('Failed to delete entity:', err)
+        alert(translate('::App.DeveloperKit.Entity.DeleteFailed'))
       }
     }
-  };
+  }
 
   const stats = {
     total: entities.length,
-    active: entities.filter(e => e.isActive).length,
-    migrationsPending: entities.filter(e => e.migrationStatus === 'pending').length,
-    endpointsApplied: entities.filter(e => e.endpointStatus === 'applied').length
-  };
+    active: entities.filter((e) => e.isActive).length,
+    migrationsPending: entities.filter((e) => e.migrationStatus === 'pending').length,
+    endpointsApplied: entities.filter((e) => e.endpointStatus === 'applied').length,
+  }
 
   return (
     <div className="space-y-8">
       <div className="flex items-center justify-between mb-8">
         <div>
-          <h1 className="text-3xl font-bold text-slate-900 mb-2">{translate('::App.DeveloperKit.Entity.Title')}</h1>
-          <p className="text-slate-600">
-            {translate('::App.DeveloperKit.Entity.Description')}
-          </p>
+          <h1 className="text-3xl font-bold text-slate-900 mb-2">
+            {translate('::App.DeveloperKit.Entity.Title')}
+          </h1>
+          <p className="text-slate-600">{translate('::App.DeveloperKit.Entity.Description')}</p>
         </div>
         <Link
-          to={ROUTES_ENUM.protected.saas.developerKitEntitiesNew}
+          to={ROUTES_ENUM.protected.saas.developerKit.entitiesNew}
           className="flex items-center gap-2 bg-emerald-600 text-white px-4 py-2 rounded-lg hover:bg-emerald-700 transition-colors shadow-sm hover:shadow-md"
         >
           <FaPlus className="w-4 h-4" />
@@ -85,7 +91,9 @@ const EntityManager: React.FC = () => {
         <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
           <div className="flex items-center justify-between">
             <div>
-              <p className="text-sm font-medium text-slate-600">{translate('::App.DeveloperKit.Entity.TotalEntities')}</p>
+              <p className="text-sm font-medium text-slate-600">
+                {translate('::App.DeveloperKit.Entity.TotalEntities')}
+              </p>
               <p className="text-2xl font-bold text-slate-900 mt-1">{stats.total}</p>
             </div>
             <div className="bg-blue-100 text-blue-600 p-3 rounded-lg">
@@ -96,12 +104,12 @@ const EntityManager: React.FC = () => {
         <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
           <div className="flex items-center justify-between">
             <div>
-              <p className="text-sm font-medium text-slate-600">{translate('::App.DeveloperKit.Entity.ActiveEntities')}</p>
+              <p className="text-sm font-medium text-slate-600">
+                {translate('::App.DeveloperKit.Entity.ActiveEntities')}
+              </p>
               <p className="text-2xl font-bold text-slate-900 mt-1">
                 {stats.active}
-                <span className="text-sm font-normal text-slate-500 ml-1">
-                  / {stats.total}
-                </span>
+                <span className="text-sm font-normal text-slate-500 ml-1">/ {stats.total}</span>
               </p>
             </div>
             <div className="bg-green-100 text-green-600 p-3 rounded-lg">
@@ -112,7 +120,9 @@ const EntityManager: React.FC = () => {
         <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
           <div className="flex items-center justify-between">
             <div>
-              <p className="text-sm font-medium text-slate-600">{translate('::App.DeveloperKit.Entity.PendingMigrations')}</p>
+              <p className="text-sm font-medium text-slate-600">
+                {translate('::App.DeveloperKit.Entity.PendingMigrations')}
+              </p>
               <p className="text-2xl font-bold text-slate-900 mt-1">{stats.migrationsPending}</p>
             </div>
             <div className="bg-purple-100 text-purple-600 p-3 rounded-lg">
@@ -123,7 +133,9 @@ const EntityManager: React.FC = () => {
         <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
           <div className="flex items-center justify-between">
             <div>
-              <p className="text-sm font-medium text-slate-600">{translate('::App.DeveloperKit.Entity.CrudEndpoints')}</p>
+              <p className="text-sm font-medium text-slate-600">
+                {translate('::App.DeveloperKit.Entity.CrudEndpoints')}
+              </p>
               <p className="text-2xl font-bold text-slate-900 mt-1">{stats.endpointsApplied}</p>
             </div>
             <div className="bg-emerald-100 text-emerald-600 p-3 rounded-lg">
@@ -155,8 +167,12 @@ const EntityManager: React.FC = () => {
                 className="px-3 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-transparent transition-colors"
               >
                 <option value="all">{translate('::App.DeveloperKit.Entity.Filter.All')}</option>
-                <option value="active">{translate('::App.DeveloperKit.Entity.Filter.Active')}</option>
-                <option value="inactive">{translate('::App.DeveloperKit.Entity.Filter.Inactive')}</option>
+                <option value="active">
+                  {translate('::App.DeveloperKit.Entity.Filter.Active')}
+                </option>
+                <option value="inactive">
+                  {translate('::App.DeveloperKit.Entity.Filter.Inactive')}
+                </option>
               </select>
             </div>
           </div>
@@ -168,7 +184,10 @@ const EntityManager: React.FC = () => {
         <div className="grid grid-cols-1 xl:grid-cols-2 gap-6">
           {filteredEntities.map((entity) => {
             return (
-              <div key={entity.id} className="bg-white rounded-lg border border-slate-200 shadow-sm hover:shadow-md transition-all duration-200 group">
+              <div
+                key={entity.id}
+                className="bg-white rounded-lg border border-slate-200 shadow-sm hover:shadow-md transition-all duration-200 group"
+              >
                 <div className="p-6">
                   <div className="flex items-start justify-between mb-4">
                     <div className="flex-1">
@@ -180,25 +199,29 @@ const EntityManager: React.FC = () => {
                           <h3 className="text-lg font-semibold text-slate-900">
                             {entity.displayName}
                           </h3>
-                          <p className="text-sm text-slate-500">{translate('::App.DeveloperKit.Entity.TableLabel')}: {entity.tableName}</p>
+                          <p className="text-sm text-slate-500">
+                            {translate('::App.DeveloperKit.Entity.TableLabel')}: {entity.tableName}
+                          </p>
                         </div>
-                        
                       </div>
                       {entity.description && (
-                        <p className="text-slate-600 text-sm mb-3">
-                          {entity.description}
-                        </p>
+                        <p className="text-slate-600 text-sm mb-3">{entity.description}</p>
                       )}
                       <div className="flex items-center gap-4 text-xs text-slate-500 mb-3">
                         <div className="flex items-center gap-1">
                           <FaCalendarAlt className="w-3 h-3" />
                           <span>
-                            {translate('::App.DeveloperKit.Entity.Updated')}: {entity.lastModificationTime ? new Date(entity.lastModificationTime).toLocaleDateString() : 'Never'}
+                            {translate('::App.DeveloperKit.Entity.Updated')}:{' '}
+                            {entity.lastModificationTime
+                              ? new Date(entity.lastModificationTime).toLocaleDateString()
+                              : 'Never'}
                           </span>
                         </div>
                         <div className="flex items-center gap-1">
                           <FaDatabase className="w-3 h-3" />
-                          <span>{entity.fields.length} {translate('::App.DeveloperKit.Entity.Fields')}</span>
+                          <span>
+                            {entity.fields.length} {translate('::App.DeveloperKit.Entity.Fields')}
+                          </span>
                         </div>
                       </div>
                     </div>
@@ -207,17 +230,25 @@ const EntityManager: React.FC = () => {
                   {/* Entity Fields Preview */}
                   <div className="mb-4">
                     <div className="bg-slate-50 rounded-lg p-3">
-                      <h4 className="text-sm font-medium text-slate-700 mb-2">{translate('::App.DeveloperKit.Entity.FieldsLabel')}:</h4>
+                      <h4 className="text-sm font-medium text-slate-700 mb-2">
+                        {translate('::App.DeveloperKit.Entity.FieldsLabel')}:
+                      </h4>
                       <div className="grid grid-cols-2 gap-2 text-xs">
-                        {entity.fields.slice(0, 4).map(field => (
+                        {entity.fields.slice(0, 4).map((field) => (
                           <div key={field.id} className="flex items-center gap-2">
-                            <span className={`px-2 py-1 rounded text-xs font-medium ${
-                              field.type === 'string' ? 'bg-blue-100 text-blue-700' :
-                              field.type === 'number' || field.type === 'decimal' ? 'bg-green-100 text-green-700' :
-                              field.type === 'boolean' ? 'bg-purple-100 text-purple-700' :
-                              field.type === 'date' ? 'bg-orange-100 text-orange-700' :
-                              'bg-slate-100 text-slate-700'
-                            }`}>
+                            <span
+                              className={`px-2 py-1 rounded text-xs font-medium ${
+                                field.type === 'string'
+                                  ? 'bg-blue-100 text-blue-700'
+                                  : field.type === 'number' || field.type === 'decimal'
+                                    ? 'bg-green-100 text-green-700'
+                                    : field.type === 'boolean'
+                                      ? 'bg-purple-100 text-purple-700'
+                                      : field.type === 'date'
+                                        ? 'bg-orange-100 text-orange-700'
+                                        : 'bg-slate-100 text-slate-700'
+                              }`}
+                            >
                               {field.type}
                             </span>
                             <span className="text-slate-600">{field.name}</span>
@@ -226,7 +257,8 @@ const EntityManager: React.FC = () => {
                         ))}
                         {entity.fields.length > 4 && (
                           <div className="text-slate-500 italic">
-                            +{entity.fields.length - 4} {translate('::App.DeveloperKit.Entity.More')}
+                            +{entity.fields.length - 4}{' '}
+                            {translate('::App.DeveloperKit.Entity.More')}
                           </div>
                         )}
                       </div>
@@ -236,22 +268,34 @@ const EntityManager: React.FC = () => {
                   {/* Migration and Endpoint Status */}
                   <div className="mb-4 space-y-3">
                     <div className="flex items-center justify-between">
-                      <span className="text-sm font-medium text-slate-700">{translate('::App.DeveloperKit.Entity.MigrationStatus')}</span>
-                      <span className={`text-xs px-2 py-1 rounded-full ${
-                        entity.migrationStatus === 'applied' ? 'bg-green-100 text-green-700' :
-                        entity.migrationStatus === 'pending' ? 'bg-yellow-100 text-yellow-700' :
-                        'bg-red-100 text-red-700'
-                      }`}>
+                      <span className="text-sm font-medium text-slate-700">
+                        {translate('::App.DeveloperKit.Entity.MigrationStatus')}
+                      </span>
+                      <span
+                        className={`text-xs px-2 py-1 rounded-full ${
+                          entity.migrationStatus === 'applied'
+                            ? 'bg-green-100 text-green-700'
+                            : entity.migrationStatus === 'pending'
+                              ? 'bg-yellow-100 text-yellow-700'
+                              : 'bg-red-100 text-red-700'
+                        }`}
+                      >
                         {entity.migrationStatus}
                       </span>
                     </div>
                     <div className="flex items-center justify-between">
-                      <span className="text-sm font-medium text-slate-700">{translate('::App.DeveloperKit.Entity.EndpointStatus')}</span>
-                      <span className={`text-xs px-2 py-1 rounded-full ${
-                        entity.endpointStatus === 'applied' ? 'bg-blue-100 text-blue-700' :
-                        entity.endpointStatus === 'pending' ? 'bg-orange-100 text-orange-700' :
-                        'bg-red-100 text-red-700'
-                      }`}>
+                      <span className="text-sm font-medium text-slate-700">
+                        {translate('::App.DeveloperKit.Entity.EndpointStatus')}
+                      </span>
+                      <span
+                        className={`text-xs px-2 py-1 rounded-full ${
+                          entity.endpointStatus === 'applied'
+                            ? 'bg-blue-100 text-blue-700'
+                            : entity.endpointStatus === 'pending'
+                              ? 'bg-orange-100 text-orange-700'
+                              : 'bg-red-100 text-red-700'
+                        }`}
+                      >
                         {entity.endpointStatus}
                       </span>
                     </div>
@@ -283,7 +327,10 @@ const EntityManager: React.FC = () => {
                     </div>
                     <div className="flex items-center gap-1">
                       <Link
-                        to={ROUTES_ENUM.protected.saas.developerKitEntitiesEdit.replace(':id', entity.id)}
+                        to={ROUTES_ENUM.protected.saas.developerKit.entitiesEdit.replace(
+                          ':id',
+                          entity.id,
+                        )}
                         className="p-2 text-slate-600 hover:text-blue-600 hover:bg-blue-50 rounded transition-colors"
                         title={translate('::App.DeveloperKit.Entity.Edit')}
                       >
@@ -300,7 +347,7 @@ const EntityManager: React.FC = () => {
                   </div>
                 </div>
               </div>
-            );
+            )
           })}
         </div>
       ) : (
@@ -310,15 +357,16 @@ const EntityManager: React.FC = () => {
               <FaDatabase className="w-8 h-8 text-slate-500" />
             </div>
             <h3 className="text-lg font-medium text-slate-900 mb-2">
-              {searchTerm || filterActive !== 'all' ? translate('::App.DeveloperKit.Entity.NoEntitiesFound') : translate('::App.DeveloperKit.Entity.NoEntitiesYet')}
+              {searchTerm || filterActive !== 'all'
+                ? translate('::App.DeveloperKit.Entity.NoEntitiesFound')
+                : translate('::App.DeveloperKit.Entity.NoEntitiesYet')}
             </h3>
             <p className="text-slate-600 mb-6">
               {searchTerm || filterActive !== 'all'
                 ? translate('::App.DeveloperKit.Entity.TryAdjustingFilters')
-                : translate('::App.DeveloperKit.Entity.CreateFirstEntity')
-              }
+                : translate('::App.DeveloperKit.Entity.CreateFirstEntity')}
             </p>
-            {(!searchTerm && filterActive === 'all') && (
+            {!searchTerm && filterActive === 'all' && (
               <Link
                 to={ROUTES_ENUM.protected.saas.developerKitEntitiesNew}
                 className="inline-flex items-center gap-2 bg-emerald-600 text-white px-4 py-2 rounded-lg hover:bg-emerald-700 transition-colors shadow-sm hover:shadow-md"
@@ -331,7 +379,7 @@ const EntityManager: React.FC = () => {
         </div>
       )}
     </div>
-  );
-};
+  )
+}
 
-export default EntityManager;
\ No newline at end of file
+export default EntityManager
diff --git a/ui/src/components/developerKit/MigrationManager.tsx b/ui/src/components/developerKit/MigrationManager.tsx
index 866084af..5b3d1d10 100644
--- a/ui/src/components/developerKit/MigrationManager.tsx
+++ b/ui/src/components/developerKit/MigrationManager.tsx
@@ -16,8 +16,8 @@ import {
   FaEye,
   FaSync,
   FaTrashAlt,
-  FaPlus
-} from 'react-icons/fa';
+  FaPlus,
+} from 'react-icons/fa'
 import { ROUTES_ENUM } from '@/routes/route.constant'
 import { useLocalization } from '@/utils/hooks/useLocalization'
 
@@ -102,7 +102,7 @@ const MigrationManager: React.FC = () => {
       setGeneratingEndpoints(entityId)
       await generateCrudEndpoints(entityId)
       // Navigate to API Endpoints page after successful generation
-      navigate(ROUTES_ENUM.protected.saas.developerKitMigrations)
+      navigate(ROUTES_ENUM.protected.saas.developerKit.migrations)
     } catch (error) {
       console.error('Failed to generate CRUD endpoints:', error)
     } finally {
@@ -186,7 +186,9 @@ const MigrationManager: React.FC = () => {
         <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
           <div className="flex items-center justify-between">
             <div>
-              <p className="text-sm font-medium text-slate-600">{translate('::App.DeveloperKit.Migration.Total')}</p>
+              <p className="text-sm font-medium text-slate-600">
+                {translate('::App.DeveloperKit.Migration.Total')}
+              </p>
               <p className="text-2xl font-bold text-slate-900 mt-1">{stats.total}</p>
             </div>
             <div className="bg-blue-100 text-blue-600 p-3 rounded-lg">
@@ -197,7 +199,9 @@ const MigrationManager: React.FC = () => {
         <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
           <div className="flex items-center justify-between">
             <div>
-              <p className="text-sm font-medium text-slate-600">{translate('::App.DeveloperKit.Migration.Pending')}</p>
+              <p className="text-sm font-medium text-slate-600">
+                {translate('::App.DeveloperKit.Migration.Pending')}
+              </p>
               <p className="text-2xl font-bold text-slate-900 mt-1">{stats.pending}</p>
             </div>
             <div className="bg-yellow-100 text-yellow-600 p-3 rounded-lg">
@@ -208,7 +212,9 @@ const MigrationManager: React.FC = () => {
         <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
           <div className="flex items-center justify-between">
             <div>
-              <p className="text-sm font-medium text-slate-600">{translate('::App.DeveloperKit.Migration.Applied')}</p>
+              <p className="text-sm font-medium text-slate-600">
+                {translate('::App.DeveloperKit.Migration.Applied')}
+              </p>
               <p className="text-2xl font-bold text-slate-900 mt-1">{stats.applied}</p>
             </div>
             <div className="bg-green-100 text-green-600 p-3 rounded-lg">
@@ -219,7 +225,9 @@ const MigrationManager: React.FC = () => {
         <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
           <div className="flex items-center justify-between">
             <div>
-              <p className="text-sm font-medium text-slate-600">{translate('::App.DeveloperKit.Migration.Failed')}</p>
+              <p className="text-sm font-medium text-slate-600">
+                {translate('::App.DeveloperKit.Migration.Failed')}
+              </p>
               <p className="text-2xl font-bold text-slate-900 mt-1">{stats.failed}</p>
             </div>
             <div className="bg-red-100 text-red-600 p-3 rounded-lg">
@@ -249,14 +257,18 @@ const MigrationManager: React.FC = () => {
                     <div className="flex items-center justify-between">
                       <div>
                         <h4 className="font-medium text-slate-900">{entity.displayName}</h4>
-                        <p className="text-sm text-slate-600">{entity.fields.length} {translate('::App.DeveloperKit.Migration.Fields')}</p>
+                        <p className="text-sm text-slate-600">
+                          {entity.fields.length} {translate('::App.DeveloperKit.Migration.Fields')}
+                        </p>
                       </div>
                       <button
                         onClick={() => handleGenerateMigration(entity.id)}
                         disabled={loading}
                         className="bg-yellow-600 text-white px-3 py-1 rounded text-sm hover:bg-yellow-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
                       >
-                        {loading ? translate('::App.DeveloperKit.Migration.Generating') : translate('::App.DeveloperKit.Migration.Generate')}
+                        {loading
+                          ? translate('::App.DeveloperKit.Migration.Generating')
+                          : translate('::App.DeveloperKit.Migration.Generate')}
                       </button>
                     </div>
                   </div>
@@ -334,14 +346,16 @@ const MigrationManager: React.FC = () => {
                         <div className="flex items-center gap-1">
                           <FaCalendarAlt className="w-3 h-3" />
                           <span>
-                            {translate('::App.DeveloperKit.Migration.Created')} {new Date(migration.creationTime).toLocaleDateString()}
+                            {translate('::App.DeveloperKit.Migration.Created')}{' '}
+                            {new Date(migration.creationTime).toLocaleDateString()}
                           </span>
                         </div>
                         {migration.appliedAt && (
                           <div className="flex items-center gap-1">
                             <FaCheckCircle className="w-3 h-3" />
                             <span>
-                              {translate('::App.DeveloperKit.Migration.AppliedLabel')} {new Date(migration.appliedAt).toLocaleDateString()}
+                              {translate('::App.DeveloperKit.Migration.AppliedLabel')}{' '}
+                              {new Date(migration.appliedAt).toLocaleDateString()}
                             </span>
                           </div>
                         )}
@@ -367,7 +381,9 @@ const MigrationManager: React.FC = () => {
                         <FaEye className="w-4 h-4" />
                         {translate('::App.DeveloperKit.Migration.ViewSQL')}
                         {!migration.sqlScript && (
-                          <span className="ml-1 text-xs text-orange-500">({translate('::App.DeveloperKit.Migration.NoSQL')})</span>
+                          <span className="ml-1 text-xs text-orange-500">
+                            ({translate('::App.DeveloperKit.Migration.NoSQL')})
+                          </span>
                         )}
                       </button>
                       <button
@@ -441,7 +457,9 @@ const MigrationManager: React.FC = () => {
                   {/* SQL Script Preview */}
                   {selectedMigration === migration.id && (
                     <div className="mt-4 pt-4 border-t border-slate-200">
-                      <h4 className="font-medium text-slate-900 mb-2">{translate('::App.DeveloperKit.Migration.SQLScriptLabel')}</h4>
+                      <h4 className="font-medium text-slate-900 mb-2">
+                        {translate('::App.DeveloperKit.Migration.SQLScriptLabel')}
+                      </h4>
                       {migration.sqlScript ? (
                         <div className="bg-slate-900 rounded-lg p-4 overflow-x-auto">
                           <pre className="text-green-400 text-sm">
@@ -452,7 +470,9 @@ const MigrationManager: React.FC = () => {
                         <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-4">
                           <div className="flex items-center gap-2 text-yellow-800">
                             <FaRegBell className="w-5 h-5" />
-                            <span className="font-medium">{translate('::App.DeveloperKit.Migration.NoSQLScript')}</span>
+                            <span className="font-medium">
+                              {translate('::App.DeveloperKit.Migration.NoSQLScript')}
+                            </span>
                           </div>
                           <p className="text-yellow-700 text-sm mt-1">
                             {translate('::App.DeveloperKit.Migration.NoSQLScriptDesc')}
@@ -468,7 +488,9 @@ const MigrationManager: React.FC = () => {
                       <div className="bg-red-50 border border-red-200 rounded-lg p-4">
                         <div className="flex items-center gap-2 text-red-800 mb-2">
                           <FaRegBell className="w-5 h-5" />
-                          <span className="font-medium">{translate('::App.DeveloperKit.Migration.MigrationFailed')}</span>
+                          <span className="font-medium">
+                            {translate('::App.DeveloperKit.Migration.MigrationFailed')}
+                          </span>
                         </div>
                         <p className="text-red-700 text-sm">{migration.errorMessage}</p>
                       </div>
@@ -486,7 +508,9 @@ const MigrationManager: React.FC = () => {
               <FaBolt className="w-8 h-8 text-slate-500" />
             </div>
             <h3 className="text-lg font-medium text-slate-900 mb-2">
-              {searchTerm || filterStatus !== 'all' ? translate('::App.DeveloperKit.Migration.NoMigrationsFound') : translate('::App.DeveloperKit.Migration.NoMigrationsYet')}
+              {searchTerm || filterStatus !== 'all'
+                ? translate('::App.DeveloperKit.Migration.NoMigrationsFound')
+                : translate('::App.DeveloperKit.Migration.NoMigrationsYet')}
             </h3>
             <p className="text-slate-600">
               {searchTerm || filterStatus !== 'all'
diff --git a/ui/src/components/layouts/DeveloperLayout.tsx b/ui/src/components/layouts/DeveloperLayout.tsx
index 7e0e54ec..b54e1f79 100644
--- a/ui/src/components/layouts/DeveloperLayout.tsx
+++ b/ui/src/components/layouts/DeveloperLayout.tsx
@@ -19,31 +19,31 @@ const DeveloperLayout: React.FC<DeveloperLayoutProps> = ({ children }) => {
       id: 'dashboard',
       label: translate('::App.DeveloperKit.Dashboard'),
       icon: FaTachometerAlt,
-      path: ROUTES_ENUM.protected.saas.developerKit,
+      path: ROUTES_ENUM.protected.saas.developerKit.dashboard,
     },
     {
       id: 'entities',
       label: translate('::App.DeveloperKit.Entity'),
       icon: FaDatabase,
-      path: ROUTES_ENUM.protected.saas.developerKitEntities,
+      path: ROUTES_ENUM.protected.saas.developerKit.entities,
     },
     {
       id: 'migrations',
       label: translate('::App.DeveloperKit.Migrations'),
       icon: FaBolt,
-      path: ROUTES_ENUM.protected.saas.developerKitMigrations,
+      path: ROUTES_ENUM.protected.saas.developerKit.migrations,
     },
     {
       id: 'endpoints',
       label: translate('::App.DeveloperKit.Endpoints'),
       icon: FaServer,
-      path: ROUTES_ENUM.protected.saas.developerKitEndpoints,
+      path: ROUTES_ENUM.protected.saas.developerKit.endpoints,
     },
     {
       id: 'components',
       label: translate('::App.DeveloperKit.Components'),
       icon: FaPuzzlePiece,
-      path: ROUTES_ENUM.protected.saas.developerKitComponents,
+      path: ROUTES_ENUM.protected.saas.developerKit.components,
     },
   ]
 
diff --git a/ui/src/components/reports/ReportGenerator.tsx b/ui/src/components/reports/ReportGenerator.tsx
index f88c3095..2903aa0a 100644
--- a/ui/src/components/reports/ReportGenerator.tsx
+++ b/ui/src/components/reports/ReportGenerator.tsx
@@ -3,6 +3,7 @@ import { Button, Input, Dialog } from '../ui'
 import { FaFileAlt } from 'react-icons/fa'
 import { ReportTemplateDto } from '@/proxy/reports/models'
 import { useLocalization } from '@/utils/hooks/useLocalization'
+import { ROUTES_ENUM } from '@/routes/route.constant'
 
 interface ReportGeneratorProps {
   isOpen: boolean
@@ -50,7 +51,7 @@ export const ReportGenerator: React.FC<ReportGeneratorProps> = ({
 
       if (reportId) {
         // Yeni sekmede rapor URL'sini aç
-        const reportUrl = `/admin/reports/${reportId}`
+        const reportUrl = ROUTES_ENUM.protected.saas.reports.view.replace(':id', reportId)
         window.open(reportUrl, '_blank')
         onClose() // Modal'ı kapat
       }
diff --git a/ui/src/routes/route.constant.ts b/ui/src/routes/route.constant.ts
index ce83b089..5293bf2e 100644
--- a/ui/src/routes/route.constant.ts
+++ b/ui/src/routes/route.constant.ts
@@ -4,11 +4,12 @@ export const ROUTES_ENUM = {
     about: '/about',
     products: '/products',
     checkout: '/checkout',
-    success: '/success',
     payment: '/payment',
+    success: '/success',
     services: '/services',
-    demo: '/demo',
     blog: '/blog',
+    blogDetail: '/blog/:id',
+    demo: '/demo',
     contact: '/contact',
     accessDenied: '/access-denied',
   },
@@ -33,17 +34,23 @@ export const ROUTES_ENUM = {
         edit: '/admin/chart/edit/:chartCode',
       },
       forumManagement: '/admin/forumManagement',
-      developerKit: '/admin/developerkit',
-      developerKitEntities: '/admin/developerkit/entities',
-      developerKitEntitiesNew: '/admin/developerkit/entities/new',
-      developerKitEntitiesEdit: '/admin/developerkit/entities/edit/:id',
-      developerKitMigrations: '/admin/developerkit/migrations',
-      developerKitEndpoints: '/admin/developerkit/endpoints',
-      developerKitEndpointsNew: '/admin/developerkit/endpoints/new',
-      developerKitComponents: '/admin/developerkit/components',
-      developerKitComponentsNew: '/admin/developerkit/components/new',
-      developerKitComponentsView: '/admin/developerkit/components/view/:id',
-      developerKitComponentsEdit: '/admin/developerkit/components/edit/:id',
+      developerKit: {
+        dashboard: '/admin/developerkit',
+        entities: '/admin/developerkit/entities',
+        entitiesNew: '/admin/developerkit/entities/new',
+        entitiesEdit: '/admin/developerkit/entities/edit/:id',
+        migrations: '/admin/developerkit/migrations',
+        endpoints: '/admin/developerkit/endpoints',
+        endpointsNew: '/admin/developerkit/endpoints/new',
+        components: '/admin/developerkit/components',
+        componentsNew: '/admin/developerkit/components/new',
+        componentsView: '/admin/developerkit/components/view/:id',
+        componentsEdit: '/admin/developerkit/components/edit/:id',
+      },
+      reports: {
+        generator: '/admin/reports/generator',
+        view: '/admin/reports/:id',
+      },
     },
     admin: {
       ai: '/admin/ai',
@@ -54,7 +61,6 @@ export const ROUTES_ENUM = {
       },
       activityLog: '/admin/activityLog',
       changeLog: '/admin/changeLog',
-
       settings: '/admin/settings',
       identity: {
         user: {
diff --git a/ui/src/views/admin/listForm/edit/FormEdit.tsx b/ui/src/views/admin/listForm/edit/FormEdit.tsx
index 8485cacc..67bf60a1 100644
--- a/ui/src/views/admin/listForm/edit/FormEdit.tsx
+++ b/ui/src/views/admin/listForm/edit/FormEdit.tsx
@@ -31,6 +31,7 @@ import { GridOptionsEditDto, ListFormCustomizationDto } from '@/proxy/form/model
 import { IdentityRoleDto, IdentityUserDto } from '@/proxy/admin/models'
 import { getListFormCustomizations } from '@/services/admin/list-form-customization.service'
 import { Container } from '@/components/shared'
+import { ROUTES_ENUM } from '@/routes/route.constant'
 
 export interface FormEditProps {
   onSubmit: (
@@ -153,7 +154,7 @@ const FormEdit = () => {
       <div className="lg:flex items-center justify-between mb-4 gap-3">
         <div className="mb-4 lg:mb-0">
           <h4>
-            <Link to={`/admin/list/${listFormCode}`}>
+            <Link to={ROUTES_ENUM.protected.admin.list.replace(':listFormCode', listFormCode)}>
               🔙 {listFormCode} - {translate(`::${listFormValues.title}`)}
             </Link>
           </h4>
diff --git a/ui/src/views/admin/organization-unit/OrganizationUnits.tsx b/ui/src/views/admin/organization-unit/OrganizationUnits.tsx
index 8711304e..d12dbd59 100644
--- a/ui/src/views/admin/organization-unit/OrganizationUnits.tsx
+++ b/ui/src/views/admin/organization-unit/OrganizationUnits.tsx
@@ -68,6 +68,7 @@ import {
   FaUserShield,
 } from 'react-icons/fa'
 import { object, string } from 'yup'
+import { ROUTES_ENUM } from '@/routes/route.constant'
 
 const schema = object().shape({
   id: string(),
@@ -587,7 +588,10 @@ const OrganizationUnits = () => {
                               </Td>
                               <Td>
                                 <ActionLink
-                                  href={`/admin/identity/users/${user.id}/details`}
+                                  href={ROUTES_ENUM.protected.admin.identity.user.detail.replace(
+                                    ':userId',
+                                    user.id!,
+                                  )}
                                   className="font-bold"
                                   target="_blank"
                                 >
diff --git a/ui/src/views/admin/user-management/Users.tsx b/ui/src/views/admin/user-management/Users.tsx
index f2fcabc7..190f221c 100644
--- a/ui/src/views/admin/user-management/Users.tsx
+++ b/ui/src/views/admin/user-management/Users.tsx
@@ -21,6 +21,7 @@ import {
   PermissionWithStyle,
   UpdatePermissionDto,
 } from '@/proxy/admin/models'
+import { ROUTES_ENUM } from '@/routes/route.constant'
 
 const { Tr, Th, Td, THead, TBody } = Table
 
@@ -249,7 +250,10 @@ const Users = () => {
                   </Td>
                   <Td>
                     <ActionLink
-                      href={`/admin/identity/users/${user.id}/details`}
+                      href={ROUTES_ENUM.protected.admin.identity.user.detail.replace(
+                        ':userId',
+                        user.id!,
+                      )}
                       className="font-bold"
                     >
                       {user.name} {user.surname}
diff --git a/ui/src/views/auth/VerifyConfirmationCode.tsx b/ui/src/views/auth/VerifyConfirmationCode.tsx
index 14627074..d6a19dfd 100644
--- a/ui/src/views/auth/VerifyConfirmationCode.tsx
+++ b/ui/src/views/auth/VerifyConfirmationCode.tsx
@@ -4,6 +4,7 @@ import { useNavigate, useParams } from 'react-router-dom'
 import useAccount from '@/utils/hooks/useAccount'
 import { useLocalization } from '@/utils/hooks/useLocalization'
 import { Helmet } from 'react-helmet'
+import { ROUTES_ENUM } from '@/routes/route.constant'
 
 const VerifyConfirmationCode = () => {
   const { userId, token } = useParams()
@@ -37,7 +38,11 @@ const VerifyConfirmationCode = () => {
             <Alert showIcon className="mb-4" type="danger">
               {error}
             </Alert>
-            <Button block variant="solid" onClick={() => navigate('/account/confirm')}>
+            <Button
+              block
+              variant="solid"
+              onClick={() => navigate(ROUTES_ENUM.authenticated.sendConfirmationCode)}
+            >
               {translate('::Abp.Account.VerifyConfirmationCode')}
             </Button>
           </div>
diff --git a/ui/src/views/form/useGridData.tsx b/ui/src/views/form/useGridData.tsx
index a289cd60..d9000797 100644
--- a/ui/src/views/form/useGridData.tsx
+++ b/ui/src/views/form/useGridData.tsx
@@ -15,6 +15,7 @@ import { addCss, addJs } from '../list/Utils'
 import { PermissionResults, RowMode, SimpleItemWithColData } from './types'
 import { EditingFormItemDto, GridDto, PlatformEditorTypes } from '@/proxy/form/models'
 import { getAccessDeniedPath } from '@/utils/routing'
+import { ROUTES_ENUM } from '@/routes/route.constant'
 
 const useGridData = (props: {
   mode: RowMode
@@ -125,7 +126,11 @@ const useGridData = (props: {
         var result = await dataSource.update(id, data)
         if (result.data > 0) {
           if (!isSubForm) {
-            navigate(`/form/${listFormCode}/${id}`)
+            navigate(
+              ROUTES_ENUM.protected.admin.formView
+                .replace(':listFormCode', listFormCode)
+                .replace(':id', id!),
+            )
           } else if (props.onSubmitAction) {
             props.onSubmitAction()
           }
diff --git a/ui/src/views/list/useFilters.tsx b/ui/src/views/list/useFilters.tsx
index 81898d53..786cc85b 100644
--- a/ui/src/views/list/useFilters.tsx
+++ b/ui/src/views/list/useFilters.tsx
@@ -14,6 +14,7 @@ import { setGridPanelColor } from './Utils'
 import { useNavigate } from 'react-router-dom'
 import { usePermission } from '@/utils/hooks/usePermission'
 import { usePWA } from '@/utils/hooks/usePWA'
+import { ROUTES_ENUM } from '@/routes/route.constant'
 
 export interface ISelectBoxData {
   value?: string
@@ -177,9 +178,15 @@ const useFilters = ({
               // Kayitli bir filtreyi silmek icin ilgili ekrani ac
               setIsDeleteModalOpen(true)
             } else if (itemData.id === 'openPivotGrid') {
-              navigate(`/pivot/${listFormCode}`)
+              navigate(ROUTES_ENUM.protected.admin.pivot.replace(':listFormCode', listFormCode))
             } else if (itemData.id === 'openManage') {
-              window.open(`/admin/listform/edit/${listFormCode}`, isPwaMode ? '_self' : '_blank')
+              window.open(
+                ROUTES_ENUM.protected.saas.listFormManagement.edit.replace(
+                  ':listFormCode',
+                  listFormCode,
+                ),
+                isPwaMode ? '_self' : '_blank',
+              )
             } else if (itemData.id === 'clearFilter') {
               // gridin bütün filtrelerini temizle
               const grid = gridRef.current?.instance