diff --git a/api/src/Erp.Platform.Application.Contracts/Intranet/IntranetDashboardDto.cs b/api/src/Erp.Platform.Application.Contracts/Intranet/IntranetDashboardDto.cs
index e98c605c..22446f1c 100644
--- a/api/src/Erp.Platform.Application.Contracts/Intranet/IntranetDashboardDto.cs
+++ b/api/src/Erp.Platform.Application.Contracts/Intranet/IntranetDashboardDto.cs
@@ -19,6 +19,7 @@ public class IntranetDashboardDto
     public List<OvertimeDto> Overtimes { get; set; } = [];
     public List<SurveyDto> Surveys { get; set; } = [];
     public List<SocialPostDto> SocialPosts { get; set; } = [];
+    public List<ProjectTaskDto> Tasks { get; set; } = [];
 }
 
 
diff --git a/api/src/Erp.Platform.Application.Contracts/Intranet/ProjectTaskDto.cs b/api/src/Erp.Platform.Application.Contracts/Intranet/ProjectTaskDto.cs
new file mode 100644
index 00000000..d38100ee
--- /dev/null
+++ b/api/src/Erp.Platform.Application.Contracts/Intranet/ProjectTaskDto.cs
@@ -0,0 +1,29 @@
+using System;
+using Volo.Abp.Application.Dtos;
+
+namespace Erp.Platform.Intranet;
+
+public class ProjectTaskDto : FullAuditedEntityDto<Guid>
+{
+    public Guid? TenantId { get; set; }
+
+    public Guid? ProjectId { get; set; }
+    public Guid? PhaseId { get; set; }
+
+    public string Name { get; set; }
+    public string Description { get; set; }
+
+    public string? TaskTypeId { get; set; }
+
+    public string Priority { get; set; }
+    public string? StatusId { get; set; }
+
+    public Guid? EmployeeId { get; set; }
+    public EmployeeDto Employee { get; set; }
+
+    public DateTime StartDate { get; set; }
+    public DateTime EndDate { get; set; }
+
+    public int Progress { get; set; }
+    public bool IsActive { get; set; }
+}
diff --git a/api/src/Erp.Platform.Application/Intranet/IntranetAppService.cs b/api/src/Erp.Platform.Application/Intranet/IntranetAppService.cs
index dd3638aa..bb44be79 100644
--- a/api/src/Erp.Platform.Application/Intranet/IntranetAppService.cs
+++ b/api/src/Erp.Platform.Application/Intranet/IntranetAppService.cs
@@ -3,7 +3,6 @@ using System.Collections.Generic;
 using System.IO;
 using System.Linq;
 using System.Threading.Tasks;
-using ClosedXML;
 using Erp.Platform.BlobStoring;
 using Erp.Platform.Entities;
 using Erp.Platform.FileManagement;
@@ -38,6 +37,7 @@ public class IntranetAppService : PlatformAppService, IIntranetAppService
     private readonly IRepository<Overtime, Guid> _overtimeRepository;
     private readonly IRepository<Survey, Guid> _surveyRepository;
     private readonly IRepository<SocialPost, Guid> _socialPostRepository;
+    private readonly IRepository<ProjectTask, Guid> _projectTaskRepository;
 
     public IntranetAppService(
         ICurrentTenant currentTenant,
@@ -57,7 +57,8 @@ public class IntranetAppService : PlatformAppService, IIntranetAppService
         IRepository<Leave, Guid> leaveRepository,
         IRepository<Overtime, Guid> overtimeRepository,
         IRepository<Survey, Guid> surveyRepository,
-        IRepository<SocialPost, Guid> socialPostRepository
+        IRepository<SocialPost, Guid> socialPostRepository,
+        IRepository<ProjectTask, Guid> projectTaskRepository
     )
     {
         _currentTenant = currentTenant;
@@ -78,6 +79,8 @@ public class IntranetAppService : PlatformAppService, IIntranetAppService
         _overtimeRepository = overtimeRepository;
         _surveyRepository = surveyRepository;
         _socialPostRepository = socialPostRepository;
+
+        _projectTaskRepository = projectTaskRepository;
     }
 
     public async Task<IntranetDashboardDto> GetIntranetDashboardAsync()
@@ -97,10 +100,23 @@ public class IntranetAppService : PlatformAppService, IIntranetAppService
             Leaves = await GetLeavesAsync(),
             Overtimes = await GetOvertimesAsync(),
             Surveys = await GetSurveysAsync(),
-            SocialPosts = await GetSocialPostsAsync()
+            SocialPosts = await GetSocialPostsAsync(),
+            Tasks = await GetProjectTasksAsync()
         };
     }
 
+    private async Task<List<ProjectTaskDto>> GetProjectTasksAsync()
+    {
+        var tasks = await _projectTaskRepository
+            .WithDetailsAsync(e => e.Employee)
+            .ContinueWith(t => t.Result.Where(s => s.Priority == "High" || s.Priority == "Urgent")
+            .OrderByDescending(s => s.StartDate)
+            .Take(3)
+            .ToList());
+
+        return ObjectMapper.Map<List<ProjectTask>, List<ProjectTaskDto>>(tasks);
+    }
+
     private async Task<List<SocialPostDto>> GetSocialPostsAsync()
     {
         var socialPosts = await _socialPostRepository
@@ -125,8 +141,6 @@ public class IntranetAppService : PlatformAppService, IIntranetAppService
 
     private async Task<List<OvertimeDto>> GetOvertimesAsync()
     {
-        var today = DateTime.Now;
-
         var overtimes = await _overtimeRepository
             .WithDetailsAsync(e => e.Employee)
             .ContinueWith(t => t.Result.ToList());
@@ -136,8 +150,6 @@ public class IntranetAppService : PlatformAppService, IIntranetAppService
 
     private async Task<List<LeaveDto>> GetLeavesAsync()
     {
-        var today = DateTime.Now;
-
         var leaves = await _leaveRepository
             .WithDetailsAsync(e => e.Employee)
             .ContinueWith(t => t.Result.ToList());
diff --git a/api/src/Erp.Platform.Application/Intranet/IntranetAutoMapperProfile.cs b/api/src/Erp.Platform.Application/Intranet/IntranetAutoMapperProfile.cs
index 255fadc1..a4c2f450 100644
--- a/api/src/Erp.Platform.Application/Intranet/IntranetAutoMapperProfile.cs
+++ b/api/src/Erp.Platform.Application/Intranet/IntranetAutoMapperProfile.cs
@@ -40,6 +40,8 @@ public class IntranetAutoMapperProfile : Profile
         CreateMap<SocialPollOption, SocialPollOptionDto>();
         CreateMap<SocialComment, SocialCommentDto>();
         CreateMap<SocialLike, SocialLikeDto>();
+
+        CreateMap<ProjectTask, ProjectTaskDto>();
     }
 }
 
diff --git a/api/src/Erp.Platform.DbMigrator/Seeds/MenusData.json b/api/src/Erp.Platform.DbMigrator/Seeds/MenusData.json
index 6d953ae8..689b5e63 100644
--- a/api/src/Erp.Platform.DbMigrator/Seeds/MenusData.json
+++ b/api/src/Erp.Platform.DbMigrator/Seeds/MenusData.json
@@ -454,510 +454,6 @@
             "componentPath": "@/views/coordinator/ExamInterface/PDFTestInterface",
             "routeType": "protected",
             "authority": ["App.Coordinator.Tests"]
-        },
-        {
-            "key": "admin.supplychain.requests",
-            "path": "/admin/supplychain/requests",
-            "componentPath": "@/views/supplychain/components/PurchaseRequests",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.requestsNew",
-            "path": "/admin/supplychain/requests/new",
-            "componentPath": "@/views/supplychain/components/PurchaseRequestForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.requestsEdit",
-            "path": "/admin/supplychain/requests/edit/:id",
-            "componentPath": "@/views/supplychain/components/PurchaseRequestForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.requestsView",
-            "path": "/admin/supplychain/requests/view/:id",
-            "componentPath": "@/views/supplychain/components/PurchaseRequestForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.quotations",
-            "path": "/admin/supplychain/quotations",
-            "componentPath": "@/views/supplychain/components/QuotationManagement",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.quotationsNew",
-            "path": "/admin/supplychain/quotations/new",
-            "componentPath": "@/views/supplychain/components/QuotationForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.quotationsEdit",
-            "path": "/admin/supplychain/quotations/edit/:id",
-            "componentPath": "@/views/supplychain/components/QuotationForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.quotationsView",
-            "path": "/admin/supplychain/quotations/view/:id",
-            "componentPath": "@/views/supplychain/components/QuotationForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.orders",
-            "path": "/admin/supplychain/orders",
-            "componentPath": "@/views/supplychain/components/OrderManagement",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.ordersNew",
-            "path": "/admin/supplychain/orders/new",
-            "componentPath": "@/views/supplychain/components/OrderManagementForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.ordersEdit",
-            "path": "/admin/supplychain/orders/edit/:id",
-            "componentPath": "@/views/supplychain/components/OrderManagementForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.ordersView",
-            "path": "/admin/supplychain/orders/view/:id",
-            "componentPath": "@/views/supplychain/components/OrderManagementForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.supplychain.delivery",
-            "path": "/admin/supplychain/delivery",
-            "componentPath": "@/views/supplychain/components/DeliveryTracking",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.equipment",
-            "path": "/admin/maintenance/equipment",
-            "componentPath": "@/views/maintenance/components/WorkCenterCards",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.equipmentNew",
-            "path": "/admin/maintenance/equipment/new",
-            "componentPath": "@/views/maintenance/components/WorkCenterCards",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.equipmentEdit",
-            "path": "/admin/maintenance/equipment/edit/:id",
-            "componentPath": "@/views/maintenance/components/WorkCenterCards",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.equipmentDetail",
-            "path": "/admin/maintenance/equipment/:id",
-            "componentPath": "@/views/maintenance/components/WorkCenterCards",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.workcenters",
-            "path": "/admin/maintenance/workcenters",
-            "componentPath": "@/views/maintenance/components/WorkCenterCards",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.plans",
-            "path": "/admin/maintenance/plans",
-            "componentPath": "@/views/maintenance/components/MaintenancePlans",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.calendar",
-            "path": "/admin/maintenance/calendar",
-            "componentPath": "@/views/maintenance/components/MaintenanceCalendar",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.teams",
-            "path": "/admin/maintenance/teams",
-            "componentPath": "@/views/maintenance/components/MaintenanceTeams",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.faults",
-            "path": "/admin/maintenance/faults",
-            "componentPath": "@/views/maintenance/components/FaultNotifications",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.workorders",
-            "path": "/admin/maintenance/workorders",
-            "componentPath": "@/views/maintenance/components/MaintenanceWorkOrders",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.workordersNew",
-            "path": "/admin/maintenance/workorders/new",
-            "componentPath": "@/views/maintenance/components/MaintenanceWorkOrders",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.maintenance.workordersDetail",
-            "path": "/admin/maintenance/workorders/:id",
-            "componentPath": "@/views/maintenance/components/MaintenanceWorkOrders",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.definitions",
-            "path": "/admin/warehouse/definitions",
-            "componentPath": "@/views/warehouse/components/WarehouseDefinitions",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.putaway",
-            "path": "/admin/warehouse/putaway",
-            "componentPath": "@/views/warehouse/components/PutawayRules",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.receipt",
-            "path": "/admin/warehouse/receipt",
-            "componentPath": "@/views/warehouse/components/WarehouseReceipt",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.issue",
-            "path": "/admin/warehouse/issue",
-            "componentPath": "@/views/warehouse/components/WarehouseIssue",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.transfer",
-            "path": "/admin/warehouse/transfer",
-            "componentPath": "@/views/warehouse/components/WarehouseTransfer",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.inventory",
-            "path": "/admin/warehouse/inventory",
-            "componentPath": "@/views/warehouse/components/StockLevelsInventory",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.movements",
-            "path": "/admin/warehouse/movements",
-            "componentPath": "@/views/warehouse/components/MaterialMovements",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.movementDetail",
-            "path": "/admin/warehouse/movements/:id",
-            "componentPath": "@/views/warehouse/components/MaterialMovements",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.stocklevel",
-            "path": "/admin/warehouse/stocklevel",
-            "componentPath": "@/views/warehouse/components/InventoryTracking",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.warehouses",
-            "path": "/admin/warehouse/warehouses",
-            "componentPath": "@/views/warehouse/components/WarehouseDefinitions",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.warehouseNew",
-            "path": "/admin/warehouse/new",
-            "componentPath": "@/views/warehouse/components/WarehouseDefinitions",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.warehouseEdit",
-            "path": "/admin/warehouse/edit/:id",
-            "componentPath": "@/views/warehouse/components/WarehouseDefinitions",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.warehouse.warehouseDetail",
-            "path": "/admin/warehouse/warehouses/:id",
-            "componentPath": "@/views/warehouse/components/WarehouseDefinitions",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.project.list",
-            "path": "/admin/projects",
-            "componentPath": "@/views/project/components/ProjectList",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.project.new",
-            "path": "/admin/projects/new",
-            "componentPath": "@/views/project/components/ProjectForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.project.edit",
-            "path": "/admin/projects/edit/:id",
-            "componentPath": "@/views/project/components/ProjectForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.project.detail",
-            "path": "/admin/projects/:id",
-            "componentPath": "@/views/project/components/ProjectView",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.project.tasks",
-            "path": "/admin/projects/tasks",
-            "componentPath": "@/views/project/components/ProjectTasks",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.project.phases",
-            "path": "/admin/projects/phases",
-            "componentPath": "@/views/project/components/ProjectPhases",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.project.activities",
-            "path": "/admin/projects/activities",
-            "componentPath": "@/views/project/components/ActivityTypes",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.project.workload",
-            "path": "/admin/projects/workload",
-            "componentPath": "@/views/project/components/ProjectGantt",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.project.costTracking",
-            "path": "/admin/projects/cost-tracking",
-            "componentPath": "@/views/project/components/CostTimeTracking",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.project.dailyUpdates",
-            "path": "/admin/projects/daily-updates",
-            "componentPath": "@/views/project/components/TaskDailyUpdates",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.crm.activities",
-            "path": "/admin/crm/activities",
-            "componentPath": "@/views/crm/components/ActivityRecords",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.crm.salesOrders",
-            "path": "/admin/crm/sales-orders",
-            "componentPath": "@/views/crm/components/SalesOrders",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.crm.salesOrdersNew",
-            "path": "/admin/crm/sales-orders/new",
-            "componentPath": "@/views/crm/components/SalesOrderForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.crm.salesOrdersEdit",
-            "path": "/admin/crm/sales-orders/edit/:id",
-            "componentPath": "@/views/crm/components/SalesOrderForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.crm.salesOrdersDetail",
-            "path": "/admin/crm/sales-orders/:id",
-            "componentPath": "@/views/crm/components/SalesOrderView",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.operationTypes",
-            "path": "/admin/mrp/operation-types",
-            "componentPath": "@/views/mrp/components/OperationTypes",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.workcenters",
-            "path": "/admin/mrp/workcenters",
-            "componentPath": "@/views/maintenance/components/WorkCenterCards",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.operations",
-            "path": "/admin/mrp/operations",
-            "componentPath": "@/views/mrp/components/OperationDefinitions",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.bom",
-            "path": "/admin/mrp/bom",
-            "componentPath": "@/views/mrp/components/BOMManagement",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.productionOrders",
-            "path": "/admin/mrp/production-orders",
-            "componentPath": "@/views/mrp/components/ProductionOrderList",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.productionOrderNew",
-            "path": "/admin/mrp/production-orders/new",
-            "componentPath": "@/views/mrp/components/ProductionOrderForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.productionOrderEdit",
-            "path": "/admin/mrp/production-orders/:id/edit",
-            "componentPath": "@/views/mrp/components/ProductionOrderForm",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.productionOrderDetail",
-            "path": "/admin/mrp/production-orders/:id",
-            "componentPath": "@/views/mrp/components/ProductionOrderView",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.workOrders",
-            "path": "/admin/mrp/work-orders",
-            "componentPath": "@/views/mrp/components/WorkOrders",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.demandPlanning",
-            "path": "/admin/mrp/demand-planning",
-            "componentPath": "@/views/mrp/components/DemandPlanning",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.materialRequirements",
-            "path": "/admin/mrp/material-requirements",
-            "componentPath": "@/views/mrp/components/Requirements",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.mrp.planningGantt",
-            "path": "/admin/mrp/planning-gantt",
-            "componentPath": "@/views/mrp/components/PlanningGantt",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.accounting.currentAccounts",
-            "path": "/admin/accounting/current-accounts",
-            "componentPath": "@/views/accounting/CurrentAccountPage",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.accounting.waybills",
-            "path": "/admin/accounting/waybills",
-            "componentPath": "@/views/accounting/WaybillPage",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.accounting.invoices",
-            "path": "/admin/accounting/invoices",
-            "componentPath": "@/views/accounting/InvoicePage",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.accounting.invoicesNew",
-            "path": "/admin/accounting/invoices/new",
-            "componentPath": "@/views/accounting/InvoicePage",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.accounting.cash",
-            "path": "/admin/accounting/cash",
-            "componentPath": "@/views/accounting/CashPage",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.accounting.bank",
-            "path": "/admin/accounting/bank",
-            "componentPath": "@/views/accounting/BankPage",
-            "routeType": "protected",
-            "authority": null
-        },
-        {
-            "key": "admin.accounting.checkNote",
-            "path": "/admin/accounting/check-note",
-            "componentPath": "@/views/accounting/CheckNotePage",
-            "routeType": "protected",
-            "authority": null
         }
     ],
     "Menus": [
diff --git a/api/src/Erp.Platform.Domain/Entities/Tenant/Project/ProjectTask.cs b/api/src/Erp.Platform.Domain/Entities/Tenant/Project/ProjectTask.cs
index 7a2b8e13..ce24033e 100644
--- a/api/src/Erp.Platform.Domain/Entities/Tenant/Project/ProjectTask.cs
+++ b/api/src/Erp.Platform.Domain/Entities/Tenant/Project/ProjectTask.cs
@@ -26,7 +26,7 @@ public class ProjectTask : FullAuditedEntity<Guid>, IMultiTenant
     public Status? Status { get; set; }
 
     public Guid? EmployeeId { get; set; }
-    public Employee? Employee { get; set; }
+    public Employee Employee { get; set; }
 
     public DateTime StartDate { get; set; }
     public DateTime EndDate { get; set; }
diff --git a/ui/public/version.json b/ui/public/version.json
index c2b18c8a..c65a3438 100644
--- a/ui/public/version.json
+++ b/ui/public/version.json
@@ -1,6 +1,25 @@
 {
-  "commit": "43a8e20e",
+  "commit": "16dca4a0",
   "releases": [
+    {
+      "version": "1.0.37",
+      "buildDate": "2025-12-07",
+      "commit": "8fd2d58c0f629af466df87dd8b03a17d9c44ceb2",
+      "changeLog": [
+        "- Before ve After Insert Command",
+        "- Before ve After Update Command",
+        "- Before ve After Delete Command",
+        "Bu tanımlamalar artık liste formlarda çalıştırıldı test edildi."
+      ]
+    },
+    {
+      "version": "1.0.36",
+      "buildDate": "2025-12-06",
+      "commit": "9938acb94c3758a54bcb8593690825b63a4ab54f",
+      "changeLog": [
+        "SQL Query Manager komponentin üretildi. Artık uygulama üzerinden veritabanına hükmedilebilecek."
+      ]
+    },
     {
       "version": "1.0.34",
       "buildDate": "2025-11-18",
@@ -173,7 +192,7 @@
     {
       "version": "1.0.14",
       "buildDate": "2025-09-22",
-      "commit": "1c4ab4f8232b4cd2a39fa66f8101664840113ce5",
+      "commit": "51208b86937484d68b699120d74872067b1c7ef6",
       "changeLog": [
         "Yeni versiyon çıktı uyarı gelecek şekilde düzenlendi.",
         "Sağ alt kısımda mesaj çıkacak ve yenile butonu ile uygulama yeni versiyona geçecektir."
diff --git a/ui/src/components/common/MultiSelectEmployee.tsx b/ui/src/components/common/MultiSelectEmployee.tsx
deleted file mode 100644
index 0b190e9a..00000000
--- a/ui/src/components/common/MultiSelectEmployee.tsx
+++ /dev/null
@@ -1,180 +0,0 @@
-import React, { useState, useRef, useEffect } from "react";
-import { FaChevronDown, FaTimes } from "react-icons/fa";
-import { mockEmployees } from "../../mocks/mockEmployees";
-import { EmployeeDto } from "@/proxy/intranet/models";
-
-interface MultiSelectEmployeeProps {
-  selectedEmployees: string[];
-  onChange: (employeeIds: string[]) => void;
-  placeholder?: string;
-  disabled?: boolean;
-  className?: string;
-}
-
-const MultiSelectEmployee: React.FC<MultiSelectEmployeeProps> = ({
-  selectedEmployees,
-  onChange,
-  placeholder = "Personel seçin",
-  disabled = false,
-  className = "",
-}) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const [searchTerm, setSearchTerm] = useState("");
-  const dropdownRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const handleClickOutside = (event: MouseEvent) => {
-      if (
-        dropdownRef.current &&
-        !dropdownRef.current.contains(event.target as Node)
-      ) {
-        setIsOpen(false);
-        setSearchTerm("");
-      }
-    };
-
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-
-  const filteredEmployees = mockEmployees.filter(
-    (employee: EmployeeDto) =>
-      employee.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      employee.code.toLowerCase().includes(searchTerm.toLowerCase())
-  );
-
-  const handleEmployeeToggle = (employeeId: string) => {
-    if (selectedEmployees.includes(employeeId)) {
-      onChange(selectedEmployees.filter((id) => id !== employeeId));
-    } else {
-      onChange([...selectedEmployees, employeeId]);
-    }
-  };
-
-  const handleRemoveEmployee = (employeeId: string, e: React.MouseEvent) => {
-    e.stopPropagation();
-    onChange(selectedEmployees.filter((id) => id !== employeeId));
-  };
-
-  const selectedEmployeeObjects = mockEmployees.filter((emp: EmployeeDto) =>
-    selectedEmployees.includes(emp.id)
-  );
-
-  return (
-    <div className={`relative ${className}`} ref={dropdownRef}>
-      <div
-        className={`
-          w-full min-h-[38px] px-2 py-2 border border-gray-300 rounded-lg 
-          focus:ring-2 focus:ring-blue-500 focus:border-blue-500 cursor-pointer
-          ${
-            disabled
-              ? "bg-gray-100 cursor-not-allowed"
-              : "bg-white hover:border-gray-400"
-          }
-        `}
-        onClick={() => !disabled && setIsOpen(!isOpen)}
-      >
-        <div className="flex items-center justify-between">
-          <div className="flex flex-wrap gap-1 flex-1">
-            {selectedEmployeeObjects.length > 0 ? (
-              selectedEmployeeObjects.map((employee: EmployeeDto) => (
-                <span
-                  key={employee.id}
-                  className="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-blue-100 text-blue-800"
-                >
-                  {employee.name}
-                  {!disabled && (
-                    <button
-                      type="button"
-                      onClick={(e) => handleRemoveEmployee(employee.id, e)}
-                      className="ml-1 inline-flex items-center justify-center w-4 h-4 rounded-full hover:bg-blue-200"
-                    >
-                      <FaTimes className="w-2 h-2" />
-                    </button>
-                  )}
-                </span>
-              ))
-            ) : (
-              <span className="text-gray-500">{placeholder}</span>
-            )}
-          </div>
-          {!disabled && (
-            <FaChevronDown
-              className={`w-4 h-4 text-gray-400 transition-transform ${
-                isOpen ? "transform rotate-180" : ""
-              }`}
-            />
-          )}
-        </div>
-      </div>
-
-      {isOpen && !disabled && (
-        <div className="absolute z-50 w-full mt-1 bg-white border border-gray-300 rounded-lg shadow-lg max-h-60 overflow-hidden">
-          {/* Search Input */}
-          <div className="p-2 border-b border-gray-200">
-            <input
-              type="text"
-              placeholder="Personel ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full px-3 py-2 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-              onClick={(e) => e.stopPropagation()}
-            />
-          </div>
-
-          {/* Options List */}
-          <div className="max-h-48 overflow-y-auto">
-            {filteredEmployees.length > 0 ? (
-              filteredEmployees.map((employee: EmployeeDto) => (
-                <div
-                  key={employee.id}
-                  className={`
-                    px-3 py-2 cursor-pointer hover:bg-gray-100 flex items-center justify-between
-                    ${
-                      selectedEmployees.includes(employee.id)
-                        ? "bg-blue-50"
-                        : ""
-                    }
-                  `}
-                  onClick={() => handleEmployeeToggle(employee.id)}
-                >
-                  <div>
-                    <div className="text-sm font-medium text-gray-900">
-                      {employee.name}
-                    </div>
-                    <div className="text-xs text-gray-500">
-                      {employee.code} - {employee.jobPosition?.name}
-                    </div>
-                  </div>
-                  {selectedEmployees.includes(employee.id) && (
-                    <div className="w-4 h-4 bg-blue-500 text-white rounded-full flex items-center justify-center">
-                      <svg
-                        className="w-3 h-3"
-                        fill="currentColor"
-                        viewBox="0 0 20 20"
-                      >
-                        <path
-                          fillRule="evenodd"
-                          d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-                          clipRule="evenodd"
-                        />
-                      </svg>
-                    </div>
-                  )}
-                </div>
-              ))
-            ) : (
-              <div className="px-3 py-2 text-sm text-gray-500">
-                Personel bulunamadı
-              </div>
-            )}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default MultiSelectEmployee;
diff --git a/ui/src/components/common/MultiSelectTeam.tsx b/ui/src/components/common/MultiSelectTeam.tsx
deleted file mode 100644
index 7eb3eec3..00000000
--- a/ui/src/components/common/MultiSelectTeam.tsx
+++ /dev/null
@@ -1,190 +0,0 @@
-import React, { useState, useRef, useEffect } from "react";
-import { FaChevronDown, FaTimes } from "react-icons/fa";
-import { mockMaintenanceTeams } from "../../mocks/mockMaintenanceTeams";
-import { Team } from "../../types/common";
-
-interface MultiSelectTeamProps {
-  selectedTeams: string[];
-  onChange: (teams: string[]) => void;
-  placeholder?: string;
-  disabled?: boolean;
-  className?: string;
-}
-
-const MultiSelectTeam: React.FC<MultiSelectTeamProps> = ({
-  selectedTeams,
-  onChange,
-  placeholder = "Ekip seçin",
-  disabled = false,
-  className = "",
-}) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const [searchTerm, setSearchTerm] = useState("");
-  const dropdownRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const handleClickOutside = (event: MouseEvent) => {
-      if (
-        dropdownRef.current &&
-        !dropdownRef.current.contains(event.target as Node)
-      ) {
-        setIsOpen(false);
-        setSearchTerm("");
-      }
-    };
-
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-
-  const filteredTeams = mockMaintenanceTeams.filter(
-    (team: Team) =>
-      team.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      team.code.toLowerCase().includes(searchTerm.toLowerCase())
-  );
-
-  const handleTeamToggle = (teamName: string) => {
-    if (selectedTeams.includes(teamName)) {
-      onChange(selectedTeams.filter((name) => name !== teamName));
-    } else {
-      onChange([...selectedTeams, teamName]);
-    }
-  };
-
-  const handleRemoveTeam = (teamName: string, e: React.MouseEvent) => {
-    e.stopPropagation();
-    onChange(selectedTeams.filter((name) => name !== teamName));
-  };
-
-  const selectedTeamObjects = mockMaintenanceTeams.filter((team: Team) =>
-    selectedTeams.includes(team.name)
-  );
-
-  return (
-    <div className={`relative ${className}`} ref={dropdownRef}>
-      <div
-        className={`
-          w-full min-h-[38px] px-2 py-2 border border-gray-300 rounded-lg 
-          focus:ring-2 focus:ring-blue-500 focus:border-blue-500 cursor-pointer
-          ${
-            disabled
-              ? "bg-gray-100 cursor-not-allowed"
-              : "bg-white hover:border-gray-400"
-          }
-        `}
-        onClick={() => !disabled && setIsOpen(!isOpen)}
-      >
-        <div className="flex items-center justify-between">
-          <div className="flex flex-wrap gap-1 flex-1">
-            {selectedTeamObjects.length > 0 ? (
-              selectedTeamObjects.map((team: Team) => (
-                <span
-                  key={team.id}
-                  className="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-blue-100 text-blue-800"
-                >
-                  {team.name}
-                  {!disabled && (
-                    <button
-                      type="button"
-                      onClick={(e) => handleRemoveTeam(team.name, e)}
-                      className="ml-1 inline-flex items-center justify-center w-4 h-4 rounded-full hover:bg-blue-200"
-                    >
-                      <FaTimes className="w-2 h-2" />
-                    </button>
-                  )}
-                </span>
-              ))
-            ) : (
-              <span className="text-gray-500">{placeholder}</span>
-            )}
-          </div>
-          {!disabled && (
-            <FaChevronDown
-              className={`w-4 h-4 text-gray-400 transition-transform ${
-                isOpen ? "transform rotate-180" : ""
-              }`}
-            />
-          )}
-        </div>
-      </div>
-
-      {isOpen && !disabled && (
-        <div className="absolute z-50 w-full mt-1 bg-white border border-gray-300 rounded-lg shadow-lg max-h-60 overflow-hidden">
-          {/* Search Input */}
-          <div className="p-2 border-b border-gray-200">
-            <input
-              type="text"
-              placeholder="Ekip ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full px-3 py-2 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-              onClick={(e) => e.stopPropagation()}
-            />
-          </div>
-
-          {/* Options List */}
-          <div className="max-h-48 overflow-y-auto">
-            {filteredTeams.length > 0 ? (
-              filteredTeams.map((team: Team) => (
-                <div
-                  key={team.id}
-                  className={`
-                    px-3 py-2 cursor-pointer hover:bg-gray-100 flex items-center justify-between
-                    ${selectedTeams.includes(team.name) ? "bg-blue-50" : ""}
-                  `}
-                  onClick={() => handleTeamToggle(team.name)}
-                >
-                  <div>
-                    <div className="text-sm font-medium text-gray-900">
-                      {team.name}
-                    </div>
-                    <div className="text-xs text-gray-500">
-                      {team.code} - {team.description}
-                    </div>
-                    <div className="flex items-center mt-1">
-                      <span
-                        className={`inline-flex items-center px-2 py-1 rounded-full text-xs font-medium ${
-                          team.isActive
-                            ? "bg-green-100 text-green-800"
-                            : "bg-gray-100 text-gray-800"
-                        }`}
-                      >
-                        {team.isActive ? "Aktif" : "Pasif"}
-                      </span>
-                      <span className="ml-2 text-xs text-gray-500">
-                        {team.members.filter((m) => m.isActive).length} üye
-                      </span>
-                    </div>
-                  </div>
-                  {selectedTeams.includes(team.name) && (
-                    <div className="w-4 h-4 bg-blue-500 text-white rounded-full flex items-center justify-center">
-                      <svg
-                        className="w-3 h-3"
-                        fill="currentColor"
-                        viewBox="0 0 20 20"
-                      >
-                        <path
-                          fillRule="evenodd"
-                          d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-                          clipRule="evenodd"
-                        />
-                      </svg>
-                    </div>
-                  )}
-                </div>
-              ))
-            ) : (
-              <div className="px-3 py-2 text-sm text-gray-500">
-                Ekip bulunamadı
-              </div>
-            )}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default MultiSelectTeam;
diff --git a/ui/src/mocks/mockActivities.ts b/ui/src/mocks/mockActivities.ts
deleted file mode 100644
index fa72e5fe..00000000
--- a/ui/src/mocks/mockActivities.ts
+++ /dev/null
@@ -1,174 +0,0 @@
-import { PriorityEnum } from "../types/common";
-import {
-  CrmActivity,
-  CrmActivityTypeEnum,
-  ActivityStatusEnum,
-} from "../types/crm";
-import { mockBusinessParties } from "./mockBusinessParties";
-import { mockEmployees } from "./mockEmployees";
-
-export const mockActivities: CrmActivity[] = [
-  {
-    id: "act_001",
-    activityType: CrmActivityTypeEnum.Call,
-    subject: "Teklif Görüşmesi - ABC Şirketi",
-    description: "Yeni proje için teklif sunumu ve fiyat görüşmesi yapılacak.",
-    customerId: "6",
-    customer: mockBusinessParties.find((cust) => cust.id === "6"),
-    activityDate: new Date("2024-01-25T10:00:00"),
-    startTime: new Date("2024-01-25T10:00:00"),
-    endTime: new Date("2024-01-25T11:00:00"),
-    duration: 60,
-    assignedTo: "1",
-    assigned: mockEmployees.find((emp) => emp.id === "1"),
-    participants: ["3", "2"],
-    status: ActivityStatusEnum.Planned,
-    priority: PriorityEnum.High,
-    followUpDate: new Date("2024-01-30"),
-    followUpActivity: "Teklif cevabı takip edilecek",
-    creationTime: new Date("2024-01-20T09:00:00"),
-    lastModificationTime: new Date("2024-01-20T09:00:00"),
-  },
-  {
-    id: "act_002",
-    activityType: CrmActivityTypeEnum.Meeting,
-    subject: "Proje Kickoff Toplantısı",
-    description: "XYZ projesi için başlangıç toplantısı düzenlenecek.",
-    customerId: "5",
-    customer: mockBusinessParties.find((cust) => cust.id === "5"),
-    activityDate: new Date("2024-01-24T14:00:00"),
-    startTime: new Date("2024-01-24T14:00:00"),
-    endTime: new Date("2024-01-24T16:00:00"),
-    duration: 120,
-    assignedTo: "2",
-    assigned: mockEmployees.find((emp) => emp.id === "2"),
-    participants: ["3", "2", "4"],
-    status: ActivityStatusEnum.Completed,
-    priority: PriorityEnum.Normal,
-    outcome: "Proje kapsamı netleştirildi ve görev dağılımı yapıldı.",
-    nextSteps: "Detaylı proje planı hazırlanacak.",
-    creationTime: new Date("2024-01-18T11:30:00"),
-    lastModificationTime: new Date("2024-01-24T16:15:00"),
-  },
-  {
-    id: "act_003",
-    activityType: CrmActivityTypeEnum.Email,
-    subject: "Ürün Katalogu Gönderimi",
-    description:
-      "Müşteriye güncel ürün katalogu ve fiyat listesi e-posta ile gönderildi.",
-    customerId: "5",
-    customer: mockBusinessParties.find((cust) => cust.id === "5"),
-    activityDate: new Date("2024-01-23T09:30:00"),
-    duration: 15,
-    assignedTo: "3",
-    assigned: mockEmployees.find((emp) => emp.id === "3"),
-    participants: [],
-    status: ActivityStatusEnum.Completed,
-    priority: PriorityEnum.Low,
-    outcome: "Katalog başarıyla gönderildi, müşteri geri dönüş yaptı.",
-    creationTime: new Date("2024-01-23T09:15:00"),
-    lastModificationTime: new Date("2024-01-23T09:45:00"),
-  },
-  {
-    id: "act_004",
-    activityType: CrmActivityTypeEnum.Demo,
-    subject: "Yazılım Demo Sunumu",
-    description:
-      "Erp sisteminin demo sunumu müşteri lokasyonunda gerçekleştirilecek.",
-    customerId: "5",
-    customer: mockBusinessParties.find((cust) => cust.id === "5"),
-    activityDate: new Date("2024-01-26T13:00:00"),
-    startTime: new Date("2024-01-26T13:00:00"),
-    endTime: new Date("2024-01-26T15:00:00"),
-    duration: 120,
-    assignedTo: "4",
-    assigned: mockEmployees.find((emp) => emp.id === "4"),
-    participants: ["5", "10"],
-    status: ActivityStatusEnum.InProgress,
-    priority: PriorityEnum.High,
-    followUpDate: new Date("2024-01-29"),
-    followUpActivity: "Demo sonrası müşteri geri bildirimlerini al",
-    creationTime: new Date("2024-01-19T16:00:00"),
-    lastModificationTime: new Date("2024-01-22T10:30:00"),
-  },
-  {
-    id: "act_005",
-    activityType: CrmActivityTypeEnum.Task,
-    subject: "Müşteri Memnuniyet Anketi",
-    description:
-      "Proje teslimi sonrası müşteri memnuniyet anketi düzenlenecek.",
-    customerId: "6",
-    customer: mockBusinessParties.find((cust) => cust.id === "6"),
-    activityDate: new Date("2024-01-28T10:00:00"),
-    duration: 30,
-    assignedTo: "5",
-    assigned: mockEmployees.find((emp) => emp.id === "5"),
-    participants: [],
-    status: ActivityStatusEnum.Planned,
-    priority: PriorityEnum.Normal,
-    followUpDate: new Date("2024-02-05"),
-    followUpActivity: "Anket sonuçlarını değerlendir ve rapor hazırla",
-    creationTime: new Date("2024-01-21T14:20:00"),
-    lastModificationTime: new Date("2024-01-21T14:20:00"),
-  },
-  {
-    id: "act_006",
-    activityType: CrmActivityTypeEnum.Note,
-    subject: "Müşteri Taleplerini Değerlendirme",
-    description:
-      "Müşterinin ek özellik talepleri not alındı ve teknik ekiple paylaşıldı.",
-    customerId: "6",
-    customer: mockBusinessParties.find((cust) => cust.id === "6"),
-    activityDate: new Date("2024-01-22T15:45:00"),
-    assignedTo: "6",
-    assigned: mockEmployees.find((emp) => emp.id === "6"),
-    participants: [],
-    status: ActivityStatusEnum.Completed,
-    priority: PriorityEnum.Normal,
-    outcome:
-      "Talepler teknik ekiple değerlendirildi, uygulama planı oluşturuldu.",
-    nextSteps: "Müşteriye geri dönüş yapılacak ve timeline paylaşılacak.",
-    creationTime: new Date("2024-01-22T15:30:00"),
-    lastModificationTime: new Date("2024-01-22T16:00:00"),
-  },
-  {
-    id: "act_007",
-    activityType: CrmActivityTypeEnum.Proposal,
-    subject: "Yıllık Bakım Sözleşmesi Teklifi",
-    description:
-      "Sistemin yıllık bakım ve destek hizmetleri için teklif hazırlandı.",
-    customerId: "5",
-    customer: mockBusinessParties.find((cust) => cust.id === "5"),
-    activityDate: new Date("2024-01-27T11:00:00"),
-    duration: 45,
-    assignedTo: "7",
-    assigned: mockEmployees.find((emp) => emp.id === "7"),
-    participants: ["7"],
-    status: ActivityStatusEnum.Planned,
-    priority: PriorityEnum.Normal,
-    followUpDate: new Date("2024-02-03"),
-    followUpActivity: "Teklif sunumu yapılacak",
-    creationTime: new Date("2024-01-24T09:30:00"),
-    lastModificationTime: new Date("2024-01-24T09:30:00"),
-  },
-  {
-    id: "act_008",
-    activityType: CrmActivityTypeEnum.Call,
-    subject: "Ödeme Planı Görüşmesi",
-    description:
-      "Projenin ödeme planı ve faturalandırma detayları görüşülecek.",
-    customerId: "5",
-    customer: mockBusinessParties.find((cust) => cust.id === "5"),
-    activityDate: new Date("2024-01-29T09:00:00"),
-    startTime: new Date("2024-01-29T09:00:00"),
-    endTime: new Date("2024-01-29T09:30:00"),
-    duration: 30,
-    assignedTo: "8",
-    assigned: mockEmployees.find((emp) => emp.id === "8"),
-    participants: [],
-    status: ActivityStatusEnum.Planned,
-    priority: PriorityEnum.High,
-    creationTime: new Date("2024-01-25T13:15:00"),
-    lastModificationTime: new Date("2024-01-25T13:15:00"),
-  },
-];
diff --git a/ui/src/mocks/mockActivityTypes.ts b/ui/src/mocks/mockActivityTypes.ts
deleted file mode 100644
index 42de6072..00000000
--- a/ui/src/mocks/mockActivityTypes.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { PsActivityTypeEnum, PsActivity } from "../types/ps";
-
-export const activityTypes: PsActivity[] = [
-  {
-    id: "1",
-    activityType: PsActivityTypeEnum.TaskCreated,
-    name: "Görev Oluşturma",
-    description: "Yeni bir görev oluşturulması",
-    category: "Görev Yönetimi",
-    defaultDuration: 0.5,
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-  {
-    id: "2",
-    activityType: PsActivityTypeEnum.TaskUpdated,
-    name: "Görev Güncelleme",
-    description: "Mevcut görevde değişiklik yapılması",
-    category: "Görev Yönetimi",
-    defaultDuration: 0.25,
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-  {
-    id: "3",
-    activityType: PsActivityTypeEnum.TaskCompleted,
-    name: "Görev Tamamlama",
-    description: "Görevin tamamlanarak kapatılması",
-    category: "Görev Yönetimi",
-    defaultDuration: 0.5,
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-  {
-    id: "4",
-    activityType: PsActivityTypeEnum.CommentAdded,
-    name: "Yorum Ekleme",
-    description: "Görev veya projeye yorum eklenmesi",
-    category: "İletişim",
-    defaultDuration: 0.1,
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-  {
-    id: "5",
-    activityType: PsActivityTypeEnum.FileUploaded,
-    name: "Dosya Yükleme",
-    description: "Proje veya göreve dosya eklenmesi",
-    category: "Dokümantasyon",
-    defaultDuration: 0.25,
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-  {
-    id: "6",
-    activityType: PsActivityTypeEnum.StatusChanged,
-    name: "Durum Değişikliği",
-    description: "Görev veya proje durumunun değiştirilmesi",
-    category: "Durum Yönetimi",
-    defaultDuration: 0.1,
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-  {
-    id: "7",
-    activityType: PsActivityTypeEnum.AssignmentChanged,
-    name: "Atama Değişikliği",
-    description: "Görevin farklı bir kişiye atanması",
-    category: "Kaynak Yönetimi",
-    defaultDuration: 0.1,
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-  {
-    id: "8",
-    activityType: PsActivityTypeEnum.MeetingScheduled,
-    name: "Toplantı Planlama",
-    description: "Proje ile ilgili toplantı planlanması",
-    category: "Toplantı",
-    defaultDuration: 1.0,
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-];
diff --git a/ui/src/mocks/mockApprovalWorkflows.ts b/ui/src/mocks/mockApprovalWorkflows.ts
deleted file mode 100644
index bc66b7cf..00000000
--- a/ui/src/mocks/mockApprovalWorkflows.ts
+++ /dev/null
@@ -1,193 +0,0 @@
-import {
-  ApprovalLevelEnum,
-  MmApprovalWorkflow,
-  RequestTypeEnum,
-} from "../types/mm";
-import { mockDepartments } from "./mockDepartments";
-
-export const mockApprovalWorkflows: MmApprovalWorkflow[] = [
-  {
-    id: "1",
-    name: "Üretim Malzeme Onayı",
-    departmentId: "1",
-    department: mockDepartments.find((d) => d.id === "1"),
-    requestType: RequestTypeEnum.Material,
-    amountThreshold: 50000,
-    approvalLevels: [
-      {
-        id: "AL001",
-        workflowId: "1",
-        level: ApprovalLevelEnum.Supervisor,
-        approverUserIds: ["USR001", "USR002"],
-        approverNames: ["Mehmet Yılmaz", "Ali Kaya"],
-        sequence: 1,
-        isRequired: true,
-        isParallel: false,
-        timeoutDays: 2,
-      },
-      {
-        id: "AL002",
-        workflowId: "1",
-        level: ApprovalLevelEnum.Manager,
-        approverUserIds: ["USR003"],
-        approverNames: ["Ayşe Demir"],
-        sequence: 2,
-        isRequired: true,
-        isParallel: false,
-        timeoutDays: 3,
-      },
-      {
-        id: "AL003",
-        workflowId: "1",
-        level: ApprovalLevelEnum.FinanceManager,
-        approverUserIds: ["USR004"],
-        approverNames: ["Fatma Özkan"],
-        sequence: 3,
-        isRequired: false,
-        isParallel: false,
-        timeoutDays: 5,
-      },
-    ],
-    isActive: true,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "2",
-    name: "IT İş Merkezi Onayı",
-    departmentId: "2",
-    department: mockDepartments.find((d) => d.id === "2"),
-    requestType: RequestTypeEnum.WorkCenter,
-    amountThreshold: 100000,
-    approvalLevels: [
-      {
-        id: "AL004",
-        workflowId: "2",
-        level: ApprovalLevelEnum.TechnicalManager,
-        approverUserIds: ["USR005"],
-        approverNames: ["Murat Şen"],
-        sequence: 1,
-        isRequired: true,
-        isParallel: false,
-        timeoutDays: 3,
-      },
-      {
-        id: "AL005",
-        workflowId: "2",
-        level: ApprovalLevelEnum.Director,
-        approverUserIds: ["USR006", "USR007"],
-        approverNames: ["Hasan Kara", "Zeynep Akın"],
-        sequence: 2,
-        isRequired: true,
-        isParallel: true,
-        timeoutDays: 5,
-      },
-      {
-        id: "AL006",
-        workflowId: "2",
-        level: ApprovalLevelEnum.GeneralManager,
-        approverUserIds: ["USR008"],
-        approverNames: ["Ahmet Yıldız"],
-        sequence: 3,
-        isRequired: true,
-        isParallel: false,
-        timeoutDays: 7,
-      },
-    ],
-    isActive: true,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "3",
-    name: "Bakım Hizmet Onayı",
-    departmentId: "3",
-    department: mockDepartments.find((d) => d.id === "3"),
-    requestType: RequestTypeEnum.Service,
-    amountThreshold: 25000,
-    approvalLevels: [
-      {
-        id: "AL007",
-        workflowId: "3",
-        level: ApprovalLevelEnum.Supervisor,
-        approverUserIds: ["USR009"],
-        approverNames: ["Kemal Özdemir"],
-        sequence: 1,
-        isRequired: true,
-        isParallel: false,
-        timeoutDays: 1,
-      },
-      {
-        id: "AL008",
-        workflowId: "3",
-        level: ApprovalLevelEnum.Manager,
-        approverUserIds: ["USR010"],
-        approverNames: ["Leyla Çelik"],
-        sequence: 2,
-        isRequired: true,
-        isParallel: false,
-        timeoutDays: 2,
-      },
-    ],
-    isActive: true,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "4",
-    name: "Yüksek Tutar Onayı",
-    departmentId: "4",
-    department: mockDepartments.find((d) => d.id === "4"),
-    requestType: RequestTypeEnum.Material,
-    amountThreshold: 500000,
-    approvalLevels: [
-      {
-        id: "AL009",
-        workflowId: "4",
-        level: ApprovalLevelEnum.Manager,
-        approverUserIds: ["USR011"],
-        approverNames: ["Selim Yağcı"],
-        sequence: 1,
-        isRequired: true,
-        isParallel: false,
-        timeoutDays: 2,
-      },
-      {
-        id: "AL010",
-        workflowId: "4",
-        level: ApprovalLevelEnum.FinanceManager,
-        approverUserIds: ["USR012"],
-        approverNames: ["Burcu Arslan"],
-        sequence: 2,
-        isRequired: true,
-        isParallel: false,
-        timeoutDays: 3,
-      },
-      {
-        id: "AL011",
-        workflowId: "4",
-        level: ApprovalLevelEnum.Director,
-        approverUserIds: ["USR013"],
-        approverNames: ["Can Demirtaş"],
-        sequence: 3,
-        isRequired: true,
-        isParallel: false,
-        timeoutDays: 5,
-      },
-      {
-        id: "AL012",
-        workflowId: "4",
-        level: ApprovalLevelEnum.GeneralManager,
-        approverUserIds: ["USR014"],
-        approverNames: ["Eda Yurtseven"],
-        sequence: 4,
-        isRequired: true,
-        isParallel: false,
-        timeoutDays: 7,
-      },
-    ],
-    isActive: false,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-];
diff --git a/ui/src/mocks/mockBOMs.ts b/ui/src/mocks/mockBOMs.ts
deleted file mode 100644
index 151b210e..00000000
--- a/ui/src/mocks/mockBOMs.ts
+++ /dev/null
@@ -1,319 +0,0 @@
-import { MrpBOM, BOMTypeEnum } from "../types/mrp";
-import { mockMaterials } from "./mockMaterials";
-import { mockOperations } from "./mockOperations";
-
-// Mock data
-export const mockBOMs: MrpBOM[] = [
-  {
-    id: "1",
-    bomCode: "BOM-MOT-001",
-    materialId: "1", // Motor Blok - Workflow ile eşleştirilen malzeme
-    material: mockMaterials.find((m) => m.id === "1")!,
-    version: "1.0",
-    validFrom: new Date("2024-01-01"),
-    validTo: new Date("2024-12-31"),
-    isActive: true,
-    bomType: BOMTypeEnum.Production,
-    baseQuantity: 1,
-    components: [
-      {
-        id: "COMP001",
-        bomId: "1",
-        materialId: "3", // Çelik Levha
-        material: mockMaterials.find((m) => m.id === "3")!,
-        quantity: 2,
-        unitId: "PCS",
-        scrapPercentage: 5,
-        isPhantom: false,
-        position: 10,
-        validFrom: new Date("2024-01-01"),
-        isActive: true,
-      },
-      {
-        id: "COMP002",
-        bomId: "1",
-        materialId: "4", // Alüminyum Profil
-        material: mockMaterials.find((m) => m.id === "4")!,
-        quantity: 1,
-        unitId: "PCS",
-        scrapPercentage: 2,
-        isPhantom: false,
-        position: 20,
-        validFrom: new Date("2024-01-01"),
-        isActive: true,
-      },
-      {
-        id: "COMP003",
-        bomId: "1",
-        materialId: "5", // Plastik Kapak
-        material: mockMaterials.find((m) => m.id === "5")!,
-        quantity: 1,
-        unitId: "PCS",
-        scrapPercentage: 3,
-        isPhantom: false,
-        position: 30,
-        validFrom: new Date("2024-01-01"),
-        isActive: true,
-      },
-    ],
-    operations: [
-      // Workflow RT001 ile eşleştirilen operasyonlar
-      {
-        id: "BOMOP001",
-        bomId: "1",
-        operationId: "1", // CNC Torna
-        operation: mockOperations.find((op) => op.id === "1")!,
-        sequence: 10,
-        setupTime: 30,
-        runTime: 45,
-        queueTime: 15,
-        moveTime: 5,
-        isActive: true,
-        waitTime: 0,
-        workCenterId: "",
-        isParallel: false,
-        prerequisites: [],
-        qualityChecks: [],
-        tools: [],
-        skills: [],
-      },
-      {
-        id: "BOMOP002",
-        bomId: "1",
-        operationId: "2", // Kaynak
-        operation: mockOperations.find((op) => op.id === "2")!,
-        sequence: 20,
-        setupTime: 15,
-        runTime: 60,
-        queueTime: 10,
-        moveTime: 5,
-        isActive: true,
-        waitTime: 0,
-        workCenterId: "",
-        isParallel: false,
-        prerequisites: [],
-        qualityChecks: [],
-        tools: [],
-        skills: [],
-      },
-      {
-        id: "BOMOP003",
-        bomId: "1",
-        operationId: "3", // Kalite Kontrolü
-        operation: mockOperations.find((op) => op.id === "3")!,
-        sequence: 30,
-        setupTime: 5,
-        runTime: 20,
-        queueTime: 5,
-        moveTime: 3,
-        isActive: true,
-        waitTime: 0,
-        workCenterId: "",
-        isParallel: false,
-        prerequisites: [],
-        qualityChecks: [],
-        tools: [],
-        skills: [],
-      },
-    ],
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "2",
-    bomCode: "BOM-GEAR-001",
-    materialId: "2", // Şanzıman Kasası - Workflow ile eşleştirilen malzeme
-    material: mockMaterials.find((m) => m.id === "2")!,
-    version: "2.1",
-    validFrom: new Date("2024-02-01"),
-    validTo: new Date("2024-12-31"),
-    isActive: true,
-    bomType: BOMTypeEnum.Production,
-    baseQuantity: 1,
-    components: [
-      {
-        id: "COMP004",
-        bomId: "2",
-        materialId: "1", // Motor Blok
-        material: mockMaterials.find((m) => m.id === "1")!,
-        quantity: 1,
-        unitId: "PCS",
-        scrapPercentage: 3,
-        isPhantom: false,
-        position: 10,
-        validFrom: new Date("2024-02-01"),
-        isActive: true,
-      },
-      {
-        id: "COMP005",
-        bomId: "2",
-        materialId: "3", // Çelik Levha
-        material: mockMaterials.find((m) => m.id === "3")!,
-        quantity: 3,
-        unitId: "KG",
-        scrapPercentage: 4,
-        isPhantom: false,
-        position: 20,
-        validFrom: new Date("2024-02-01"),
-        isActive: true,
-      },
-      {
-        id: "COMP006",
-        bomId: "2",
-        materialId: "4", // Alüminyum Profil
-        material: mockMaterials.find((m) => m.id === "4")!,
-        quantity: 2,
-        unitId: "M",
-        scrapPercentage: 2,
-        isPhantom: false,
-        position: 30,
-        validFrom: new Date("2024-02-01"),
-        isActive: true,
-      },
-    ],
-    operations: [
-      // Workflow RT002 ile eşleştirilen operasyonlar
-      {
-        id: "BOMOP004",
-        bomId: "2",
-        operationId: "4", // Paketleme
-        operation: mockOperations.find((op) => op.id === "4")!,
-        sequence: 10,
-        setupTime: 20,
-        runTime: 45,
-        queueTime: 10,
-        moveTime: 5,
-        isActive: true,
-        waitTime: 0,
-        workCenterId: "",
-        isParallel: false,
-        prerequisites: [],
-        qualityChecks: [],
-        tools: [],
-        skills: [],
-      },
-      {
-        id: "BOMOP005",
-        bomId: "2",
-        operationId: "1", // CNC Torna
-        operation: mockOperations.find((op) => op.id === "1")!,
-        sequence: 20,
-        setupTime: 25,
-        runTime: 70,
-        queueTime: 12,
-        moveTime: 8,
-        isActive: true,
-        waitTime: 0,
-        workCenterId: "",
-        isParallel: false,
-        prerequisites: [],
-        qualityChecks: [],
-        tools: [],
-        skills: [],
-      },
-      {
-        id: "BOMOP006",
-        bomId: "2",
-        operationId: "3", // Kalite Kontrolü
-        operation: mockOperations.find((op) => op.id === "3")!,
-        sequence: 30,
-        setupTime: 10,
-        runTime: 30,
-        queueTime: 8,
-        moveTime: 5,
-        isActive: true,
-        waitTime: 0,
-        workCenterId: "",
-        isParallel: false,
-        prerequisites: [],
-        qualityChecks: [],
-        tools: [],
-        skills: [],
-      },
-    ],
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "3",
-    bomCode: "BOM-PCB-001",
-    materialId: "5", // Plastik Kapak - yeni workflow ekleyelim
-    material: mockMaterials.find((m) => m.id === "5")!,
-    version: "1.0",
-    validFrom: new Date("2024-03-01"),
-    isActive: true,
-    bomType: BOMTypeEnum.Production,
-    baseQuantity: 1,
-    components: [
-      {
-        id: "COMP007",
-        bomId: "3",
-        materialId: "3", // Çelik Levha
-        material: mockMaterials.find((m) => m.id === "3")!,
-        quantity: 0.5,
-        unitId: "KG",
-        scrapPercentage: 5,
-        isPhantom: false,
-        position: 10,
-        validFrom: new Date("2024-03-01"),
-        isActive: true,
-      },
-      {
-        id: "COMP008",
-        bomId: "3",
-        materialId: "4", // Alüminyum Profil
-        material: mockMaterials.find((m) => m.id === "4")!,
-        quantity: 0.2,
-        unitId: "M",
-        scrapPercentage: 3,
-        isPhantom: false,
-        position: 20,
-        validFrom: new Date("2024-03-01"),
-        isActive: true,
-      },
-    ],
-    operations: [
-      // Basit plastik kapak işlemleri
-      {
-        id: "BOMOP007",
-        bomId: "3",
-        operationId: "5", // Bakım/Kalıp işlemi
-        operation: mockOperations.find((op) => op.id === "5")!,
-        sequence: 10,
-        setupTime: 15,
-        runTime: 25,
-        queueTime: 5,
-        moveTime: 3,
-        isActive: true,
-        waitTime: 0,
-        workCenterId: "",
-        isParallel: false,
-        prerequisites: [],
-        qualityChecks: [],
-        tools: [],
-        skills: [],
-      },
-      {
-        id: "BOMOP008",
-        bomId: "3",
-        operationId: "4", // Paketleme
-        operation: mockOperations.find((op) => op.id === "4")!,
-        sequence: 20,
-        setupTime: 5,
-        runTime: 10,
-        queueTime: 3,
-        moveTime: 2,
-        isActive: true,
-        waitTime: 0,
-        workCenterId: "",
-        isParallel: false,
-        prerequisites: [],
-        qualityChecks: [],
-        tools: [],
-        skills: [],
-      },
-    ],
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-];
diff --git a/ui/src/mocks/mockBadges.ts b/ui/src/mocks/mockBadges.ts
deleted file mode 100644
index 6003ba97..00000000
--- a/ui/src/mocks/mockBadges.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { HrBadge, BadgeCategoryEnum, BadgeRarityEnum } from "../types/hr";
-
-export const mockBadges: HrBadge[] = [
-  {
-    id: "badge-001",
-    code: "STAR_PERFORMER",
-    name: "Yıldız Performans",
-    description:
-      "Üstün performans sergileyen çalışanlara verilen prestijli rozet",
-    icon: "⭐",
-    color: "#FFD700",
-    backgroundColor: "#FFF8DC",
-    category: BadgeCategoryEnum.Performance,
-    criteria: "3 çeyrek üst üste hedefleri %110 üzerinde tamamlama",
-    points: 100,
-    rarity: BadgeRarityEnum.Epic,
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-  {
-    id: "badge-002",
-    code: "TEAM_LEADER",
-    name: "Takım Lideri",
-    description:
-      "Takım arkadaşlarına öncülük eden ve onları motive eden çalışanlar için",
-    icon: "👑",
-    color: "#4B0082",
-    backgroundColor: "#E6E6FA",
-    category: BadgeCategoryEnum.Leadership,
-    criteria: "Takım projelerinde liderlik gösterme ve ekip başarısına katkı",
-    points: 75,
-    rarity: BadgeRarityEnum.Rare,
-    isActive: true,
-    creationTime: new Date("2024-02-10"),
-    lastModificationTime: new Date("2024-02-10"),
-  },
-  {
-    id: "badge-003",
-    code: "INNOVATOR",
-    name: "İnovatör",
-    description:
-      "Yaratıcı çözümler üreten ve yenilikçi yaklaşımlar sergileyen çalışanlar",
-    icon: "💡",
-    color: "#FF6B35",
-    backgroundColor: "#FFF0E6",
-    category: BadgeCategoryEnum.Innovation,
-    criteria: "Şirkete değer katan yenilikçi fikirler sunma",
-    points: 80,
-    rarity: BadgeRarityEnum.Rare,
-    isActive: true,
-    creationTime: new Date("2024-03-05"),
-    lastModificationTime: new Date("2024-03-05"),
-  },
-  {
-    id: "badge-004",
-    code: "PERFECT_ATTENDANCE",
-    name: "Mükemmel Devam",
-    description:
-      "Düzenli ve zamanında işe gelen, devamsızlık yapmayan çalışanlar",
-    icon: "📅",
-    color: "#28A745",
-    backgroundColor: "#E8F5E8",
-    category: BadgeCategoryEnum.Attendance,
-    criteria: "6 ay boyunca devamsızlık yapmama",
-    points: 50,
-    rarity: BadgeRarityEnum.Uncommon,
-    isActive: true,
-    creationTime: new Date("2024-04-20"),
-    lastModificationTime: new Date("2024-04-20"),
-  },
-  {
-    id: "badge-005",
-    code: "CUSTOMER_CHAMPION",
-    name: "Müşteri Şampiyonu",
-    description: "Müşteri memnuniyetinde üstün başarı gösteren çalışanlar",
-    icon: "🏆",
-    color: "#DC3545",
-    backgroundColor: "#FFEBEE",
-    category: BadgeCategoryEnum.Customer,
-    criteria: "Müşteri memnuniyet puanı %95 üzerinde alma",
-    points: 90,
-    rarity: BadgeRarityEnum.Epic,
-    isActive: true,
-    creationTime: new Date("2024-05-12"),
-    lastModificationTime: new Date("2024-05-12"),
-  },
-];
diff --git a/ui/src/mocks/mockBankMovements.ts b/ui/src/mocks/mockBankMovements.ts
deleted file mode 100644
index 2b357f15..00000000
--- a/ui/src/mocks/mockBankMovements.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import {
-  FiBankMovement,
-  BankTransactionTypeEnum,
-  TransactionStatusEnum,
-} from "../types/fi";
-import { mockBanks } from "./mockBanks";
-
-export const mockBankMovements: FiBankMovement[] = [
-  {
-    id: "1",
-    bankAccountId: "1",
-    bankAccount: mockBanks.find((acc) => acc.id === "1"),
-    transactionDate: new Date("2024-01-20"),
-    valueDate: new Date("2024-01-20"),
-    description: "Müşteri havale ödemesi",
-    referenceNumber: "EFT-001",
-    transactionType: BankTransactionTypeEnum.EFT,
-    amount: 25000,
-    currency: "TRY",
-    status: TransactionStatusEnum.Completed,
-    recipientName: "ABC Şirket",
-    recipientIban: "TR120006400000112345678901",
-    recipientBank: "İş Bankası",
-    creationTime: new Date("2024-01-20"),
-  },
-  {
-    id: "2",
-    bankAccountId: "1",
-    bankAccount: mockBanks.find((acc) => acc.id === "1"),
-    transactionDate: new Date("2024-01-19"),
-    valueDate: new Date("2024-01-19"),
-    description: "Tedarikçi ödeme",
-    referenceNumber: "EFT-002",
-    transactionType: BankTransactionTypeEnum.Transfer,
-    amount: 15000,
-    currency: "TRY",
-    status: TransactionStatusEnum.Completed,
-    recipientName: "Tedarikçi Ltd.",
-    recipientIban: "TR980006200012600006298453",
-    recipientBank: "Garanti BBVA",
-    creationTime: new Date("2024-01-19"),
-  },
-];
diff --git a/ui/src/mocks/mockBanks.ts b/ui/src/mocks/mockBanks.ts
index 710e7a52..39e34e99 100644
--- a/ui/src/mocks/mockBanks.ts
+++ b/ui/src/mocks/mockBanks.ts
@@ -1,5 +1,4 @@
-import { BankAccountTypeEnum } from "../types/fi";
-import { BankAccount } from "../types/common";
+import { BankAccount, BankAccountTypeEnum } from "@/proxy/intranet/models";
 
 export const mockBanks: BankAccount[] = [
   {
diff --git a/ui/src/mocks/mockBusinessParties.ts b/ui/src/mocks/mockBusinessParties.ts
deleted file mode 100644
index 04e26ba6..00000000
--- a/ui/src/mocks/mockBusinessParties.ts
+++ /dev/null
@@ -1,521 +0,0 @@
-import { BankAccountTypeEnum } from '../types/fi'
-import { BusinessParty, BusinessPartyIndustryEnum, BusinessPartyStatusEnum, PartyType, PaymentTerms } from '../types/common'
-import { CustomerSegmentEnum, CustomerTypeEnum } from '../types/crm'
-import { SupplierTypeEnum, SupplierCardTypeEnum } from '../types/mm'
-
-export const mockBusinessParties: BusinessParty[] = [
-  {
-    id: '1',
-    code: 'SUP001',
-    partyType: PartyType.Supplier,
-    name: 'ABC Malzeme Ltd.',
-    primaryContact: {
-      id: '2',
-      firstName: 'Fatma',
-      lastName: 'Demir',
-      name: 'Fatma Demir',
-      title: 'Genel Müdür',
-      department: 'Yönetim',
-      email: 'fatma.demir@uretim.com',
-      phoneNumber: '3125550202',
-      mobileNumber: '5325550202',
-      isPrimary: true,
-      isActive: true,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    },
-    email: 'aliveli@gmail.com',
-    phoneNumber: '+90 212 555 1234',
-    address: {
-      street: 'İstiklal Cad. No:10',
-      city: 'İstanbul',
-      state: 'İstanbul',
-      postalCode: '34430',
-      country: 'Türkiye',
-    },
-    taxNumber: '1234567890',
-    paymentTerms: PaymentTerms.Net30,
-    currency: 'TRY',
-    cardNumber: 'SC-2024-001',
-    cardType: SupplierCardTypeEnum.Standard,
-    validFrom: new Date('2024-01-01'),
-    validTo: new Date('2024-12-31'),
-    creditLimit: 500000,
-    isActive: true,
-    currentBalance: 120000,
-    discountRate: 5,
-    specialConditions: ['Toplu sipariş indirimi', 'Öncelikli teslimat'],
-    lastOrderDate: new Date('2024-08-15'),
-    performanceMetrics: {
-      deliveryPerformance: 95,
-      qualityRating: 90,
-      priceCompetitiveness: 85,
-      responsiveness: 67,
-      complianceRating: 88,
-      overallScore: 100,
-      lastEvaluationDate: new Date('2024-08-01'),
-    },
-    certifications: ['ISO 9001', 'ISO 14001'],
-    bankAccounts: [
-      {
-        id: 'BA001',
-        bankName: 'Garanti BBVA',
-        accountNumber: '1234567890',
-        iban: 'TR330006100519786457841326',
-        swiftCode: 'TGBATRIS',
-        isDefault: true,
-        accountCode: '',
-        branchName: '',
-        accountType: BankAccountTypeEnum.Current,
-        currency: '',
-        balance: 0,
-        overdraftLimit: 0,
-        dailyTransferLimit: 0,
-        isActive: false,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      },
-    ],
-    contacts: [
-      {
-        id: 'C001',
-        firstName: 'Ali',
-        lastName: 'Veli',
-        name: 'Ali Veli',
-        title: 'Satınalma Müdürü',
-        email: 'aliveli@gmail.com',
-        phoneNumber: '+90 212 555 1234',
-        department: 'Satınalma',
-        isPrimary: true,
-        isActive: false,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      },
-    ],
-    supplierType: SupplierTypeEnum.Manufacturer,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: '2',
-    code: 'SUP002',
-    supplierType: SupplierTypeEnum.ServiceProvider,
-    name: 'XYZ Teknoloji A.Ş.',
-    primaryContact: {
-      id: '2',
-      firstName: 'Fatma',
-      lastName: 'Demir',
-      name: 'Fatma Demir',
-      title: 'Genel Müdür',
-      department: 'Yönetim',
-      email: 'fatma.demir@uretim.com',
-      phoneNumber: '3125550202',
-      mobileNumber: '5325550202',
-      isPrimary: true,
-      isActive: true,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    },
-    email: 'aysedemir@gmail.com',
-    phoneNumber: '+90 216 555 5678',
-    address: {
-      street: 'Barbaros Bulv. No:20',
-      city: 'İstanbul',
-      state: 'İstanbul',
-      postalCode: '34746',
-      country: 'Türkiye',
-    },
-    taxNumber: '0987654321',
-    paymentTerms: PaymentTerms.Net15,
-    currency: 'TRY',
-    cardNumber: 'SC-2024-002',
-    cardType: SupplierCardTypeEnum.Premium,
-    validFrom: new Date('2024-02-01'),
-    validTo: new Date('2024-12-31'),
-    creditLimit: 250000,
-    isActive: true,
-    currentBalance: 75000,
-    discountRate: 3,
-    specialConditions: ['Hızlı teslimat', 'Kalite garantisi'],
-    lastOrderDate: new Date('2024-08-20'),
-    performanceMetrics: {
-      deliveryPerformance: 88,
-      qualityRating: 90,
-      priceCompetitiveness: 85,
-      responsiveness: 87,
-      complianceRating: 91,
-      overallScore: 88,
-      lastEvaluationDate: new Date('2024-08-01'),
-    },
-    certifications: ['ISO 9001'],
-    bankAccounts: [
-      {
-        id: 'BA002',
-        bankName: 'İş Bankası',
-        accountNumber: '0987654321',
-        iban: 'TR440006200519786457841327',
-        swiftCode: 'ISBKTRIS',
-        isDefault: true,
-        accountCode: '',
-        branchName: '',
-        accountType: BankAccountTypeEnum.Current,
-        currency: '',
-        balance: 0,
-        overdraftLimit: 0,
-        dailyTransferLimit: 0,
-        isActive: false,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      },
-    ],
-    contacts: [
-      {
-        id: 'C002',
-        firstName: 'Ayşe',
-        lastName: 'Demir',
-        name: 'Ayşe Demir',
-        title: 'Satış Müdürü',
-        email: 'aysedemir@gmail.com',
-        phoneNumber: '+90 216 555 5678',
-        department: 'Satış',
-        isPrimary: true,
-        isActive: false,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      },
-    ],
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-    partyType: PartyType.Supplier,
-  },
-  {
-    id: '3',
-    code: 'SUP003',
-    supplierType: SupplierTypeEnum.Manufacturer,
-    name: 'LMN Endüstri A.Ş.',
-    primaryContact: {
-      id: '2',
-      firstName: 'Fatma',
-      lastName: 'Demir',
-      name: 'Fatma Demir',
-      title: 'Genel Müdür',
-      department: 'Yönetim',
-      email: 'fatma.demir@uretim.com',
-      phoneNumber: '3125550202',
-      mobileNumber: '5325550202',
-      isPrimary: true,
-      isActive: true,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    },
-    email: 'mehmetyilmaz@gmail.com',
-    phoneNumber: '+90 232 555 7890',
-    address: {
-      street: 'Atatürk Cad. No:5',
-      city: 'İzmir',
-      state: 'İzmir',
-      postalCode: '35210',
-      country: 'Türkiye',
-    },
-    taxNumber: '1122334455',
-    paymentTerms: PaymentTerms.Net45,
-    currency: 'TRY',
-    cardNumber: 'SC-2024-003',
-    cardType: SupplierCardTypeEnum.Preferred,
-    validFrom: new Date('2024-03-01'),
-    validTo: new Date('2024-12-31'),
-    creditLimit: 150000,
-    isActive: true,
-    currentBalance: 45000,
-    discountRate: 2,
-    specialConditions: ['Toplu sipariş indirimi'],
-    lastOrderDate: new Date('2024-08-18'),
-    performanceMetrics: {
-      deliveryPerformance: 82,
-      qualityRating: 85,
-      priceCompetitiveness: 90,
-      responsiveness: 80,
-      complianceRating: 88,
-      overallScore: 85,
-      lastEvaluationDate: new Date('2024-07-15'),
-    },
-    certifications: ['ISO 9001', 'OHSAS 18001'],
-    bankAccounts: [
-      {
-        id: 'BA003',
-        bankName: 'Yapı Kredi',
-        accountNumber: '1122334455',
-        iban: 'TR550006300519786457841328',
-        swiftCode: 'YAPITRIS',
-        isDefault: true,
-        accountCode: '',
-        branchName: '',
-        accountType: BankAccountTypeEnum.Current,
-        currency: '',
-        balance: 0,
-        overdraftLimit: 0,
-        dailyTransferLimit: 0,
-        isActive: false,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      },
-    ],
-    contacts: [
-      {
-        id: 'C003',
-        firstName: 'Mehmet',
-        lastName: 'Yılmaz',
-        name: 'Mehmet Yılmaz',
-        title: 'Genel Müdür',
-        email: 'mehmetyilmaz@gmail.com',
-        phoneNumber: '+90 232 555 7890',
-        department: 'Yönetim',
-        isPrimary: true,
-        isActive: false,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      },
-    ],
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-    partyType: PartyType.Supplier,
-  },
-  {
-    id: '4',
-    code: 'SUP004',
-    supplierType: SupplierTypeEnum.Distributor,
-    name: 'OPQ Ticaret Ltd.',
-    primaryContact: {
-      id: '2',
-      firstName: 'Fatma',
-      lastName: 'Demir',
-      name: 'Fatma Demir',
-      title: 'Genel Müdür',
-      department: 'Yönetim',
-      email: 'fatma.demir@uretim.com',
-      phoneNumber: '3125550202',
-      mobileNumber: '5325550202',
-      isPrimary: true,
-      isActive: true,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    },
-    email: 'fatmacelik@gmail.com',
-    phoneNumber: '+90 312 555 3456',
-    address: {
-      street: 'Kızılay Meydanı No:15',
-      city: 'Ankara',
-      state: 'Ankara',
-      postalCode: '06690',
-      country: 'Türkiye',
-    },
-    taxNumber: '6677889900',
-    paymentTerms: PaymentTerms.Net30,
-    currency: 'TRY',
-    cardNumber: 'SC-2024-004',
-    cardType: SupplierCardTypeEnum.Standard,
-    validFrom: new Date('2024-04-01'),
-    validTo: new Date('2024-12-31'),
-    creditLimit: 100000,
-    isActive: false,
-    currentBalance: 30000,
-    discountRate: 4,
-    specialConditions: ['Öncelikli sipariş', 'Hızlı teslimat'],
-    lastOrderDate: new Date('2024-06-30'),
-    performanceMetrics: {
-      deliveryPerformance: 75,
-      qualityRating: 78,
-      priceCompetitiveness: 82,
-      responsiveness: 76,
-      complianceRating: 80,
-      overallScore: 78,
-      lastEvaluationDate: new Date('2024-07-01'),
-    },
-    certifications: ['ISO 9001'],
-    bankAccounts: [
-      {
-        id: 'BA004',
-        bankName: 'Halkbank',
-        accountNumber: '6677889900',
-        iban: 'TR660006400519786457841329',
-        swiftCode: 'HALKTRIS',
-        isDefault: true,
-        accountCode: '',
-        branchName: '',
-        accountType: BankAccountTypeEnum.Current,
-        currency: '',
-        balance: 0,
-        overdraftLimit: 0,
-        dailyTransferLimit: 0,
-        isActive: false,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      },
-    ],
-    contacts: [
-      {
-        id: 'C004',
-        firstName: 'Fatma',
-        lastName: 'Çelik',
-        name: 'Fatma Çelik',
-        title: 'Finans Müdürü',
-        email: 'fatmacelik@gmail.com',
-        phoneNumber: '+90 312 555 3456',
-        department: 'Finans',
-        isPrimary: true,
-        isActive: false,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      },
-    ],
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-    partyType: PartyType.Supplier,
-  },
-  {
-    id: '5',
-    code: 'CUST-002',
-    name: 'Üretim Ltd.',
-    customerType: CustomerTypeEnum.Company,
-    industry: BusinessPartyIndustryEnum.Finance,
-    website: 'www.uretim.com',
-    primaryContact: {
-      id: '2',
-      firstName: 'Fatma',
-      lastName: 'Demir',
-      name: 'Fatma Demir',
-      title: 'Genel Müdür',
-      department: 'Yönetim',
-      email: 'fatma.demir@uretim.com',
-      phoneNumber: '3125550202',
-      mobileNumber: '5325550202',
-      isPrimary: true,
-      isActive: true,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    },
-    contacts: [],
-    address: {
-      street: 'Sanayi Sitesi 5. Cadde No:25',
-      city: 'Ankara',
-      state: 'Ankara',
-      postalCode: '06000',
-      country: 'Türkiye',
-    },
-    taxNumber: '0987654321',
-    registrationNumber: 'REG-002',
-    paymentTerms: PaymentTerms.Net60,
-    creditLimit: 500000,
-    currency: 'TRY',
-    status: BusinessPartyStatusEnum.Active,
-    customerSegment: CustomerSegmentEnum.SMB,
-    assignedSalesRep: 'REP-002',
-    teamId: 'TEAM-001',
-    totalRevenue: 850000,
-    lastOrderDate: new Date('2024-01-10'),
-    averageOrderValue: 42500,
-    lifetimeValue: 1700000,
-    opportunities: [],
-    orders: [],
-    activities: [],
-    isActive: true,
-    creationTime: new Date('2023-09-20'),
-    lastModificationTime: new Date('2024-01-18'),
-    partyType: PartyType.Customer,
-  },
-  {
-    id: '6',
-    code: 'CUST-001',
-    name: 'Teknoloji A.Ş.',
-    customerType: CustomerTypeEnum.Company,
-    industry: BusinessPartyIndustryEnum.Technology,
-    website: 'www.teknoloji.com',
-    primaryContact: {
-      id: '1',
-      firstName: 'Ali',
-      lastName: 'Yılmaz',
-      name: 'Ali Yılmaz',
-      title: 'Satınalma Müdürü',
-      department: 'Satınalma',
-      email: 'ali.yilmaz@teknoloji.com',
-      phoneNumber: '2125550201',
-      mobileNumber: '5325550201',
-      isPrimary: true,
-      isActive: true,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    },
-    contacts: [],
-    address: {
-      street: 'Teknoloji Caddesi No:100',
-      city: 'İstanbul',
-      state: 'İstanbul',
-      postalCode: '34000',
-      country: 'Türkiye',
-    },
-    taxNumber: '1234567890',
-    registrationNumber: 'REG-001',
-    creditLimit: 1000000,
-    paymentTerms: PaymentTerms.Net30,
-    currency: 'TRY',
-    status: BusinessPartyStatusEnum.Active,
-    customerSegment: CustomerSegmentEnum.Enterprise,
-    assignedSalesRep: 'REP-001',
-    teamId: 'TEAM-001',
-    totalRevenue: 2500000,
-    lastOrderDate: new Date('2024-01-15'),
-    averageOrderValue: 125000,
-    lifetimeValue: 5000000,
-    opportunities: [],
-    orders: [],
-    activities: [],
-    isActive: true,
-    creationTime: new Date('2023-06-15'),
-    lastModificationTime: new Date('2024-01-20'),
-    partyType: PartyType.Customer,
-  },
-]
-
-export const mockBusinessPartyNew: BusinessParty = {
-  id: '',
-  code: '',
-  supplierType: SupplierTypeEnum.ServiceProvider,
-  name: '',
-  email: '',
-  phoneNumber: '',
-  address: {
-    street: '',
-    city: '',
-    state: '',
-    postalCode: '',
-    country: '',
-  },
-  taxNumber: '',
-  paymentTerms: PaymentTerms.Cash,
-  currency: 'TRY',
-  cardNumber: '',
-  cardType: SupplierCardTypeEnum.Standard,
-  validTo: new Date(),
-  validFrom: new Date(),
-  creditLimit: 0,
-  isActive: true,
-  currentBalance: 0,
-  discountRate: 0,
-  specialConditions: [],
-  lastOrderDate: new Date(),
-  performanceMetrics: {
-    deliveryPerformance: 0,
-    qualityRating: 0,
-    priceCompetitiveness: 0,
-    responsiveness: 0,
-    complianceRating: 0,
-    overallScore: 0,
-    lastEvaluationDate: new Date(),
-  },
-  certifications: [],
-  bankAccounts: [],
-  contacts: [],
-  creationTime: new Date(),
-  lastModificationTime: new Date(),
-  partyType: PartyType.Supplier,
-}
diff --git a/ui/src/mocks/mockCashAccounts.ts b/ui/src/mocks/mockCashAccounts.ts
deleted file mode 100644
index 1632edff..00000000
--- a/ui/src/mocks/mockCashAccounts.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { FiCashAccount } from "../types/fi";
-
-  export const mockCashAccounts: FiCashAccount[] = [
-    {
-      id: "1",
-      accountCode: "KASA001",
-      name: "Ana Kasa",
-      description: "Ana nakit kasası",
-      currency: "TRY",
-      balance: 15000,
-      isActive: true,
-      creationTime: new Date("2024-01-01"),
-      lastModificationTime: new Date("2024-01-20"),
-    },
-    {
-      id: "2",
-      accountCode: "KASA002",
-      name: "USD Kasa",
-      description: "Döviz kasası",
-      currency: "USD",
-      balance: 2500,
-      isActive: true,
-      creationTime: new Date("2024-01-01"),
-      lastModificationTime: new Date("2024-01-18"),
-    },
-  ];
\ No newline at end of file
diff --git a/ui/src/mocks/mockCashMovements.ts b/ui/src/mocks/mockCashMovements.ts
deleted file mode 100644
index e26d2aff..00000000
--- a/ui/src/mocks/mockCashMovements.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { FiCashMovement, CashMovementTypeEnum } from "../types/fi";
-import { mockCashAccounts } from "./mockCashAccounts";
-
-export const mockCashMovements: FiCashMovement[] = [
-  {
-    id: "1",
-    cashAccountId: "1",
-    cashAccount: mockCashAccounts[0],
-    transactionDate: new Date("2024-01-20"),
-    description: "Müşteri nakit ödemesi",
-    referenceNumber: "NAK-001",
-    movementType: CashMovementTypeEnum.Income,
-    amount: 5000,
-    currency: "TRY",
-    creationTime: new Date("2024-01-20"),
-  },
-  {
-    id: "2",
-    cashAccountId: "1",
-    cashAccount: mockCashAccounts[0],
-    transactionDate: new Date("2024-01-19"),
-    description: "Kasa gider",
-    referenceNumber: "NAK-002",
-    movementType: CashMovementTypeEnum.Expense,
-    amount: 1000,
-    currency: "TRY",
-    creationTime: new Date("2024-01-19"),
-  },
-];
diff --git a/ui/src/mocks/mockChecks.ts b/ui/src/mocks/mockChecks.ts
deleted file mode 100644
index 67e102ec..00000000
--- a/ui/src/mocks/mockChecks.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { FiCheck, CheckStatusEnum, TypeEnum } from '../types/fi'
-import { mockCurrentAccounts } from './mockCurrentAccounts'
-
-export const mockChecks: FiCheck[] = [
-  {
-    id: '1',
-    checkNumber: 'CHK-001',
-    bankName: 'İş Bankası',
-    branchName: 'Levent Şubesi',
-    accountNumber: '1234567890',
-    type: TypeEnum.Received,
-    drawerName: 'XYZ Müşteri A.Ş.',
-    payeeName: 'ABC Şirket',
-    issueDate: new Date('2024-01-15'),
-    dueDate: new Date('2024-02-15'),
-    amount: 25000,
-    currency: 'TRY',
-    status: CheckStatusEnum.InHand,
-    currentAccountId: '1',
-    currentAccount: mockCurrentAccounts.find((ca) => ca.id === '1'),
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-01-15'),
-  },
-  {
-    id: '2',
-    checkNumber: 'CHK-002',
-    bankName: 'Garanti BBVA',
-    branchName: 'Şişli Şubesi',
-    accountNumber: '9876543210',
-    type: TypeEnum.Issued,
-    drawerName: 'ABC Şirket',
-    payeeName: 'Tedarikçi Ltd.',
-    issueDate: new Date('2024-01-10'),
-    dueDate: new Date('2024-02-10'),
-    amount: 15000,
-    currency: 'TRY',
-    status: CheckStatusEnum.Deposited,
-    bankingDate: new Date('2024-01-20'),
-    currentAccountId: '2',
-    currentAccount: mockCurrentAccounts.find((ca) => ca.id === '2'),
-    creationTime: new Date('2024-01-10'),
-    lastModificationTime: new Date('2024-01-20'),
-  },
-]
diff --git a/ui/src/mocks/mockCoordinator.ts b/ui/src/mocks/mockCoordinator.ts
deleted file mode 100644
index b0962f9a..00000000
--- a/ui/src/mocks/mockCoordinator.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-export const adminNavigationItems = [
-  {
-    id: "dashboard",
-    title: "Dashboard",
-    icon: "LayoutDashboard",
-    path: "/admin/dashboard",
-    description: "Genel bakış ve istatistikler",
-  },
-  {
-    id: "tags",
-    title: "Etiket Yönetimi",
-    icon: "Tags",
-    path: "/admin/tags",
-    description: "Soru ve içerik etiketleri",
-  },
-  {
-    id: "question-pools",
-    title: "Soru Havuzları",
-    icon: "Database",
-    path: "/admin/question-pools",
-    description: "Soru havuzları ve kategoriler",
-  },
-  {
-    id: "exams",
-    title: "Sınav Yönetimi",
-    icon: "FileText",
-    path: "/admin/exams",
-    description: "Sınavları yönetin",
-  },
-  {
-    id: "assignments",
-    title: "Ödev Yönetimi",
-    icon: "BookOpen",
-    path: "/admin/assignments",
-    description: "Ödevleri yönetin",
-  },
-  {
-    id: "tests",
-    title: "Test Yönetimi",
-    icon: "ClipboardList",
-    path: "/admin/tests",
-    description: "PDF testler ve cevap anahtarları",
-  },
-];
-
-export const questionTypes = [
-  { value: "multiple-choice", label: "Çoktan Seçmeli", icon: "CheckCircle" },
-  { value: "fill-blank", label: "Boşluk Doldurma", icon: "Edit3" },
-  { value: "multiple-answer", label: "Çok Yanıtlı", icon: "CheckSquare" },
-  { value: "matching", label: "Eşleştirme", icon: "Link" },
-  { value: "ordering", label: "Sıralama", icon: "ArrowUpDown" },
-  { value: "open-ended", label: "Açık Uçlu", icon: "MessageSquare" },
-  { value: "true-false", label: "Doğru-Yanlış", icon: "ToggleLeft" },
-  { value: "calculation", label: "Hesaplama", icon: "Calculator" },
-];
-
-export const difficultyLevels = [
-  { value: "easy", label: "Kolay", color: "green" },
-  { value: "medium", label: "Orta", color: "yellow" },
-  { value: "hard", label: "Zor", color: "red" },
-];
-
-export const examTypes = [
-  { value: "exam", label: "Sınav", icon: "FileText" },
-  { value: "assignment", label: "Ödev", icon: "BookOpen" },
-  { value: "test", label: "Test", icon: "ClipboardList" },
-];
-
-export const getBreadcrumb = (currentPath: string): string[] => {
-  const pathMap: Record<string, string[]> = {
-    "/admin/dashboard": ["Admin", "Dashboard"],
-    "/admin/tags": ["Admin", "Etiket Yönetimi"],
-    "/admin/question-pools": ["Admin", "Soru Havuzları"],
-    "/admin/exams": ["Admin", "Sınav Yönetimi"],
-    "/admin/assignments": ["Admin", "Ödev Yönetimi"],
-    "/admin/tests": ["Admin", "Test Yönetimi"],
-  };
-  return pathMap[currentPath] || ["Admin"];
-};
diff --git a/ui/src/mocks/mockCostCenters.ts b/ui/src/mocks/mockCostCenters.ts
deleted file mode 100644
index c1cce51f..00000000
--- a/ui/src/mocks/mockCostCenters.ts
+++ /dev/null
@@ -1,184 +0,0 @@
-import { HrCostCenter, CostCenterType } from '../types/hr'
-
-export const mockCostCenters: HrCostCenter[] = [
-  {
-    id: 'cc-001',
-    code: 'CC-ADM-001',
-    name: 'Genel Yönetim',
-    description: 'Şirket genel yönetim masrafları',
-    costCenterType: CostCenterType.Administrative,
-    budgetedAmount: 2500000,
-    actualAmount: 2350000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-12-01'),
-    subCostCenters: [],
-  },
-  {
-    id: 'cc-002',
-    code: 'CC-HR-001',
-    name: 'İnsan Kaynakları',
-    description: 'İnsan kaynakları departmanı masrafları',
-    costCenterType: CostCenterType.Support,
-    budgetedAmount: 1800000,
-    actualAmount: 1650000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-11-15'),
-    subCostCenters: [],
-  },
-  {
-    id: 'cc-003',
-    code: 'CC-FIN-001',
-    name: 'Finans ve Muhasebe',
-    description: 'Mali işler ve muhasebe masrafları',
-    costCenterType: CostCenterType.Support,
-    budgetedAmount: 1500000,
-    actualAmount: 1420000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-11-20'),
-    subCostCenters: [],
-  },
-  {
-    id: 'cc-004',
-    code: 'CC-IT-001',
-    name: 'Bilgi İşlem',
-    description: 'IT altyapı ve yazılım masrafları',
-    costCenterType: CostCenterType.Support,
-    budgetedAmount: 3200000,
-    actualAmount: 3100000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-12-05'),
-    subCostCenters: [],
-  },
-  {
-    id: 'cc-005',
-    code: 'CC-PROD-001',
-    name: 'Üretim Departmanı',
-    description: 'Üretim faaliyetleri masrafları',
-    costCenterType: CostCenterType.Production,
-    budgetedAmount: 8500000,
-    actualAmount: 8200000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-12-10'),
-    subCostCenters: [],
-  },
-  {
-    id: 'cc-006',
-    code: 'CC-SAL-001',
-    name: 'Satış ve Pazarlama',
-    description: 'Satış ve pazarlama faaliyetleri',
-    costCenterType: CostCenterType.Revenue,
-    budgetedAmount: 4200000,
-    actualAmount: 4050000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-12-08'),
-    subCostCenters: [],
-  },
-  {
-    id: 'cc-007',
-    code: 'CC-QUA-001',
-    name: 'Kalite Kontrol',
-    description: 'Kalite kontrol ve güvence masrafları',
-    costCenterType: CostCenterType.Support,
-    budgetedAmount: 1200000,
-    actualAmount: 1150000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-11-25'),
-    subCostCenters: [],
-  },
-  {
-    id: 'cc-008',
-    code: 'CC-LOG-001',
-    name: 'Lojistik ve Depo',
-    description: 'Lojistik operasyonları ve depo masrafları',
-    costCenterType: CostCenterType.Support,
-    budgetedAmount: 2800000,
-    actualAmount: 2650000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-12-03'),
-    subCostCenters: [],
-  },
-  {
-    id: 'cc-009',
-    code: 'CC-RND-001',
-    name: 'Ar-Ge Departmanı',
-    description: 'Araştırma ve geliştirme masrafları',
-    costCenterType: CostCenterType.Investment,
-    budgetedAmount: 3500000,
-    actualAmount: 3300000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-12-07'),
-    subCostCenters: [],
-  },
-  {
-    id: 'cc-010',
-    code: 'CC-PUR-001',
-    name: 'Satın Alma',
-    description: 'Satın alma ve tedarik masrafları',
-    costCenterType: CostCenterType.Support,
-    budgetedAmount: 1600000,
-    actualAmount: 1520000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-11-30'),
-    subCostCenters: [],
-  },
-  {
-    id: 'cc-011',
-    code: 'CC-MAI-001',
-    name: 'Bakım ve Onarım',
-    description: 'Bakım ve onarım masrafları',
-    costCenterType: CostCenterType.Service,
-    budgetedAmount: 2200000,
-    actualAmount: 2100000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-12-02'),
-    subCostCenters: [],
-  },
-  {
-    id: 'cc-012',
-    code: 'CC-CUS-001',
-    name: 'Müşteri Hizmetleri',
-    description: 'Müşteri hizmetleri masrafları',
-    costCenterType: CostCenterType.Service,
-    budgetedAmount: 1000000,
-    actualAmount: 950000,
-    currency: 'TRY',
-    fiscalYear: '2025',
-    isActive: true,
-    creationTime: new Date('2024-01-15'),
-    lastModificationTime: new Date('2024-11-28'),
-    subCostCenters: [],
-  },
-]
diff --git a/ui/src/mocks/mockCurrencies.ts b/ui/src/mocks/mockCurrencies.ts
deleted file mode 100644
index 18467021..00000000
--- a/ui/src/mocks/mockCurrencies.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export const mockCurrencies = [
-  { value: "TRY", label: "Türk Lirası (₺)" },
-  { value: "USD", label: "Amerikan Doları ($)" },
-  { value: "EUR", label: "Euro (€)" },
-];
diff --git a/ui/src/mocks/mockCurrentAccountMovements.ts b/ui/src/mocks/mockCurrentAccountMovements.ts
deleted file mode 100644
index 2b1ff697..00000000
--- a/ui/src/mocks/mockCurrentAccountMovements.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { FiCurrentAccountMovement, FiDocumentTypeEnum } from "../types/fi";
-
-export const mockCurrentAccountMovements: FiCurrentAccountMovement[] = [
-  {
-    id: "am1",
-    accountId: "1",
-    transactionDate: new Date("2024-11-01"),
-    description: "Satış faturası - SF2024/001",
-    referenceNumber: "SF2024/001",
-    documentType: FiDocumentTypeEnum.Invoice,
-    documentNumber: "SF2024/001",
-    debitAmount: 0,
-    creditAmount: 25000,
-    balance: -15000,
-    currency: "TRY",
-    invoiceId: "inv1",
-    creationTime: new Date("2024-11-01T10:30:00"),
-  },
-  {
-    id: "am2",
-    accountId: "1",
-    transactionDate: new Date("2024-10-28"),
-    description: "Tahsilat - Nakit",
-    referenceNumber: "TH2024/001",
-    documentType: FiDocumentTypeEnum.Payment,
-    documentNumber: "TH2024/001",
-    debitAmount: 10000,
-    creditAmount: 0,
-    balance: 10000,
-    currency: "TRY",
-    paymentId: "pay1",
-    creationTime: new Date("2024-10-28T14:15:00"),
-  },
-  {
-    id: "am3",
-    accountId: "2",
-    transactionDate: new Date("2024-11-02"),
-    description: "Alış faturası - AF2024/003",
-    referenceNumber: "AF2024/003",
-    documentType: FiDocumentTypeEnum.Invoice,
-    documentNumber: "AF2024/003",
-    debitAmount: 15000,
-    creditAmount: 0,
-    balance: 25000,
-    currency: "TRY",
-    invoiceId: "inv2",
-    creationTime: new Date("2024-11-02T09:45:00"),
-  },
-  {
-    id: "am4",
-    accountId: "2",
-    transactionDate: new Date("2024-10-30"),
-    description: "Ödeme - Banka Havalesi",
-    referenceNumber: "OD2024/005",
-    documentType: FiDocumentTypeEnum.Payment,
-    documentNumber: "OD2024/005",
-    debitAmount: 0,
-    creditAmount: 12000,
-    balance: 10000,
-    currency: "TRY",
-    paymentId: "pay2",
-    creationTime: new Date("2024-10-30T16:20:00"),
-  },
-  {
-    id: "am5",
-    accountId: "1",
-    transactionDate: new Date("2024-10-25"),
-    description: "Satış faturası - SF2024/002",
-    referenceNumber: "SF2024/002",
-    documentType: FiDocumentTypeEnum.Invoice,
-    documentNumber: "SF2024/002",
-    debitAmount: 0,
-    creditAmount: 18000,
-    balance: 0,
-    currency: "TRY",
-    invoiceId: "inv3",
-    creationTime: new Date("2024-10-25T11:10:00"),
-  },
-  {
-    id: "am6",
-    accountId: "3",
-    transactionDate: new Date("2024-11-03"),
-    description: "Alış faturası - AF2024/004",
-    referenceNumber: "AF2024/004",
-    documentType: FiDocumentTypeEnum.Invoice,
-    documentNumber: "AF2024/004",
-    debitAmount: 8500,
-    creditAmount: 0,
-    balance: 8500,
-    currency: "TRY",
-    invoiceId: "inv4",
-    creationTime: new Date("2024-11-03T13:30:00"),
-  },
-  {
-    id: "am7",
-    accountId: "2",
-    transactionDate: new Date("2024-10-22"),
-    description: "Tahsilat - Çek",
-    referenceNumber: "TH2024/002",
-    documentType: FiDocumentTypeEnum.Check,
-    documentNumber: "TH2024/002",
-    debitAmount: 22000,
-    creditAmount: 0,
-    balance: 22000,
-    currency: "TRY",
-    paymentId: "pay3",
-    creationTime: new Date("2024-10-22T15:45:00"),
-  },
-  {
-    id: "am8",
-    accountId: "1",
-    transactionDate: new Date("2024-10-20"),
-    description: "İade faturası - IF2024/001",
-    referenceNumber: "IF2024/001",
-    documentType: FiDocumentTypeEnum.Invoice,
-    documentNumber: "IF2024/001",
-    debitAmount: 3000,
-    creditAmount: 0,
-    balance: 18000,
-    currency: "TRY",
-    invoiceId: "inv5",
-    creationTime: new Date("2024-10-20T12:20:00"),
-  },
-  {
-    id: "am9",
-    accountId: "3",
-    transactionDate: new Date("2024-10-18"),
-    description: "Ödeme - Kredi Kartı",
-    referenceNumber: "OD2024/006",
-    documentType: FiDocumentTypeEnum.Payment,
-    documentNumber: "OD2024/006",
-    debitAmount: 0,
-    creditAmount: 5000,
-    balance: 0,
-    currency: "TRY",
-    paymentId: "pay4",
-    creationTime: new Date("2024-10-18T14:00:00"),
-  },
-  {
-    id: "am10",
-    accountId: "4",
-    transactionDate: new Date("2024-11-04"),
-    description: "Satış faturası - SF2024/003",
-    referenceNumber: "SF2024/003",
-    documentType: FiDocumentTypeEnum.Invoice,
-    documentNumber: "SF2024/003",
-    debitAmount: 0,
-    creditAmount: 32000,
-    balance: -32000,
-    currency: "TRY",
-    invoiceId: "inv6",
-    creationTime: new Date("2024-11-04T10:15:00"),
-  },
-];
diff --git a/ui/src/mocks/mockCurrentAccounts.ts b/ui/src/mocks/mockCurrentAccounts.ts
deleted file mode 100644
index 2995a2f6..00000000
--- a/ui/src/mocks/mockCurrentAccounts.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { AccountTypeEnum, FiCurrentAccount, RiskGroupEnum } from "../types/fi";
-import { mockBusinessParties } from "./mockBusinessParties";
-
-export const mockCurrentAccounts: FiCurrentAccount[] = [
-  {
-    id: "1",
-    accountCode: "CA001",
-    businessPartyId: "1",
-    businessParty: mockBusinessParties.find((bp) => bp.id === "1"),
-    type: AccountTypeEnum.Supplier,
-    taxNumber: "1234567890",
-    taxOffice: "Beylikdüzü V.D.",
-    contactPerson: "Ahmet Yılmaz",
-    phoneNumber: "+90 212 555 1234",
-    email: "info@abctedarik.com",
-    address: "Beylikdüzü Organize Sanayi Bölgesi, İstanbul",
-    creditLimit: 50000,
-    balance: -15000,
-    currency: "TRY",
-    riskGroup: RiskGroupEnum.Low,
-    paymentTerm: 30,
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-20"),
-    lastTransactionDate: new Date("2024-11-01"),
-  },
-  {
-    id: "2",
-    accountCode: "CA002",
-    businessPartyId: "2",
-    businessParty: mockBusinessParties.find((bp) => bp.id === "2"),
-    type: AccountTypeEnum.Customer,
-    taxNumber: "9876543210",
-    taxOffice: "Kadıköy V.D.",
-    contactPerson: "Fatma Demir",
-    phoneNumber: "+90 216 888 5678",
-    email: "satis@xyzmuster.com",
-    address: "Kadıköy, İstanbul",
-    creditLimit: 100000,
-    balance: 25000,
-    currency: "TRY",
-    riskGroup: RiskGroupEnum.Medium,
-    paymentTerm: 45,
-    isActive: true,
-    creationTime: new Date("2024-02-01"),
-    lastModificationTime: new Date("2024-02-10"),
-    lastTransactionDate: new Date("2024-11-02"),
-  },
-  {
-    id: "3",
-    accountCode: "CA003",
-    businessPartyId: "3",
-    businessParty: mockBusinessParties.find((bp) => bp.id === "3"),
-    type: AccountTypeEnum.Both,
-    taxNumber: "5555666677",
-    taxOffice: "Ümraniye V.D.",
-    contactPerson: "Mehmet Kaya",
-    phoneNumber: "+90 216 333 4455",
-    email: "info@definsaat.com",
-    address: "Ümraniye, İstanbul",
-    creditLimit: 75000,
-    balance: 8500,
-    currency: "TRY",
-    riskGroup: RiskGroupEnum.Low,
-    paymentTerm: 30,
-    isActive: true,
-    creationTime: new Date("2024-03-10"),
-    lastModificationTime: new Date("2024-03-15"),
-    lastTransactionDate: new Date("2024-11-03"),
-  },
-  {
-    id: "4",
-    accountCode: "CA004",
-    businessPartyId: "4",
-    businessParty: mockBusinessParties.find((bp) => bp.id === "4"),
-    type: AccountTypeEnum.Customer,
-    taxNumber: "1111222233",
-    taxOffice: "Beşiktaş V.D.",
-    contactPerson: "Ayşe Özkan",
-    phoneNumber: "+90 212 777 8899",
-    email: "info@ghiteknoloji.com",
-    address: "Beşiktaş, İstanbul",
-    creditLimit: 200000,
-    balance: -32000,
-    currency: "TRY",
-    riskGroup: RiskGroupEnum.Low,
-    paymentTerm: 60,
-    isActive: true,
-    creationTime: new Date("2024-04-05"),
-    lastModificationTime: new Date("2024-04-12"),
-    lastTransactionDate: new Date("2024-11-04"),
-  },
-  {
-    id: "5",
-    accountCode: "CA005",
-    businessPartyId: "5",
-    businessParty: mockBusinessParties.find((bp) => bp.id === "5"),
-    type: AccountTypeEnum.Supplier,
-    taxNumber: "9999888877",
-    taxOffice: "Maltepe V.D.",
-    contactPerson: "Ali Öz",
-    phoneNumber: "+90 216 555 1122",
-    email: "info@jklgida.com",
-    address: "Maltepe, İstanbul",
-    creditLimit: 30000,
-    balance: 45000,
-    currency: "TRY",
-    riskGroup: RiskGroupEnum.High,
-    paymentTerm: 15,
-    isActive: true,
-    creationTime: new Date("2024-05-20"),
-    lastModificationTime: new Date("2024-05-25"),
-    lastTransactionDate: new Date("2024-10-28"),
-  },
-];
diff --git a/ui/src/mocks/mockDeliveries.ts b/ui/src/mocks/mockDeliveries.ts
deleted file mode 100644
index 70ca1d84..00000000
--- a/ui/src/mocks/mockDeliveries.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import { MmDelivery, DeliveryStatusEnum, RequestTypeEnum } from "../types/mm";
-
-export const mockDeliveries: MmDelivery[] = [
-  {
-    id: "DEL001",
-    deliveryNumber: "TES-2024-001",
-    orderId: "ORD001",
-    orderNumber: "SIP-2024-001",
-    requestType: RequestTypeEnum.Material,
-    supplierId: "SUP001",
-    supplierName: "ABC Malzeme Ltd.",
-    courierCompany: "Hızlı Kargo",
-    trackingNumber: "HK123456789",
-    deliveryDate: new Date("2024-02-03"),
-    expectedDeliveryDate: new Date("2024-02-05"),
-    actualDeliveryDate: new Date("2024-02-03"),
-    status: DeliveryStatusEnum.Delivered,
-    deliveryAddress: "Organize Sanayi Bölgesi, 1. Cadde No:15, İstanbul",
-    receivedBy: "Ahmet Yıldız - Depo Sorumlusu",
-    items: [
-      {
-        id: "DELI001",
-        materialId: "MAL001",
-        materialName: "Çelik Profil 40x40",
-        orderedQuantity: 100,
-        deliveredQuantity: 100,
-        unit: "adet",
-        condition: "Good", // ✅ artık DeliveryItem union tipine uygun
-        notes: "Tam ve hasarsız teslim alındı",
-      },
-      {
-        id: "DELI002",
-        materialId: "MAL002",
-        materialName: "Kaynak Elektrodu",
-        orderedQuantity: 200,
-        deliveredQuantity: 200,
-        unit: "kg",
-        condition: "Good",
-        notes: "Ambalaj intact",
-      },
-    ],
-    notes: "Öncelikli teslimat - 2 gün erken teslim edildi.",
-    attachments: ["teslimat_tutanagi.pdf", "kalite_kontrol_raporu.pdf"],
-    creationTime: new Date("2024-02-01"),
-    lastModificationTime: new Date("2024-02-03"),
-  },
-  {
-    id: "DEL002",
-    deliveryNumber: "TES-2024-002",
-    orderId: "ORD002",
-    orderNumber: "SIP-2024-002",
-    requestType: RequestTypeEnum.WorkCenter,
-    supplierId: "SUP002",
-    supplierName: "XYZ Teknoloji A.Ş.",
-    courierCompany: "Güvenli Nakliyat",
-    trackingNumber: "GN987654321",
-    deliveryDate: new Date("2024-02-08"),
-    expectedDeliveryDate: new Date("2024-02-12"),
-    status: DeliveryStatusEnum.PartiallyDelivered,
-    deliveryAddress: "İş Merkezi, 3. Kat, Levent, İstanbul",
-    receivedBy: "Zeynep Kaya - IT Sorumlusu",
-    items: [
-      {
-        id: "DELI003",
-        materialId: "EQP001",
-        materialName: "Masaüstü Bilgisayar",
-        orderedQuantity: 10,
-        deliveredQuantity: 7,
-        unit: "adet",
-        condition: "Good",
-        notes: "3 adet gecikecek - tedarikçi bilgilendirildi",
-      },
-      {
-        id: "DELI004",
-        materialId: "EQP002",
-        materialName: "Monitör",
-        orderedQuantity: 10,
-        deliveredQuantity: 10,
-        unit: "adet",
-        condition: "Good",
-        notes: "Tam teslimat",
-      },
-    ],
-    notes: "Kısmi teslimat - kalan 3 adet bilgisayar sonraki hafta gelecek.",
-    attachments: ["kismi_teslimat_tutanagi.pdf"],
-    creationTime: new Date("2024-02-05"),
-    lastModificationTime: new Date("2024-02-08"),
-  },
-  {
-    id: "DEL003",
-    deliveryNumber: "TES-2024-003",
-    orderId: "ORD003",
-    orderNumber: "SIP-2024-003",
-    requestType: RequestTypeEnum.Service,
-    supplierId: "SUP003",
-    supplierName: "DEF Bakım Ltd.",
-    deliveryDate: new Date("2024-02-01"),
-    expectedDeliveryDate: new Date("2024-02-01"),
-    status: DeliveryStatusEnum.InTransit,
-    deliveryAddress: "Fabrika Sahası, Makine Atölyesi, Gebze, Kocaeli",
-    items: [
-      {
-        id: "DELI005",
-        materialId: "SRV001",
-        materialName: "Preventif Bakım Hizmeti",
-        orderedQuantity: 1,
-        deliveredQuantity: 0,
-        unit: "hizmet",
-        condition: "Good",
-        notes: "Teknisyen yolda",
-      },
-    ],
-    notes: "Tekniker ekibi fabrikaya doğru yola çıktı.",
-    attachments: [],
-    creationTime: new Date("2024-01-30"),
-    lastModificationTime: new Date("2024-02-01"),
-  },
-  {
-    id: "DEL004",
-    deliveryNumber: "TES-2024-004",
-    orderId: "ORD004",
-    orderNumber: "SIP-2024-004",
-    requestType: RequestTypeEnum.Material,
-    supplierId: "SUP004",
-    supplierName: "GHI Kimya San.",
-    courierCompany: "Özel Taşıma",
-    trackingNumber: "OT456789123",
-    deliveryDate: new Date("2024-02-10"),
-    expectedDeliveryDate: new Date("2024-02-08"),
-    status: DeliveryStatusEnum.Delayed,
-    deliveryAddress: "Kimya Fabrikası, Yarışlı Mah., İzmit, Kocaeli",
-    items: [
-      {
-        id: "DELI006",
-        materialId: "CHE001",
-        materialName: "Endüstriyel Temizlik Kimyasalı",
-        orderedQuantity: 500,
-        deliveredQuantity: 0,
-        unit: "litre",
-        condition: "Good",
-        notes: "Özel izin bekliyor",
-      },
-    ],
-    notes: "Kimyasal madde izni bekleniyor - 2 gün gecikme var.",
-    attachments: ["gecikme_bildirimi.pdf"],
-    creationTime: new Date("2024-02-05"),
-    lastModificationTime: new Date("2024-02-10"),
-  },
-];
diff --git a/ui/src/mocks/mockDemandPlanning.ts b/ui/src/mocks/mockDemandPlanning.ts
deleted file mode 100644
index ec8702bb..00000000
--- a/ui/src/mocks/mockDemandPlanning.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import {
-  MrpDemandForecast,
-  ForecastMethodEnum,
-  MrpMaterialRequirement,
-  RequirementSourceTypeEnum,
-} from "../types/mrp";
-import { mockMaterials } from "./mockMaterials";
-
-export const mockDemandForecasts: MrpDemandForecast[] = [
-  {
-    id: "1",
-    materialId: "1",
-    material: mockMaterials.find((m) => m.id === "1"),
-    forecastPeriod: "Ocak 2025",
-    startDate: new Date("2025-01-01"),
-    endDate: new Date("2025-01-31"),
-    forecastMethod: ForecastMethodEnum.MovingAverage,
-    forecastQuantity: 1200,
-    actualQuantity: 1150,
-    accuracy: 95.8,
-    seasonalityFactor: 1.1,
-    trendFactor: 1.02,
-    creationTime: new Date("2024-12-15"),
-    lastModificationTime: new Date("2024-12-20"),
-    notes: "Geçen senenin aynı dönemine göre %10 artış öngörüldü.",
-  },
-  {
-    id: "2",
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2"),
-    forecastPeriod: "Ocak 2025",
-    startDate: new Date("2025-01-01"),
-    endDate: new Date("2025-01-31"),
-    forecastMethod: ForecastMethodEnum.ExponentialSmoothing,
-    forecastQuantity: 800,
-    actualQuantity: 820,
-    accuracy: 97.5,
-    trendFactor: 1.05,
-    creationTime: new Date("2024-12-18"),
-    lastModificationTime: new Date("2024-12-22"),
-    notes: "Yeni pazarlama kampanyasının etkisiyle talep artışı bekleniyor.",
-  },
-  {
-    id: "3",
-    materialId: "3",
-    material: mockMaterials.find((m) => m.id === "3"),
-    forecastPeriod: "Şubat 2025",
-    startDate: new Date("2025-02-01"),
-    endDate: new Date("2025-02-28"),
-    forecastMethod: ForecastMethodEnum.LinearRegression,
-    forecastQuantity: 2500,
-    creationTime: new Date("2024-12-20"),
-    lastModificationTime: new Date("2024-12-25"),
-    notes: "Tarihsel satış verilerine dayalı regresyon analizi sonucu.",
-  },
-  {
-    id: "4",
-    materialId: "4",
-    material: mockMaterials.find((m) => m.id === "4"),
-    forecastPeriod: "Şubat 2025",
-    startDate: new Date("2025-02-01"),
-    endDate: new Date("2025-02-28"),
-    forecastMethod: ForecastMethodEnum.Seasonal,
-    forecastQuantity: 550,
-    seasonalityFactor: 1.4,
-    creationTime: new Date("2024-12-22"),
-    lastModificationTime: new Date("2024-12-28"),
-    notes: "Kış sezonu nedeniyle talepte mevsimsel artış.",
-  },
-  {
-    id: "df-005",
-    materialId: "3",
-    material: mockMaterials.find((m) => m.id === "3"),
-    forecastPeriod: "Şubat 2025",
-    startDate: new Date("2025-02-01"),
-    endDate: new Date("2025-02-28"),
-    forecastMethod: ForecastMethodEnum.MovingAverage,
-    forecastQuantity: 1300,
-    accuracy: 88.0,
-    creationTime: new Date("2025-01-05"),
-    lastModificationTime: new Date("2025-01-10"),
-    notes: "Ocak ayı verileriyle güncellenmiş hareketli ortalama.",
-  },
-];
-
-export const mockMaterialRequirements: MrpMaterialRequirement[] = [
-  {
-    id: "1",
-    mrpRunId: "",
-    materialId: "1",
-    material: mockMaterials.find((m) => m.id === "1"),
-    grossRequirement: 1200,
-    scheduledReceipts: 200,
-    projectedAvailable: 150,
-    netRequirement: 850,
-    plannedOrderReceipt: 900,
-    plannedOrderRelease: 900,
-    requirementDate: new Date("2025-01-05"),
-    plannedReceiptDate: new Date("2025-01-10"),
-    plannedReleaseDate: new Date("2025-01-05"),
-    sourceType: RequirementSourceTypeEnum.Forecast,
-    sourceDocumentId: "df-001",
-    creationTime: new Date("2024-12-20"),
-    lastModificationTime: new Date("2024-12-22"),
-  },
-  {
-    id: "2",
-    mrpRunId: "",
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2"),
-    grossRequirement: 500,
-    scheduledReceipts: 0,
-    projectedAvailable: 50,
-    netRequirement: 450,
-    plannedOrderReceipt: 500,
-    plannedOrderRelease: 500,
-    plannedReceiptDate: new Date("2025-01-05"),
-    plannedReleaseDate: new Date("2025-01-10"),
-    requirementDate: new Date("2025-01-20"),
-    sourceType: RequirementSourceTypeEnum.SalesOrder,
-    sourceDocumentId: "SO-2025-001",
-    creationTime: new Date("2025-01-10"),
-    lastModificationTime: new Date("2025-01-15"),
-  },
-  {
-    id: "3",
-    mrpRunId: "",
-    materialId: "3",
-    material: mockMaterials.find((m) => m.id === "3"),
-    grossRequirement: 300,
-    scheduledReceipts: 100,
-    projectedAvailable: 350,
-    netRequirement: 0, // Stok yeterli
-    plannedOrderReceipt: 0,
-    plannedOrderRelease: 0,
-    plannedReceiptDate: new Date("2025-01-25"),
-    plannedReleaseDate: new Date("2025-01-20"),
-    requirementDate: new Date("2025-01-15"),
-    sourceType: RequirementSourceTypeEnum.Forecast,
-    sourceDocumentId: "df-003",
-    creationTime: new Date("2025-01-30"),
-    lastModificationTime: new Date("2025-01-30"),
-  },
-  {
-    id: "4",
-    mrpRunId: "",
-    materialId: "4",
-    material: mockMaterials.find((m) => m.id === "4"),
-    grossRequirement: 400,
-    scheduledReceipts: 0,
-    projectedAvailable: 20,
-    netRequirement: 380,
-    plannedOrderReceipt: 400,
-    plannedOrderRelease: 400,
-    plannedReceiptDate: new Date("2025-02-05"),
-    plannedReleaseDate: new Date("2025-01-30"),
-    requirementDate: new Date("2025-02-10"),
-    sourceType: RequirementSourceTypeEnum.SafetyStock,
-    sourceDocumentId: "SS-2025-001",
-    creationTime: new Date("2025-01-15"),
-    lastModificationTime: new Date("2025-01-20"),
-  },
-];
diff --git a/ui/src/mocks/mockDepartments.ts b/ui/src/mocks/mockDepartments.ts
index f0b0f764..82150a49 100644
--- a/ui/src/mocks/mockDepartments.ts
+++ b/ui/src/mocks/mockDepartments.ts
@@ -1,9 +1,8 @@
-import { DepartmentDto } from '../types/hr'
+import { DepartmentDto } from "@/proxy/intranet/models"
 
 export const mockDepartments: DepartmentDto[] = [
   {
     id: '1',
-    code: 'ÜRT',
     name: 'Üretim',
     description: 'Üretim departmanı',
     parentDepartmentId: undefined,
@@ -20,7 +19,6 @@ export const mockDepartments: DepartmentDto[] = [
   },
   {
     id: '2',
-    code: 'BAK',
     name: 'Bakım',
     description: 'Bakım departmanı',
     parentDepartmentId: undefined,
@@ -37,7 +35,6 @@ export const mockDepartments: DepartmentDto[] = [
   },
   {
     id: '3',
-    code: 'KAL',
     name: 'Kalite Kontrol',
     description: 'Kalite kontrol departmanı',
     parentDepartmentId: '1',
@@ -54,7 +51,6 @@ export const mockDepartments: DepartmentDto[] = [
   },
   {
     id: '4',
-    code: 'DEP',
     name: 'Depo',
     description: 'Depo departmanı',
     parentDepartmentId: '1',
@@ -71,7 +67,6 @@ export const mockDepartments: DepartmentDto[] = [
   },
   {
     id: '5',
-    code: 'IDR',
     name: 'İdari İşler',
     description: 'İdari işler departmanı',
     parentDepartmentId: undefined,
diff --git a/ui/src/mocks/mockEmployeeTypes.ts b/ui/src/mocks/mockEmployeeTypes.ts
deleted file mode 100644
index b235c8d6..00000000
--- a/ui/src/mocks/mockEmployeeTypes.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { HrEmploymentType, EmploymentTypeEnum } from "../types/hr";
-import { mockEmployees } from "./mockEmployees";
-
-export const mockEmployeeTypes: HrEmploymentType[] = [
-  {
-    id: "1",
-    name: "FULL_TIME",
-    count: mockEmployees.filter(
-      (a) => a.employmentType == EmploymentTypeEnum.FullTime
-    ).length,
-    creationTime: new Date("2023-01-01T10:00:00Z"),
-    lastModificationTime: new Date("2023-01-01T10:00:00Z"),
-  },
-  {
-    id: "2",
-    name: "PART_TIME",
-    count: mockEmployees.filter(
-      (a) => a.employmentType == EmploymentTypeEnum.PartTime
-    ).length,
-    creationTime: new Date("2023-01-01T10:00:00Z"),
-    lastModificationTime: new Date("2023-01-01T10:00:00Z"),
-  },
-  {
-    id: "3",
-    name: "CONTRACT",
-    count: mockEmployees.filter(
-      (a) => a.employmentType == EmploymentTypeEnum.Contract
-    ).length,
-    creationTime: new Date("2023-01-01T10:00:00Z"),
-    lastModificationTime: new Date("2023-01-01T10:00:00Z"),
-  },
-  {
-    id: "4",
-    name: "INTERN",
-    count: mockEmployees.filter(
-      (a) => a.employmentType == EmploymentTypeEnum.Intern
-    ).length,
-    creationTime: new Date("2023-01-01T10:00:00Z"),
-    lastModificationTime: new Date("2023-01-01T10:00:00Z"),
-  },
-  {
-    id: "5",
-    name: "TEMPORARY",
-    count: mockEmployees.filter(
-      (a) => a.employmentType == EmploymentTypeEnum.Temporary
-    ).length,
-    creationTime: new Date("2023-01-01T10:00:00Z"),
-    lastModificationTime: new Date("2023-01-01T10:00:00Z"),
-  },
-  {
-    id: "6",
-    name: "CONSULTANT",
-    count: mockEmployees.filter(
-      (a) => a.employmentType == EmploymentTypeEnum.Consultant
-    ).length,
-    creationTime: new Date("2023-01-01T10:00:00Z"),
-    lastModificationTime: new Date("2023-01-01T10:00:00Z"),
-  },
-];
diff --git a/ui/src/mocks/mockEvaluation360.ts b/ui/src/mocks/mockEvaluation360.ts
deleted file mode 100644
index c8ae73f8..00000000
--- a/ui/src/mocks/mockEvaluation360.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-import { HrEvaluation360, CampaignStatusEnum } from "../types/hr";
-
-// Örnek 360° Derece Değerlendirme
-export const mockEvaluation360: HrEvaluation360[] = [
-  {
-    id: "campaign-001",
-    name: "2024 Q4 360° Derece Değerlendirme",
-    description: "2024 yılı son çeyrek 360° derece performans değerlendirmesi",
-    templateId: "template-001",
-    evaluationPeriod: "2024 Q4",
-    startDate: new Date("2024-11-01"),
-    endDate: new Date("2024-12-15"),
-    status: CampaignStatusEnum.Active,
-    departmentId: "1", // Üretim departmanı
-    targetEmployees: ["1", "2", "3", "4", "5"],
-    settings: {
-      allowSelfEvaluation: true,
-      requireManagerEvaluation: true,
-      minPeerEvaluations: 2,
-      minSubordinateEvaluations: 1,
-      allowAnonymousFeedback: true,
-      sendReminderEmails: true,
-      reminderIntervalDays: 3,
-    },
-    creationTime: new Date("2024-10-15"),
-    lastModificationTime: new Date("2024-11-15"),
-  },
-  {
-    id: "campaign-002",
-    name: "2025 Q1 Liderlik Değerlendirmesi",
-    description:
-      "Liderlik pozisyonları için özel 360° derece değerlendirme kampanyası",
-    templateId: "template-001",
-    evaluationPeriod: "2025 Q1",
-    startDate: new Date("2025-01-01"),
-    endDate: new Date("2025-02-28"),
-    status: CampaignStatusEnum.Active,
-    departmentId: "2", // Bakım departmanı
-    targetEmployees: ["7", "8", "9"],
-    settings: {
-      allowSelfEvaluation: true,
-      requireManagerEvaluation: true,
-      minPeerEvaluations: 3,
-      minSubordinateEvaluations: 2,
-      allowAnonymousFeedback: true,
-      sendReminderEmails: true,
-      reminderIntervalDays: 5,
-    },
-    creationTime: new Date("2024-12-01"),
-    lastModificationTime: new Date("2024-12-01"),
-  },
-  {
-    id: "campaign-003",
-    name: "2023 Kalite Departmanı Değerlendirme",
-    description:
-      "Kalite kontrol departmanı personeli için 360° derece değerlendirme",
-    templateId: "template-001",
-    evaluationPeriod: "2023 Annual",
-    startDate: new Date("2023-10-01"),
-    endDate: new Date("2023-11-30"),
-    status: CampaignStatusEnum.Active,
-    departmentId: "3", // Kalite Kontrol departmanı
-    targetEmployees: ["5", "6"],
-    settings: {
-      allowSelfEvaluation: true,
-      requireManagerEvaluation: true,
-      minPeerEvaluations: 2,
-      minSubordinateEvaluations: 0,
-      allowAnonymousFeedback: true,
-      sendReminderEmails: true,
-      reminderIntervalDays: 3,
-    },
-    creationTime: new Date("2024-09-15"),
-    lastModificationTime: new Date("2024-11-30"),
-  },
-  {
-    id: "campaign-004",
-    name: "2022 Kalite Departmanı Değerlendirme",
-    description:
-      "Kalite kontrol departmanı personeli için 360° derece değerlendirme",
-    templateId: "template-001",
-    evaluationPeriod: "2022 Annual",
-    startDate: new Date("2022-10-01"),
-    endDate: new Date("2024-11-30"),
-    status: CampaignStatusEnum.Active,
-    departmentId: "3", // Kalite Kontrol departmanı
-    targetEmployees: ["5", "6"],
-    settings: {
-      allowSelfEvaluation: true,
-      requireManagerEvaluation: true,
-      minPeerEvaluations: 2,
-      minSubordinateEvaluations: 0,
-      allowAnonymousFeedback: true,
-      sendReminderEmails: true,
-      reminderIntervalDays: 3,
-    },
-    creationTime: new Date("2024-09-15"),
-    lastModificationTime: new Date("2024-11-30"),
-  },
-  {
-    id: "campaign-005",
-    name: "2021 Kalite Departmanı Değerlendirme",
-    description:
-      "Kalite kontrol departmanı personeli için 360° derece değerlendirme",
-    templateId: "template-001",
-    evaluationPeriod: "2021 Annual",
-    startDate: new Date("2021-10-01"),
-    endDate: new Date("2021-11-30"),
-    status: CampaignStatusEnum.Active,
-    departmentId: "3", // Kalite Kontrol departmanı
-    targetEmployees: ["5", "6"],
-    settings: {
-      allowSelfEvaluation: true,
-      requireManagerEvaluation: true,
-      minPeerEvaluations: 2,
-      minSubordinateEvaluations: 0,
-      allowAnonymousFeedback: true,
-      sendReminderEmails: true,
-      reminderIntervalDays: 3,
-    },
-    creationTime: new Date("2024-09-15"),
-    lastModificationTime: new Date("2024-11-30"),
-  },
-  {
-    id: "campaign-006",
-    name: "2020 Kalite Departmanı Değerlendirme",
-    description:
-      "Kalite kontrol departmanı personeli için 360° derece değerlendirme",
-    templateId: "template-001",
-    evaluationPeriod: "2020 Annual",
-    startDate: new Date("2020-10-01"),
-    endDate: new Date("2020-11-30"),
-    status: CampaignStatusEnum.Active,
-    departmentId: "3", // Kalite Kontrol departmanı
-    targetEmployees: ["5", "6"],
-    settings: {
-      allowSelfEvaluation: true,
-      requireManagerEvaluation: true,
-      minPeerEvaluations: 2,
-      minSubordinateEvaluations: 0,
-      allowAnonymousFeedback: true,
-      sendReminderEmails: true,
-      reminderIntervalDays: 3,
-    },
-    creationTime: new Date("2024-09-15"),
-    lastModificationTime: new Date("2024-11-30"),
-  },
-];
diff --git a/ui/src/mocks/mockEvaluation360Results.ts b/ui/src/mocks/mockEvaluation360Results.ts
deleted file mode 100644
index 759da911..00000000
--- a/ui/src/mocks/mockEvaluation360Results.ts
+++ /dev/null
@@ -1,519 +0,0 @@
-import {
-  AssessorTypeEnum,
-  HrEvaluation360Result,
-  ResultStatusEnum,
-  ParticipantStatusEnum,
-} from "../types/hr";
-
-// Örnek Sonuçlar
-export const mockEvaluation360Results: HrEvaluation360Result[] = [
-  {
-    id: "result-001",
-    campaignId: "campaign-001",
-    employeeId: "1",
-    participants: [
-      // Ali Öztürk'ün kendisi tarafından değerlendirme
-      {
-        id: "part-001",
-        campaignId: "campaign-001",
-        evaluatedEmployeeId: "1",
-        evaluatorId: "1", // Kendi değerlendirmesi
-        evaluatorType: AssessorTypeEnum.Self,
-        status: ParticipantStatusEnum.Completed,
-        invitedDate: new Date("2024-11-01"),
-        startedDate: new Date("2024-11-05"),
-        completedDate: new Date("2024-11-10"),
-        responses: [
-          {
-            id: "resp-001",
-            participantId: "part-001",
-            questionId: "q-001", // İletişim Becerileri - İletişim kurar
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-11-10"),
-          },
-          {
-            id: "resp-002",
-            participantId: "part-001",
-            questionId: "q-002", // İletişim Becerileri - Dinleme
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-11-10"),
-          },
-          {
-            id: "resp-003",
-            participantId: "part-001",
-            questionId: "q-005", // Takım Çalışması
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-11-10"),
-          },
-          {
-            id: "resp-004",
-            participantId: "part-001",
-            questionId: "q-008", // Liderlik - Motivasyon
-            responseValue: 3,
-            score: 3,
-            submittedDate: new Date("2024-11-10"),
-          },
-          {
-            id: "resp-005",
-            participantId: "part-001",
-            questionId: "q-010", // Problem Çözme
-            responseValue: 5,
-            score: 5,
-            submittedDate: new Date("2024-11-10"),
-          },
-        ],
-        overallScore: 85,
-        notes: "Genel olarak kendimi başarılı buluyorum",
-      },
-      // Yönetici tarafından değerlendirme
-      {
-        id: "part-002",
-        campaignId: "campaign-001",
-        evaluatedEmployeeId: "1",
-        evaluatorId: "2", // Yönetici değerlendirmesi
-        evaluatorType: AssessorTypeEnum.Manager,
-        status: ParticipantStatusEnum.Completed,
-        invitedDate: new Date("2024-11-01"),
-        startedDate: new Date("2024-11-08"),
-        completedDate: new Date("2024-11-12"),
-        responses: [
-          {
-            id: "resp-006",
-            participantId: "part-002",
-            questionId: "q-001",
-            responseValue: 5,
-            score: 5,
-            submittedDate: new Date("2024-11-12"),
-          },
-          {
-            id: "resp-007",
-            participantId: "part-002",
-            questionId: "q-002",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-11-12"),
-          },
-          {
-            id: "resp-008",
-            participantId: "part-002",
-            questionId: "q-005",
-            responseValue: 5,
-            score: 5,
-            submittedDate: new Date("2024-11-12"),
-          },
-          {
-            id: "resp-009",
-            participantId: "part-002",
-            questionId: "q-008",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-11-12"),
-          },
-          {
-            id: "resp-010",
-            participantId: "part-002",
-            questionId: "q-010",
-            responseValue: 5,
-            score: 5,
-            submittedDate: new Date("2024-11-12"),
-          },
-        ],
-        overallScore: 92,
-        notes: "Çok başarılı bir ekip üyesi",
-      },
-      // Meslektaş değerlendirmeleri
-      {
-        id: "part-003",
-        campaignId: "campaign-001",
-        evaluatedEmployeeId: "1",
-        evaluatorId: "3", // Meslektaş değerlendirmesi
-        evaluatorType: AssessorTypeEnum.Peer,
-        status: ParticipantStatusEnum.Completed,
-        invitedDate: new Date("2024-11-01"),
-        startedDate: new Date("2024-11-06"),
-        completedDate: new Date("2024-11-11"),
-        responses: [
-          {
-            id: "resp-011",
-            participantId: "part-003",
-            questionId: "q-001",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-11-11"),
-          },
-          {
-            id: "resp-012",
-            participantId: "part-003",
-            questionId: "q-002",
-            responseValue: 5,
-            score: 5,
-            submittedDate: new Date("2024-11-11"),
-          },
-          {
-            id: "resp-013",
-            participantId: "part-003",
-            questionId: "q-005",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-11-11"),
-          },
-          {
-            id: "resp-014",
-            participantId: "part-003",
-            questionId: "q-008",
-            responseValue: 3,
-            score: 3,
-            submittedDate: new Date("2024-11-11"),
-          },
-          {
-            id: "resp-015",
-            participantId: "part-003",
-            questionId: "q-010",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-11-11"),
-          },
-        ],
-        overallScore: 87,
-        notes: "İşbirliğinde çok başarılı",
-      },
-    ],
-    overallScore: 88.5,
-    maxPossibleScore: 100,
-    scorePercentage: 88.5,
-    groupScores: [
-      {
-        groupId: "group-001",
-        groupName: "İletişim Becerileri",
-        score: 22,
-        maxScore: 25,
-        percentage: 88,
-        responseCount: 3,
-      },
-      {
-        groupId: "group-002",
-        groupName: "Takım Çalışması",
-        score: 23,
-        maxScore: 25,
-        percentage: 92,
-        responseCount: 3,
-      },
-      {
-        groupId: "group-003",
-        groupName: "Liderlik",
-        score: 20,
-        maxScore: 25,
-        percentage: 80,
-        responseCount: 3,
-      },
-      {
-        groupId: "group-004",
-        groupName: "Problem Çözme",
-        score: 23.5,
-        maxScore: 25,
-        percentage: 94,
-        responseCount: 3,
-      },
-    ],
-    assessorTypeScores: [
-      {
-        assessorType: AssessorTypeEnum.Self,
-        assessorCount: 1,
-        averageScore: 85,
-        maxScore: 100,
-        percentage: 85,
-      },
-      {
-        assessorType: AssessorTypeEnum.Manager,
-        assessorCount: 1,
-        averageScore: 92,
-        maxScore: 100,
-        percentage: 92,
-      },
-      {
-        assessorType: AssessorTypeEnum.Peer,
-        assessorCount: 2,
-        averageScore: 87,
-        maxScore: 100,
-        percentage: 87,
-      },
-    ],
-    strengths: [
-      "Problem çözme konusunda çok başarılı",
-      "Takım çalışmasında öne çıkıyor",
-      "İletişim becerileri güçlü",
-    ],
-    developmentAreas: [
-      "Liderlik becerilerini geliştirmeli",
-      "Zaman yönetimi konusunda iyileştirme yapabilir",
-    ],
-    actionPlan: [
-      "Liderlik eğitimi alması öneriliyor",
-      "Zaman yönetimi workshop'una katılmalı",
-      "Mentorluk programına dahil edilmeli",
-    ],
-    managerComments: "Genel olarak çok başarılı. Liderlik potansiyeli yüksek.",
-    status: ResultStatusEnum.Pending,
-    generatedDate: new Date("2024-11-20"),
-    approvedBy: "hr-manager",
-    approvedDate: new Date("2024-11-22"),
-  },
-  {
-    id: "result-002",
-    campaignId: "campaign-003",
-    employeeId: "5",
-    participants: [
-      // Fatma Yıldız'ın kendisi tarafından değerlendirme
-      {
-        id: "part-101",
-        campaignId: "campaign-003",
-        evaluatedEmployeeId: "5",
-        evaluatorId: "5", // Kendi değerlendirmesi
-        evaluatorType: AssessorTypeEnum.Self,
-        status: ParticipantStatusEnum.Declined,
-        invitedDate: new Date("2024-10-01"),
-        startedDate: new Date("2024-10-05"),
-        completedDate: new Date("2024-10-15"),
-        responses: [
-          {
-            id: "resp-101",
-            participantId: "part-101",
-            questionId: "q-001",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-10-15"),
-          },
-          {
-            id: "resp-102",
-            participantId: "part-101",
-            questionId: "q-002",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-10-15"),
-          },
-          {
-            id: "resp-103",
-            participantId: "part-101",
-            questionId: "q-005",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-10-15"),
-          },
-          {
-            id: "resp-104",
-            participantId: "part-101",
-            questionId: "q-008",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-10-15"),
-          },
-          {
-            id: "resp-105",
-            participantId: "part-101",
-            questionId: "q-010",
-            responseValue: 5,
-            score: 5,
-            submittedDate: new Date("2024-10-15"),
-          },
-        ],
-        overallScore: 88,
-        notes: "Kalite standartlarına uyum konusunda kendimi başarılı buluyorum",
-      },
-      // Yönetici tarafından değerlendirme
-      {
-        id: "part-102",
-        campaignId: "campaign-003",
-        evaluatedEmployeeId: "5",
-        evaluatorId: "1", // Yönetici değerlendirmesi
-        evaluatorType: AssessorTypeEnum.Manager,
-        status: ParticipantStatusEnum.Invited,
-        invitedDate: new Date("2024-10-01"),
-        startedDate: new Date("2024-10-10"),
-        completedDate: new Date("2024-10-20"),
-        responses: [
-          {
-            id: "resp-106",
-            participantId: "part-102",
-            questionId: "q-001",
-            responseValue: 5,
-            score: 5,
-            submittedDate: new Date("2024-10-20"),
-          },
-          {
-            id: "resp-107",
-            participantId: "part-102",
-            questionId: "q-002",
-            responseValue: 5,
-            score: 5,
-            submittedDate: new Date("2024-10-20"),
-          },
-          {
-            id: "resp-108",
-            participantId: "part-102",
-            questionId: "q-005",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-10-20"),
-          },
-          {
-            id: "resp-109",
-            participantId: "part-102",
-            questionId: "q-008",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-10-20"),
-          },
-          {
-            id: "resp-110",
-            participantId: "part-102",
-            questionId: "q-010",
-            responseValue: 5,
-            score: 5,
-            submittedDate: new Date("2024-10-20"),
-          },
-        ],
-        overallScore: 91,
-        notes: "Kalite kontrol süreçlerinde çok titiz ve başarılı",
-      },
-      // Meslektaş değerlendirmesi
-      {
-        id: "part-103",
-        campaignId: "campaign-003",
-        evaluatedEmployeeId: "5",
-        evaluatorId: "6", // Meslektaş değerlendirmesi
-        evaluatorType: AssessorTypeEnum.Peer,
-        status: ParticipantStatusEnum.Started,
-        invitedDate: new Date("2024-10-01"),
-        startedDate: new Date("2024-10-12"),
-        completedDate: new Date("2024-10-18"),
-        responses: [
-          {
-            id: "resp-111",
-            participantId: "part-103",
-            questionId: "q-001",
-            responseValue: 5,
-            score: 5,
-            submittedDate: new Date("2024-10-18"),
-          },
-          {
-            id: "resp-112",
-            participantId: "part-103",
-            questionId: "q-002",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-10-18"),
-          },
-          {
-            id: "resp-113",
-            participantId: "part-103",
-            questionId: "q-005",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-10-18"),
-          },
-          {
-            id: "resp-114",
-            participantId: "part-103",
-            questionId: "q-008",
-            responseValue: 4,
-            score: 4,
-            submittedDate: new Date("2024-10-18"),
-          },
-          {
-            id: "resp-115",
-            participantId: "part-103",
-            questionId: "q-010",
-            responseValue: 5,
-            score: 5,
-            submittedDate: new Date("2024-10-18"),
-          },
-        ],
-        overallScore: 89,
-        notes: "Detaycı ve kalite odaklı çalışıyor",
-      },
-    ],
-    overallScore: 450,
-    maxPossibleScore: 500,
-    scorePercentage: 90,
-    groupScores: [
-      {
-        groupId: "group-001",
-        groupName: "İletişim Becerileri",
-        score: 115,
-        maxScore: 125,
-        percentage: 92,
-        responseCount: 3,
-      },
-      {
-        groupId: "group-002",
-        groupName: "Takım Çalışması",
-        score: 110,
-        maxScore: 125,
-        percentage: 88,
-        responseCount: 3,
-      },
-      {
-        groupId: "group-003",
-        groupName: "Liderlik",
-        score: 105,
-        maxScore: 125,
-        percentage: 84,
-        responseCount: 3,
-      },
-      {
-        groupId: "group-004",
-        groupName: "Problem Çözme",
-        score: 120,
-        maxScore: 125,
-        percentage: 96,
-        responseCount: 3,
-      },
-    ],
-    assessorTypeScores: [
-      {
-        assessorType: AssessorTypeEnum.Self,
-        assessorCount: 1,
-        averageScore: 88,
-        maxScore: 100,
-        percentage: 88,
-      },
-      {
-        assessorType: AssessorTypeEnum.Manager,
-        assessorCount: 1,
-        averageScore: 91,
-        maxScore: 100,
-        percentage: 91,
-      },
-      {
-        assessorType: AssessorTypeEnum.Peer,
-        assessorCount: 2,
-        averageScore: 89,
-        maxScore: 100,
-        percentage: 89,
-      },
-    ],
-    strengths: [
-      "Kalite standartlarına titizlikle uyuyor",
-      "Analitik düşünce becerisi güçlü",
-      "Detaycı ve organizeli çalışıyor",
-    ],
-    developmentAreas: [
-      "Takım motivasyonu konusunda gelişim gösterebilir",
-      "Yaratıcı çözümler üretme konusunda iyileştirme yapabilir",
-    ],
-    actionPlan: [
-      "Takım liderliği eğitimi alması öneriliyor",
-      "Yaratıcı düşünce workshop'una katılmalı",
-      "Cross-functional projelerde yer almalı",
-    ],
-    managerComments: "Kalite kontrol süreçlerinde mükemmel performans gösteriyor.",
-    hrComments: "Liderlik potansiyeli geliştirilmeli.",
-    status: ResultStatusEnum.Pending,
-    generatedDate: new Date("2024-12  -01"),
-    approvedBy: "quality-manager",
-    approvedDate: new Date("2024-12-03"),
-  },
-];
diff --git a/ui/src/mocks/mockEvaluation360Templates.ts b/ui/src/mocks/mockEvaluation360Templates.ts
deleted file mode 100644
index 68852884..00000000
--- a/ui/src/mocks/mockEvaluation360Templates.ts
+++ /dev/null
@@ -1,283 +0,0 @@
-import {
-  HrEvaluation360Template,
-  QuestionTypeEnum,
-  AssessorTypeEnum,
-} from "../types/hr";
-
-// Örnek Değerlendirme Şablonu
-export const mockEvaluation360Templates: HrEvaluation360Template[] = [
-  {
-    id: "template-001",
-    name: "Genel Yetkinlik Değerlendirmesi",
-    description:
-      "Tüm pozisyonlar için kullanılabilecek genel 360° derece değerlendirme şablonu",
-    isActive: true,
-    assessorTypes: [
-      AssessorTypeEnum.Self,
-      AssessorTypeEnum.Manager,
-      AssessorTypeEnum.Peer,
-      AssessorTypeEnum.Subordinate,
-      AssessorTypeEnum.Customer,
-      AssessorTypeEnum.External,
-      AssessorTypeEnum.HRUpperManagement,
-      AssessorTypeEnum.OtherDepartment,
-    ],
-    questionGroups: [
-      {
-        id: "group-001",
-        templateId: "template-001",
-        groupName: "İletişim Becerileri",
-        description: "Sözlü ve yazılı iletişim, dinleme becerileri",
-        weight: 25,
-        order: 1,
-        questions: [
-          {
-            id: "q-001",
-            groupId: "group-001",
-            questionText:
-              "Bu kişi açık ve anlaşılır bir şekilde iletişim kurar",
-            questionType: QuestionTypeEnum.Rating,
-            isRequired: true,
-            weight: 20,
-            order: 1,
-            minRating: 1,
-            maxRating: 5,
-            ratingLabels: [
-              "Hiç Katılmıyorum",
-              "Katılmıyorum",
-              "Kararsızım",
-              "Katılıyorum",
-              "Tamamen Katılıyorum",
-            ],
-          },
-          {
-            id: "q-002",
-            groupId: "group-001",
-            questionText: "Bu kişi diğerlerini etkin bir şekilde dinler",
-            questionType: QuestionTypeEnum.Rating,
-            isRequired: true,
-            weight: 20,
-            order: 2,
-            minRating: 1,
-            maxRating: 5,
-            ratingLabels: [
-              "Hiç Katılmıyorum",
-              "Katılmıyorum",
-              "Kararsızım",
-              "Katılıyorum",
-              "Tamamen Katılıyorum",
-            ],
-          },
-          {
-            id: "q-003",
-            groupId: "group-001",
-            questionText: "Bu kişinin yazılı iletişim becerileri nasıldır?",
-            questionType: QuestionTypeEnum.MultipleChoice,
-            isRequired: true,
-            weight: 15,
-            order: 3,
-            options: [
-              {
-                id: "opt-001",
-                questionId: "q-003",
-                optionText: "Çok Zayıf",
-                value: 1,
-                order: 1,
-              },
-              {
-                id: "opt-002",
-                questionId: "q-003",
-                optionText: "Zayıf",
-                value: 2,
-                order: 2,
-              },
-              {
-                id: "opt-003",
-                questionId: "q-003",
-                optionText: "Orta",
-                value: 3,
-                order: 3,
-              },
-              {
-                id: "opt-004",
-                questionId: "q-003",
-                optionText: "İyi",
-                value: 4,
-                order: 4,
-              },
-              {
-                id: "opt-005",
-                questionId: "q-003",
-                optionText: "Mükemmel",
-                value: 5,
-                order: 5,
-              },
-            ],
-          },
-          {
-            id: "q-004",
-            groupId: "group-001",
-            questionText: "İletişim konusunda özel yorumlarınız:",
-            questionType: QuestionTypeEnum.Text,
-            isRequired: false,
-            weight: 5,
-            order: 4,
-          },
-        ],
-      },
-      {
-        id: "group-002",
-        templateId: "template-001",
-        groupName: "Takım Çalışması",
-        description: "İşbirliği, team work, ortak hedeflere odaklanma",
-        weight: 25,
-        order: 2,
-        questions: [
-          {
-            id: "q-005",
-            groupId: "group-002",
-            questionText: "Bu kişi takım içinde yapıcı bir rol oynar",
-            questionType: QuestionTypeEnum.Rating,
-            isRequired: true,
-            weight: 25,
-            order: 1,
-            minRating: 1,
-            maxRating: 5,
-            ratingLabels: [
-              "Hiç Katılmıyorum",
-              "Katılmıyorum",
-              "Kararsızım",
-              "Katılıyorum",
-              "Tamamen Katılıyorum",
-            ],
-          },
-          {
-            id: "q-006",
-            groupId: "group-002",
-            questionText: "Bu kişi çatışma durumlarında yapıcı çözümler önerir",
-            questionType: QuestionTypeEnum.Rating,
-            isRequired: true,
-            weight: 25,
-            order: 2,
-            minRating: 1,
-            maxRating: 5,
-            ratingLabels: [
-              "Hiç Katılmıyorum",
-              "Katılmıyorum",
-              "Kararsızım",
-              "Katılıyorum",
-              "Tamamen Katılıyorum",
-            ],
-          },
-          {
-            id: "q-007",
-            groupId: "group-002",
-            questionText:
-              "Takım çalışması konusundaki gözlemlerinizi paylaşın:",
-            questionType: QuestionTypeEnum.Text,
-            isRequired: false,
-            weight: 10,
-            order: 3,
-          },
-        ],
-      },
-      {
-        id: "group-003",
-        templateId: "template-001",
-        groupName: "Liderlik",
-        description: "Vizyon oluşturma, yönlendirme, motivasyon",
-        weight: 25,
-        order: 3,
-        questions: [
-          {
-            id: "q-008",
-            groupId: "group-003",
-            questionText: "Bu kişi takımı motive etme konusunda başarılıdır",
-            questionType: QuestionTypeEnum.Rating,
-            isRequired: true,
-            weight: 30,
-            order: 1,
-            minRating: 1,
-            maxRating: 5,
-            ratingLabels: [
-              "Hiç Katılmıyorum",
-              "Katılmıyorum",
-              "Kararsızım",
-              "Katılıyorum",
-              "Tamamen Katılıyorum",
-            ],
-          },
-          {
-            id: "q-009",
-            groupId: "group-003",
-            questionText: "Bu kişi zor durumlarda liderlik gösterir",
-            questionType: QuestionTypeEnum.Rating,
-            isRequired: true,
-            weight: 30,
-            order: 2,
-            minRating: 1,
-            maxRating: 5,
-            ratingLabels: [
-              "Hiç Katılmıyorum",
-              "Katılmıyorum",
-              "Kararsızım",
-              "Katılıyorum",
-              "Tamamen Katılıyorum",
-            ],
-          },
-        ],
-      },
-      {
-        id: "group-004",
-        templateId: "template-001",
-        groupName: "Problem Çözme",
-        description: "Analitik düşünme, yaratıcı çözümler üretme",
-        weight: 25,
-        order: 4,
-        questions: [
-          {
-            id: "q-010",
-            groupId: "group-004",
-            questionText:
-              "Bu kişi karmaşık problemleri etkili bir şekilde analiz eder",
-            questionType: QuestionTypeEnum.Rating,
-            isRequired: true,
-            weight: 30,
-            order: 1,
-            minRating: 1,
-            maxRating: 5,
-            ratingLabels: [
-              "Hiç Katılmıyorum",
-              "Katılmıyorum",
-              "Kararsızım",
-              "Katılıyorum",
-              "Tamamen Katılıyorum",
-            ],
-          },
-          {
-            id: "q-011",
-            groupId: "group-004",
-            questionText: "Bu kişi yaratıcı ve inovatif çözümler üretir",
-            questionType: QuestionTypeEnum.Rating,
-            isRequired: true,
-            weight: 30,
-            order: 2,
-            minRating: 1,
-            maxRating: 5,
-            ratingLabels: [
-              "Hiç Katılmıyorum",
-              "Katılmıyorum",
-              "Kararsızım",
-              "Katılıyorum",
-              "Tamamen Katılıyorum",
-            ],
-          },
-        ],
-      },
-    ],
-    applicablePositions: [],
-    applicableDepartments: [],
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-];
diff --git a/ui/src/mocks/mockFaultNotifications.ts b/ui/src/mocks/mockFaultNotifications.ts
deleted file mode 100644
index 02c5c9e5..00000000
--- a/ui/src/mocks/mockFaultNotifications.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { PriorityEnum } from "../types/common";
-import {
-  CriticalityLevelEnum,
-  PmFaultNotification,
-  FaultTypeEnum,
-  NotificationStatusEnum,
-} from "../types/pm";
-import { mockWorkCenters } from "./mockWorkCenters";
-
-export const mockFaultNotifications: PmFaultNotification[] = [
-  {
-    id: "FN001",
-    notificationCode: "ARZ-2024-001",
-    workCenterId: "1",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "1")!,
-    location: "Atölye A - Hat 1",
-    faultType: FaultTypeEnum.Mechanical,
-    priority: PriorityEnum.High,
-    severity: CriticalityLevelEnum.High,
-    title: "Motor Aşırı Titreşim",
-    description:
-      "CNC torna tezgahında motor aşırı titreşim yapıyor. Ses seviyesi normalden yüksek ve hassas işlemlerde problem yaşanıyor.",
-    reportedBy: "Operator Mustafa Koç",
-    reportedAt: new Date("2024-02-08T09:30:00"),
-    assignedTo: "Mehmet Kaya - Mekanik Ekibi",
-    status: NotificationStatusEnum.InProgress,
-    images: ["fault_image_1.jpg", "fault_image_2.jpg"],
-    estimatedRepairTime: 180,
-    workOrderId: "WO-2024-045",
-    followUpRequired: true,
-    isActive: true,
-    creationTime: new Date("2024-02-08T09:30:00"),
-    lastModificationTime: new Date("2024-02-08T14:15:00"),
-  },
-  {
-    id: "FN002",
-    notificationCode: "ARZ-2024-002",
-    workCenterId: "2",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "2")!,
-    location: "Kompresör Odası",
-    faultType: FaultTypeEnum.Electrical,
-    priority: PriorityEnum.Urgent,
-    severity: CriticalityLevelEnum.Critical,
-    title: "Elektrik Panosu Arızası",
-    description:
-      "Kompresör elektrik panosunda kısa devre meydana geldi. Sistem tamamen durdu.",
-    reportedBy: "Vardiya Amiri Ali Demir",
-    reportedAt: new Date("2024-02-07T16:45:00"),
-    assignedTo: "Ahmet Yılmaz - Elektrik Ekibi",
-    status: NotificationStatusEnum.Resolved,
-    estimatedRepairTime: 240,
-    actualRepairTime: 195,
-    resolutionNotes:
-      "Yanık sigorta değiştirildi ve pano kontrolleri yapıldı. Sistem normal çalışıyor.",
-    closedBy: "Ahmet Yılmaz",
-    closedAt: new Date("2024-02-07T20:00:00"),
-    workOrderId: "WO-2024-044",
-    followUpRequired: false,
-    isActive: true,
-    creationTime: new Date("2024-02-07T16:45:00"),
-    lastModificationTime: new Date("2024-02-07T20:00:00"),
-  },
-  {
-    id: "FN003",
-    notificationCode: "ARZ-2024-003",
-    workCenterId: "3",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "3")!,
-    location: "Ana Üretim Hattı",
-    faultType: FaultTypeEnum.Mechanical,
-    priority: PriorityEnum.Normal,
-    severity: CriticalityLevelEnum.Medium,
-    title: "Kayış Gerilimi Azaldı",
-    description:
-      "Konveyör kayışında gevşeme tespit edildi. Hız düşüklüğü gözlemleniyor.",
-    reportedBy: "Hat Sorumlusu Fatma Özkan",
-    reportedAt: new Date("2024-02-06T11:20:00"),
-    status: NotificationStatusEnum.Open,
-    estimatedRepairTime: 60,
-    followUpRequired: false,
-    isActive: true,
-    creationTime: new Date("2024-02-06T11:20:00"),
-    lastModificationTime: new Date("2024-02-06T11:20:00"),
-  },
-  {
-    id: "FN004",
-    notificationCode: "ARZ-2024-004",
-    workCenterId: "3",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "3")!,
-    location: "Kaynak Atölyesi",
-    faultType: FaultTypeEnum.Software,
-    priority: PriorityEnum.High,
-    severity: CriticalityLevelEnum.High,
-    title: "Program Kalibrasyon Hatası",
-    description:
-      "Robot kaynak pozisyonlarında sapma var. Kalibrasyon gerekiyor.",
-    reportedBy: "Kaynak Operatörü Hasan Çelik",
-    reportedAt: new Date("2024-02-05T14:10:00"),
-    assignedTo: "Sema Korkmaz - Robot Teknisyeni",
-    status: NotificationStatusEnum.Assigned,
-    estimatedRepairTime: 120,
-    followUpRequired: true,
-    isActive: true,
-    creationTime: new Date("2024-02-05T14:10:00"),
-    lastModificationTime: new Date("2024-02-05T15:30:00"),
-  },
-  {
-    id: "FN005",
-    notificationCode: "ARZ-2024-005",
-    workCenterId: "4",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "4")!,
-    location: "Pres Atölyesi",
-    faultType: FaultTypeEnum.Hydraulic,
-    priority: PriorityEnum.Low,
-    severity: CriticalityLevelEnum.Low,
-    title: "Yağ Sızıntısı",
-    description:
-      "Hidrolik sistem borularında hafif yağ sızıntısı tespit edildi.",
-    reportedBy: "Temizlik Personeli Zeynep Aktaş",
-    reportedAt: new Date("2024-02-04T08:45:00"),
-    status: NotificationStatusEnum.Closed,
-    estimatedRepairTime: 45,
-    actualRepairTime: 30,
-    resolutionNotes: "Boru bağlantıları sıkılaştırıldı. Sızıntı durduruldu.",
-    closedBy: "Ali Demir",
-    closedAt: new Date("2024-02-04T10:15:00"),
-    followUpRequired: true,
-    isActive: true,
-    creationTime: new Date("2024-02-04T08:45:00"),
-    lastModificationTime: new Date("2024-02-04T10:15:00"),
-  },
-];
diff --git a/ui/src/mocks/mockInventoryCounts.ts b/ui/src/mocks/mockInventoryCounts.ts
deleted file mode 100644
index 5fc3fe69..00000000
--- a/ui/src/mocks/mockInventoryCounts.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-import {
-  CountStatusEnum,
-  CountTypeEnum,
-  WmInventoryCount,
-  WmInventoryCountItem,
-} from "../types/wm";
-import { mockLocations } from "./mockLocations";
-import { mockMaterials } from "./mockMaterials";
-import { mockWarehouses } from "./mockWarehouses";
-import { mockZones } from "./mockZones";
-
-export const mockInventoryCounts: WmInventoryCount[] = [
-  {
-    id: "1",
-    countNumber: "INV2024001",
-    warehouseId: "1",
-    warehouse: mockWarehouses.find((m) => m.id === "1"),
-    zoneId: "1",
-    zone: mockZones.find((m) => m.id === "1"),
-    locationId: "3",
-    location: mockLocations.find((m) => m.id === "3"),
-    countType: CountTypeEnum.Full,
-    status: CountStatusEnum.Completed,
-    scheduledDate: new Date("2024-11-01"),
-    startDate: new Date("2024-11-01"),
-    endDate: new Date("2024-11-03"),
-    countedBy: ["user1", "user2"],
-    approvedBy: "manager1",
-    items: [],
-    variances: [],
-    notes: "Aylık tam sayım",
-    creationTime: new Date("2024-10-25"),
-    lastModificationTime: new Date("2024-11-03"),
-  },
-  {
-    id: "2",
-    countNumber: "INV2024002",
-    warehouseId: "1",
-    warehouse: mockWarehouses.find((m) => m.id === "1"),
-    zoneId: "1",
-    zone: mockZones.find((m) => m.id === "1"),
-    locationId: "3",
-    location: mockLocations.find((m) => m.id === "3"),
-    countType: CountTypeEnum.Cycle,
-    status: CountStatusEnum.InProgress,
-    scheduledDate: new Date("2024-11-25"),
-    startDate: new Date("2024-11-25"),
-    endDate: undefined,
-    countedBy: ["user3"],
-    approvedBy: undefined,
-    items: [],
-    variances: [],
-    notes: "A grubu malzemeler döngüsel sayım",
-    creationTime: new Date("2024-11-20"),
-    lastModificationTime: new Date("2024-11-25"),
-  },
-  {
-    id: "3",
-    countNumber: "INV2024003",
-    warehouseId: "1",
-    warehouse: mockWarehouses.find((m) => m.id === "1"),
-    zoneId: "2",
-    zone: mockZones.find((m) => m.id === "2"),
-    locationId: "2",
-    location: mockLocations.find((m) => m.id === "2"),
-    countType: CountTypeEnum.Spot,
-    status: CountStatusEnum.Planned,
-    scheduledDate: new Date("2024-12-05"),
-    startDate: undefined,
-    endDate: undefined,
-    countedBy: [],
-    approvedBy: undefined,
-    items: [],
-    variances: [],
-    notes: "Şüpheli stoklar için nokta sayım",
-    creationTime: new Date("2024-11-30"),
-    lastModificationTime: new Date("2024-11-30"),
-  },
-];
-
-export const mockCountItems: WmInventoryCountItem[] = [
-  {
-    id: "1",
-    countId: "1",
-    materialId: "1",
-    material: mockMaterials.find((m) => m.id === "1"),
-    locationId: "1",
-    systemQuantity: 15,
-    countedQuantity: 14,
-    variance: -1,
-    variancePercentage: -6.67,
-    lotNumber: "LOT2024001",
-    countedBy: "user1",
-    countedAt: new Date("2024-11-01"),
-    notes: "Hasarlı 1 adet tespit edildi",
-  },
-  {
-    id: "2",
-    countId: "1",
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2"),
-    locationId: "1",
-    systemQuantity: 8,
-    countedQuantity: 8,
-    variance: 0,
-    variancePercentage: 0,
-    lotNumber: "LOT2024002",
-    countedBy: "user2",
-    countedAt: new Date("2024-11-01"),
-    notes: "Sayım doğru",
-  },
-];
diff --git a/ui/src/mocks/mockInvoices.ts b/ui/src/mocks/mockInvoices.ts
deleted file mode 100644
index 05484743..00000000
--- a/ui/src/mocks/mockInvoices.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import {
-  FiInvoice,
-  InvoiceStatusEnum,
-  InvoiceTypeEnum,
-  PaymentStatusEnum,
-} from "../types/fi";
-import { mockCurrentAccounts } from "./mockCurrentAccounts";
-
-export const mockInvoices: FiInvoice[] = [
-  {
-    id: "1",
-    invoiceNumber: "SAT-2024-001",
-    invoiceType: InvoiceTypeEnum.Sales,
-    currentAccountId: "1",
-    currentAccount: mockCurrentAccounts.find((acc) => acc.id === "1")!,
-    invoiceDate: new Date("2024-01-15"),
-    dueDate: new Date("2024-02-14"),
-    subtotal: 10000,
-    taxAmount: 1800,
-    discountAmount: 0,
-    totalAmount: 11800,
-    paidAmount: 5000,
-    remainingAmount: 6800,
-    currency: "TRY",
-    status: InvoiceStatusEnum.Sent,
-    paymentStatus: PaymentStatusEnum.PartiallyPaid,
-    items: [],
-    waybillNumber: "IRS-2024-001",
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-20"),
-  },
-  {
-    id: "2",
-    invoiceNumber: "AL-2024-001",
-    invoiceType: InvoiceTypeEnum.Purchase,
-    currentAccountId: "2",
-    currentAccount: mockCurrentAccounts.find((acc) => acc.id === "2")!,
-    invoiceDate: new Date("2024-01-10"),
-    dueDate: new Date("2024-02-09"),
-    subtotal: 15000,
-    taxAmount: 2700,
-    discountAmount: 0,
-    totalAmount: 17700,
-    paidAmount: 17700,
-    remainingAmount: 0,
-    currency: "TRY",
-    status: InvoiceStatusEnum.Approved,
-    paymentStatus: PaymentStatusEnum.Paid,
-    items: [],
-    waybillNumber: "IRS-2024-002",
-    waybillDate: new Date("2024-01-10"),
-    creationTime: new Date("2024-01-10"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-];
diff --git a/ui/src/mocks/mockJobPositions.ts b/ui/src/mocks/mockJobPositions.ts
index 4211ca7a..6a6f0058 100644
--- a/ui/src/mocks/mockJobPositions.ts
+++ b/ui/src/mocks/mockJobPositions.ts
@@ -1,10 +1,10 @@
-import { JobPositionDto, JobLevelEnum } from "../types/hr";
+import { JobPositionDto } from "@/proxy/intranet/models";
 import { mockDepartments } from "./mockDepartments";
+import { JobLevelEnum } from "@/types/hr";
 
 export const mockJobPositions: JobPositionDto[] = [
   {
     id: "1",
-    code: "DEV-001",
     name: "Software Developer",
     description: "Responsible for developing and maintaining web applications",
     departmentId: "1",
@@ -32,7 +32,6 @@ export const mockJobPositions: JobPositionDto[] = [
   },
   {
     id: "2",
-    code: "MGR-001",
     name: "Project Manager",
     description: "Lead and manage software development projects",
     departmentId: "1",
@@ -60,7 +59,6 @@ export const mockJobPositions: JobPositionDto[] = [
   },
   {
     id: "3",
-    code: "QA-001",
     name: "Quality Assurance Engineer",
     description: "Ensure software quality through testing and automation",
     departmentId: "1",
@@ -88,7 +86,6 @@ export const mockJobPositions: JobPositionDto[] = [
   },
   {
     id: "4",
-    code: "UX-001",
     name: "UX/UI Designer",
     description: "Design user interfaces and improve user experience",
     departmentId: "2",
@@ -121,7 +118,6 @@ export const mockJobPositions: JobPositionDto[] = [
   },
   {
     id: "5",
-    code: "DA-001",
     name: "Data Analyst",
     description: "Analyze business data and provide insights",
     departmentId: "1",
@@ -149,7 +145,6 @@ export const mockJobPositions: JobPositionDto[] = [
   },
   {
     id: "6",
-    code: "HR-001",
     name: "HR Specialist",
     description: "Support human resources operations and employee relations",
     departmentId: "4",
@@ -182,7 +177,6 @@ export const mockJobPositions: JobPositionDto[] = [
   },
   {
     id: "7",
-    code: "SA-001",
     name: "Sales Associate",
     description: "Generate sales leads and maintain customer relationships",
     departmentId: "2",
@@ -210,7 +204,6 @@ export const mockJobPositions: JobPositionDto[] = [
   },
   {
     id: "8",
-    code: "ACC-001",
     name: "Accountant",
     description: "Manage financial records and ensure compliance",
     departmentId: "3",
@@ -243,7 +236,6 @@ export const mockJobPositions: JobPositionDto[] = [
   },
   {
     id: "9",
-    code: "CS-001",
     name: "Customer Support Representative",
     description: "Provide excellent customer service and technical support",
     departmentId: "2",
@@ -276,7 +268,6 @@ export const mockJobPositions: JobPositionDto[] = [
   },
   {
     id: "10",
-    code: "IT-001",
     name: "IT Support Specialist",
     description: "Provide technical support and maintain IT infrastructure",
     departmentId: "1",
diff --git a/ui/src/mocks/mockLocations.ts b/ui/src/mocks/mockLocations.ts
deleted file mode 100644
index cbb80273..00000000
--- a/ui/src/mocks/mockLocations.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-import { LocationTypeEnum } from "../types/wm";
-import { WmLocation } from "../types/wm";
-
-export const mockLocations: WmLocation[] = [
-  {
-    id: "1",
-    warehouseId: "1",
-    zoneId: "2",
-    locationCode: "A01-01-01",
-    name: "A Blok 1. Koridor 1. Raf",
-    description: "Yüksek raf - Ağır malzemeler",
-    locationType: LocationTypeEnum.Rack,
-    capacity: 100,
-    currentStock: 75,
-    dimensions: {
-      length: 2.5,
-      width: 1.2,
-      height: 3.0,
-      weight: 1000,
-      unit: "kg",
-    },
-    restrictions: ["Ağır malzemeler", "Palet kullanımı zorunlu"],
-    stockItems: [],
-    isActive: true,
-  },
-  {
-    id: "2",
-    warehouseId: "1",
-    zoneId: "2",
-    locationCode: "A01-01-02",
-    name: "A Blok 1. Koridor 2. Raf",
-    description: "Orta raf - Orta ağırlık malzemeler",
-    locationType: LocationTypeEnum.Shelf,
-    capacity: 50,
-    currentStock: 30,
-    dimensions: {
-      length: 2.0,
-      width: 0.8,
-      height: 2.0,
-      weight: 500,
-      unit: "kg",
-    },
-    restrictions: ["Orta ağırlık malzemeler"],
-    stockItems: [],
-    isActive: true,
-  },
-  {
-    id: "3",
-    warehouseId: "1",
-    zoneId: "1",
-    locationCode: "B02-02-01",
-    name: "B Blok 2. Koridor 1. Raf",
-    description: "Küçük parçalar rafı",
-    locationType: LocationTypeEnum.Bin,
-    capacity: 200,
-    currentStock: 180,
-    dimensions: {
-      length: 1.5,
-      width: 0.6,
-      height: 1.5,
-      weight: 200,
-      unit: "kg",
-    },
-    restrictions: ["Küçük parçalar"],
-    stockItems: [],
-    isActive: true,
-  },
-  {
-    id: "4",
-    warehouseId: "2",
-    zoneId: "1",
-    locationCode: "B02-02-01",
-    name: "B Blok 2. Koridor 1. Raf",
-    description: "Küçük parçalar rafı",
-    locationType: LocationTypeEnum.Bin,
-    capacity: 200,
-    currentStock: 180,
-    dimensions: {
-      length: 1.5,
-      width: 0.6,
-      height: 1.5,
-      weight: 200,
-      unit: "kg",
-    },
-    restrictions: ["Küçük parçalar"],
-    stockItems: [],
-    isActive: true,
-  },
-  {
-    id: "4",
-    warehouseId: "2",
-    zoneId: "3",
-    locationCode: "C01-02-01",
-    name: "C Blok 2. Koridor 1. Raf",
-    description: "Büyük parçalar rafı",
-    locationType: LocationTypeEnum.Bin,
-    capacity: 200,
-    currentStock: 180,
-    dimensions: {
-      length: 1.5,
-      width: 0.6,
-      height: 1.5,
-      weight: 200,
-      unit: "kg",
-    },
-    restrictions: ["Küçük parçalar"],
-    stockItems: [],
-    isActive: true,
-  },
-];
diff --git a/ui/src/mocks/mockLossReasons.ts b/ui/src/mocks/mockLossReasons.ts
deleted file mode 100644
index 728d29a2..00000000
--- a/ui/src/mocks/mockLossReasons.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { CrmLostReason, LostReasonCategoryEnum } from "../types/crm";
-
-export const mockLossReasons: CrmLostReason[] = [
-  {
-    id: "1",
-    code: "LR001",
-    name: "Fiyat Rekabetsizliği",
-    description: "Müşteri daha uygun fiyatlı alternatif buldu",
-    category: LostReasonCategoryEnum.Price,
-    isActive: true,
-  },
-  {
-    id: "2",
-    code: "LR002",
-    name: "Ürün Özellik Eksikliği",
-    description: "Ürünümüzde müşterinin istediği özellik bulunmuyor",
-    category: LostReasonCategoryEnum.Product,
-    isActive: true,
-  },
-  {
-    id: "3",
-    code: "LR003",
-    name: "Destek Kalitesi",
-    description: "Müşteri destek kalitemizden memnun değil",
-    category: LostReasonCategoryEnum.Service,
-    isActive: true,
-  },
-  {
-    id: "4",
-    code: "LR004",
-    name: "Rakip Avantajı",
-    description: "Rakip daha iyi şartlar sundu",
-    category: LostReasonCategoryEnum.Competitor,
-    isActive: true,
-  },
-  {
-    id: "5",
-    code: "LR005",
-    name: "Yanlış Zamanlama",
-    description: "Müşteri zamanlaması uygun değil",
-    category: LostReasonCategoryEnum.Timing,
-    isActive: false,
-  },
-  {
-    id: "6",
-    code: "LR006",
-    name: "Bütçe Kısıtlaması",
-    description: "Müşteri bütçesi yetersiz",
-    category: LostReasonCategoryEnum.Budget,
-    isActive: true,
-  },
-];
diff --git a/ui/src/mocks/mockLotNumbers.ts b/ui/src/mocks/mockLotNumbers.ts
deleted file mode 100644
index bf522e70..00000000
--- a/ui/src/mocks/mockLotNumbers.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { MmLotNumber, QualityStatusEnum } from "../types/mm";
-import { mockMaterials } from "./mockMaterials";
-
-export const mockLotNumbers: MmLotNumber[] = [
-  {
-    id: "1",
-    materialId: "1",
-    material: mockMaterials.find((m) => m.id === "1"),
-    lotNumber: "LOT-2024-001",
-    productionDate: new Date("2024-01-01"),
-    expiryDate: new Date("2024-12-31"),
-    quantity: 100,
-    unitId: "KG",
-    supplierId: "SUP-001",
-    qualityStatus: QualityStatusEnum.Approved,
-    isActive: true,
-  },
-  {
-    id: "2",
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2"),
-    lotNumber: "LOT-2024-002",
-    productionDate: new Date("2024-01-15"),
-    expiryDate: new Date("2025-01-14"),
-    quantity: 75,
-    unitId: "KG",
-    supplierId: "SUP-002",
-    qualityStatus: QualityStatusEnum.Pending,
-    isActive: true,
-  },
-  {
-    id: "3",
-    materialId: "3",
-    material: mockMaterials.find((m) => m.id === "3"),
-    lotNumber: "LOT-2024-003",
-    productionDate: new Date("2024-01-10"),
-    quantity: 50,
-    unitId: "ADET",
-    qualityStatus: QualityStatusEnum.Quarantine,
-    isActive: true,
-  },
-];
diff --git a/ui/src/mocks/mockMRP.ts b/ui/src/mocks/mockMRP.ts
deleted file mode 100644
index 9e0ef57f..00000000
--- a/ui/src/mocks/mockMRP.ts
+++ /dev/null
@@ -1,168 +0,0 @@
-import { PriorityEnum } from "../types/common";
-import { mockMaterials } from "./../mocks/mockMaterials";
-import {
-  MrpMaterialRequirement,
-  MrpProductionSuggestion,
-  MrpPurchaseSuggestion,
-  RecommendationStatusEnum,
-  RecommendationTypeEnum,
-  RequirementSourceTypeEnum,
-} from "./../types/mrp";
-
-export const mockMaterialRequirements: MrpMaterialRequirement[] = [
-  {
-    id: "1",
-    mrpRunId: "mrp-run-123",
-    materialId: mockMaterials[0].id,
-    material: mockMaterials[0],
-    sourceType: RequirementSourceTypeEnum.SalesOrder,
-    sourceDocumentId: "SO-2024-001",
-    grossRequirement: 150,
-    projectedAvailable: 50,
-    scheduledReceipts: 20,
-    netRequirement: 80,
-    plannedOrderReceipt: 80,
-    plannedOrderRelease: 80,
-    requirementDate: new Date("2024-08-15"),
-    plannedReceiptDate: new Date("2024-08-10"),
-    plannedReleaseDate: new Date("2024-08-01"),
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "2",
-    mrpRunId: "mrp-run-123",
-    materialId: mockMaterials[2].id,
-    material: mockMaterials[2],
-    sourceType: RequirementSourceTypeEnum.Forecast,
-    sourceDocumentId: "F-2024-Q3",
-    grossRequirement: 500,
-    projectedAvailable: 200,
-    scheduledReceipts: 100,
-    netRequirement: 200,
-    plannedOrderReceipt: 200,
-    plannedOrderRelease: 200,
-    requirementDate: new Date("2024-09-01"),
-    plannedReceiptDate: new Date("2024-08-25"),
-    plannedReleaseDate: new Date("2024-08-10"),
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "3",
-    mrpRunId: "mrp-run-123",
-    materialId: mockMaterials[4].id,
-    material: mockMaterials[4],
-    sourceType: RequirementSourceTypeEnum.SafetyStock,
-    sourceDocumentId: "SS-RULE-1",
-    grossRequirement: 100,
-    projectedAvailable: 30,
-    scheduledReceipts: 0,
-    netRequirement: 70,
-    plannedOrderReceipt: 70,
-    plannedOrderRelease: 70,
-    requirementDate: new Date("2024-07-30"),
-    plannedReceiptDate: new Date("2024-07-25"),
-    plannedReleaseDate: new Date("2024-07-15"),
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-];
-
-export const mockPurchaseSuggestions: MrpPurchaseSuggestion[] = [
-  {
-    id: "rec-pur-1",
-    mrpRunId: "mrp-run-123",
-    materialId: mockMaterials[2].id,
-    material: mockMaterials[2],
-    recommendationType: RecommendationTypeEnum.PurchaseRequisition,
-    recommendedAction: "200 adet satın al",
-    reason: "Tahmin bazlı ihtiyaç",
-    quantity: 200,
-    dueDate: new Date("2024-08-25"),
-    priority: PriorityEnum.Normal,
-    status: RecommendationStatusEnum.Open,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-    supplierId: "1",
-    supplier: mockMaterials
-      .find((m) => m.id === mockMaterials[2].id)
-      ?.suppliers?.find((s) => s.id === "1"),
-    estimatedCost:
-      200 *
-      (mockMaterials
-        .find((m) => m.id === mockMaterials[2].id)
-        ?.suppliers?.find((s) => s.id === "1")?.price || 12.5),
-    leadTime:
-      mockMaterials
-        .find((m) => m.id === mockMaterials[2].id)
-        ?.suppliers?.find((s) => s.id === "1")?.leadTime || 15,
-    minimumOrderQuantity: 0,
-    suggestedQuantity: 0,
-    economicOrderQuantity: 0,
-  },
-  {
-    id: "rec-pur-2",
-    mrpRunId: "mrp-run-123",
-    materialId: mockMaterials[4].id,
-    material: mockMaterials[4],
-    recommendationType: RecommendationTypeEnum.PurchaseRequisition,
-    recommendedAction: "70 adet satın al",
-    reason: "Güvenlik stoku altına düştü",
-    quantity: 70,
-    dueDate: new Date("2024-07-25"),
-    priority: PriorityEnum.High,
-    status: RecommendationStatusEnum.Open,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-    supplier: mockMaterials
-      .find((m) => m.id === mockMaterials[1].id)
-      ?.suppliers?.find((s) => s.id === "1"),
-    estimatedCost:
-      200 *
-      (mockMaterials
-        .find((m) => m.id === mockMaterials[2].id)
-        ?.suppliers?.find((s) => s.id === "1")?.price || 5.5),
-    leadTime:
-      mockMaterials
-        .find((m) => m.id === mockMaterials[2].id)
-        ?.suppliers?.find((s) => s.id === "1")?.leadTime || 10,
-    minimumOrderQuantity: 20,
-    suggestedQuantity: 70,
-    economicOrderQuantity: 100,
-    supplierId: "",
-  },
-];
-
-export const mockProductionSuggestions: MrpProductionSuggestion[] = [
-  {
-    id: "rec-prod-1",
-    mrpRunId: "mrp-run-123",
-    materialId: mockMaterials[0].id,
-    material: mockMaterials[0],
-    recommendationType: RecommendationTypeEnum.PlannedOrder,
-    recommendedAction: "80 adet üret",
-    reason: "Satış siparişi ihtiyacı",
-    quantity: 80,
-    dueDate: new Date("2024-08-10"),
-    priority: PriorityEnum.Urgent,
-    status: RecommendationStatusEnum.Open,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-    estimatedDuration: 40, // hours
-    resourceRequirements: [
-      { workCenter: "MONTAJ-01", capacity: 40, efficiency: 95 },
-    ],
-    bom: {
-      id: "bom-1",
-      version: "1.2",
-      materialCount: 5,
-      totalCost: 1500,
-    },
-    productionCost: 80 * 25.5,
-    setupTime: 2,
-    cycleTime: 0.5,
-    suggestedStartDate: "2024-08-01",
-    suggestedCompletionDate: "2024-08-05",
-  },
-];
diff --git a/ui/src/mocks/mockMaintenanceCalendarEvent.ts b/ui/src/mocks/mockMaintenanceCalendarEvent.ts
deleted file mode 100644
index 9bb6366b..00000000
--- a/ui/src/mocks/mockMaintenanceCalendarEvent.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { PriorityEnum } from "../types/common";
-import {
-  PmCalendarEvent as MaintenanceCalendarEvent,
-  WorkOrderStatusEnum,
-} from "../types/pm";
-
-export const mockCalendarEvents: MaintenanceCalendarEvent[] = [
-  {
-    id: "E001",
-    title: "CNC Torna Rutin Bakım",
-    type: "plan",
-    date: new Date("2024-02-12"),
-    startTime: "09:00",
-    endTime: "11:00",
-    status: WorkOrderStatusEnum.Created,
-    priority: PriorityEnum.High,
-    assignedTo: "Mehmet Kaya",
-    workCenterCode: "CNC-001",
-    duration: 120,
-  },
-  {
-    id: "E002",
-    title: "Kompresör Aylık Bakım",
-    type: "plan",
-    date: new Date("2024-02-15"),
-    startTime: "08:00",
-    endTime: "12:00",
-    status: WorkOrderStatusEnum.Created,
-    priority: PriorityEnum.Urgent,
-    assignedTo: "Ali Demir",
-    workCenterCode: "COMP-001",
-    duration: 240,
-  },
-  {
-    id: "E003",
-    title: "Konveyör Arıza Onarım",
-    type: "workorder",
-    date: new Date("2024-02-10"),
-    startTime: "14:00",
-    endTime: "17:00",
-    status: WorkOrderStatusEnum.InProgress,
-    priority: PriorityEnum.High,
-    assignedTo: "Ahmet Yılmaz",
-    workCenterCode: "CONV-001",
-    duration: 180,
-  },
-  {
-    id: "E004",
-    title: "Robot Kaynak Kalibrasyon",
-    type: "workorder",
-    date: new Date("2024-02-08"),
-    startTime: "10:00",
-    endTime: "18:00",
-    status: WorkOrderStatusEnum.Completed,
-    priority: PriorityEnum.Normal,
-    assignedTo: "Fatma Özkan",
-    workCenterCode: "WELD-001",
-    duration: 480,
-  },
-  {
-    id: "E005",
-    title: "Hidrolik Sistem Kontrol",
-    type: "plan",
-    date: new Date("2024-02-14"),
-    startTime: "13:00",
-    endTime: "15:00",
-    status: WorkOrderStatusEnum.Created,
-    priority: PriorityEnum.Normal,
-    assignedTo: "Sema Korkmaz",
-    workCenterCode: "HYD-001",
-    duration: 120,
-  },
-  {
-    id: "E006",
-    title: "Elektrik Panosu Bakım",
-    type: "plan",
-    date: new Date("2024-02-16"),
-    startTime: "16:00",
-    endTime: "18:00",
-    status: WorkOrderStatusEnum.Created,
-    priority: PriorityEnum.Low,
-    assignedTo: "Hasan Çelik",
-    workCenterCode: "ELEC-001",
-    duration: 120,
-  },
-];
diff --git a/ui/src/mocks/mockMaintenancePlans.ts b/ui/src/mocks/mockMaintenancePlans.ts
deleted file mode 100644
index c8896bc3..00000000
--- a/ui/src/mocks/mockMaintenancePlans.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { PriorityEnum } from "../types/common";
-import {
-  FrequencyUnitEnum,
-  PmMaintenancePlan,
-  MaintenancePlanTypeEnum,
-} from "../types/pm";
-
-export const mockMaintenancePlans: PmMaintenancePlan[] = [
-  {
-    id: "MP001",
-    planCode: "PM-CNC-001",
-    workCenterId: "EQP001",
-    planType: MaintenancePlanTypeEnum.Preventive,
-    description: "CNC torna tezgahı için haftalık rutin bakım planı",
-    frequency: 1,
-    frequencyUnit: FrequencyUnitEnum.Weeks,
-    estimatedDuration: 120,
-    priority: PriorityEnum.High,
-    requiredMaterials: [],
-    requiredSkills: ["Torna Operatörü", "Mekanik"],
-    lastExecuted: new Date("2024-02-05"),
-    nextDue: new Date("2024-02-12"),
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-02-01"),
-  },
-  {
-    id: "MP002",
-    planCode: "PM-COMP-001",
-    workCenterId: "EQP002",
-    planType: MaintenancePlanTypeEnum.Preventive,
-    description: "Hava kompresörü aylık bakım ve kontrol planı",
-    frequency: 1,
-    frequencyUnit: FrequencyUnitEnum.Months,
-    estimatedDuration: 240,
-    priority: PriorityEnum.Urgent,
-    requiredMaterials: [],
-    requiredSkills: ["Kompresör Teknisyeni", "Elektrikçi"],
-    lastExecuted: new Date("2024-01-15"),
-    nextDue: new Date("2024-02-15"),
-    isActive: true,
-    creationTime: new Date("2024-01-10"),
-    lastModificationTime: new Date("2024-01-25"),
-  },
-  {
-    id: "MP003",
-    planCode: "CM-CONV-001",
-    workCenterId: "EQP003",
-    planType: MaintenancePlanTypeEnum.Corrective,
-    description: "Konveyör sistemi arıza durumunda müdahale planı",
-    frequency: 0,
-    frequencyUnit: FrequencyUnitEnum.Days,
-    estimatedDuration: 180,
-    priority: PriorityEnum.High,
-    requiredMaterials: [],
-    requiredSkills: ["Mekanik", "Elektrikçi", "PLC Teknisyeni"],
-    nextDue: new Date("2024-02-10"),
-    isActive: false,
-    creationTime: new Date("2024-02-05"),
-    lastModificationTime: new Date("2024-02-06"),
-  },
-  {
-    id: "MP004",
-    planCode: "PM-WELD-001",
-    workCenterId: "EQP004",
-    planType: MaintenancePlanTypeEnum.Predictive,
-    description: "Robot kaynak sistemi 6 aylık periyodik bakımı",
-    frequency: 6,
-    frequencyUnit: FrequencyUnitEnum.Months,
-    estimatedDuration: 480,
-    priority: PriorityEnum.High,
-    requiredMaterials: [],
-    requiredSkills: ["Robot Teknisyeni", "Kaynak Uzmanı", "Elektrikçi"],
-    lastExecuted: new Date("2023-08-15"),
-    nextDue: new Date("2024-02-15"),
-    isActive: true,
-    creationTime: new Date("2023-08-01"),
-    lastModificationTime: new Date("2024-01-20"),
-  },
-];
diff --git a/ui/src/mocks/mockMaintenanceTeams.ts b/ui/src/mocks/mockMaintenanceTeams.ts
deleted file mode 100644
index d5ca9cdd..00000000
--- a/ui/src/mocks/mockMaintenanceTeams.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import { Team, TeamRoleEnum } from "../types/common";
-import { mockEmployees } from "./mockEmployees";
-
-export const mockMaintenanceTeams: Team[] = [
-  {
-    id: "1",
-    code: "MEC-001",
-    name: "Mekanik Bakım Ekibi",
-    description: "Genel mekanik bakım ve onarım işleri",
-    managerId: "1",
-    members: [
-      {
-        id: "TM001",
-        teamId: "1",
-        employeeId: "1",
-        employee: mockEmployees.find((emp) => emp.id === "1")!,
-        role: TeamRoleEnum.Lead,
-        joinDate: new Date("2023-01-15"),
-        isActive: true,
-      },
-      {
-        id: "TM002",
-        teamId: "1",
-        employeeId: "2",
-        employee: mockEmployees.find((emp) => emp.id === "2")!,
-        role: TeamRoleEnum.Member,
-        joinDate: new Date("2023-03-20"),
-        isActive: true,
-      },
-      {
-        id: "TM003",
-        teamId: "1",
-        employeeId: "3",
-        employee: mockEmployees.find((emp) => emp.id === "3")!,
-        role: TeamRoleEnum.Specialist,
-        joinDate: new Date("2023-02-10"),
-        isActive: true,
-      },
-    ],
-    specializations: [
-      "Torna Tezgahı",
-      "Freze Makinesi",
-      "CNC Sistemleri",
-      "Hidrolik Sistemler",
-    ],
-    isActive: true,
-    creationTime: new Date("2023-01-15"),
-    lastModificationTime: new Date("2024-01-20"),
-  },
-  {
-    id: "2",
-    code: "ELE-001",
-    name: "Elektrik Bakım Ekibi",
-    description: "Elektrik sistemleri ve otomasyon bakımı",
-    managerId: "4",
-    members: [
-      {
-        id: "TM004",
-        teamId: "2",
-        employeeId: "4",
-        employee: mockEmployees.find((emp) => emp.id === "4")!,
-        role: TeamRoleEnum.Lead,
-        joinDate: new Date("2023-01-20"),
-        isActive: true,
-      },
-      {
-        id: "TM005",
-        teamId: "2",
-        employeeId: "5",
-        employee: mockEmployees.find((emp) => emp.id === "5")!,
-        role: TeamRoleEnum.Member,
-        joinDate: new Date("2023-02-15"),
-        isActive: true,
-      },
-    ],
-    specializations: [
-      "PLC Programlama",
-      "Motor Kontrolü",
-      "Pano Montajı",
-      "Sensör Sistemleri",
-    ],
-    isActive: true,
-    creationTime: new Date("2023-01-20"),
-    lastModificationTime: new Date("2024-01-25"),
-  },
-  {
-    id: "3",
-    code: "WEL-001",
-    name: "Kaynak Ekibi",
-    description: "Kaynak ve metal işleri uzmanları",
-    managerId: "6",
-    members: [
-      {
-        id: "TM006",
-        teamId: "3",
-        employeeId: "6",
-        employee: mockEmployees.find((emp) => emp.id === "6")!,
-        role: TeamRoleEnum.Lead,
-        joinDate: new Date("2023-01-10"),
-        isActive: true,
-      },
-      {
-        id: "TM007",
-        teamId: "3",
-        employeeId: "7",
-        employee: mockEmployees.find((emp) => emp.id === "7")!,
-        role: TeamRoleEnum.Member,
-        joinDate: new Date("2023-04-05"),
-        isActive: true,
-      },
-    ],
-    specializations: [
-      "Robot Kaynak",
-      "TIG Kaynak",
-      "MIG Kaynak",
-      "Argon Kaynak",
-    ],
-    isActive: true,
-    creationTime: new Date("2023-01-10"),
-    lastModificationTime: new Date("2024-02-01"),
-  },
-  {
-    id: "4",
-    code: "GEN-001",
-    name: "Genel Bakım Ekibi",
-    description: "Genel bakım ve temizlik işleri",
-    managerId: "8",
-    members: [
-      {
-        id: "TM008",
-        teamId: "4",
-        employeeId: "8",
-        employee: mockEmployees.find((emp) => emp.id === "8")!,
-        role: TeamRoleEnum.Lead,
-        joinDate: new Date("2023-01-05"),
-        isActive: true,
-      },
-    ],
-    specializations: ["Genel Temizlik", "Yağlama", "Basit Onarımlar"],
-    isActive: false,
-    creationTime: new Date("2023-01-05"),
-    lastModificationTime: new Date("2024-01-30"),
-  },
-];
diff --git a/ui/src/mocks/mockMaintenanceWorkOrders.ts b/ui/src/mocks/mockMaintenanceWorkOrders.ts
deleted file mode 100644
index a97967d6..00000000
--- a/ui/src/mocks/mockMaintenanceWorkOrders.ts
+++ /dev/null
@@ -1,204 +0,0 @@
-import { PriorityEnum } from "../types/common";
-import {
-  PmMaintenanceWorkOrder,
-  WorkOrderStatusEnum,
-  WorkOrderTypeEnum,
-} from "../types/pm";
-
-export const mockMaintenanceWorkOrders: PmMaintenanceWorkOrder[] = [
-  {
-    id: "1",
-    workOrderNumber: "WO-2024-045",
-    workCenterId: "1",
-    orderType: WorkOrderTypeEnum.Corrective,
-    priority: PriorityEnum.High,
-    status: WorkOrderStatusEnum.InProgress,
-    description: "CNC Torna Tezgahı Motor Titreşim Sorunu Giderilmesi",
-    reportedBy: "Operator Mustafa Koç",
-    assignedTo: "Mehmet Kaya",
-    scheduledStart: new Date("2024-02-08T10:00:00"),
-    scheduledEnd: new Date("2024-02-08T13:00:00"),
-    actualStart: new Date("2024-02-08T10:15:00"),
-    estimatedCost: 500,
-    actualCost: 350,
-    materials: [
-      {
-        id: "WOM001",
-        workOrderId: "WO001",
-        materialId: "MAT001",
-        materialCode: "BEARING-001",
-        materialName: "Rulman 6205",
-        plannedQuantity: 2,
-        actualQuantity: 2,
-        unitCost: 45.5,
-        totalCost: 91.0,
-      },
-      {
-        id: "WOM002",
-        workOrderId: "WO001",
-        materialId: "MAT002",
-        materialCode: "OIL-002",
-        materialName: "Motor Yağı",
-        plannedQuantity: 3,
-        actualQuantity: 2,
-        unitCost: 35.0,
-        totalCost: 70.0,
-      },
-    ],
-    activities: [
-      {
-        id: "WOA001",
-        workOrderId: "WO001",
-        activityDescription: "Motor sökme ve inceleme",
-        plannedDuration: 60,
-        actualDuration: 45,
-        performedBy: "Mehmet Kaya",
-        completedAt: new Date("2024-02-08T11:00:00"),
-        notes: "Motor rulmanlarında aşınma tespit edildi",
-      },
-      {
-        id: "WOA002",
-        workOrderId: "WO001",
-        activityDescription: "Rulman değişimi",
-        plannedDuration: 90,
-        actualDuration: 75,
-        performedBy: "Mehmet Kaya",
-        notes: "Yeni rulmanlar takıldı ve yağlama yapıldı",
-      },
-    ],
-    notes: "Motor titreşim sorunu rulman değişimi ile çözüldü.",
-    creationTime: new Date("2024-02-08T09:30:00"),
-    lastModificationTime: new Date("2024-02-08T12:00:00"),
-  },
-  {
-    id: "2",
-    workOrderNumber: "WO-2024-046",
-    workCenterId: "2",
-    planId: "MP002",
-    orderType: WorkOrderTypeEnum.Preventive,
-    priority: PriorityEnum.Normal,
-    status: WorkOrderStatusEnum.Planned,
-    description: "Hava Kompresörü Aylık Rutin Bakım",
-    reportedBy: "Sistem (Otomatik)",
-    assignedTo: "Ali Demir",
-    scheduledStart: new Date("2024-02-15T08:00:00"),
-    scheduledEnd: new Date("2024-02-15T12:00:00"),
-    estimatedCost: 200,
-    actualCost: 0,
-    materials: [
-      {
-        id: "WOM003",
-        workOrderId: "WO002",
-        materialId: "MAT003",
-        materialCode: "FILTER-001",
-        materialName: "Hava Filtresi",
-        plannedQuantity: 2,
-        actualQuantity: 0,
-        unitCost: 25.0,
-        totalCost: 50.0,
-      },
-    ],
-    activities: [
-      {
-        id: "WOA003",
-        workOrderId: "WO002",
-        activityDescription: "Hava filtresi değişimi",
-        plannedDuration: 30,
-        actualDuration: 0,
-        performedBy: "Ali Demir",
-      },
-      {
-        id: "WOA004",
-        workOrderId: "WO002",
-        activityDescription: "Basınç kontrolü ve kalibrasyon",
-        plannedDuration: 60,
-        actualDuration: 0,
-        performedBy: "Ali Demir",
-      },
-    ],
-    creationTime: new Date("2024-02-01T09:00:00"),
-    lastModificationTime: new Date("2024-02-01T09:00:00"),
-  },
-  {
-    id: "3",
-    workOrderNumber: "WO-2024-047",
-    workCenterId: "3",
-    orderType: WorkOrderTypeEnum.Emergency,
-    priority: PriorityEnum.Urgent,
-    status: WorkOrderStatusEnum.Completed,
-    description: "Konveyör Sistemi Acil Onarım - Üretim Durduruldu",
-    reportedBy: "Vardiya Amiri",
-    assignedTo: "Fatma Özkan",
-    scheduledStart: new Date("2024-02-06T14:00:00"),
-    scheduledEnd: new Date("2024-02-06T17:00:00"),
-    actualStart: new Date("2024-02-06T14:10:00"),
-    actualEnd: new Date("2024-02-06T16:45:00"),
-    estimatedCost: 800,
-    actualCost: 750,
-    materials: [
-      {
-        id: "WOM004",
-        workOrderId: "WO003",
-        materialId: "MAT004",
-        materialCode: "MOTOR-001",
-        materialName: "Konveyör Motoru 3kW",
-        plannedQuantity: 1,
-        actualQuantity: 1,
-        unitCost: 650.0,
-        totalCost: 650.0,
-      },
-    ],
-    activities: [
-      {
-        id: "WOA005",
-        workOrderId: "WO003",
-        activityDescription: "Arızalı motor sökme",
-        plannedDuration: 45,
-        actualDuration: 40,
-        performedBy: "Fatma Özkan",
-        completedAt: new Date("2024-02-06T14:50:00"),
-        notes: "Motor sargıları yanmış",
-      },
-      {
-        id: "WOA006",
-        workOrderId: "WO003",
-        activityDescription: "Yeni motor montajı",
-        plannedDuration: 90,
-        actualDuration: 85,
-        performedBy: "Fatma Özkan",
-        completedAt: new Date("2024-02-06T16:15:00"),
-        notes: "Motor takıldı ve test edildi",
-      },
-    ],
-    notes: "Acil onarım başarıyla tamamlandı. Üretim normale döndü.",
-    completionNotes:
-      "Motor arızası nedeniyle değişim yapıldı. Sistem test edildi ve normal çalışıyor.",
-    creationTime: new Date("2024-02-06T13:45:00"),
-    lastModificationTime: new Date("2024-02-06T16:45:00"),
-  },
-  {
-    id: "4",
-    workOrderNumber: "WO-2024-048",
-    workCenterId: "4",
-    orderType: WorkOrderTypeEnum.Calibration,
-    priority: PriorityEnum.Normal,
-    status: WorkOrderStatusEnum.Created,
-    description: "Robot Kaynak Makinesi Kalibrasyon",
-    reportedBy: "Kalite Kontrol",
-    estimatedCost: 300,
-    actualCost: 0,
-    materials: [],
-    activities: [
-      {
-        id: "WOA007",
-        workOrderId: "WO004",
-        activityDescription: "Robot pozisyon kalibrasyonu",
-        plannedDuration: 120,
-        actualDuration: 0,
-        performedBy: "Sema Korkmaz",
-      },
-    ],
-    creationTime: new Date("2024-02-05T11:20:00"),
-    lastModificationTime: new Date("2024-02-05T11:20:00"),
-  },
-];
diff --git a/ui/src/mocks/mockMaterialGroups.ts b/ui/src/mocks/mockMaterialGroups.ts
deleted file mode 100644
index 9f956a62..00000000
--- a/ui/src/mocks/mockMaterialGroups.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { MmMaterialGroup } from "../types/mm";
-
-// Define your mock data
-export const mockMaterialGroups: MmMaterialGroup[] = [
-  {
-    id: "1",
-    code: "METAL",
-    name: "Metal Malzemeler",
-    description: "Çelik, alüminyum gibi metal ürün grupları.",
-    isActive: true,
-  },
-  {
-    id: "2",
-    code: "MOTOR",
-    name: "Elektrik Motorları",
-    description: "AC, DC ve servo motor grupları.",
-    isActive: true,
-  },
-  {
-    id: "3",
-    code: "PLASTIK",
-    name: "Plastik Malzemeler",
-    isActive: true,
-  },
-  {
-    id: "4",
-    code: "KIMYA",
-    name: "Kimyasal Maddeler",
-    description: "Yağlar, solventler ve diğer kimyasallar.",
-    isActive: true,
-  },
-  {
-    id: "5",
-    code: "YARI-MAMUL",
-    name: "Yarı Mamuller",
-    parentGroupId: "1",
-    isActive: false,
-  },
-  {
-    id: "6",
-    code: "MAMUL",
-    name: "Mamuller",
-    parentGroupId: "1",
-    isActive: false,
-  },
-];
-
-// Function to populate the parentGroup field
-export function populateParentGroups(groups: MmMaterialGroup[]): MmMaterialGroup[] {
-  const groupMap = new Map<string, MmMaterialGroup>();
-
-  // First, map each group by their id for quick lookup
-  groups.forEach((group) => {
-    groupMap.set(group.id, group);
-  });
-
-  // Then, for each group, set the parentGroup if it has a parentGroupId
-  groups.forEach((group) => {
-    if (group.parentGroupId) {
-      group.parentGroup = groupMap.get(group.parentGroupId);
-    }
-  });
-
-  return groups;
-}
-
-// Now you can use the function to populate parentGroup
-populateParentGroups(mockMaterialGroups);
\ No newline at end of file
diff --git a/ui/src/mocks/mockMaterialTypes.ts b/ui/src/mocks/mockMaterialTypes.ts
deleted file mode 100644
index a0ce38e8..00000000
--- a/ui/src/mocks/mockMaterialTypes.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { MmMaterialType, MaterialTypeEnum } from "../types/mm";
-
-export const mockMaterialTypes: MmMaterialType[] = [
-  {
-    id: "1",
-    code: MaterialTypeEnum.RawMaterial,
-    name: "Hammadde",
-    description: "Üretimde kullanılan temel malzemeler",
-    isActive: true,
-    className: "bg-blue-100 text-blue-800",
-  },
-  {
-    id: "2",
-    code: MaterialTypeEnum.SemiFinished,
-    name: "Yarı Mamul",
-    description: "Kısmen işlenmiş ürünler",
-    isActive: true,
-    className: "bg-yellow-100 text-yellow-800",
-  },
-  {
-    id: "3",
-    code: MaterialTypeEnum.Finished,
-    name: "Mamul",
-    description: "Satışa hazır nihai ürünler",
-    isActive: true,
-    className: "bg-green-100 text-green-800",
-  },
-  {
-    id: "4",
-    code: MaterialTypeEnum.Consumable,
-    name: "Sarf Malzemesi",
-    description: "Tüketilen yardımcı malzemeler",
-    isActive: true,
-    className: "bg-gray-100 text-gray-800",
-  },
-  {
-    id: "5",
-    code: MaterialTypeEnum.Service,
-    name: "Hizmet",
-    description: "Hizmet türü kalemler",
-    isActive: true,
-    className: "bg-purple-100 text-purple-800",
-  },
-  {
-    id: "6",
-    code: MaterialTypeEnum.Spare,
-    name: "Yedek Parça",
-    description: "Bakım ve onarım parçaları",
-    isActive: true,
-    className: "bg-orange-100 text-orange-800",
-  },
-];
diff --git a/ui/src/mocks/mockMaterials.ts b/ui/src/mocks/mockMaterials.ts
deleted file mode 100644
index e4d16caf..00000000
--- a/ui/src/mocks/mockMaterials.ts
+++ /dev/null
@@ -1,429 +0,0 @@
-import { MmMaterial } from "../types/mm";
-import { mockBusinessParties } from "./mockBusinessParties";
-import { mockLocations } from "./mockLocations";
-import { mockMaterialGroups } from "./mockMaterialGroups";
-import { mockMaterialTypes } from "./mockMaterialTypes";
-import { mockUnits } from "./mockUnits";
-import { mockWarehouses } from "./mockWarehouses";
-import { mockZones } from "./mockZones";
-
-export const mockMaterials: MmMaterial[] = [
-  {
-    id: "1",
-    code: "MT001",
-    name: "Yüksek Kaliteli Çelik Levha 10mm",
-    description: "Çelik Levha 2mm",
-    baseUnitId: "KG",
-    baseUnit: mockUnits.find((u) => u.id === "KG"),
-    costPrice: 15.5,
-    salesPrice: 18.75,
-    currency: "TRY",
-    isActive: true,
-    totalStock: 2500.0,
-    materialTypeId: "1",
-    materialType: mockMaterialTypes.find((mt) => mt.id === "1"),
-    materialGroupId: "1",
-    materialGroup: mockMaterialGroups.find((mg) => mg.id === "1"),
-    barcode: "1234567890123",
-    trackingType: "Quantity",
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-20"),
-    alternativeUnits: [
-      {
-        id: "1",
-        materialId: "1",
-        unitId: "KOLI",
-        unit: mockUnits.find((u) => u.id === "KOLI"),
-        conversionFactor: 1,
-        isDefault: true,
-      },
-      {
-        id: "1",
-        materialId: "1",
-        unitId: "PAKET",
-        unit: mockUnits.find((u) => u.id === "PAKET"),
-        conversionFactor: 1,
-        isDefault: false,
-      },
-    ],
-    stockLevels: [
-      {
-        id: "1",
-        materialId: "1",
-        warehouseId: "1",
-        warehouse: mockWarehouses.find((w) => w.id === "1"),
-        zoneId: "2",
-        zone: mockZones.find((z) => z.id === "2"),
-        locationId: "1",
-        location: mockLocations.find((l) => l.id === "1"),
-        availableQuantity: 1250,
-        reservedQuantity: 200,
-        inTransitQuantity: 500,
-        minimumStock: 100,
-        maximumStock: 2000,
-        reorderPoint: 300,
-        lastUpdated: new Date(),
-      },
-    ],
-    specifications: [
-      {
-        id: "1",
-        materialId: "1",
-        specificationName: "Kalınlık",
-        specificationValue: "2",
-        unitId: "mm",
-        isRequired: true,
-      },
-      {
-        id: "2",
-        materialId: "1",
-        specificationName: "Genişlik",
-        specificationValue: "1000",
-        unitId: "mm",
-        isRequired: true,
-      },
-      {
-        id: "3",
-        materialId: "1",
-        specificationName: "Uzunluk",
-        specificationValue: "2000",
-        unitId: "mm",
-        isRequired: true,
-      },
-    ],
-    suppliers: [
-      {
-        id: "1",
-        materialId: "1",
-        supplierId: "1",
-        supplier: mockBusinessParties.find((bp) => bp.id === "1"),
-        supplierMaterialCode: "S-MAT-001",
-        leadTime: 7,
-        minimumOrderQuantity: 100,
-        price: 24.0,
-        currency: "TRY",
-        isPreferred: true,
-      },
-    ],
-  },
-  {
-    id: "2",
-    code: "MT002",
-    name: "Alüminyum Profil 40x40",
-    description: "Alüminyum Profil 40x40",
-    materialTypeId: "2",
-    materialType: mockMaterialTypes.find((mt) => mt.id === "2"),
-    baseUnitId: "MT",
-    baseUnit: mockUnits.find((u) => u.id === "MT"),
-    costPrice: 45.0,
-    salesPrice: 55.0,
-    currency: "TRY",
-    isActive: true,
-    totalStock: 1200.0,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-20"),
-    materialGroupId: "1",
-    materialGroup: mockMaterialGroups.find((mg) => mg.id === "1"),
-    trackingType: "Lot",
-    barcode: "1234567890124",
-    stockLevels: [
-      {
-        id: "2",
-        materialId: "2",
-        warehouseId: "1",
-        warehouse: mockWarehouses.find((w) => w.id === "1"),
-        zoneId: "2",
-        zone: mockZones.find((z) => z.id === "2"),
-        locationId: "2",
-        location: mockLocations.find((l) => l.id === "2"),
-        availableQuantity: 800,
-        reservedQuantity: 150,
-        inTransitQuantity: 200,
-        minimumStock: 50,
-        maximumStock: 1500,
-        reorderPoint: 200,
-        lastUpdated: new Date(),
-      },
-    ],
-    specifications: [
-      {
-        id: "4",
-        materialId: "2",
-        specificationName: "Genişlik",
-        specificationValue: "40",
-        unitId: "mm",
-        isRequired: true,
-      },
-      {
-        id: "5",
-        materialId: "2",
-        specificationName: "Yükseklik",
-        specificationValue: "40",
-        unitId: "mm",
-        isRequired: true,
-      },
-      {
-        id: "6",
-        materialId: "2",
-        specificationName: "Alaşım",
-        specificationValue: "6061",
-        unitId: "",
-        isRequired: true,
-      },
-    ],
-    suppliers: [
-      {
-        id: "2",
-        materialId: "2",
-        supplierId: "2",
-        supplier: mockBusinessParties.find((bp) => bp.id === "2"),
-        supplierMaterialCode: "S-ALU-002",
-        leadTime: 10,
-        minimumOrderQuantity: 50,
-        price: 42.0,
-        currency: "TRY",
-        isPreferred: true,
-      },
-    ],
-  },
-  {
-    id: "3",
-    code: "PR001",
-    name: "Montajlı Motor Grubu A-Type",
-    description: "Motor Grubu A-Type",
-    materialTypeId: "1",
-    materialType: mockMaterialTypes.find((mt) => mt.id === "1"),
-    baseUnitId: "AD",
-    baseUnit: mockUnits.find((u) => u.id === "AD"),
-    costPrice: 850.0,
-    salesPrice: 1200.0,
-    currency: "TRY",
-    isActive: true,
-    totalStock: 45.0,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-20"),
-    materialGroupId: "2",
-    materialGroup: mockMaterialGroups.find((mg) => mg.id === "2"),
-    trackingType: "Lot",
-    barcode: "1234567890125",
-    stockLevels: [
-      {
-        id: "3",
-        materialId: "3",
-        warehouseId: "1",
-        warehouse: mockWarehouses.find((w) => w.id === "1"),
-        zoneId: "1",
-        zone: mockZones.find((z) => z.id === "1"),
-        locationId: "3",
-        location: mockLocations.find((l) => l.id === "3"),
-        availableQuantity: 30,
-        reservedQuantity: 10,
-        inTransitQuantity: 5,
-        minimumStock: 5,
-        maximumStock: 100,
-        reorderPoint: 15,
-        lastUpdated: new Date(),
-      },
-    ],
-    specifications: [
-      {
-        id: "7",
-        materialId: "3",
-        specificationName: "Güç",
-        specificationValue: "5.5",
-        unitId: "kW",
-        isRequired: true,
-      },
-      {
-        id: "8",
-        materialId: "3",
-        specificationName: "Devir",
-        specificationValue: "1450",
-        unitId: "rpm",
-        isRequired: true,
-      },
-      {
-        id: "9",
-        materialId: "3",
-        specificationName: "Voltaj",
-        specificationValue: "380",
-        unitId: "V",
-        isRequired: true,
-      },
-    ],
-    suppliers: [
-      {
-        id: "3",
-        materialId: "3",
-        supplierId: "3",
-        supplier: mockBusinessParties.find((bp) => bp.id === "3"),
-        supplierMaterialCode: "S-MOT-003",
-        leadTime: 21,
-        minimumOrderQuantity: 1,
-        price: 800.0,
-        currency: "TRY",
-        isPreferred: true,
-      },
-    ],
-  },
-  {
-    id: "4",
-    code: "SF001",
-    name: "Kesme Yağı Premium",
-    description: "Kesme Yağı Premium",
-    materialTypeId: "1",
-    materialType: mockMaterialTypes.find((mt) => mt.id === "1"),
-    baseUnitId: "LT",
-    baseUnit: mockUnits.find((u) => u.id === "LT"),
-    costPrice: 25.0,
-    salesPrice: 35.0,
-    currency: "TRY",
-    isActive: true,
-    totalStock: 150.0,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-20"),
-    materialGroupId: "4",
-    materialGroup: mockMaterialGroups.find((mg) => mg.id === "4"),
-    trackingType: "Quantity",
-    barcode: "1234567890126",
-    stockLevels: [
-      {
-        id: "4",
-        materialId: "4",
-        warehouseId: "2",
-        warehouse: mockWarehouses.find((w) => w.id === "2"),
-        zoneId: "1",
-        zone: mockZones.find((z) => z.id === "1"),
-        locationId: "4",
-        location: mockLocations.find((l) => l.id === "4"),
-        availableQuantity: 120,
-        reservedQuantity: 20,
-        inTransitQuantity: 10,
-        minimumStock: 25,
-        maximumStock: 300,
-        reorderPoint: 50,
-        lastUpdated: new Date(),
-      },
-    ],
-    specifications: [
-      {
-        id: "10",
-        materialId: "4",
-        specificationName: "Viskozite",
-        specificationValue: "32",
-        unitId: "cSt",
-        isRequired: true,
-      },
-      {
-        id: "11",
-        materialId: "4",
-        specificationName: "Yoğunluk",
-        specificationValue: "0.85",
-        unitId: "g/cm³",
-        isRequired: true,
-      },
-      {
-        id: "12",
-        materialId: "4",
-        specificationName: "Parlama Noktası",
-        specificationValue: "210",
-        unitId: "°C",
-        isRequired: true,
-      },
-    ],
-    suppliers: [
-      {
-        id: "4",
-        materialId: "4",
-        supplierId: "3",
-        supplier: mockBusinessParties.find((bp) => bp.id === "3"),
-        supplierMaterialCode: "S-OIL-004",
-        leadTime: 5,
-        minimumOrderQuantity: 20,
-        price: 22.0,
-        currency: "TRY",
-        isPreferred: true,
-      },
-    ],
-  },
-  {
-    id: "5",
-    code: "PK001",
-    name: "Plastik Kapak Komponenti",
-    description: "Plastik Kapak",
-    materialTypeId: "1",
-    materialType: mockMaterialTypes.find((mt) => mt.id === "1"),
-    materialGroupId: "5",
-    materialGroup: mockMaterialGroups.find((mg) => mg.id === "5"),
-    baseUnitId: "AD",
-    baseUnit: mockUnits.find((u) => u.id === "AD"),
-    costPrice: 8.5,
-    salesPrice: 15.0,
-    currency: "TRY",
-    isActive: true,
-    totalStock: 850.0,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-20"),
-    trackingType: "Serial",
-    barcode: "1234567890127",
-    stockLevels: [
-      {
-        id: "5",
-        materialId: "5",
-        warehouseId: "2",
-        warehouse: mockWarehouses.find((w) => w.id === "2"),
-        zoneId: "3",
-        zone: mockZones.find((z) => z.id === "3"),
-        locationId: "4",
-        location: mockLocations.find((l) => l.id === "4"),
-        availableQuantity: 750,
-        reservedQuantity: 50,
-        inTransitQuantity: 50,
-        minimumStock: 100,
-        maximumStock: 1000,
-        reorderPoint: 200,
-        lastUpdated: new Date(),
-      },
-    ],
-    specifications: [
-      {
-        id: "13",
-        materialId: "5",
-        specificationName: "Malzeme",
-        specificationValue: "PP Polypropylene",
-        unitId: "",
-        isRequired: true,
-      },
-      {
-        id: "14",
-        materialId: "5",
-        specificationName: "Ağırlık",
-        specificationValue: "5.2",
-        unitId: "kg",
-        isRequired: true,
-      },
-      {
-        id: "15",
-        materialId: "5",
-        specificationName: "Boyut",
-        specificationValue: "300x200x50",
-        unitId: "mm",
-        isRequired: true,
-      },
-    ],
-    suppliers: [
-      {
-        id: "5",
-        materialId: "5",
-        supplierId: "2",
-        supplier: mockBusinessParties.find((bp) => bp.id === "2"),
-        supplierMaterialCode: "S-SEM-005",
-        leadTime: 14,
-        minimumOrderQuantity: 5,
-        price: 110.0,
-        currency: "TRY",
-        isPreferred: true,
-      },
-    ],
-  },
-];
diff --git a/ui/src/mocks/mockOperationTypes.ts b/ui/src/mocks/mockOperationTypes.ts
deleted file mode 100644
index ed655c42..00000000
--- a/ui/src/mocks/mockOperationTypes.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { OperationCategoryEnum, MrpOperationTypeDefinition } from "../types/mrp";
-
-export const mockOperationTypes: MrpOperationTypeDefinition[] = [
-  {
-    id: "1",
-    code: "CUT001",
-    name: "Kesme İşlemi",
-    description: "Malzeme kesme operasyonu",
-    category: OperationCategoryEnum.Production,
-    defaultDuration: 30,
-    requiresSetup: true,
-    allowsParallelOperation: false,
-    qualityCheckRequired: true,
-    skillLevelRequired: 3,
-    isActive: true,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "2",
-    code: "WELD001",
-    name: "Kaynak İşlemi",
-    description: "Metal kaynak operasyonu",
-    category: OperationCategoryEnum.Maintenance,
-    defaultDuration: 45,
-    requiresSetup: true,
-    allowsParallelOperation: false,
-    qualityCheckRequired: true,
-    skillLevelRequired: 4,
-    isActive: true,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "3",
-    code: "ASSY001",
-    name: "Montaj İşlemi",
-    description: "Parça montaj operasyonu",
-    category: OperationCategoryEnum.Production,
-    defaultDuration: 20,
-    requiresSetup: false,
-    allowsParallelOperation: true,
-    qualityCheckRequired: false,
-    skillLevelRequired: 2,
-    isActive: true,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "4",
-    code: "QC001",
-    name: "Kalite Kontrolü",
-    description: "Ürün kalite kontrol işlemi",
-    category: OperationCategoryEnum.Quality,
-    defaultDuration: 15,
-    requiresSetup: false,
-    allowsParallelOperation: false,
-    qualityCheckRequired: true,
-    skillLevelRequired: 3,
-    isActive: true,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "5",
-    code: "PACK001",
-    name: "Paketleme",
-    description: "Ürün paketleme işlemi",
-    category: OperationCategoryEnum.Setup,
-    defaultDuration: 10,
-    requiresSetup: false,
-    allowsParallelOperation: true,
-    qualityCheckRequired: false,
-    skillLevelRequired: 1,
-    isActive: true,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-];
diff --git a/ui/src/mocks/mockOperations.ts b/ui/src/mocks/mockOperations.ts
deleted file mode 100644
index c129f55a..00000000
--- a/ui/src/mocks/mockOperations.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import { MrpOperation } from "../types/mrp";
-import { mockWorkCenters } from "./mockWorkCenters";
-import { mockOperationTypes } from "./mockOperationTypes";
-
-export const mockOperations: MrpOperation[] = [
-  {
-    id: "1",
-    code: "OP001",
-    name: "CNC Torna Tezgahı İşlemi",
-    description: "Metal parçaların CNC torna tezgahında işlenmesi",
-    operationTypeId: "1",
-    operationType: mockOperationTypes.find((ot) => ot.code === "1"),
-    workCenterId: "1",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "1"),
-    standardTime: 45,
-    setupTime: 30,
-    laborCost: 50,
-    machineCost: 100,
-    overheadCost: 25,
-    isActive: true,
-    instructions: "Torna tezgahında hassas işleme yapılacak",
-    qualityCheckRequired: true,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "2",
-    code: "OP002",
-    name: "Kaynak İşlemi",
-    description: "Argon kaynak ile metal birleştirme",
-    operationTypeId: "2",
-    operationType: mockOperationTypes.find((ot) => ot.code === "2"),
-    workCenterId: "2",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "2"),
-    standardTime: 60,
-    setupTime: 15,
-    laborCost: 80,
-    machineCost: 40,
-    overheadCost: 20,
-    isActive: true,
-    instructions: "Argon gazı ile koruyucu atmosferde kaynak yapılacak",
-    qualityCheckRequired: true,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "3",
-    code: "OP003",
-    name: "Kalite Kontrolü",
-    description: "Boyutsal ve görsel kalite kontrolü",
-    operationTypeId: "3",
-    operationType: mockOperationTypes.find((ot) => ot.code === "3"),
-    workCenterId: "3",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "3"),
-    standardTime: 20,
-    setupTime: 5,
-    laborCost: 60,
-    machineCost: 20,
-    overheadCost: 10,
-    isActive: true,
-    instructions: "Teknik çizimlere göre boyutsal kontrol yapılacak",
-    qualityCheckRequired: false,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "4",
-    code: "OP004",
-    name: "Paketleme İşlemi",
-    description: "Ürünlerin paketlenmesi",
-    operationTypeId: "4",
-    operationType: mockOperationTypes.find((ot) => ot.code === "4"),
-    workCenterId: "4",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "4"),
-    standardTime: 20,
-    setupTime: 5,
-    laborCost: 60,
-    machineCost: 20,
-    overheadCost: 10,
-    isActive: true,
-    instructions: "Teknik çizimlere göre boyutsal kontrol yapılacak",
-    qualityCheckRequired: false,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "5",
-    code: "OP005",
-    name: "Bakım İşlemi",
-    description: "Preventif bakım işlemleri",
-    operationTypeId: "5",
-    operationType: mockOperationTypes.find((ot) => ot.code === "5"),
-    workCenterId: "3",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "3"),
-    standardTime: 120,
-    setupTime: 20,
-    laborCost: 70,
-    machineCost: 30,
-    overheadCost: 20,
-    isActive: true,
-    instructions: "Periyodik bakım planına göre işlem yapılacak",
-    qualityCheckRequired: false,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-];
diff --git a/ui/src/mocks/mockOpportunities.ts b/ui/src/mocks/mockOpportunities.ts
deleted file mode 100644
index bdcc155d..00000000
--- a/ui/src/mocks/mockOpportunities.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import {
-  LeadSourceEnum,
-  CrmOpportunity,
-  OpportunityStageEnum,
-  OpportunityStatusEnum,
-} from "../types/crm";
-import { mockBusinessParties } from "./mockBusinessParties";
-import { mockEmployees } from "./mockEmployees";
-import { mockLossReasons } from "./mockLossReasons";
-
-export const mockOpportunities: CrmOpportunity[] = [
-  {
-    id: "opp1",
-    opportunityNumber: "OPP-2024-001",
-    title: "ABC Şirketi Yazılım Projesi",
-    customerId: "5",
-    customer: mockBusinessParties.find((c) => c.id === "5"),
-    stage: OpportunityStageEnum.ClosedLost,
-    probability: 0,
-    estimatedValue: 150000,
-    currency: "TRY",
-    expectedCloseDate: new Date("2024-03-15"),
-    assignedTo: "1",
-    assigned: mockEmployees.find((e) => e.id === "1"),
-    leadSource: LeadSourceEnum.Website,
-    status: OpportunityStatusEnum.Lost,
-    lostReason: mockLossReasons[0],
-    activities: [],
-    competitors: [],
-    creationTime: new Date("2024-01-10"),
-    lastModificationTime: new Date("2024-03-15"),
-  },
-  {
-    id: "opp2",
-    opportunityNumber: "OPP-2024-002",
-    title: "XYZ Kurumu Erp Sistemi",
-    customerId: "6",
-    customer: mockBusinessParties.find((c) => c.id === "6"),
-    stage: OpportunityStageEnum.ClosedLost,
-    probability: 0,
-    estimatedValue: 300000,
-    currency: "TRY",
-    expectedCloseDate: new Date("2024-04-20"),
-    assignedTo: "2",
-    assigned: mockEmployees.find((e) => e.id === "2"),
-    leadSource: LeadSourceEnum.Referral,
-    status: OpportunityStatusEnum.Lost,
-    lostReason: mockLossReasons[1],
-    activities: [],
-    competitors: [],
-    creationTime: new Date("2024-02-05"),
-    lastModificationTime: new Date("2024-04-20"),
-  },
-];
diff --git a/ui/src/mocks/mockPayrolls.ts b/ui/src/mocks/mockPayrolls.ts
deleted file mode 100644
index 6b278cd7..00000000
--- a/ui/src/mocks/mockPayrolls.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { HrPayroll, PayrollStatusEnum } from "../types/hr";
-import { mockEmployees } from "./mockEmployees";
-
-export const mockPayrolls: HrPayroll[] = [
-  {
-    id: "1",
-    employeeId: "1",
-    employee: mockEmployees.find((emp) => emp.id === "1"),
-    period: "2023-01",
-    baseSalary: 3000,
-    allowances: [],
-    deductions: [],
-    overtime: 0,
-    bonus: 0,
-    grossSalary: 0,
-    netSalary: 0,
-    tax: 0,
-    socialSecurity: 0,
-    status: PayrollStatusEnum.Cancelled,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "2",
-    employeeId: "2",
-    employee: mockEmployees.find((emp) => emp.id === "2"),
-    period: "2023-01",
-    baseSalary: 3200,
-    allowances: [],
-    deductions: [],
-    overtime: 0,
-    bonus: 0,
-    grossSalary: 0,
-    netSalary: 0,
-    tax: 0,
-    socialSecurity: 0,
-    status: PayrollStatusEnum.Paid,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "3",
-    employeeId: "3",
-    employee: mockEmployees.find((emp) => emp.id === "3"),
-    period: "2023-01",
-    baseSalary: 2800,
-    allowances: [],
-    deductions: [],
-    overtime: 0,
-    bonus: 0,
-    grossSalary: 0,
-    netSalary: 0,
-    tax: 0,
-    socialSecurity: 0,
-    status: PayrollStatusEnum.Approved,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "4",
-    employeeId: "4",
-    employee: mockEmployees.find((emp) => emp.id === "4"),
-    period: "2023-01",
-    baseSalary: 3500,
-    allowances: [],
-    deductions: [],
-    overtime: 0,
-    bonus: 0,
-    grossSalary: 0,
-    netSalary: 0,
-    tax: 0,
-    socialSecurity: 0,
-    status: PayrollStatusEnum.Calculated,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "5",
-    employeeId: "4",
-    employee: mockEmployees.find((emp) => emp.id === "4"),
-    period: "2023-01",
-    baseSalary: 4000,
-    allowances: [],
-    deductions: [],
-    overtime: 0,
-    bonus: 0,
-    grossSalary: 0,
-    netSalary: 0,
-    tax: 0,
-    socialSecurity: 0,
-    status: PayrollStatusEnum.Draft,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-];
diff --git a/ui/src/mocks/mockProductionOrders.ts b/ui/src/mocks/mockProductionOrders.ts
deleted file mode 100644
index 911917f9..00000000
--- a/ui/src/mocks/mockProductionOrders.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { PriorityEnum } from "../types/common";
-import {
-  MrpProductionOrder,
-  ProductionOrderStatusEnum,
-  ProductionOrderTypeEnum,
-} from "../types/mrp";
-import { mockMaterials } from "./mockMaterials";
-import { mockSalesOrders } from "./mockSalesOrders";
-
-export const mockProductionOrders: MrpProductionOrder[] = [
-  {
-    id: "1",
-    orderNumber: "PO-2024-001",
-    orderType: ProductionOrderTypeEnum.Standard,
-    plannedStartDate: new Date("2024-01-15"),
-    plannedEndDate: new Date("2024-01-30"),
-    actualStartDate: new Date("2024-01-16"),
-    status: ProductionOrderStatusEnum.InProgress,
-    priority: PriorityEnum.High,
-    plannedQuantity: 100,
-    confirmedQuantity: 65,
-    requiredQuantity: 100,
-    scrapQuantity: 2,
-    unitId: "ADET",
-    plannedCost: 125000,
-    actualCost: 82000,
-    currency: "TRY",
-    materials: [
-      {
-        id: "1",
-        productionOrderId: "1",
-        materialId: "2",
-        material: mockMaterials.find((m) => m.id === "2")!,
-        salesOrderId: "1",
-        salesOrder: mockSalesOrders.find((so) => so.id === "1"),
-        customerRequirement: "Acil teslimat gerekli",
-        plannedQuantity: 100,
-        confirmedQuantity: 65,
-        requiredQuantity: 100,
-        scrapQuantity: 2,
-        unitId: "ADET",
-      },
-    ],
-    workOrders: [],
-    creationTime: new Date("2024-01-10"),
-    lastModificationTime: new Date("2024-01-20"),
-  },
-  {
-    id: "2",
-    orderNumber: "PO-2024-002",
-    orderType: ProductionOrderTypeEnum.Standard,
-    plannedStartDate: new Date("2024-02-01"),
-    plannedEndDate: new Date("2024-02-15"),
-    status: ProductionOrderStatusEnum.Created,
-    priority: PriorityEnum.Normal,
-    plannedQuantity: 50,
-    confirmedQuantity: 0,
-    requiredQuantity: 50,
-    scrapQuantity: 1,
-    unitId: "ADET",
-    plannedCost: 75000,
-    actualCost: 0,
-    currency: "TRY",
-    materials: [
-      {
-        id: "1",
-        productionOrderId: "1",
-        materialId: "3",
-        material: mockMaterials.find((m) => m.id === "3")!,
-        salesOrderId: "1",
-        salesOrder: mockSalesOrders.find((so) => so.id === "1"),
-        customerRequirement: "Acil teslimat gerekli",
-        plannedQuantity: 50,
-        confirmedQuantity: 0,
-        requiredQuantity: 0,
-        scrapQuantity: 2,
-        unitId: "ADET",
-      },
-    ],
-    workOrders: [],
-    creationTime: new Date("2024-01-25"),
-    lastModificationTime: new Date("2024-01-25"),
-  },
-];
diff --git a/ui/src/mocks/mockProjectCostTracking.ts b/ui/src/mocks/mockProjectCostTracking.ts
deleted file mode 100644
index 37fb2a48..00000000
--- a/ui/src/mocks/mockProjectCostTracking.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { ProjectCostTrackingStatus, PsProjectCostTracking } from '../types/ps'
-
-export const mockProjectCostTracking: PsProjectCostTracking[] = [
-  {
-    id: '1',
-    projectId: '1',
-    projectName: 'Erp Sistemi Geliştirme',
-    projectCode: 'PRJ-2024-001',
-    plannedBudget: 500000,
-    actualCost: 325000,
-    remainingBudget: 175000,
-    plannedStartDate: new Date('2024-01-15'),
-    plannedEndDate: new Date('2024-12-31'),
-    actualStartDate: new Date('2024-01-20'),
-    actualEndDate: undefined,
-    plannedDuration: 351,
-    actualDuration: 300,
-    progress: 65,
-    status: ProjectCostTrackingStatus.OnTrack,
-    currency: 'TRY',
-    lastUpdated: new Date('2024-11-25'),
-  },
-  {
-    id: '2',
-    projectId: '2',
-    projectName: 'Mobil Uygulama Geliştirme',
-    projectCode: 'PRJ-2024-002',
-    plannedBudget: 250000,
-    actualCost: 200000,
-    remainingBudget: 50000,
-    plannedStartDate: new Date('2024-03-01'),
-    plannedEndDate: new Date('2024-08-31'),
-    actualStartDate: new Date('2024-03-15'),
-    actualEndDate: undefined,
-    plannedDuration: 184,
-    actualDuration: 200,
-    progress: 80,
-    status: ProjectCostTrackingStatus.AtRisk,
-    currency: 'TRY',
-    lastUpdated: new Date('2024-11-20'),
-  },
-  {
-    id: '3',
-    projectId: '3',
-    projectName: 'Web Sitesi Yenileme',
-    projectCode: 'PRJ-2024-003',
-    plannedBudget: 150000,
-    actualCost: 180000,
-    remainingBudget: -30000,
-    plannedStartDate: new Date('2024-02-01'),
-    plannedEndDate: new Date('2024-06-30'),
-    actualStartDate: new Date('2024-02-10'),
-    actualEndDate: new Date('2024-07-15'),
-    plannedDuration: 150,
-    actualDuration: 156,
-    progress: 100,
-    status: ProjectCostTrackingStatus.Completed,
-    currency: 'TRY',
-    lastUpdated: new Date('2024-07-15'),
-  },
-  {
-    id: '4',
-    projectId: '4',
-    projectName: 'Veri Analizi Platformu',
-    projectCode: 'PRJ-2024-004',
-    plannedBudget: 400000,
-    actualCost: 120000,
-    remainingBudget: 280000,
-    plannedStartDate: new Date('2024-06-01'),
-    plannedEndDate: new Date('2024-12-31'),
-    actualStartDate: new Date('2024-06-15'),
-    actualEndDate: undefined,
-    plannedDuration: 214,
-    actualDuration: 163,
-    progress: 30,
-    status: ProjectCostTrackingStatus.Delayed,
-    currency: 'TRY',
-    lastUpdated: new Date('2024-11-22'),
-  },
-]
diff --git a/ui/src/mocks/mockProjectPhases.ts b/ui/src/mocks/mockProjectPhases.ts
deleted file mode 100644
index cf95a653..00000000
--- a/ui/src/mocks/mockProjectPhases.ts
+++ /dev/null
@@ -1,164 +0,0 @@
-import { PhaseCategoryEnum, PhaseStatusEnum, PsProjectPhase } from '../types/ps'
-import { mockMaintenanceTeams } from './mockMaintenanceTeams'
-import { mockProjects } from './mockProjects'
-
-export const mockProjectPhases: PsProjectPhase[] = [
-  {
-    id: '1',
-    code: 'PH-001',
-    name: 'Analiz ve Tasarım',
-    description: 'Sistem analizi ve tasarım dokümantasyonu hazırlanması',
-    projectId: '1',
-    project: mockProjects.find((p) => p.id === '1')!,
-    status: PhaseStatusEnum.Completed,
-    startDate: new Date('2024-01-15'),
-    endDate: new Date('2024-02-28'),
-    actualStartDate: new Date('2024-01-15'),
-    actualEndDate: new Date('2024-02-25'),
-    budget: 150000,
-    actualCost: 145000,
-    progress: 100,
-    milestones: 4,
-    completedMilestones: 4,
-    assignedTeams: [
-      mockMaintenanceTeams.find((t) => t.id === '1')!.name,
-      mockMaintenanceTeams.find((t) => t.id === '2')!.name,
-    ],
-    deliverables: ['Sistem Analiz Raporu', 'Teknik Tasarım Dokümanı', 'UI/UX Tasarımları'],
-    risks: ['Gereksinim değişiklikleri'],
-    category: PhaseCategoryEnum.Planning,
-    sequence: 0,
-    tasks: [],
-    isActive: false,
-  },
-  {
-    id: '2',
-    code: 'PH-002',
-    name: 'Geliştirme - Faz 1',
-    description: 'Backend altyapısı ve temel modüllerin geliştirilmesi',
-    projectId: '1',
-    project: mockProjects.find((p) => p.id === '1')!,
-    status: PhaseStatusEnum.Cancelled,
-    startDate: new Date('2024-03-01'),
-    endDate: new Date('2024-05-15'),
-    actualStartDate: new Date('2024-03-01'),
-    actualEndDate: new Date('2024-05-10'),
-    budget: 400000,
-    actualCost: 280000,
-    progress: 70,
-    milestones: 6,
-    completedMilestones: 4,
-    assignedTeams: [
-      mockMaintenanceTeams.find((t) => t.id === '1')!.name,
-      mockMaintenanceTeams.find((t) => t.id === '2')!.name,
-    ],
-    deliverables: ['API Framework', 'Veritabanı Şeması', 'Güvenlik Modülü'],
-    risks: ['Performans sorunları', 'Üçüncü parti entegrasyon gecikmeleri'],
-    category: PhaseCategoryEnum.Development,
-    sequence: 0,
-    tasks: [],
-    isActive: false,
-  },
-  {
-    id: '3',
-    code: 'PH-003',
-    name: 'Geliştirme - Faz 2',
-    description: 'Frontend geliştirme ve kullanıcı arayüzleri',
-    projectId: '1',
-    project: mockProjects.find((p) => p.id === '1')!,
-    status: PhaseStatusEnum.NotStarted,
-    startDate: new Date('2024-04-15'),
-    endDate: new Date('2024-07-30'),
-    budget: 350000,
-    actualCost: 0,
-    progress: 0,
-    milestones: 5,
-    completedMilestones: 0,
-    assignedTeams: [
-      mockMaintenanceTeams.find((t) => t.id === '1')!.name,
-      mockMaintenanceTeams.find((t) => t.id === '2')!.name,
-    ],
-    deliverables: ['React Bileşenleri', 'Responsive Tasarım', 'Mobil Uyumluluk'],
-    risks: ['Tarayıcı uyumluluk sorunları', 'Performans optimizasyonu'],
-    category: PhaseCategoryEnum.Development,
-    sequence: 0,
-    tasks: [],
-    isActive: false,
-  },
-  {
-    id: '4',
-    code: 'PH-004',
-    name: 'Test ve Kalite Güvence',
-    description: 'Kapsamlı test süreçleri ve kalite kontrolleri',
-    projectId: '2',
-    project: mockProjects.find((p) => p.id === '2')!,
-    status: PhaseStatusEnum.NotStarted,
-    startDate: new Date('2024-07-01'),
-    endDate: new Date('2024-09-15'),
-    budget: 120000,
-    actualCost: 0,
-    progress: 0,
-    milestones: 3,
-    completedMilestones: 0,
-    assignedTeams: [
-      mockMaintenanceTeams.find((t) => t.id === '3')!.name,
-      mockMaintenanceTeams.find((t) => t.id === '4')!.name,
-    ],
-    deliverables: ['Test Senaryoları', 'Otomatik Test Süitleri', 'Kalite Raporu'],
-    risks: ['Kritik hataların geç tespit edilmesi'],
-    category: PhaseCategoryEnum.Testing,
-    sequence: 0,
-    tasks: [],
-    isActive: false,
-  },
-  {
-    id: '5',
-    code: 'PH-005',
-    name: 'Deployment ve Go-Live',
-    description: 'Üretime alma ve kullanıcı eğitimleri',
-    projectId: '2',
-    project: mockProjects.find((p) => p.id === '2')!,
-    status: PhaseStatusEnum.NotStarted,
-    startDate: new Date('2024-09-15'),
-    endDate: new Date('2024-10-31'),
-    budget: 80000,
-    actualCost: 0,
-    progress: 0,
-    milestones: 2,
-    completedMilestones: 0,
-    assignedTeams: [
-      mockMaintenanceTeams.find((t) => t.id === '2')!.name,
-      mockMaintenanceTeams.find((t) => t.id === '4')!.name,
-    ],
-    deliverables: ['Prodüksiyon Ortamı', 'Kullanıcı Eğitimleri', 'Dokümentasyon'],
-    risks: ['Sistem kesintileri', 'Kullanıcı adaptasyon sorunları'],
-    category: PhaseCategoryEnum.Deployment,
-    sequence: 0,
-    tasks: [],
-    isActive: false,
-  },
-  {
-    id: '6',
-    code: 'PH-006',
-    name: 'Mobil UI Tasarımı',
-    description: 'Mobil uygulama kullanıcı arayüzü tasarımı',
-    projectId: '2',
-    project: mockProjects.find((p) => p.id === '2')!,
-    status: PhaseStatusEnum.OnHold,
-    startDate: new Date('2024-03-01'),
-    endDate: new Date('2024-04-15'),
-    actualStartDate: new Date('2024-03-05'),
-    budget: 75000,
-    actualCost: 25000,
-    progress: 35,
-    milestones: 3,
-    completedMilestones: 1,
-    assignedTeams: [mockMaintenanceTeams.find((t) => t.id === '1')!.name],
-    deliverables: ["Wireframe'ler", 'Mobil Tasarım Kılavuzu', 'Prototype'],
-    risks: ['Platformlar arası tutarlılık sorunları'],
-    category: PhaseCategoryEnum.Design,
-    sequence: 0,
-    tasks: [],
-    isActive: false,
-  },
-]
diff --git a/ui/src/mocks/mockProjectTaskDailyUpdates.ts b/ui/src/mocks/mockProjectTaskDailyUpdates.ts
deleted file mode 100644
index 25b771e9..00000000
--- a/ui/src/mocks/mockProjectTaskDailyUpdates.ts
+++ /dev/null
@@ -1,158 +0,0 @@
-import {
-  PsTaskDailyUpdate,
-  WorkTypeEnum,
-  DailyUpdateStatusEnum,
-} from "../types/ps";
-import { mockEmployees } from "./mockEmployees";
-import { mockProjectTasks } from "./mockProjectTasks";
-
-export const mockProjectTaskDailyUpdates: PsTaskDailyUpdate[] = [
-  {
-    id: "1",
-    taskId: "1",
-    task: mockProjectTasks.find((t) => t.id === "1"),
-    employeeId: "1",
-    employee: mockEmployees.find((e) => e.id === "1"),
-    date: new Date("2024-12-05"),
-    hoursWorked: 6,
-    description:
-      "Backend API geliştirme işleri tamamlandı. User authentication servisleri oluşturuldu.",
-    workType: WorkTypeEnum.Development,
-    progress: 75,
-    challenges: "OAuth2 entegrasyonunda bazı sorunlar yaşandı",
-    nextSteps: "Token yenileme mekanizması geliştirilecek",
-    status: DailyUpdateStatusEnum.Submitted,
-    attachments: [],
-    creationTime: new Date("2024-12-05T17:30:00"),
-    lastModificationTime: new Date("2024-12-05T17:30:00"),
-  },
-  {
-    id: "2",
-    taskId: "1",
-    task: mockProjectTasks.find((t) => t.id === "1"),
-    employeeId: "1",
-    employee: mockEmployees.find((e) => e.id === "1"),
-    date: new Date("2024-12-04"),
-    hoursWorked: 7,
-    description: "Database şema tasarımı ve migration scriptleri hazırlandı.",
-    workType: WorkTypeEnum.Development,
-    progress: 60,
-    challenges: "Performans optimizasyonu için index stratejileri belirlendi",
-    nextSteps: "API endpoint'leri geliştirilmeye başlanacak",
-    status: DailyUpdateStatusEnum.Approved,
-    attachments: [],
-    creationTime: new Date("2024-12-04T18:00:00"),
-    lastModificationTime: new Date("2024-12-04T18:00:00"),
-  },
-  {
-    id: "3",
-    taskId: "2",
-    task: mockProjectTasks.find((t) => t.id === "2"),
-    employeeId: "2",
-    employee: mockEmployees.find((e) => e.id === "2"),
-    date: new Date("2024-12-05"),
-    hoursWorked: 4,
-    description: "API dokümantasyonu için swagger entegrasyonu yapıldı.",
-    workType: WorkTypeEnum.Documentation,
-    progress: 40,
-    challenges: "Mevcut API endpoint'lerinin belirlenmesi zaman aldı",
-    nextSteps: "Detaylı endpoint dokümantasyonu yazılacak",
-    status: DailyUpdateStatusEnum.Draft,
-    attachments: [],
-    creationTime: new Date("2024-12-05T16:45:00"),
-    lastModificationTime: new Date("2024-12-05T16:45:00"),
-  },
-  {
-    id: "4",
-    taskId: "3",
-    task: mockProjectTasks.find((t) => t.id === "3"),
-    employeeId: "3",
-    employee: mockEmployees.find((e) => e.id === "3"),
-    date: new Date("2024-12-05"),
-    hoursWorked: 5.5,
-    description:
-      "Frontend arayüz tasarımında kullanıcı deneyimi optimizasyonu yapıldı.",
-    workType: WorkTypeEnum.Design,
-    progress: 65,
-    challenges: "Responsive tasarım gereksinimlerinin belirlenmesi",
-    nextSteps: "Mobile uyumlu tasarım geliştirilecek",
-    status: DailyUpdateStatusEnum.Submitted,
-    attachments: [],
-    creationTime: new Date("2024-12-05T17:00:00"),
-    lastModificationTime: new Date("2024-12-05T17:00:00"),
-  },
-  {
-    id: "5",
-    taskId: "4",
-    task: mockProjectTasks.find((t) => t.id === "4"),
-    employeeId: "4",
-    employee: mockEmployees.find((e) => e.id === "4"),
-    date: new Date("2024-12-05"),
-    hoursWorked: 3,
-    description:
-      "Unit test scenarioları oluşturuldu ve test coverage analizi yapıldı.",
-    workType: WorkTypeEnum.Testing,
-    progress: 30,
-    challenges: "Complex business logic için test senaryoları karmaşık",
-    nextSteps: "Integration testlere başlanacak",
-    status: DailyUpdateStatusEnum.Draft,
-    attachments: [],
-    creationTime: new Date("2024-12-05T15:20:00"),
-    lastModificationTime: new Date("2024-12-05T15:20:00"),
-  },
-  {
-    id: "6",
-    taskId: "1",
-    task: mockProjectTasks.find((t) => t.id === "1"),
-    employeeId: "1",
-    employee: mockEmployees.find((e) => e.id === "1"),
-    date: new Date("2024-12-03"),
-    hoursWorked: 8,
-    description:
-      "Veritabanı tablolarının oluşturulması ve ilişkilerin kurulması tamamlandı.",
-    workType: WorkTypeEnum.Development,
-    progress: 45,
-    challenges: "Foreign key constraints'lerin optimize edilmesi gerekti",
-    nextSteps: "Stored procedure'lar yazılacak",
-    status: DailyUpdateStatusEnum.Approved,
-    attachments: [],
-    creationTime: new Date("2024-12-03T18:30:00"),
-    lastModificationTime: new Date("2024-12-03T18:30:00"),
-  },
-  {
-    id: "7",
-    taskId: "2",
-    task: mockProjectTasks.find((t) => t.id === "2"),
-    employeeId: "2",
-    employee: mockEmployees.find((e) => e.id === "2"),
-    date: new Date("2024-12-04"),
-    hoursWorked: 6,
-    description: "REST API endpoint'lerinin dokümantasyonuna başlandı.",
-    workType: WorkTypeEnum.Documentation,
-    progress: 20,
-    challenges: "API specification'ların güncel olmama durumu",
-    nextSteps: "Developer'larla koordinasyon kurulacak",
-    status: DailyUpdateStatusEnum.Submitted,
-    attachments: [],
-    creationTime: new Date("2024-12-04T17:15:00"),
-    lastModificationTime: new Date("2024-12-04T17:15:00"),
-  },
-  {
-    id: "8",
-    taskId: "5",
-    task: mockProjectTasks.find((t) => t.id === "5"),
-    employeeId: "5",
-    employee: mockEmployees.find((e) => e.id === "5"),
-    date: new Date("2024-12-05"),
-    hoursWorked: 7,
-    description: "Mobil uygulama için React Native setup'ı tamamlandı.",
-    workType: WorkTypeEnum.Development,
-    progress: 55,
-    challenges: "iOS ve Android build configuration farklılıkları",
-    nextSteps: "Navigation structure implementasyonu",
-    status: DailyUpdateStatusEnum.Approved,
-    attachments: [],
-    creationTime: new Date("2024-12-05T18:00:00"),
-    lastModificationTime: new Date("2024-12-05T18:00:00"),
-  },
-];
diff --git a/ui/src/mocks/mockProjectTasks.ts b/ui/src/mocks/mockProjectTasks.ts
deleted file mode 100644
index 85d649a9..00000000
--- a/ui/src/mocks/mockProjectTasks.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-import { PriorityEnum } from "../types/common";
-import { PsProjectTask, TaskStatusEnum, TaskTypeEnum } from "../types/ps";
-import { mockEmployees } from "./mockEmployees";
-import { mockProjectPhases } from "./mockProjectPhases";
-
-export const mockProjectTasks: PsProjectTask[] = [
-  {
-    id: "1",
-    projectId: "1",
-    phaseId: "1",
-    phase: mockProjectPhases.find((phase) => phase.id === "1"),
-    taskCode: "TSK-001",
-    name: "Veritabanı Tasarımı",
-    description: "Erp sistemi için veritabanı şemasının tasarlanması",
-    taskType: TaskTypeEnum.Development,
-    status: TaskStatusEnum.InProgress,
-    priority: PriorityEnum.High,
-    assignedTo: "1",
-    assignee: mockEmployees.find((emp) => emp.id === "1"),
-    startDate: new Date("2024-01-15"),
-    endDate: new Date("2024-02-15"),
-    actualStartDate: new Date("2024-01-16"),
-    actualEndDate: undefined,
-    estimatedHours: 80,
-    actualHours: 45,
-    progress: 60,
-    activities: [],
-    comments: [],
-    isActive: true,
-    creationTime: new Date("2024-01-10"),
-    lastModificationTime: new Date("2024-01-20"),
-  },
-  {
-    id: "2",
-    projectId: "1",
-    phaseId: "1",
-    phase: mockProjectPhases.find((phase) => phase.id === "1"),
-    taskCode: "TSK-002",
-    name: "API Dokümantasyonu",
-    description: "REST API endpoints dokümantasyonunun hazırlanması",
-    taskType: TaskTypeEnum.Documentation,
-    status: TaskStatusEnum.NotStarted,
-    priority: PriorityEnum.Normal,
-    assignedTo: "2",
-    assignee: mockEmployees.find((emp) => emp.id === "2"),
-    startDate: new Date("2024-02-01"),
-    endDate: new Date("2024-02-20"),
-    actualStartDate: undefined,
-    actualEndDate: undefined,
-    estimatedHours: 40,
-    actualHours: 0,
-    progress: 0,
-    activities: [],
-    comments: [],
-    isActive: true,
-    creationTime: new Date("2024-01-25"),
-    lastModificationTime: new Date("2024-01-25"),
-  },
-  {
-    id: "3",
-    projectId: "2",
-    phaseId: "2",
-    phase: mockProjectPhases.find((phase) => phase.id === "2"),
-    taskCode: "TSK-003",
-    name: "Unit Test Yazımı",
-    description: "Backend servisler için unit testlerin yazılması",
-    taskType: TaskTypeEnum.Testing,
-    status: TaskStatusEnum.Completed,
-    priority: PriorityEnum.High,
-    assignedTo: "3",
-    assignee: mockEmployees.find((emp) => emp.id === "3"),
-    startDate: new Date("2024-01-20"),
-    endDate: new Date("2024-02-10"),
-    actualStartDate: new Date("2024-01-20"),
-    actualEndDate: new Date("2024-02-08"),
-    estimatedHours: 60,
-    actualHours: 58,
-    progress: 100,
-    activities: [],
-    comments: [],
-    isActive: true,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-02-08"),
-  },
-  {
-    id: "4",
-    projectId: "1",
-    phaseId: "1",
-    phase: mockProjectPhases.find((phase) => phase.id === "1"),
-    taskCode: "TSK-004",
-    name: "Güvenlik Açığı Düzeltme",
-    description: "Kritik güvenlik açığının acil olarak düzeltilmesi gerekiyor",
-    taskType: TaskTypeEnum.Development,
-    status: TaskStatusEnum.InProgress,
-    priority: PriorityEnum.Urgent,
-    assignedTo: "1",
-    assignee: mockEmployees.find((emp) => emp.id === "1"),
-    startDate: new Date("2024-10-20"),
-    endDate: new Date("2024-10-25"),
-    actualStartDate: new Date("2024-10-20"),
-    actualEndDate: undefined,
-    estimatedHours: 20,
-    actualHours: 8,
-    progress: 40,
-    activities: [],
-    comments: [],
-    isActive: true,
-    creationTime: new Date("2024-10-20"),
-    lastModificationTime: new Date("2024-10-20"),
-  },
-  {
-    id: "5",
-    projectId: "2",
-    phaseId: "2",
-    phase: mockProjectPhases.find((phase) => phase.id === "2"),
-    taskCode: "TSK-005",
-    name: "Performans Optimizasyonu",
-    description: "Uygulama performansının iyileştirilmesi",
-    taskType: TaskTypeEnum.Development,
-    status: TaskStatusEnum.NotStarted,
-    priority: PriorityEnum.High,
-    assignedTo: "2",
-    assignee: mockEmployees.find((emp) => emp.id === "2"),
-    startDate: new Date("2024-10-28"),
-    endDate: new Date("2024-11-15"),
-    actualStartDate: undefined,
-    actualEndDate: undefined,
-    estimatedHours: 100,
-    actualHours: 0,
-    progress: 0,
-    activities: [],
-    comments: [],
-    isActive: true,
-    creationTime: new Date("2024-10-15"),
-    lastModificationTime: new Date("2024-10-15"),
-  },
-];
diff --git a/ui/src/mocks/mockProjects.ts b/ui/src/mocks/mockProjects.ts
deleted file mode 100644
index 14262c36..00000000
--- a/ui/src/mocks/mockProjects.ts
+++ /dev/null
@@ -1,233 +0,0 @@
-import { PriorityEnum } from "../types/common";
-import {
-  PsDocumentTypeEnum,
-  PsProject,
-  ProjectStatusEnum,
-  ProjectTypeEnum,
-  RiskCategoryEnum,
-  RiskImpactEnum,
-  RiskLevelEnum,
-  RiskProbabilityEnum,
-  RiskStatusEnum,
-} from "../types/ps";
-import { mockBusinessParties } from "./mockBusinessParties";
-import { mockEmployees } from "./mockEmployees";
-
-export const mockProjects: PsProject[] = [
-  {
-    id: "1",
-    code: "PRJ-2024-001",
-    name: "Erp Sistemi Geliştirme",
-    description: "Kurumsal kaynak planlama sistemi geliştirilmesi",
-    projectType: ProjectTypeEnum.Internal,
-    status: ProjectStatusEnum.Active,
-    priority: PriorityEnum.High,
-    customerId: "6",
-    customer: mockBusinessParties.find((c) => c.id === "6"),
-    projectManagerId: "1",
-    projectManager: mockEmployees.find((e) => e.id === "1"),
-    startDate: new Date("2024-01-15"),
-    endDate: new Date("2024-12-31"),
-    actualStartDate: new Date("2024-01-20"),
-    actualEndDate: undefined,
-    budget: 500000,
-    actualCost: 250000,
-    currency: "TRY",
-    progress: 65,
-    phases: [],
-    tasks: [],
-    risks: [
-      {
-        id: "1",
-        title: "Teknik Ekip Yetersizliği",
-        description:
-          "Projenin gerektirdiği teknik uzmanlığa sahip personel eksikliği",
-        probability: RiskProbabilityEnum.Medium,
-        status: RiskStatusEnum.Analyzing,
-        ownerId: "1",
-        identifiedDate: new Date("2024-01-20"),
-        mitigationPlan: "Eksternal danışman alımı planlanıyor",
-        projectId: "1",
-        riskCode: "005-TEKN",
-        category: RiskCategoryEnum.Technical,
-        impact: RiskImpactEnum.VeryLow,
-        riskLevel: RiskLevelEnum.Low,
-        identifiedBy: "",
-        isActive: false,
-      },
-      {
-        id: "2",
-        title: "Bütçe Aşımı",
-        description:
-          "Beklenenden fazla kaynak kullanımı nedeniyle bütçe aşımı riski",
-        probability: RiskProbabilityEnum.Medium,
-        status: RiskStatusEnum.Analyzing,
-        ownerId: "2",
-        identifiedDate: new Date("2024-01-20"),
-        mitigationPlan: "Eksternal danışman alımı planlanıyor",
-        projectId: "1",
-        riskCode: "009-BUTC",
-        category: RiskCategoryEnum.Resource,
-        impact: RiskImpactEnum.Low,
-        riskLevel: RiskLevelEnum.Critical,
-        identifiedBy: "",
-        isActive: false,
-      },
-    ],
-    documents: [
-      {
-        id: "1",
-        documentName: "Proje Teklifi.pdf",
-        documentType: PsDocumentTypeEnum.Design,
-        fileSize: 2.3,
-        uploadedAt: new Date("2024-01-15"),
-        uploadedBy: "Ali Öztürk",
-        filePath: "pdf",
-        projectId: "",
-        version: "",
-        isActive: false,
-      },
-      {
-        id: "2",
-        documentName: "Gereksinim Analizi.docx",
-        documentType: PsDocumentTypeEnum.Report,
-        fileSize: 1.8,
-        uploadedAt: new Date("2024-01-15"),
-        uploadedBy: "Ayşe Kaya",
-        filePath: "docx",
-        projectId: "",
-        version: "",
-        isActive: false,
-      },
-    ],
-    isActive: true,
-    creationTime: new Date("2024-01-10"),
-    lastModificationTime: new Date("2024-11-20"),
-  },
-  {
-    id: "2",
-    code: "PRJ-2024-002",
-    name: "Mobil Uygulama Geliştirme",
-    description: "iOS ve Android mobil uygulama geliştirilmesi",
-    projectType: ProjectTypeEnum.Customer,
-    status: ProjectStatusEnum.Planning,
-    priority: PriorityEnum.Normal,
-    customerId: "5",
-    customer: mockBusinessParties.find((c) => c.id === "5"),
-    projectManagerId: "2",
-    projectManager: mockEmployees.find((e) => e.id === "2"),
-    startDate: new Date("2024-03-01"),
-    endDate: new Date("2024-08-31"),
-    actualStartDate: undefined,
-    actualEndDate: undefined,
-    budget: 300000,
-    actualCost: 50000,
-    currency: "TRY",
-    progress: 15,
-    phases: [],
-    tasks: [],
-    risks: [
-      {
-        id: "r1",
-        description: "Teknoloji değişiklikleri",
-        impact: RiskImpactEnum.High,
-        probability: RiskProbabilityEnum.Medium,
-        mitigationPlan: "Düzenli eğitim ve güncellemeler",
-        projectId: "",
-        riskCode: "",
-        title: "",
-        category: RiskCategoryEnum.Technical,
-        riskLevel: RiskLevelEnum.Low,
-        status: RiskStatusEnum.Identified,
-        identifiedBy: "",
-        identifiedDate: new Date(),
-        isActive: false,
-      },
-    ],
-    documents: [
-      {
-        id: "3",
-        documentName: "UI Mockup.fig",
-        documentType: PsDocumentTypeEnum.Manual,
-        fileSize: 5.2,
-        uploadedAt: new Date("2024-02-20"),
-        uploadedBy: "Mehmet Demir",
-        filePath: "fig",
-        projectId: "",
-        version: "",
-        isActive: false,
-      },
-      {
-        id: "4",
-        documentName: "Veritabanı Şeması.sql",
-        documentType: PsDocumentTypeEnum.Design,
-        fileSize: 1.2,
-        uploadedAt: new Date("2024-02-20"),
-        uploadedBy: "Mehmet Demir",
-        filePath: "fig",
-        projectId: "",
-        version: "",
-        isActive: false,
-      },
-    ],
-    isActive: true,
-    creationTime: new Date("2024-02-15"),
-    lastModificationTime: new Date("2024-11-18"),
-  },
-  {
-    id: "3",
-    code: "PRJ-2024-003",
-    name: "Veri Merkezi Kurulumu",
-    description: "Yeni veri merkezi altyapısının kurulması",
-    projectType: ProjectTypeEnum.Development,
-    status: ProjectStatusEnum.Completed,
-    priority: PriorityEnum.High,
-    customerId: "6",
-    customer: mockBusinessParties.find((c) => c.id === "6"),
-    projectManagerId: "3",
-    projectManager: mockEmployees.find((e) => e.id === "3"),
-    startDate: new Date("2024-06-01"),
-    endDate: new Date("2024-10-31"),
-    actualStartDate: new Date("2024-06-05"),
-    actualEndDate: new Date("2024-10-28"),
-    budget: 800000,
-    actualCost: 750000,
-    currency: "TRY",
-    progress: 100,
-    phases: [],
-    tasks: [],
-    risks: [],
-    documents: [],
-    isActive: true,
-    creationTime: new Date("2024-05-20"),
-    lastModificationTime: new Date("2024-10-28"),
-  },
-  {
-    id: "4",
-    code: "PRJ-2024-004",
-    name: "E-ticaret Platform Entegrasyonu",
-    description: "Mevcut sisteme e-ticaret platformu entegrasyonu",
-    projectType: ProjectTypeEnum.Customer,
-    status: ProjectStatusEnum.OnHold,
-    priority: PriorityEnum.Low,
-    customerId: "5",
-    customer: mockBusinessParties.find((c) => c.id === "5"),
-    projectManagerId: "4",
-    projectManager: mockEmployees.find((e) => e.id === "4"),
-    startDate: new Date("2024-09-01"),
-    endDate: new Date("2024-12-15"),
-    actualStartDate: undefined,
-    actualEndDate: undefined,
-    budget: 200000,
-    actualCost: 25000,
-    currency: "TRY",
-    progress: 10,
-    phases: [],
-    tasks: [],
-    risks: [],
-    documents: [],
-    isActive: true,
-    creationTime: new Date("2024-08-15"),
-    lastModificationTime: new Date("2024-11-15"),
-  },
-];
diff --git a/ui/src/mocks/mockPromissoryNotes.ts b/ui/src/mocks/mockPromissoryNotes.ts
deleted file mode 100644
index 36a475eb..00000000
--- a/ui/src/mocks/mockPromissoryNotes.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { NoteStatusEnum, PromissoryNote, TypeEnum } from '../types/fi'
-import { mockCurrentAccounts } from './mockCurrentAccounts'
-
-export const mockPromissoryNotes: PromissoryNote[] = [
-  {
-    id: '1',
-    noteNumber: 'NOT-001',
-    type: TypeEnum.Received,
-    drawerName: 'Müşteri A.Ş.',
-    payeeName: 'ABC Şirket',
-    issueDate: new Date('2024-01-20'),
-    dueDate: new Date('2024-03-20'),
-    amount: 50000,
-    currency: 'TRY',
-    status: NoteStatusEnum.InHand,
-    location: 'Ana Kasa',
-    currentAccountId: '1',
-    currentAccount: mockCurrentAccounts.find((acc) => acc.id === '1'),
-    creationTime: new Date('2024-01-20'),
-    lastModificationTime: new Date('2024-01-20'),
-  },
-  {
-    id: '2',
-    noteNumber: 'NOT-002',
-    type: TypeEnum.Issued,
-    drawerName: 'ABC Şirket',
-    payeeName: 'Kefil A.Ş.',
-    issueDate: new Date('2024-01-05'),
-    dueDate: new Date('2024-03-05'),
-    amount: 30000,
-    currency: 'TRY',
-    status: NoteStatusEnum.Collected,
-    location: 'Banka',
-    collectionDate: new Date('2024-01-25'),
-    currentAccountId: '2',
-    currentAccount: mockCurrentAccounts.find((acc) => acc.id === '2'),
-    creationTime: new Date('2024-01-05'),
-    lastModificationTime: new Date('2024-01-25'),
-  },
-]
diff --git a/ui/src/mocks/mockPurchaseOrders.ts b/ui/src/mocks/mockPurchaseOrders.ts
deleted file mode 100644
index 2f11dd48..00000000
--- a/ui/src/mocks/mockPurchaseOrders.ts
+++ /dev/null
@@ -1,214 +0,0 @@
-import { PaymentTerms } from "../types/common";
-import { OrderStatusEnum, MmPurchaseOrder, RequestTypeEnum } from "../types/mm";
-import { mockMaterials } from "./mockMaterials";
-import { mockBusinessParties } from "./mockBusinessParties";
-
-export const mockPurchaseOrders: MmPurchaseOrder[] = [
-  {
-    id: "ORD001",
-    orderNumber: "SIP-2024-001",
-    supplierId: "1",
-    supplier: mockBusinessParties.find((s) => s.id === "1"),
-    orderDate: new Date("2024-01-20"),
-    deliveryDate: new Date("2024-02-03"),
-    status: OrderStatusEnum.Delivered,
-    paymentTerms: PaymentTerms.Net30,
-    currency: "TRY",
-    exchangeRate: 1,
-    subtotal: 125000,
-    taxAmount: 22500,
-    totalAmount: 147500,
-    deliveryAddress: {
-      street: "Atatürk Cad. No:10",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    terms: "30 gün içinde ödeme yapılacaktır.",
-    notes: "Öncelikli sipariş - hızlı teslimat talep edildi.",
-    items: [
-      {
-        id: "1",
-        orderId: "ORD001",
-        materialId: "1",
-        material: mockMaterials.find((m) => m.id === "1"),
-        description: "Galvanizli çelik profil",
-        quantity: 100,
-        unit: "adet",
-        unitPrice: 850,
-        totalPrice: 85000,
-        deliveryDate: new Date("2024-02-03"),
-        receivedQuantity: 100,
-        deliveredQuantity: 100,
-        remainingQuantity: 0,
-      },
-      {
-        id: "2",
-        orderId: "ORD001",
-        materialId: "2",
-        material: mockMaterials.find((m) => m.id === "2"),
-        description: "3.25mm kaynak elektrodu",
-        quantity: 200,
-        unit: "kg",
-        unitPrice: 200,
-        totalPrice: 40000,
-        deliveryDate: new Date("2024-02-03"),
-        receivedQuantity: 200,
-        deliveredQuantity: 200,
-        remainingQuantity: 0,
-      },
-    ],
-    receipts: [],
-    creationTime: new Date("2024-01-20"),
-    lastModificationTime: new Date("2024-02-03"),
-    requestId: "REQ001",
-    requestTitle: "Üretim Malzemesi Talebi",
-    requestType: RequestTypeEnum.Material,
-    quotationId: "QUO001",
-    expectedDeliveryDate: new Date("2024-02-05"),
-    actualDeliveryDate: new Date("2024-02-03"),
-    deliveryTerms: "Fabrika teslimi",
-    attachments: ["siparis_formu.pdf", "teknik_sartname.pdf"],
-    approvedBy: "Ayşe Demir",
-    approvedAt: new Date("2024-01-20"),
-  },
-  {
-    id: "ORD002",
-    orderNumber: "SIP-2024-002",
-    supplierId: "2",
-    supplier: mockBusinessParties.find((s) => s.id === "2"),
-    orderDate: new Date("2024-01-22"),
-    deliveryDate: new Date("2024-02-10"),
-    status: OrderStatusEnum.PartiallyDelivered,
-    paymentTerms: PaymentTerms.Net45,
-    currency: "TRY",
-    exchangeRate: 0,
-    subtotal: 0,
-    taxAmount: 0,
-    totalAmount: 280000,
-    deliveryAddress: {
-      street: "İnönü Mah. No:5",
-      city: "Ankara",
-      state: "Ankara",
-      postalCode: "06000",
-      country: "Türkiye",
-    },
-    terms: "45 gün içinde ödeme yapılacaktır.",
-    notes: "Kademeli teslimat yapılacak.",
-    items: [
-      {
-        id: "3",
-        orderId: "ORD002",
-        materialId: "3",
-        material: mockMaterials.find((m) => m.id === "3"),
-        description: "i7 işlemci, 16GB RAM, 512GB SSD",
-        quantity: 10,
-        unit: "adet",
-        unitPrice: 25000,
-        totalPrice: 250000,
-        deliveryDate: new Date("2024-02-08"),
-        receivedQuantity: 7,
-        deliveredQuantity: 7,
-        remainingQuantity: 3,
-      },
-      {
-        id: "4",
-        orderId: "ORD002",
-        materialId: "4",
-        material: mockMaterials.find((m) => m.id === "4"),
-        description: '24" LED monitör',
-        quantity: 10,
-        unit: "adet",
-        unitPrice: 3000,
-        totalPrice: 30000,
-        deliveryDate: new Date("2024-02-10"),
-        receivedQuantity: 10,
-        deliveredQuantity: 10,
-        remainingQuantity: 0,
-      },
-    ],
-    receipts: [],
-    creationTime: new Date("2024-01-22"),
-    lastModificationTime: new Date("2024-02-08"),
-    requestId: "REQ002",
-    requestTitle: "Bilgisayar Ekipmanları",
-    requestType: RequestTypeEnum.WorkCenter,
-    quotationId: "QUO002",
-    expectedDeliveryDate: new Date("2024-02-12"),
-    actualDeliveryDate: new Date("2024-02-08"),
-    deliveryTerms: "Ofis teslimi",
-    attachments: ["siparis_detay.pdf"],
-    approvedBy: "Murat Şen",
-    approvedAt: new Date("2024-01-22"),
-  },
-  {
-    id: "ORD003",
-    orderNumber: "SIP-2024-003",
-    supplierId: "3",
-    supplier: mockBusinessParties.find((s) => s.id === "3"),
-    orderDate: new Date("2024-01-25"),
-    deliveryDate: new Date("2024-02-01"),
-    status: OrderStatusEnum.Confirmed,
-    paymentTerms: PaymentTerms.Prepaid,
-    currency: "TRY",
-    exchangeRate: 0,
-    subtotal: 0,
-    taxAmount: 0,
-    totalAmount: 85000,
-    deliveryAddress: {
-      street: "Hürriyet Cad. No:20",
-      city: "İzmir",
-      state: "İzmir",
-      postalCode: "35000",
-      country: "Türkiye",
-    },
-    terms: "Hizmet başlamadan önce ödeme yapılacaktır.",
-    notes: "6 aylık hizmet anlaşması.",
-    items: [
-      {
-        id: "5",
-        orderId: "ORD003",
-        materialId: "4",
-        material: mockMaterials.find((m) => m.id === "4"),
-        description: "Aylık makine bakım hizmeti",
-        quantity: 6,
-        unit: "ay",
-        unitPrice: 12000,
-        totalPrice: 72000,
-        deliveryDate: new Date("2024-02-01"),
-        receivedQuantity: 0,
-        deliveredQuantity: 0,
-        remainingQuantity: 6,
-      },
-      {
-        id: "6",
-        orderId: "ORD003",
-        materialId: "5",
-        material: mockMaterials.find((m) => m.id === "5"),
-        description: "Acil durum müdahale paketi",
-        quantity: 1,
-        unit: "paket",
-        unitPrice: 13000,
-        totalPrice: 13000,
-        deliveryDate: new Date("2024-02-01"),
-        receivedQuantity: 0,
-        deliveredQuantity: 0,
-        remainingQuantity: 1,
-      },
-    ],
-    receipts: [],
-    creationTime: new Date("2024-01-25"),
-    lastModificationTime: new Date("2024-01-26"),
-    requestId: "REQ003",
-    requestTitle: "Makine Bakım Hizmeti",
-    requestType: RequestTypeEnum.Service,
-    quotationId: "QUO003",
-    expectedDeliveryDate: new Date("2024-02-01"),
-    actualDeliveryDate: new Date("2024-02-01"),
-    deliveryTerms: "Yerinde hizmet",
-    attachments: ["hizmet_sozlesmesi.pdf"],
-    approvedBy: "Can Demirtaş",
-    approvedAt: new Date("2024-01-25"),
-  },
-];
diff --git a/ui/src/mocks/mockPurchaseRequests.ts b/ui/src/mocks/mockPurchaseRequests.ts
deleted file mode 100644
index db2747e8..00000000
--- a/ui/src/mocks/mockPurchaseRequests.ts
+++ /dev/null
@@ -1,190 +0,0 @@
-import { PriorityEnum } from "../types/common";
-import {
-  ApprovalLevelEnum,
-  ApprovalStatusEnum,
-  MmPurchaseRequest,
-  RequestStatusEnum,
-  RequestTypeEnum,
-} from "../types/mm";
-
-export const mockPurchaseRequests: MmPurchaseRequest[] = [
-  {
-    id: "REQ001",
-    requestNumber: "PR-2024-001",
-    requestType: RequestTypeEnum.Material,
-    description: "Üretim için hammadde talebi",
-    department: "Üretim",
-    requestedBy: "Ali Veli",
-    requestDate: new Date("2024-08-01"),
-    requiredDate: new Date("2024-08-15"),
-    priority: PriorityEnum.High,
-    status: RequestStatusEnum.Approved,
-    totalAmount: 75000,
-    currency: "TRY",
-    items: [
-      {
-        id: "ITEM001",
-        requestId: "1",
-        materialId: "1",
-        quantity: 100,
-        unit: "KG",
-        estimatedPrice: 750,
-        specification: "Yüksek kalite çelik",
-        justification: "Üretim planı için gerekli",
-        isUrgent: true,
-      },
-    ],
-    approvals: [
-      {
-        id: "APP001",
-        requestId: "1",
-        approvalLevel: ApprovalLevelEnum.Supervisor,
-        approverUserId: "USR001",
-        approverName: "Mehmet Yılmaz",
-        approvalDate: new Date("2024-08-02"),
-        status: ApprovalStatusEnum.Approved,
-        comments: "Onaylandı",
-        sequence: 1,
-        isRequired: true,
-      },
-      {
-        id: "APP002",
-        requestId: "1",
-        approvalLevel: ApprovalLevelEnum.Manager,
-        approverUserId: "USR002",
-        approverName: "Ayşe Demir",
-        approvalDate: new Date("2024-08-03"),
-        status: ApprovalStatusEnum.Approved,
-        sequence: 2,
-        isRequired: true,
-      },
-    ],
-    attachments: [],
-    comments: [],
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "REQ002",
-    requestNumber: "PR-2024-002",
-    requestType: RequestTypeEnum.Service,
-    description: "Bakım hizmeti talebi",
-    department: "Bakım",
-    requestedBy: "Fatma Özkan",
-    requestDate: new Date("2024-08-05"),
-    requiredDate: new Date("2024-08-12"),
-    priority: PriorityEnum.Urgent,
-    status: RequestStatusEnum.InReview,
-    totalAmount: 25000,
-    currency: "TRY",
-    items: [
-      {
-        id: "ITEM002",
-        requestId: "2",
-        materialId: "2",
-        serviceDescription: "Kompresör bakım hizmeti",
-        quantity: 1,
-        unit: "ADET",
-        estimatedPrice: 25000,
-        specification: "Periyodik bakım",
-        justification: "Arıza önleme",
-        isUrgent: true,
-      },
-    ],
-    approvals: [
-      {
-        id: "APP003",
-        requestId: "2",
-        approvalLevel: ApprovalLevelEnum.Supervisor,
-        approverUserId: "USR003",
-        approverName: "Hasan Kaya",
-        status: ApprovalStatusEnum.Pending,
-        sequence: 1,
-        isRequired: true,
-      },
-    ],
-    attachments: [],
-    comments: [],
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "REQ003",
-    requestNumber: "PR-2024-003",
-    requestType: RequestTypeEnum.WorkCenter,
-    description: "Yeni ekipman talebi",
-    department: "IT",
-    requestedBy: "Murat Şen",
-    requestDate: new Date("2024-08-10"),
-    requiredDate: new Date("2024-08-25"),
-    priority: PriorityEnum.Normal,
-    status: RequestStatusEnum.Draft,
-    totalAmount: 150000,
-    currency: "TRY",
-    items: [
-      {
-        id: "ITEM003",
-        requestId: "3",
-        materialId: "3",
-        serviceDescription: "Sunucu donanımı",
-        quantity: 2,
-        unit: "ADET",
-        estimatedPrice: 75000,
-        specification: "Dell PowerEdge R750",
-        justification: "Sistem kapasitesi artırımı",
-        isUrgent: false,
-      },
-    ],
-    approvals: [],
-    attachments: [],
-    comments: [],
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "4",
-    requestNumber: "PR-2024-004",
-    requestType: RequestTypeEnum.Material,
-    description: "Ofis malzemeleri talebi",
-    department: "İdari İşler",
-    requestedBy: "Zeynep Akın",
-    requestDate: new Date("2024-08-12"),
-    requiredDate: new Date("2024-08-20"),
-    priority: PriorityEnum.Low,
-    status: RequestStatusEnum.Rejected,
-    totalAmount: 5000,
-    currency: "TRY",
-    items: [
-      {
-        id: "ITEM004",
-        requestId: "4",
-        materialId: "4",
-        serviceDescription: "Kırtasiye malzemeleri",
-        quantity: 1,
-        unit: "LOT",
-        estimatedPrice: 5000,
-        specification: "Çeşitli ofis malzemeleri",
-        justification: "Stok yenileme",
-        isUrgent: false,
-      },
-    ],
-    approvals: [
-      {
-        id: "APP004",
-        requestId: "4",
-        approvalLevel: ApprovalLevelEnum.Manager,
-        approverUserId: "USR004",
-        approverName: "Ahmet Yıldız",
-        approvalDate: new Date("2024-08-13"),
-        status: ApprovalStatusEnum.Rejected,
-        comments: "Bütçe yetersizliği",
-        sequence: 1,
-        isRequired: true,
-      },
-    ],
-    attachments: [],
-    comments: [],
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-];
diff --git a/ui/src/mocks/mockPurchaseRequisitions.ts b/ui/src/mocks/mockPurchaseRequisitions.ts
deleted file mode 100644
index 97de73d2..00000000
--- a/ui/src/mocks/mockPurchaseRequisitions.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { PriorityEnum } from '@/types/common'
-import { ApprovalStatusEnum, MmPurchaseRequisition, RequisitionStatusEnum } from '../types/mm'
-
-export const mockPurchaseRequisitions: MmPurchaseRequisition[] = [
-  {
-    id: '1',
-    requisitionNumber: 'PR-2024-001',
-    requestedBy: 'Mehmet Özkan',
-    departmentId: 'PROD',
-    requestDate: new Date('2024-01-20'),
-    requiredDate: new Date('2024-02-15'),
-    priority: PriorityEnum.Normal,
-    status: RequisitionStatusEnum.InApproval,
-    description: 'Üretim hattı için çelik malzeme talebi',
-    justification: 'Mevcut stok seviyesi kritik seviyeye düştü',
-    totalAmount: 125000,
-    currency: 'TRY',
-    items: [
-      {
-        id: '1',
-        requisitionId: '1',
-        materialId: 'MAT-001',
-        description: 'Çelik Levha 2mm',
-        quantity: 500,
-        unitId: '1',
-        estimatedPrice: 250,
-        totalAmount: 125000,
-        requiredDate: new Date('2024-02-15'),
-        specifications: 'Kalınlık: 2mm, Genişlik: 1000mm',
-        budgetCode: 'PROD-2024-Q1',
-      },
-    ],
-    approvals: [
-      {
-        id: '1',
-        documentId: '1',
-        documentType: 'PurchaseRequisition',
-        approverUserId: 'manager1',
-        approverName: 'Ali Yılmaz',
-        approvalLevel: 1,
-        status: ApprovalStatusEnum.Approved,
-        comments: 'Onaylandı',
-        approvedAt: new Date('2024-01-21'),
-        creationTime: new Date('2024-01-21'),
-      },
-    ],
-    creationTime: new Date('2024-01-20'),
-    lastModificationTime: new Date('2024-01-21'),
-  },
-]
diff --git a/ui/src/mocks/mockPutawayRules.ts b/ui/src/mocks/mockPutawayRules.ts
deleted file mode 100644
index 9d8870e4..00000000
--- a/ui/src/mocks/mockPutawayRules.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import {
-  ConditionOperatorEnum,
-  ConditionTypeEnum,
-  WmPutawayRule,
-  PutawayStrategyEnum,
-} from "../types/wm";
-
-export const mockPutawayRules: WmPutawayRule[] = [
-  {
-    id: "1",
-    code: "RULE001",
-    name: "Ağır Malzemeler",
-    description: "Ağır malzemeler için zemin seviye yerleştirme kuralı",
-    warehouseId: "1",
-    materialTypeId: "1",
-    materialGroupId: "2",
-    priority: 1,
-    conditions: [
-      {
-        id: "1",
-        ruleId: "1",
-        conditionType: ConditionTypeEnum.Weight,
-        operator: ConditionOperatorEnum.GreaterThan,
-        value: "50",
-      },
-    ],
-    targetZoneId: "1",
-    targetLocationId: undefined,
-    strategy: PutawayStrategyEnum.NearestLocation,
-    isActive: true,
-  },
-  {
-    id: "2",
-    code: "RULE002",
-    name: "Hızlı Hareket Eden Malzemeler",
-    description: "A sınıfı malzemeler için kolay erişim bölgesi",
-    warehouseId: "1",
-    materialTypeId: "2",
-    materialGroupId: "2",
-    priority: 2,
-    conditions: [
-      {
-        id: "2",
-        ruleId: "2",
-        conditionType: ConditionTypeEnum.MaterialGroup,
-        operator: ConditionOperatorEnum.Equals,
-        value: "A-Class",
-      },
-    ],
-    targetZoneId: "2",
-    targetLocationId: undefined,
-    strategy: PutawayStrategyEnum.NearestLocation,
-    isActive: true,
-  },
-  {
-    id: "3",
-    code: "RULE003",
-    name: "FIFO Kuralı",
-    description: "Son kullanma tarihi olan malzemeler için FIFO",
-    warehouseId: "1",
-    materialTypeId: "3",
-    materialGroupId: "2",
-    priority: 3,
-    conditions: [
-      {
-        id: "3",
-        ruleId: "3",
-        conditionType: ConditionTypeEnum.MaterialType,
-        operator: ConditionOperatorEnum.Equals,
-        value: "Perishable",
-      },
-    ],
-    targetZoneId: "3",
-    targetLocationId: undefined,
-    strategy: PutawayStrategyEnum.FIFO,
-    isActive: true,
-  },
-  {
-    id: "4",
-    code: "RULE004",
-    name: "Büyük Hacimli Malzemeler",
-    description: "Büyük hacimli malzemeler için özel alan",
-    warehouseId: "1",
-    materialTypeId: "2",
-    materialGroupId: "4",
-    priority: 4,
-    conditions: [
-      {
-        id: "4",
-        ruleId: "4",
-        conditionType: ConditionTypeEnum.Volume,
-        operator: ConditionOperatorEnum.GreaterThan,
-        value: "2",
-      },
-    ],
-    targetZoneId: "4",
-    targetLocationId: undefined,
-    strategy: PutawayStrategyEnum.EmptyLocation,
-    isActive: true,
-  },
-  {
-    id: "5",
-    code: "RULE005",
-    name: "Aynı Ürün Gruplaması",
-    description: "Aynı malzeme tiplerini birlikte yerleştirme",
-    warehouseId: "1",
-    materialTypeId: "2",
-    materialGroupId: "3",
-    priority: 5,
-    conditions: [
-      {
-        id: "5",
-        ruleId: "5",
-        conditionType: ConditionTypeEnum.MaterialType,
-        operator: ConditionOperatorEnum.Equals,
-        value: "Electronics",
-      },
-    ],
-    targetZoneId: "5",
-    targetLocationId: undefined,
-    strategy: PutawayStrategyEnum.SameProduct,
-    isActive: false,
-  },
-];
diff --git a/ui/src/mocks/mockQuotations.ts b/ui/src/mocks/mockQuotations.ts
deleted file mode 100644
index c8f56a7e..00000000
--- a/ui/src/mocks/mockQuotations.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import { MmQuotation, QuotationStatusEnum, RequestTypeEnum } from "../types/mm";
-import { mockBusinessParties } from "./mockBusinessParties";
-
-export const mockQuotations: MmQuotation[] = [
-  {
-    id: "1",
-    quotationNumber: "TEK-2024-001",
-    supplierId: "1",
-    supplier: mockBusinessParties.find((s) => s.id === "1"),
-    requestId: "REQ001",
-    requestTitle: "Üretim Malzemesi Talebi",
-    requestType: RequestTypeEnum.Material,
-    quotationDate: new Date("2024-01-15"),
-    validUntil: new Date("2024-02-15"),
-    totalAmount: 125000,
-    currency: "TRY",
-    status: QuotationStatusEnum.Pending,
-    items: [
-      {
-        id: "ITM001",
-        materialCode: "MAL001",
-        materialName: "Çelik Profil 40x40",
-        description: "Galvanizli çelik profil",
-        quantity: 100,
-        unit: "adet",
-        unitPrice: 850,
-        totalPrice: 85000,
-        leadTime: 15,
-        specifications: ["Galvanizli", "EN 10025 standardında"],
-      },
-      {
-        id: "ITM002",
-        materialCode: "MAL002",
-        materialName: "Kaynak Elektrodu",
-        description: "3.25mm kaynak elektrodu",
-        quantity: 200,
-        unit: "kg",
-        unitPrice: 200,
-        totalPrice: 40000,
-        leadTime: 7,
-        specifications: ["AWS E6013", "Rutubet dirençli"],
-      },
-    ],
-    deliveryTerms: "15 gün içinde teslim",
-    paymentTerms: "30 gün vadeli",
-    notes: "Toplu sipariş indirimi uygulanmıştır.",
-    attachments: [
-      {
-        id: "ATT001",
-        fileName: "teknik_sartname.pdf",
-        fileSize: 1024,
-        fileType: "application/pdf",
-        uploadedBy: "Mehmet Yılmaz",
-        uploadedAt: new Date("2024-01-15"),
-      },
-      {
-        id: "ATT002",
-        fileName: "urun_katalogu.pdf",
-        fileSize: 2048,
-        fileType: "application/pdf",
-        uploadedBy: "Mehmet Yılmaz",
-        uploadedAt: new Date("2024-01-15"),
-      },
-    ],
-    submittedBy: "Mehmet Yılmaz",
-    submittedAt: new Date("2024-01-15"),
-    evaluatedBy: undefined,
-    evaluatedAt: undefined,
-    evaluationNotes: undefined,
-    creationTime: new Date("2024-01-15"),
-    lastModificationTime: new Date("2024-01-15"),
-  },
-  {
-    id: "2",
-    quotationNumber: "TEK-2024-002",
-    supplierId: "2",
-    supplier: mockBusinessParties.find((s) => s.id === "2"),
-    requestId: "REQ002",
-    requestTitle: "Bilgisayar Ekipmanları",
-    requestType: RequestTypeEnum.WorkCenter,
-    quotationDate: new Date("2024-01-16"),
-    validUntil: new Date("2024-02-16"),
-    totalAmount: 280000,
-    currency: "TRY",
-    status: QuotationStatusEnum.Approved,
-    items: [
-      {
-        id: "ITM003",
-        materialCode: "EQP001",
-        materialName: "Masaüstü Bilgisayar",
-        description: "i7 işlemci, 16GB RAM, 512GB SSD",
-        quantity: 10,
-        unit: "adet",
-        unitPrice: 25000,
-        totalPrice: 250000,
-        leadTime: 21,
-        specifications: [
-          "Intel i7-12700",
-          "16GB DDR4",
-          "512GB NVMe SSD",
-          "Windows 11 Pro",
-        ],
-      },
-      {
-        id: "ITM004",
-        materialCode: "EQP002",
-        materialName: "Monitör",
-        description: '24" LED monitör',
-        quantity: 10,
-        unit: "adet",
-        unitPrice: 3000,
-        totalPrice: 30000,
-        leadTime: 14,
-        specifications: ['24" Full HD', "IPS panel", "HDMI/DP girişi"],
-      },
-    ],
-    deliveryTerms: "21 gün içinde teslim",
-    paymentTerms: "45 gün vadeli",
-    notes: "2 yıl garanti dahil.",
-    attachments: [
-      {
-        id: "ATT003",
-        fileName: "teknik_ozellikler.pdf",
-        fileSize: 1536,
-        fileType: "application/pdf",
-        uploadedBy: "Ali Kaya",
-        uploadedAt: new Date("2024-01-16"),
-      },
-    ],
-    submittedBy: "Ali Kaya",
-    submittedAt: new Date("2024-01-16"),
-    evaluatedBy: "Ayşe Demir",
-    evaluatedAt: new Date("2024-01-18"),
-    evaluationNotes: "Teknik özellikler uygun, fiyat makul.",
-    creationTime: new Date("2024-01-16"),
-    lastModificationTime: new Date("2024-01-18"),
-  },
-  {
-    id: "3",
-    quotationNumber: "TEK-2024-003",
-    supplierId: "3",
-    supplier: mockBusinessParties.find((s) => s.id === "3"),
-    requestId: "REQ003",
-    requestTitle: "Bakım Hizmetleri",
-    requestType: RequestTypeEnum.Service,
-    quotationDate: new Date("2024-01-17"),
-    validUntil: new Date("2024-02-17"),
-    totalAmount: 95000,
-    currency: "TRY",
-    status: QuotationStatusEnum.Rejected,
-    items: [
-      {
-        id: "ITM005",
-        materialCode: "SRV001",
-        materialName: "Preventif Bakım",
-        description: "Aylık preventif bakım hizmeti",
-        quantity: 12,
-        unit: "ay",
-        unitPrice: 7500,
-        totalPrice: 90000,
-        leadTime: 0,
-        specifications: ["24/7 destek", "Aylık rapor", "Yedek parça dahil"],
-      },
-      {
-        id: "ITM006",
-        materialCode: "SRV002",
-        materialName: "Acil Müdahale",
-        description: "Acil durum müdahale hizmeti",
-        quantity: 1,
-        unit: "paket",
-        unitPrice: 5000,
-        totalPrice: 5000,
-        leadTime: 0,
-        specifications: ["2 saat içinde müdahale", "Hafta sonu dahil"],
-      },
-    ],
-    deliveryTerms: "Hemen başlanabilir",
-    paymentTerms: "Aylık ödeme",
-    notes: "Yıllık anlaşma için %10 indirim.",
-    attachments: [
-      {
-        id: "ATT004",
-        fileName: "hizmet_detaylari.pdf",
-        fileSize: 768,
-        fileType: "application/pdf",
-        uploadedBy: "Fatma Özkan",
-        uploadedAt: new Date("2024-01-17"),
-      },
-    ],
-    submittedBy: "Fatma Özkan",
-    submittedAt: new Date("2024-01-17"),
-    evaluatedBy: "Murat Şen",
-    evaluatedAt: new Date("2024-01-20"),
-    evaluationNotes: "Fiyat yüksek, alternatif teklif aranacak.",
-    creationTime: new Date("2024-01-17"),
-    lastModificationTime: new Date("2024-01-20"),
-  },
-];
diff --git a/ui/src/mocks/mockRecentActivities.ts b/ui/src/mocks/mockRecentActivities.ts
deleted file mode 100644
index c1bb805d..00000000
--- a/ui/src/mocks/mockRecentActivities.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-export const mockRecentActivities = [
-  {
-    id: "1",
-    type: "material_received",
-    title: "Malzeme Girişi",
-    description: "MAT-001 - Çelik Levha 500 KG alındı",
-    timestamp: new Date("2024-01-20T10:30:00"),
-    user: "Mehmet Özkan",
-    status: "completed",
-  },
-  {
-    id: "2",
-    type: "maintenance_scheduled",
-    title: "Bakım Planlandı",
-    description: "EQP-005 - Tornezgah için periyodik bakım",
-    timestamp: new Date("2024-01-20T09:15:00"),
-    user: "Ali Yılmaz",
-    status: "pending",
-  },
-  {
-    id: "3",
-    type: "order_created",
-    title: "Sipariş Oluşturuldu",
-    description: "PO-2024-025 - Motor satınalma siparişi",
-    timestamp: new Date("2024-01-20T08:45:00"),
-    user: "Ayşe Kaya",
-    status: "processing",
-  },
-];
diff --git a/ui/src/mocks/mockSalesOrders.ts b/ui/src/mocks/mockSalesOrders.ts
deleted file mode 100644
index 471f4d76..00000000
--- a/ui/src/mocks/mockSalesOrders.ts
+++ /dev/null
@@ -1,665 +0,0 @@
-import { PaymentTerms } from "../types/common";
-import {
-  CrmSalesOrder,
-  SaleOrderStatusEnum,
-  SaleOrderItemStatusEnum,
-} from "../types/crm";
-import { mockBusinessParties } from "./mockBusinessParties";
-import { mockMaterials } from "./mockMaterials";
-
-export const mockSalesOrders: CrmSalesOrder[] = [
-  {
-    id: "1",
-    orderNumber: "ORD-2024-001",
-    customerId: "6", // Teknoloji A.Ş.
-    customer: mockBusinessParties.find((c) => c.id === "6"),
-    orderDate: new Date("2024-08-15"),
-    requestedDeliveryDate: new Date("2024-09-15"),
-    confirmedDeliveryDate: new Date("2024-09-14"),
-    status: SaleOrderStatusEnum.Delivered,
-    subtotal: 125000,
-    taxAmount: 22500,
-    discountAmount: 6250,
-    totalAmount: 141250,
-    currency: "TRY",
-    paymentTerms: PaymentTerms.Net30,
-    deliveryAddress: {
-      street: "Teknoloji Caddesi No:100",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    billingAddress: {
-      street: "Teknoloji Caddesi No:100",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    items: [
-      {
-        id: "soi_1",
-        orderId: "so_1",
-        materialId: "1",
-        material: mockMaterials.find((m) => m.id === "1"),
-        description: "Yüksek Kaliteli Çelik Levha 10mm",
-        quantity: 500,
-        deliveredQuantity: 500,
-        unitId: "LT",
-        unit: mockMaterials.find((m) => m.id === "LT"),
-        unitPrice: 18.75,
-        totalAmount: 9375,
-        requestedDate: new Date("2024-09-15"),
-        confirmedDate: new Date("2024-09-14"),
-        status: SaleOrderItemStatusEnum.Delivered,
-      },
-      {
-        id: "soi_2",
-        orderId: "so_1",
-        materialId: "2",
-        material: mockMaterials.find((m) => m.id === "2"),
-        description: "Alüminyum Profil 40x40mm",
-        quantity: 1000,
-        deliveredQuantity: 1000,
-        unitId: "pcs",
-        unit: mockMaterials.find((m) => m.id === "pcs"),
-        unitPrice: 12.5,
-        totalAmount: 12500,
-        requestedDate: new Date("2024-09-15"),
-        confirmedDate: new Date("2024-09-14"),
-        status: SaleOrderItemStatusEnum.Delivered,
-      },
-    ],
-    deliveries: [],
-    creationTime: new Date("2024-08-15"),
-    lastModificationTime: new Date("2024-08-16"),
-  },
-  {
-    id: "2",
-    orderNumber: "ORD-2024-002",
-    customerId: "5", // Üretim Sanayi Ltd.
-    customer: mockBusinessParties.find((c) => c.id === "5"),
-    orderDate: new Date("2024-08-20"),
-    requestedDeliveryDate: new Date("2024-09-20"),
-    confirmedDeliveryDate: new Date("2024-09-18"),
-    status: SaleOrderStatusEnum.Shipped,
-    subtotal: 85000,
-    taxAmount: 15300,
-    discountAmount: 4250,
-    totalAmount: 96050,
-    currency: "TRY",
-    paymentTerms: PaymentTerms.Net60,
-    deliveryAddress: {
-      street: "Sanayi Sitesi 5. Cadde No:23",
-      city: "Bursa",
-      state: "Bursa",
-      postalCode: "16000",
-      country: "Türkiye",
-    },
-    billingAddress: {
-      street: "Sanayi Sitesi 5. Cadde No:23",
-      city: "Bursa",
-      state: "Bursa",
-      postalCode: "16000",
-      country: "Türkiye",
-    },
-    items: [
-      {
-        id: "soi_3",
-        orderId: "so_2",
-        materialId: "3",
-        material: mockMaterials.find((m) => m.id === "3"),
-        description: "Plastik Granül PVC",
-        quantity: 2000,
-        deliveredQuantity: 2000,
-        unitId: "ADET",
-        unit: mockMaterials.find((m) => m.id === "ADET"),
-        unitPrice: 8.5,
-        totalAmount: 17000,
-        requestedDate: new Date("2024-09-20"),
-        confirmedDate: new Date("2024-09-18"),
-        status: SaleOrderItemStatusEnum.Shipped,
-      },
-      {
-        id: "soi_4",
-        orderId: "so_2",
-        materialId: "4",
-        material: mockMaterials.find((m) => m.id === "4"),
-        description: "Endüstriyel Yapıştırıcı",
-        quantity: 50,
-        deliveredQuantity: 50,
-        unitId: "ADET",
-        unit: mockMaterials.find((m) => m.id === "ADET"),
-        unitPrice: 125.0,
-        totalAmount: 6250,
-        requestedDate: new Date("2024-09-20"),
-        confirmedDate: new Date("2024-09-18"),
-        status: SaleOrderItemStatusEnum.Shipped,
-      },
-    ],
-    deliveries: [],
-    creationTime: new Date("2024-08-20"),
-    lastModificationTime: new Date("2024-08-21"),
-  },
-  {
-    id: "3",
-    orderNumber: "ORD-2024-003",
-    customerId: "6", // Otomotiv Parça A.Ş.
-    customer: mockBusinessParties.find((c) => c.id === "6"),
-    orderDate: new Date("2024-08-25"),
-    requestedDeliveryDate: new Date("2024-09-25"),
-    confirmedDeliveryDate: new Date("2024-09-25"),
-    status: SaleOrderStatusEnum.InProduction,
-    subtotal: 175000,
-    taxAmount: 31500,
-    discountAmount: 8750,
-    totalAmount: 197750,
-    currency: "TRY",
-    paymentTerms: PaymentTerms.Net30,
-    deliveryAddress: {
-      street: "OSB 1. Cadde No:45",
-      city: "Kocaeli",
-      state: "Kocaeli",
-      postalCode: "41000",
-      country: "Türkiye",
-    },
-    billingAddress: {
-      street: "OSB 1. Cadde No:45",
-      city: "Kocaeli",
-      state: "Kocaeli",
-      postalCode: "41000",
-      country: "Türkiye",
-    },
-    items: [
-      {
-        id: "soi_5",
-        orderId: "so_3",
-        materialId: "1",
-        material: mockMaterials.find((m) => m.id === "1"),
-        description: "Motor Yağı 10W-40",
-        quantity: 500,
-        deliveredQuantity: 0,
-        unitId: "ADET",
-        unit: mockMaterials.find((m) => m.id === "ADET"),
-        unitPrice: 45.0,
-        totalAmount: 22500,
-        requestedDate: new Date("2024-09-25"),
-        confirmedDate: new Date("2024-09-25"),
-        status: SaleOrderItemStatusEnum.InProduction,
-      },
-      {
-        id: "soi_6",
-        orderId: "so_3",
-        materialId: "2",
-        material: mockMaterials.find((m) => m.id === "2"),
-        description: "Fren Balata Seti",
-        quantity: 200,
-        deliveredQuantity: 0,
-        unitId: "ADET",
-        unit: mockMaterials.find((m) => m.id === "ADET"),
-        unitPrice: 85.0,
-        totalAmount: 17000,
-        requestedDate: new Date("2024-09-25"),
-        confirmedDate: new Date("2024-09-25"),
-        status: SaleOrderItemStatusEnum.InProduction,
-      },
-    ],
-    deliveries: [],
-    creationTime: new Date("2024-08-25"),
-    lastModificationTime: new Date("2024-08-26"),
-  },
-  {
-    id: "4",
-    orderNumber: "ORD-2024-004",
-    customerId: "6", // Teknoloji A.Ş.
-    customer: mockBusinessParties.find((c) => c.id === "6"),
-    orderDate: new Date("2024-09-01"),
-    requestedDeliveryDate: new Date("2024-10-01"),
-    confirmedDeliveryDate: new Date("2024-09-30"),
-    status: SaleOrderStatusEnum.Confirmed,
-    subtotal: 95000,
-    taxAmount: 17100,
-    discountAmount: 4750,
-    totalAmount: 107350,
-    currency: "TRY",
-    paymentTerms: PaymentTerms.Net30,
-    deliveryAddress: {
-      street: "Teknoloji Caddesi No:100",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    billingAddress: {
-      street: "Teknoloji Caddesi No:100",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    items: [
-      {
-        id: "soi_7",
-        orderId: "so_4",
-        materialId: "4",
-        material: mockMaterials.find((m) => m.id === "4"),
-        description: "Elektronik Kart",
-        quantity: 100,
-        deliveredQuantity: 0,
-        unitId: "PAKET",
-        unit: mockMaterials.find((m) => m.id === "PAKET"),
-        unitPrice: 150.0,
-        totalAmount: 15000,
-        requestedDate: new Date("2024-10-01"),
-        confirmedDate: new Date("2024-09-30"),
-        status: SaleOrderItemStatusEnum.Confirmed,
-      },
-      {
-        id: "soi_8",
-        orderId: "so_4",
-        materialId: "2",
-        material: mockMaterials.find((m) => m.id === "2"),
-        description: "Kablo Demeti",
-        quantity: 250,
-        deliveredQuantity: 0,
-        unitId: "PAKET",
-        unit: mockMaterials.find((m) => m.id === "PAKET"),
-        unitPrice: 25.0,
-        totalAmount: 6250,
-        requestedDate: new Date("2024-10-01"),
-        confirmedDate: new Date("2024-09-30"),
-        status: SaleOrderItemStatusEnum.Confirmed,
-      },
-    ],
-    deliveries: [],
-    creationTime: new Date("2024-09-01"),
-    lastModificationTime: new Date("2024-09-02"),
-  },
-  {
-    id: "5",
-    orderNumber: "ORD-2024-005",
-    customerId: "6", // Üretim Sanayi Ltd.
-    customer: mockBusinessParties.find((c) => c.id === "6"),
-    orderDate: new Date("2024-09-05"),
-    requestedDeliveryDate: new Date("2024-10-05"),
-    confirmedDeliveryDate: new Date("2024-10-03"),
-    status: SaleOrderStatusEnum.Ready,
-    subtotal: 65000,
-    taxAmount: 11700,
-    discountAmount: 3250,
-    totalAmount: 73450,
-    currency: "TRY",
-    paymentTerms: PaymentTerms.Net60,
-    deliveryAddress: {
-      street: "Sanayi Sitesi 5. Cadde No:23",
-      city: "Bursa",
-      state: "Bursa",
-      postalCode: "16000",
-      country: "Türkiye",
-    },
-    billingAddress: {
-      street: "Sanayi Sitesi 5. Cadde No:23",
-      city: "Bursa",
-      state: "Bursa",
-      postalCode: "16000",
-      country: "Türkiye",
-    },
-    items: [
-      {
-        id: "soi_9",
-        orderId: "so_5",
-        materialId: "3",
-        material: mockMaterials.find((m) => m.id === "3"),
-        description: "Rulman 6205",
-        quantity: 100,
-        deliveredQuantity: 100,
-        unitId: "KOLI",
-        unit: mockMaterials.find((m) => m.id === "KOLI"),
-        unitPrice: 35.0,
-        totalAmount: 3500,
-        requestedDate: new Date("2024-10-05"),
-        confirmedDate: new Date("2024-10-03"),
-        status: SaleOrderItemStatusEnum.Ready,
-      },
-      {
-        id: "soi_10",
-        orderId: "so_5",
-        materialId: "5",
-        material: mockMaterials.find((m) => m.id === "5"),
-        description: "Kayış V-Tipi",
-        quantity: 50,
-        deliveredQuantity: 50,
-        unitId: "KOLI",
-        unit: mockMaterials.find((m) => m.id === "KOLI"),
-        unitPrice: 45.0,
-        totalAmount: 2250,
-        requestedDate: new Date("2024-10-05"),
-        confirmedDate: new Date("2024-10-03"),
-        status: SaleOrderItemStatusEnum.Ready,
-      },
-    ],
-    deliveries: [],
-    creationTime: new Date("2024-09-05"),
-    lastModificationTime: new Date("2024-09-06"),
-  },
-  {
-    id: "6",
-    orderNumber: "ORD-2024-006",
-    customerId: "5", // Otomotiv Parça A.Ş.
-    customer: mockBusinessParties.find((c) => c.id === "5"),
-    orderDate: new Date("2024-09-10"),
-    requestedDeliveryDate: new Date("2024-10-10"),
-    confirmedDeliveryDate: undefined,
-    status: SaleOrderStatusEnum.Draft,
-    subtotal: 45000,
-    taxAmount: 8100,
-    discountAmount: 2250,
-    totalAmount: 50850,
-    currency: "TRY",
-    paymentTerms: PaymentTerms.Net30,
-    deliveryAddress: {
-      street: "OSB 1. Cadde No:45",
-      city: "Kocaeli",
-      state: "Kocaeli",
-      postalCode: "41000",
-      country: "Türkiye",
-    },
-    billingAddress: {
-      street: "OSB 1. Cadde No:45",
-      city: "Kocaeli",
-      state: "Kocaeli",
-      postalCode: "41000",
-      country: "Türkiye",
-    },
-    items: [
-      {
-        id: "soi_11",
-        orderId: "so_6",
-        materialId: "1",
-        material: mockMaterials.find((m) => m.id === "1"),
-        description: "Lastik 205/55R16",
-        quantity: 20,
-        deliveredQuantity: 0,
-        unitId: "MT",
-        unit: mockMaterials.find((m) => m.id === "MT"),
-        unitPrice: 450.0,
-        totalAmount: 9000,
-        requestedDate: new Date("2024-10-10"),
-        confirmedDate: undefined,
-        status: SaleOrderItemStatusEnum.Pending,
-      },
-    ],
-    deliveries: [],
-    creationTime: new Date("2024-09-10"),
-    lastModificationTime: new Date("2024-09-10"),
-  },
-  {
-    id: "7",
-    orderNumber: "ORD-2024-007",
-    customerId: "5", // Teknoloji A.Ş.
-    customer: mockBusinessParties.find((c) => c.id === "5"),
-    orderDate: new Date("2024-08-10"),
-    requestedDeliveryDate: new Date("2024-09-10"),
-    confirmedDeliveryDate: new Date("2024-09-05"),
-    status: SaleOrderStatusEnum.Cancelled,
-    subtotal: 25000,
-    taxAmount: 4500,
-    discountAmount: 1250,
-    totalAmount: 28250,
-    currency: "TRY",
-    paymentTerms: PaymentTerms.Net30,
-    deliveryAddress: {
-      street: "Teknoloji Caddesi No:100",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    billingAddress: {
-      street: "Teknoloji Caddesi No:100",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    items: [
-      {
-        id: "soi_12",
-        orderId: "so_7",
-        materialId: "2",
-        material: mockMaterials.find((m) => m.id === "2"),
-        description: "Güç Kaynağı 500W",
-        quantity: 25,
-        deliveredQuantity: 0,
-        unitId: "MT",
-        unit: mockMaterials.find((m) => m.id === "MT"),
-        unitPrice: 200.0,
-        totalAmount: 5000,
-        requestedDate: new Date("2024-09-10"),
-        confirmedDate: new Date("2024-09-05"),
-        status: SaleOrderItemStatusEnum.Pending,
-      },
-    ],
-    deliveries: [],
-    creationTime: new Date("2024-08-10"),
-    lastModificationTime: new Date("2024-08-15"),
-  },
-  {
-    id: "8",
-    orderNumber: "ORD-2024-008",
-    customerId: "5", // Üretim Sanayi Ltd.
-    customer: mockBusinessParties.find((c) => c.id === "5"),
-    orderDate: new Date("2024-09-12"),
-    requestedDeliveryDate: new Date("2024-10-12"),
-    confirmedDeliveryDate: new Date("2024-10-10"),
-    status: SaleOrderStatusEnum.InProduction,
-    subtotal: 135000,
-    taxAmount: 24300,
-    discountAmount: 6750,
-    totalAmount: 152550,
-    currency: "TRY",
-    paymentTerms: PaymentTerms.Net60,
-    deliveryAddress: {
-      street: "Sanayi Sitesi 5. Cadde No:23",
-      city: "Bursa",
-      state: "Bursa",
-      postalCode: "16000",
-      country: "Türkiye",
-    },
-    billingAddress: {
-      street: "Sanayi Sitesi 5. Cadde No:23",
-      city: "Bursa",
-      state: "Bursa",
-      postalCode: "16000",
-      country: "Türkiye",
-    },
-    items: [
-      {
-        id: "soi_13",
-        orderId: "so_8",
-        materialId: "3",
-        material: mockMaterials.find((m) => m.id === "3"),
-        description: "Hidrolik Silindir",
-        quantity: 10,
-        deliveredQuantity: 0,
-        unitId: "MT",
-        unit: mockMaterials.find((m) => m.id === "MT"),
-        unitPrice: 850.0,
-        totalAmount: 8500,
-        requestedDate: new Date("2024-10-12"),
-        confirmedDate: new Date("2024-10-10"),
-        status: SaleOrderItemStatusEnum.InProduction,
-      },
-      {
-        id: "soi_14",
-        orderId: "so_8",
-        materialId: "4",
-        material: mockMaterials.find((m) => m.id === "4"),
-        description: "Hidrolik Hortum 2m",
-        quantity: 50,
-        deliveredQuantity: 0,
-        unitId: "M3",
-        unit: mockMaterials.find((m) => m.id === "M3"),
-        unitPrice: 75.0,
-        totalAmount: 3750,
-        requestedDate: new Date("2024-10-12"),
-        confirmedDate: new Date("2024-10-10"),
-        status: SaleOrderItemStatusEnum.InProduction,
-      },
-    ],
-    deliveries: [],
-    creationTime: new Date("2024-09-12"),
-    lastModificationTime: new Date("2024-09-13"),
-  },
-  {
-    id: "9",
-    orderNumber: "ORD-2024-009",
-    customerId: "6", // Otomotiv Parça A.Ş.
-    customer: mockBusinessParties.find((c) => c.id === "6"),
-    orderDate: new Date("2024-09-15"),
-    requestedDeliveryDate: new Date("2024-10-15"),
-    confirmedDeliveryDate: new Date("2024-10-12"),
-    status: SaleOrderStatusEnum.Confirmed,
-    subtotal: 185000,
-    taxAmount: 33300,
-    discountAmount: 9250,
-    totalAmount: 209050,
-    currency: "TRY",
-    paymentTerms: PaymentTerms.Net30,
-    deliveryAddress: {
-      street: "OSB 1. Cadde No:45",
-      city: "Kocaeli",
-      state: "Kocaeli",
-      postalCode: "41000",
-      country: "Türkiye",
-    },
-    billingAddress: {
-      street: "OSB 1. Cadde No:45",
-      city: "Kocaeli",
-      state: "Kocaeli",
-      postalCode: "41000",
-      country: "Türkiye",
-    },
-    items: [
-      {
-        id: "soi_15",
-        orderId: "so_9",
-        materialId: "5",
-        material: mockMaterials.find((m) => m.id === "5"),
-        description: "Amortisör Ön Sol",
-        quantity: 100,
-        deliveredQuantity: 0,
-        unitId: "M3",
-        unit: mockMaterials.find((m) => m.id === "M3"),
-        unitPrice: 320.0,
-        totalAmount: 32000,
-        requestedDate: new Date("2024-10-15"),
-        confirmedDate: new Date("2024-10-12"),
-        status: SaleOrderItemStatusEnum.Confirmed,
-      },
-      {
-        id: "soi_16",
-        orderId: "so_9",
-        materialId: "1",
-        material: mockMaterials.find((m) => m.id === "1"),
-        description: "Amortisör Ön Sağ",
-        quantity: 100,
-        deliveredQuantity: 0,
-        unitId: "M2",
-        unit: mockMaterials.find((m) => m.id === "M2"),
-        unitPrice: 320.0,
-        totalAmount: 32000,
-        requestedDate: new Date("2024-10-15"),
-        confirmedDate: new Date("2024-10-12"),
-        status: SaleOrderItemStatusEnum.Confirmed,
-      },
-    ],
-    deliveries: [],
-    creationTime: new Date("2024-09-15"),
-    lastModificationTime: new Date("2024-09-16"),
-  },
-  {
-    id: "10",
-    orderNumber: "ORD-2024-010",
-    customerId: "6", // Teknoloji A.Ş.
-    customer: mockBusinessParties.find((c) => c.id === "6"),
-    orderDate: new Date("2024-09-18"),
-    requestedDeliveryDate: new Date("2024-10-18"),
-    confirmedDeliveryDate: new Date("2024-10-15"),
-    status: SaleOrderStatusEnum.Confirmed,
-    subtotal: 275000,
-    taxAmount: 49500,
-    discountAmount: 13750,
-    totalAmount: 310750,
-    currency: "TRY",
-    paymentTerms: PaymentTerms.Net30,
-    deliveryAddress: {
-      street: "Teknoloji Caddesi No:100",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    billingAddress: {
-      street: "Teknoloji Caddesi No:100",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    items: [
-      {
-        id: "soi_17",
-        orderId: "so_10",
-        materialId: "3",
-        material: mockMaterials.find((m) => m.id === "3"),
-        description: "Server Bilgisayar",
-        quantity: 5,
-        deliveredQuantity: 0,
-        unitId: "M2",
-        unit: mockMaterials.find((m) => m.id === "M2"),
-        unitPrice: 12500.0,
-        totalAmount: 62500,
-        requestedDate: new Date("2024-10-18"),
-        confirmedDate: new Date("2024-10-15"),
-        status: SaleOrderItemStatusEnum.Confirmed,
-      },
-      {
-        id: "soi_18",
-        orderId: "so_10",
-        materialId: "2",
-        material: mockMaterials.find((m) => m.id === "2"),
-        description: "Network Switch 48 Port",
-        quantity: 10,
-        deliveredQuantity: 0,
-        unitId: "M2",
-        unit: mockMaterials.find((m) => m.id === "M2"),
-        unitPrice: 2500.0,
-        totalAmount: 25000,
-        requestedDate: new Date("2024-10-18"),
-        confirmedDate: new Date("2024-10-15"),
-        status: SaleOrderItemStatusEnum.Confirmed,
-      },
-      {
-        id: "soi_19",
-        orderId: "so_10",
-        materialId: "4",
-        material: mockMaterials.find((m) => m.id === "4"),
-        description: "UPS 5KVA",
-        quantity: 3,
-        deliveredQuantity: 0,
-        unitId: "M2",
-        unit: mockMaterials.find((m) => m.id === "M2"),
-        unitPrice: 4500.0,
-        totalAmount: 13500,
-        requestedDate: new Date("2024-10-18"),
-        confirmedDate: new Date("2024-10-15"),
-        status: SaleOrderItemStatusEnum.Confirmed,
-      },
-    ],
-    deliveries: [],
-    creationTime: new Date("2024-09-18"),
-    lastModificationTime: new Date("2024-09-19"),
-  },
-];
diff --git a/ui/src/mocks/mockSalesTeams.ts b/ui/src/mocks/mockSalesTeams.ts
deleted file mode 100644
index 50f995cd..00000000
--- a/ui/src/mocks/mockSalesTeams.ts
+++ /dev/null
@@ -1,241 +0,0 @@
-import { Team, TeamRoleEnum } from "../types/common";
-import { TargetTypeEnum, TargetStatusEnum } from "../types/crm";
-import { mockEmployees } from "./mockEmployees";
-
-export const mockSalesTeams: Team[] = [
-  {
-    id: "team-001",
-    code: "ST-001",
-    name: "Kurumsal Satış Ekibi",
-    description:
-      "Büyük kurumsal müşteriler ve enterprise çözümler için satış ekibi",
-    managerId: "1",
-    manager: mockEmployees.find((emp) => emp.id === "1"),
-    members: [
-      {
-        id: "member-001",
-        teamId: "team-001",
-        employeeId: "2",
-        employee: mockEmployees.find((emp) => emp.id === "2"),
-        role: TeamRoleEnum.Lead,
-        joinDate: new Date("2024-01-15"),
-        isActive: true,
-      },
-      {
-        id: "member-002",
-        teamId: "team-001",
-        employeeId: "3",
-        employee: mockEmployees.find((emp) => emp.id === "3"),
-        role: TeamRoleEnum.Member,
-        joinDate: new Date("2024-02-01"),
-        isActive: true,
-      },
-      {
-        id: "member-003",
-        teamId: "team-001",
-        employeeId: "4",
-        employee: mockEmployees.find((emp) => emp.id === "4"),
-        role: TeamRoleEnum.Member,
-        joinDate: new Date("2024-03-10"),
-        isActive: true,
-      },
-    ],
-    territories: [
-      {
-        id: "territory-001",
-        territoryCode: "TR-IST",
-        name: "İstanbul Anadolu",
-        description: "İstanbul Anadolu yakası kurumsal müşteriler",
-        region: "Marmara",
-        countries: ["Türkiye"],
-        cities: ["İstanbul"],
-        assignedTeamId: "team-001",
-        isActive: true,
-      },
-      {
-        id: "territory-002",
-        territoryCode: "TR-ANK",
-        name: "Ankara",
-        description: "Ankara bölgesi kurumsal müşteriler",
-        region: "İç Anadolu",
-        countries: ["Türkiye"],
-        cities: ["Ankara"],
-        assignedTeamId: "team-001",
-        isActive: true,
-      },
-    ],
-    targets: [
-      {
-        id: "target-001",
-        teamId: "team-001",
-        targetPeriod: "2024-Q4",
-        targetType: TargetTypeEnum.Revenue,
-        targetValue: 5000000,
-        actualValue: 4200000,
-        currency: "TRY",
-        startDate: new Date("2024-10-01"),
-        endDate: new Date("2024-12-31"),
-        status: TargetStatusEnum.Active,
-      },
-    ],
-    isActive: true,
-    creationTime: new Date("2024-01-01"),
-    lastModificationTime: new Date("2024-11-01"),
-  },
-  {
-    id: "team-002",
-    code: "ST-002",
-    name: "KOBİ Satış Ekibi",
-    description: "Küçük ve orta boy işletmeler için satış ekibi",
-    managerId: "5",
-    manager: mockEmployees.find((emp) => emp.id === "5"),
-    members: [
-      {
-        id: "member-004",
-        teamId: "team-002",
-        employeeId: "6",
-        employee: mockEmployees.find((emp) => emp.id === "6"),
-        role: TeamRoleEnum.Lead,
-        joinDate: new Date("2024-01-20"),
-        isActive: true,
-      },
-      {
-        id: "member-005",
-        teamId: "team-002",
-        employeeId: "7",
-        employee: mockEmployees.find((emp) => emp.id === "7"),
-        role: TeamRoleEnum.Member,
-        joinDate: new Date("2024-02-15"),
-        isActive: true,
-      },
-      {
-        id: "member-006",
-        teamId: "team-002",
-        employeeId: "8",
-        employee: mockEmployees.find((emp) => emp.id === "8"),
-        role: TeamRoleEnum.Member,
-        joinDate: new Date("2024-04-01"),
-        isActive: true,
-      },
-      {
-        id: "member-007",
-        teamId: "team-002",
-        employeeId: "9",
-        employee: mockEmployees.find((emp) => emp.id === "9"),
-        role: TeamRoleEnum.Member,
-        joinDate: new Date("2024-05-15"),
-        isActive: true,
-      },
-    ],
-    territories: [
-      {
-        id: "territory-003",
-        territoryCode: "TR-IZM",
-        name: "İzmir",
-        description: "İzmir bölgesi KOBİ müşteriler",
-        region: "Ege",
-        countries: ["Türkiye"],
-        cities: ["İzmir", "Manisa", "Balıkesir"],
-        assignedTeamId: "team-002",
-        isActive: true,
-      },
-      {
-        id: "territory-004",
-        territoryCode: "TR-BUR",
-        name: "Bursa",
-        description: "Bursa ve çevre iller KOBİ müşteriler",
-        region: "Marmara",
-        countries: ["Türkiye"],
-        cities: ["Bursa", "Kocaeli", "Sakarya"],
-        assignedTeamId: "team-002",
-        isActive: true,
-      },
-    ],
-    targets: [
-      {
-        id: "target-002",
-        teamId: "team-002",
-        targetPeriod: "2024-Q4",
-        targetType: TargetTypeEnum.Revenue,
-        targetValue: 3000000,
-        actualValue: 3150000,
-        currency: "TRY",
-        startDate: new Date("2024-10-01"),
-        endDate: new Date("2024-12-31"),
-        status: TargetStatusEnum.Active,
-      },
-    ],
-    isActive: true,
-    creationTime: new Date("2024-01-05"),
-    lastModificationTime: new Date("2024-10-15"),
-  },
-  {
-    id: "team-003",
-    code: "ST-003",
-    name: "E-ticaret Satış Ekibi",
-    description: "Online satış kanalları ve e-ticaret platformları yönetimi",
-    managerId: "10",
-    manager: mockEmployees.find((emp) => emp.id === "10"),
-    members: [
-      {
-        id: "member-008",
-        teamId: "team-003",
-        employeeId: "1",
-        employee: mockEmployees.find((emp) => emp.id === "1"),
-        role: TeamRoleEnum.Lead,
-        joinDate: new Date("2024-03-01"),
-        isActive: true,
-      },
-      {
-        id: "member-009",
-        teamId: "team-003",
-        employeeId: "2",
-        employee: mockEmployees.find((emp) => emp.id === "2"),
-        role: TeamRoleEnum.Member,
-        joinDate: new Date("2024-03-15"),
-        isActive: true,
-      },
-      {
-        id: "member-010",
-        teamId: "team-003",
-        employeeId: "3",
-        employee: mockEmployees.find((emp) => emp.id === "3"),
-        role: TeamRoleEnum.Member,
-        joinDate: new Date("2024-04-10"),
-        isActive: true,
-      },
-    ],
-    territories: [
-      {
-        id: "territory-005",
-        territoryCode: "TR-ONL",
-        name: "Online Türkiye",
-        description: "Türkiye geneli online satış kanalları",
-        region: "Online",
-        countries: ["Türkiye"],
-        cities: [],
-        assignedTeamId: "team-003",
-        isActive: true,
-      },
-    ],
-    targets: [
-      {
-        id: "target-003",
-        teamId: "team-003",
-        targetPeriod: "2024-Q4",
-        targetType: TargetTypeEnum.Revenue,
-        targetValue: 2000000,
-        actualValue: 1800000,
-        currency: "TRY",
-        startDate: new Date("2024-10-01"),
-        endDate: new Date("2024-12-31"),
-        status: TargetStatusEnum.Active,
-      },
-    ],
-    isActive: true,
-    creationTime: new Date("2024-02-15"),
-    lastModificationTime: new Date("2024-11-05"),
-  },
-];
-
-export default mockSalesTeams;
diff --git a/ui/src/mocks/mockSerialNumbers.ts b/ui/src/mocks/mockSerialNumbers.ts
deleted file mode 100644
index 806bb45c..00000000
--- a/ui/src/mocks/mockSerialNumbers.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { SerialStatusEnum } from "../types/mm";
-import { mockMaterials } from "./mockMaterials";
-
-export const mockSerialNumbers = [
-  {
-    id: "1",
-    materialId: "1",
-    material: mockMaterials.find((m) => m.id === "1"),
-    serialNumber: "SN2024001",
-    lotId: "1",
-    productionDate: new Date("2024-01-01"),
-    warrantyExpiryDate: new Date("2026-01-01"),
-    currentLocationId: "LOC-A01",
-    status: SerialStatusEnum.Available,
-    isActive: true,
-  },
-  {
-    id: "2",
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2"),
-    serialNumber: "SN2024002",
-    lotId: "1",
-    productionDate: new Date("2024-01-02"),
-    warrantyExpiryDate: new Date("2026-01-02"),
-    currentLocationId: "LOC-A02",
-    status: SerialStatusEnum.InUse,
-    isActive: true,
-  },
-  {
-    id: "3",
-    materialId: "3",
-    material: mockMaterials.find((m) => m.id === "3"),
-    serialNumber: "SN2024003",
-    productionDate: new Date("2024-01-03"),
-    warrantyExpiryDate: new Date("2025-01-03"),
-    currentLocationId: "LOC-B01",
-    status: SerialStatusEnum.Maintenance,
-    isActive: true,
-  },
-];
diff --git a/ui/src/mocks/mockStockItems.ts b/ui/src/mocks/mockStockItems.ts
deleted file mode 100644
index c64f6268..00000000
--- a/ui/src/mocks/mockStockItems.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { WmStockItem, StockStatusEnum } from "../types/wm";
-import { mockMaterials } from "./mockMaterials";
-
-export const mockStockItems: WmStockItem[] = [
-  {
-    id: "1",
-    materialId: "1",
-    material: mockMaterials.find((mat) => mat.id === "1"),
-    warehouseId: "1",
-    zoneId: "1",
-    locationId: "3",
-    quantity: 50,
-    reservedQuantity: 10,
-    availableQuantity: 40,
-    unitId: "adet",
-    lotNumber: "LOT2024001",
-    serialNumber: undefined,
-    expiryDate: undefined,
-    receivedDate: new Date("2024-10-15"),
-    lastMovementDate: new Date("2024-11-15"),
-    status: StockStatusEnum.Available,
-  },
-  {
-    id: "2",
-    materialId: "2",
-    material: mockMaterials.find((mat) => mat.id === "2"),
-    warehouseId: "1",
-    zoneId: "2",
-    locationId: "4",
-    quantity: 25,
-    reservedQuantity: 5,
-    availableQuantity: 20,
-    unitId: "metre",
-    lotNumber: "LOT2024002",
-    serialNumber: undefined,
-    expiryDate: undefined,
-    receivedDate: new Date("2024-11-01"),
-    lastMovementDate: new Date("2024-11-20"),
-    status: StockStatusEnum.Available,
-  },
-  {
-    id: "3",
-    materialId: "3",
-    material: mockMaterials.find((mat) => mat.id === "3"),
-    warehouseId: "1",
-    zoneId: "2",
-    locationId: "1",
-    quantity: 150,
-    reservedQuantity: 0,
-    availableQuantity: 150,
-    unitId: "adet",
-    lotNumber: "LOT2024003",
-    serialNumber: undefined,
-    expiryDate: undefined,
-    receivedDate: new Date("2024-09-20"),
-    lastMovementDate: new Date("2024-10-25"),
-    status: StockStatusEnum.Available,
-  },
-  {
-    id: "4",
-    materialId: "4",
-    material: mockMaterials.find((mat) => mat.id === "4"),
-    warehouseId: "1",
-    zoneId: "2",
-    locationId: "2",
-    quantity: 30,
-    reservedQuantity: 8,
-    availableQuantity: 22,
-    unitId: "adet",
-    lotNumber: "LOT2024004",
-    serialNumber: undefined,
-    expiryDate: undefined,
-    receivedDate: new Date("2024-08-10"),
-    lastMovementDate: new Date("2024-11-18"),
-    status: StockStatusEnum.Available,
-  },
-  {
-    id: "5",
-    materialId: "5",
-    material: mockMaterials.find((mat) => mat.id === "5"),
-    warehouseId: "1",
-    zoneId: "1",
-    locationId: "2",
-    quantity: 5,
-    reservedQuantity: 0,
-    availableQuantity: 0,
-    unitId: "adet",
-    lotNumber: "LOT2024005",
-    serialNumber: undefined,
-    expiryDate: undefined,
-    receivedDate: new Date("2024-11-25"),
-    lastMovementDate: new Date("2024-11-25"),
-    status: StockStatusEnum.Quarantine,
-  },
-];
diff --git a/ui/src/mocks/mockStockMovements.ts b/ui/src/mocks/mockStockMovements.ts
deleted file mode 100644
index c6bcd735..00000000
--- a/ui/src/mocks/mockStockMovements.ts
+++ /dev/null
@@ -1,303 +0,0 @@
-import {
-  MmStockMovement,
-  MovementTypeEnum,
-  MovementStatusEnum,
-} from "../types/mm";
-import { mockLocations } from "./mockLocations";
-import { mockMaterials } from "./mockMaterials";
-import { mockUnits } from "./mockUnits";
-import { mockWarehouses } from "./mockWarehouses";
-import { mockZones } from "./mockZones";
-
-// Unified mock data for all material movements - combines previous mockMovements and mockStockMovements
-export const mockStockMovements: MmStockMovement[] = [
-  {
-    id: "1",
-    movementNumber: "GR-2024-001",
-    materialId: "1",
-    material: mockMaterials.find((m) => m.id === "1")!,
-    movementType: MovementTypeEnum.GoodsReceipt,
-    toWarehouseId: "1",
-    toWarehouse: mockWarehouses.find((w) => w.id === "1"),
-    toZoneId: "2",
-    toZone: mockZones.find((z) => z.id === "2"),
-    toLocationId: "2",
-    toLocation: mockLocations.find((l) => l.id === "2"),
-    quantity: 100,
-    unitId: "KG",
-    unit: mockUnits.find((u) => u.id === "KG"),
-    lotNumber: "LOT-2024-001",
-    referenceDocument: "PO-2024-001",
-    referenceDocumentType: "Purchase Order",
-    referenceType: "Purchase Order",
-    movementDate: new Date("2024-01-15T10:30:00"),
-    description: "Satın alma girişi",
-    reason: "Satın alma girişi",
-    performedBy: "Mehmet Özkan",
-    approvedBy: "manager1",
-    status: MovementStatusEnum.Completed,
-    creationTime: new Date("2024-01-15T10:30:00"),
-  },
-  {
-    id: "5",
-    movementNumber: "GR-2024-001",
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2")!,
-    movementType: MovementTypeEnum.GoodsReceipt,
-    toWarehouseId: "1",
-    toWarehouse: mockWarehouses.find((w) => w.id === "1"),
-    toZoneId: "1",
-    toZone: mockZones.find((z) => z.id === "1"),
-    toLocationId: "3",
-    toLocation: mockLocations.find((l) => l.id === "3"),
-    quantity: 200,
-    unitId: "MT",
-    unit: mockUnits.find((u) => u.id === "metre"),
-    lotNumber: "LOT-2024-005",
-    referenceDocument: "PO-2024-002",
-    referenceDocumentType: "Purchase Order",
-    referenceType: "Purchase Order",
-    movementDate: new Date("2024-11-20T08:30:00"),
-    description: "Hammadde girişi",
-    reason: "Hammadde girişi",
-    performedBy: "Ali Veli",
-    approvedBy: "manager2",
-    status: MovementStatusEnum.Completed,
-    creationTime: new Date("2024-11-20T08:30:00"),
-  },
-  {
-    id: "10",
-    movementNumber: "GR-2024-007",
-    materialId: "1",
-    material: mockMaterials.find((m) => m.id === "1")!,
-
-    movementType: MovementTypeEnum.GoodsReceipt,
-    toWarehouseId: "1",
-    toWarehouse: mockWarehouses.find((w) => w.id === "1"),
-    toZoneId: "1",
-    toZone: mockZones.find((z) => z.id === "1"),
-    toLocationId: "1",
-    toLocation: mockLocations.find((l) => l.id === "1"),
-
-    quantity: 10,
-    unitId: "KG",
-    unit: mockUnits.find((u) => u.id === "KG"),
-    lotNumber: "LOT-2024-001",
-    referenceDocument: "RET-2024-001",
-    referenceDocumentType: "Return Order",
-    referenceType: "Return Order",
-    movementDate: new Date("2024-11-30T10:30:00"),
-    description: "Müşteri iadesi",
-    reason: "Müşteri iadesi",
-    performedBy: "İade Operatörü",
-    status: MovementStatusEnum.Planned,
-    creationTime: new Date("2024-11-30T09:00:00"),
-  },
-  {
-    id: "4",
-    movementNumber: "GR-2024-005",
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2")!,
-    movementType: MovementTypeEnum.GoodsReceipt,
-    toWarehouseId: "2",
-    toWarehouse: mockWarehouses.find((w) => w.id === "2"),
-    toZoneId: "3",
-    toZone: mockZones.find((z) => z.id === "3"),
-    toLocationId: "LOC004",
-    toLocation: mockLocations.find((l) => l.id === "4"),
-    quantity: 5,
-    unitId: "M2",
-    unit: mockUnits.find((u) => u.id === "M2"),
-    referenceDocument: "ADJ-2024-001",
-    referenceDocumentType: "Stock Adjustment",
-    referenceType: "Stock Adjustment",
-    movementDate: new Date("2024-01-18T16:45:00"),
-    description: "Sayım farkı düzeltmesi",
-    reason: "Sayım farkı düzeltmesi",
-    performedBy: "Stok Kontrol",
-    approvedBy: "manager2",
-    status: MovementStatusEnum.Completed,
-    creationTime: new Date("2024-01-18T16:45:00"),
-  },
-
-  // Goods Issues
-  {
-    id: "2",
-    movementNumber: "GI-2024-001",
-    materialId: "1",
-    material: mockMaterials.find((m) => m.id === "1")!,
-    movementType: MovementTypeEnum.GoodsIssue,
-    toWarehouseId: "1",
-    toWarehouse: mockWarehouses.find((w) => w.id === "1"),
-    toZoneId: "1",
-    toZone: mockZones.find((z) => z.id === "1"),
-    toLocationId: "1",
-    toLocation: mockLocations.find((l) => l.id === "1"),
-    quantity: 50,
-    unitId: "KG",
-    unit: mockUnits.find((u) => u.id === "KG"),
-    lotNumber: "LOT-2024-001",
-    referenceDocument: "SO-2024-001",
-    referenceDocumentType: "Sales Order",
-    referenceType: "Sales Order",
-    movementDate: new Date("2024-01-16T14:15:00"),
-    description: "Satış çıkışı",
-    reason: "Satış çıkışı",
-    performedBy: "Ayşe Yılmaz",
-    approvedBy: "manager1",
-    status: MovementStatusEnum.Completed,
-    creationTime: new Date("2024-01-16T14:15:00"),
-  },
-  {
-    id: "6",
-    movementNumber: "GI-2024-001",
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2")!,
-    movementType: MovementTypeEnum.GoodsIssue,
-    toWarehouseId: "1",
-    toWarehouse: mockWarehouses.find((w) => w.id === "1"),
-    toZoneId: "1",
-    toZone: mockZones.find((z) => z.id === "1"),
-    toLocationId: "3",
-    toLocation: mockLocations.find((l) => l.id === "3"),
-    quantity: 50,
-    unitId: "MT",
-    unit: mockUnits.find((u) => u.id === "KG"),
-    lotNumber: "LOT-2024-005",
-    referenceDocument: "WO-2024-001",
-    referenceDocumentType: "Work Order",
-    referenceType: "Work Order",
-    movementDate: new Date("2024-11-26T10:15:00"),
-    description: "Üretim için malzeme çıkışı",
-    reason: "Üretim için malzeme çıkışı",
-    performedBy: "Mehmet Üretici",
-    status: MovementStatusEnum.InProgress,
-    creationTime: new Date("2024-11-26T10:15:00"),
-  },
-  {
-    id: "9",
-    movementNumber: "GI-2024-009",
-    materialId: "4",
-    material: mockMaterials.find((m) => m.id === "4") || mockMaterials[0],
-    movementType: MovementTypeEnum.GoodsIssue,
-
-    toWarehouseId: "1",
-    toWarehouse: mockWarehouses.find((w) => w.id === "1"),
-    toZoneId: "1",
-    toZone: mockZones.find((z) => z.id === "1"),
-    toLocationId: "3",
-    toLocation: mockLocations.find((l) => l.id === "3"),
-
-    quantity: 100,
-    unitId: "ADET",
-    unit: mockUnits.find((u) => u.id === "ADET"),
-    referenceDocument: "WO-2024-002",
-    referenceDocumentType: "Work Order",
-    referenceType: "Work Order",
-    movementDate: new Date("2024-11-29T14:00:00"),
-    description: "Üretim tamamlama girişi",
-    reason: "Üretim tamamlama girişi",
-    performedBy: "Üretim Operatörü",
-    status: MovementStatusEnum.Completed,
-    creationTime: new Date("2024-11-29T14:00:00"),
-  },
-  {
-    id: "7",
-    movementNumber: "GI-2024-003",
-    materialId: "3",
-    material: mockMaterials.find((m) => m.id === "3")!,
-    movementType: MovementTypeEnum.GoodsIssue,
-    toWarehouseId: "1",
-    toWarehouse: mockWarehouses.find((w) => w.id === "1"),
-    toZoneId: "1",
-    toZone: mockZones.find((z) => z.id === "1"),
-    toLocationId: "3",
-    toLocation: mockLocations.find((l) => l.id === "3"),
-    quantity: 500,
-    unitId: "ADET",
-    unit: mockUnits.find((u) => u.id === "ADET"),
-    lotNumber: "LOT-2024-006",
-    referenceDocument: "MR-2024-001",
-    referenceDocumentType: "Material Request",
-    referenceType: "Material Request",
-    movementDate: new Date("2024-11-27T15:30:00"),
-    description: "Bakım için malzeme talebi",
-    reason: "Bakım için malzeme talebi",
-    performedBy: "Bakım Ekibi",
-    status: MovementStatusEnum.Planned,
-    creationTime: new Date("2024-11-25T09:00:00"),
-  },
-
-  // Transfers
-  {
-    id: "3",
-    movementNumber: "TR-2024-001",
-    materialId: "1",
-    material: mockMaterials.find((m) => m.id === "1")!,
-    movementType: MovementTypeEnum.Transfer,
-
-    fromWarehouseId: "2",
-    fromWarehouse: mockWarehouses.find((w) => w.id === "2"),
-    fromZoneId: "3",
-    fromZone: mockZones.find((z) => z.id === "3"),
-    fromLocationId: "4",
-    fromLocation: mockLocations.find((l) => l.id === "4"),
-
-    toWarehouseId: "1",
-    toWarehouse: mockWarehouses.find((w) => w.id === "1"),
-    toZoneId: "2",
-    toZone: mockZones.find((z) => z.id === "2"),
-    toLocationId: "1",
-    toLocation: mockLocations.find((l) => l.id === "1"),
-
-    quantity: 25,
-    unitId: "KG",
-    unit: mockUnits.find((u) => u.id === "KG"),
-    lotNumber: "LOT-2024-001",
-    referenceDocument: "TR-2024-001",
-    referenceDocumentType: "Transfer Order",
-    referenceType: "Transfer Order",
-    movementDate: new Date("2024-01-17T09:00:00"),
-    description: "Depo transferi",
-    reason: "Depo transferi",
-    performedBy: "Fatma Demir",
-    approvedBy: "manager1",
-    status: MovementStatusEnum.Completed,
-    creationTime: new Date("2024-01-17T09:00:00"),
-  },
-  {
-    id: "8",
-    movementNumber: "TR-2024-002",
-    materialId: "1",
-    material: mockMaterials.find((m) => m.id === "1")!,
-    movementType: MovementTypeEnum.Transfer,
-
-    fromWarehouseId: "1",
-    fromWarehouse: mockWarehouses.find((w) => w.id === "1"),
-    fromZoneId: "1",
-    fromZone: mockZones.find((z) => z.id === "1"),
-    fromLocationId: "1",
-    fromLocation: mockLocations.find((l) => l.id === "1"),
-
-    toWarehouseId: "1",
-    toWarehouse: mockWarehouses.find((w) => w.id === "1"),
-    toZoneId: "1",
-    toZone: mockZones.find((z) => z.id === "1"),
-    toLocationId: "1",
-    toLocation: mockLocations.find((l) => l.id === "1"),
-
-    quantity: 15,
-    unitId: "KG",
-    unit: mockUnits.find((u) => u.id === "KG"),
-    lotNumber: "LOT-2024-001",
-    referenceDocument: "TR-2024-002",
-    referenceDocumentType: "Transfer Order",
-    referenceType: "Transfer Order",
-    movementDate: new Date("2024-11-28T11:00:00"),
-    description: "Şube deposuna transfer",
-    reason: "Şube deposuna transfer",
-    performedBy: "Transfer Operatörü",
-    status: MovementStatusEnum.InProgress,
-    creationTime: new Date("2024-11-28T10:00:00"),
-  },
-];
diff --git a/ui/src/mocks/mockUnits.ts b/ui/src/mocks/mockUnits.ts
deleted file mode 100644
index 79d15374..00000000
--- a/ui/src/mocks/mockUnits.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { MmUnit } from "../types/mm";
-
-export const mockUnits: MmUnit[] = [
-  { id: "KG", code: "KG", name: "Kilogram", isActive: true },
-  { id: "ADET", code: "ADET", name: "Adet", isActive: true },
-  { id: "LT", code: "LT", name: "Litre", isActive: true },
-  { id: "MT", code: "MT", name: "Metre", isActive: true },
-  { id: "M2", code: "M²", name: "Metrekare", isActive: true },
-  { id: "M3", code: "M³", name: "Metreküp", isActive: true },
-  { id: "PAKET", code: "PAKET", name: "Paket", isActive: true },
-  { id: "KOLI", code: "KOLI", name: "Koli", isActive: true },
-];
diff --git a/ui/src/mocks/mockWarehouses.ts b/ui/src/mocks/mockWarehouses.ts
deleted file mode 100644
index b14eb2fa..00000000
--- a/ui/src/mocks/mockWarehouses.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-import { SecurityLevelEnum } from "../types/mrp";
-import { WmWarehouse, WarehouseTypeEnum } from "../types/wm";
-import { mockLocations } from "./mockLocations";
-import { mockZones } from "./mockZones";
-
-export const mockWarehouses: WmWarehouse[] = [
-  {
-    id: "1",
-    code: "WH001",
-    name: "Ana Hammadde Deposu",
-    description: "Üretim için gerekli hammaddelerin depolandığı ana depo",
-    address: {
-      street: "Organize Sanayi Bölgesi 1. Cadde No: 15",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    warehouseType: WarehouseTypeEnum.RawMaterials,
-    zones: mockZones.filter((zone) => zone.warehouseId === "1"),
-    locations: mockLocations.filter((location) => location.warehouseId === "1"),
-    isMainWarehouse: true,
-    capacity: 5000,
-    currentUtilization: 0,
-    isActive: true,
-    temperatureControlled: false,
-    managerId: 1,
-    securityLevel: SecurityLevelEnum.Medium,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "2",
-    code: "WH002",
-    name: "Mamul Deposu",
-    description: "Üretimi tamamlanmış mamullerin depolandığı alan",
-    address: {
-      street: "Organize Sanayi Bölgesi 1. Cadde No: 15",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    warehouseType: WarehouseTypeEnum.FinishedGoods,
-    zones: mockZones.filter((zone) => zone.warehouseId === "2"),
-    locations: mockLocations.filter((location) => location.warehouseId === "2"),
-    isMainWarehouse: false,
-    capacity: 3000,
-    isActive: true,
-    currentUtilization: 0,
-    temperatureControlled: false,
-    managerId: 1,
-    securityLevel: SecurityLevelEnum.Medium,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "3",
-    code: "WH003",
-    name: "Ara Ürün Deposu",
-    description: "İşlenmiş ara ürünlerin geçici depolandığı alan",
-    address: {
-      street: "Organize Sanayi Bölgesi 1. Cadde No: 15",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    warehouseType: WarehouseTypeEnum.WorkInProgress,
-    zones: mockZones.filter((zone) => zone.warehouseId === "3"),
-    locations: mockLocations.filter((location) => location.warehouseId === "3"),
-    isMainWarehouse: false,
-    capacity: 1500,
-    isActive: true,
-    currentUtilization: 0,
-    managerId: 2,
-    securityLevel: SecurityLevelEnum.High,
-    temperatureControlled: false,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "4",
-    code: "WH004",
-    name: "Karantina Deposu",
-    description: "Kalite kontrolü bekleyen ürünlerin depolandığı alan",
-    address: {
-      street: "Organize Sanayi Bölgesi 1. Cadde No: 15",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    warehouseType: WarehouseTypeEnum.Quarantine,
-    zones: mockZones.filter((zone) => zone.warehouseId === "4"),
-    locations: mockLocations.filter((location) => location.warehouseId === "4"),
-    isMainWarehouse: true,
-    capacity: 500,
-    isActive: true,
-    temperatureControlled: false,
-    currentUtilization: 0,
-    managerId: 3,
-    securityLevel: SecurityLevelEnum.Low,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-  {
-    id: "5",
-    code: "WH005",
-    name: "İade Deposu",
-    description: "Müşterilerden dönen ürünlerin depolandığı alan",
-    address: {
-      street: "Organize Sanayi Bölgesi 1. Cadde No: 15",
-      city: "İstanbul",
-      state: "İstanbul",
-      postalCode: "34000",
-      country: "Türkiye",
-    },
-    warehouseType: WarehouseTypeEnum.Returns,
-    zones: mockZones.filter((zone) => zone.warehouseId === "5"),
-    locations: mockLocations.filter((location) => location.warehouseId === "5"),
-    isMainWarehouse: true,
-    capacity: 800,
-    isActive: true,
-    temperatureControlled: false,
-    currentUtilization: 0,
-    managerId: 4,
-    securityLevel: SecurityLevelEnum.Restricted,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  },
-];
diff --git a/ui/src/mocks/mockWaybills.ts b/ui/src/mocks/mockWaybills.ts
deleted file mode 100644
index 3cb79040..00000000
--- a/ui/src/mocks/mockWaybills.ts
+++ /dev/null
@@ -1,220 +0,0 @@
-import { FiWaybill, WaybillTypeEnum, WaybillStatusEnum } from "../types/fi";
-import { mockCurrentAccounts } from "./mockCurrentAccounts";
-
-export const mockWaybills: FiWaybill[] = [
-  {
-    id: "1",
-    waybillNumber: "IRS2024001",
-    waybillType: WaybillTypeEnum.Outgoing,
-    currentAccountId: "1",
-    currentAccount: mockCurrentAccounts.find((acc) => acc.id === "1"),
-    waybillDate: new Date("2024-01-15"),
-    deliveryDate: new Date("2024-01-16"),
-    subtotal: 50300,
-    taxAmount: 9054,
-    discountAmount: 0,
-    totalAmount: 59354,
-    currency: "TRY",
-    status: WaybillStatusEnum.Delivered,
-    isInvoiced: false,
-    items: [
-      {
-        id: "1",
-        waybillId: "1",
-        description: "Laptop Dell Inspiron 15",
-        quantity: 2,
-        unit: "Adet",
-        unitPrice: 25000,
-        lineTotal: 59000,
-        discountRate: 0,
-        discountAmount: 0,
-        taxRate: 18,
-        taxAmount: 9000,
-        netAmount: 50000,
-      },
-      {
-        id: "2",
-        waybillId: "1",
-        description: "Wireless Mouse",
-        quantity: 2,
-        unit: "Adet",
-        unitPrice: 150,
-        lineTotal: 354,
-        discountRate: 0,
-        discountAmount: 0,
-        taxRate: 18,
-        taxAmount: 54,
-        netAmount: 300,
-      },
-    ],
-    deliveryAddress: "Ataşehir Mah. Barbaros Cad. No:15 Ataşehir/İstanbul",
-    receiverName: "Ahmet Yılmaz",
-    receiverPhone: "+90 212 555 0101",
-    carrierCompany: "MNG Kargo",
-    trackingNumber: "MNG123456789",
-    notes: "Dikkatli taşınması gerekiyor.",
-    creationTime: new Date("2024-01-15T08:00:00"),
-    lastModificationTime: new Date("2024-01-16T14:30:00"),
-  },
-  {
-    id: "2",
-    waybillNumber: "IRS2024002",
-    waybillType: WaybillTypeEnum.Outgoing,
-    currentAccountId: "2",
-    currentAccount: mockCurrentAccounts.find((acc) => acc.id === "2"),
-    waybillDate: new Date("2024-01-16"),
-    deliveryDate: new Date("2024-01-17"),
-    subtotal: 15000,
-    taxAmount: 2700,
-    discountAmount: 0,
-    totalAmount: 17700,
-    currency: "TRY",
-    status: WaybillStatusEnum.Delivered,
-    isInvoiced: false,
-    items: [
-      {
-        id: "3",
-        waybillId: "2",
-        description: "Yazılım Lisansı - Erp Modülü",
-        quantity: 1,
-        unit: "Adet",
-        unitPrice: 15000,
-        lineTotal: 17700,
-        discountRate: 0,
-        discountAmount: 0,
-        taxRate: 18,
-        taxAmount: 2700,
-        netAmount: 15000,
-      },
-    ],
-    deliveryAddress: "Kadıköy Mah. Bağdat Cad. No:45 Kadıköy/İstanbul",
-    receiverName: "Mehmet Demir",
-    receiverPhone: "+90 216 444 0202",
-    carrierCompany: "Yurtiçi Kargo",
-    trackingNumber: "YK987654321",
-    notes: "Dijital teslimat yapılacak.",
-    creationTime: new Date("2024-01-16T09:30:00"),
-    lastModificationTime: new Date("2024-01-17T16:00:00"),
-  },
-  {
-    id: "3",
-    waybillNumber: "IRS2024003",
-    waybillType: WaybillTypeEnum.Outgoing,
-    currentAccountId: "1",
-    currentAccount: mockCurrentAccounts.find((acc) => acc.id === "1"),
-    waybillDate: new Date("2024-01-17"),
-    deliveryDate: new Date("2024-01-18"),
-    subtotal: 10500,
-    taxAmount: 1890,
-    discountAmount: 0,
-    totalAmount: 12390,
-    currency: "TRY",
-    status: WaybillStatusEnum.Delivered,
-    isInvoiced: true,
-    invoiceId: "1",
-    items: [
-      {
-        id: "4",
-        waybillId: "3",
-        description: "Monitor 24 inch LED",
-        quantity: 3,
-        unit: "Adet",
-        unitPrice: 3500,
-        lineTotal: 12390,
-        discountRate: 0,
-        discountAmount: 0,
-        taxRate: 18,
-        taxAmount: 1890,
-        netAmount: 10500,
-      },
-    ],
-    deliveryAddress: "Ataşehir Mah. Barbaros Cad. No:15 Ataşehir/İstanbul",
-    receiverName: "Ahmet Yılmaz",
-    receiverPhone: "+90 212 555 0101",
-    carrierCompany: "PTT Kargo",
-    trackingNumber: "PTT555666777",
-    notes: "Fatura kesilmiş, faturalandırıldı.",
-    creationTime: new Date("2024-01-17T10:00:00"),
-    lastModificationTime: new Date("2024-01-18T11:30:00"),
-  },
-  {
-    id: "4",
-    waybillNumber: "IRS2024004",
-    waybillType: WaybillTypeEnum.Outgoing,
-    currentAccountId: "2",
-    currentAccount: mockCurrentAccounts.find((acc) => acc.id === "2"),
-    waybillDate: new Date("2024-01-18"),
-    deliveryDate: new Date("2024-01-19"),
-    subtotal: 35000,
-    taxAmount: 6300,
-    discountAmount: 1750,
-    totalAmount: 39550,
-    currency: "TRY",
-    status: WaybillStatusEnum.Delivered,
-    isInvoiced: false,
-    items: [
-      {
-        id: "5",
-        waybillId: "4",
-        description: "Tablet Samsung Galaxy Tab",
-        quantity: 10,
-        unit: "Adet",
-        unitPrice: 3500,
-        lineTotal: 39550,
-        discountRate: 5,
-        discountAmount: 1750,
-        taxRate: 18,
-        taxAmount: 6300,
-        netAmount: 33250,
-      },
-    ],
-    deliveryAddress: "Şişli Mah. Mecidiyeköy Cad. No:100 Şişli/İstanbul",
-    receiverName: "Fatma Kaya",
-    receiverPhone: "+90 212 777 0303",
-    carrierCompany: "Aras Kargo",
-    trackingNumber: "ARS111222333",
-    notes: "Toplu teslimat, %5 indirim uygulandı.",
-    creationTime: new Date("2024-01-18T14:00:00"),
-    lastModificationTime: new Date("2024-01-19T10:15:00"),
-  },
-  {
-    id: "5",
-    waybillNumber: "IRS2024005",
-    waybillType: WaybillTypeEnum.Incoming,
-    currentAccountId: "4",
-    currentAccount: mockCurrentAccounts.find((acc) => acc.id === "4"),
-    waybillDate: new Date("2024-01-19"),
-    deliveryDate: new Date("2024-01-20"),
-    subtotal: 20000,
-    taxAmount: 3600,
-    discountAmount: 0,
-    totalAmount: 23600,
-    currency: "TRY",
-    status: WaybillStatusEnum.Delivered,
-    isInvoiced: false,
-    items: [
-      {
-        id: "6",
-        waybillId: "5",
-        description: "Klavye Mekanik Gaming",
-        quantity: 20,
-        unit: "Adet",
-        unitPrice: 1000,
-        lineTotal: 23600,
-        discountRate: 0,
-        discountAmount: 0,
-        taxRate: 18,
-        taxAmount: 3600,
-        netAmount: 20000,
-      },
-    ],
-    deliveryAddress: "Merkez Depo - Ümraniye Sanayi Sitesi",
-    receiverName: "Depo Sorumlusu",
-    receiverPhone: "+90 216 555 0505",
-    carrierCompany: "Horoz Lojistik",
-    trackingNumber: "HRZ777888999",
-    notes: "Stok girişi yapıldı.",
-    creationTime: new Date("2024-01-19T11:00:00"),
-    lastModificationTime: new Date("2024-01-20T09:00:00"),
-  },
-];
diff --git a/ui/src/mocks/mockWorkCenterMachineTypes.ts b/ui/src/mocks/mockWorkCenterMachineTypes.ts
deleted file mode 100644
index eed49a6d..00000000
--- a/ui/src/mocks/mockWorkCenterMachineTypes.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { PmMachineType } from '../types/pm'
-
-export const mockWorkCenterMachineTypes: PmMachineType[] = [
-  {
-    id: '1',
-    code: 'CNC',
-    name: 'CNC Makineleri',
-    isActive: true,
-  },
-  {
-    id: '2',
-    code: 'COMP',
-    name: 'Kompresörler',
-    isActive: true,
-  },
-  {
-    id: '3',
-    code: 'CONV',
-    name: 'Konveyörler',
-    isActive: true,
-  },
-  {
-    id: '4',
-    code: 'WELD',
-    name: 'Kaynak Makineleri',
-    isActive: true,
-  },
-]
diff --git a/ui/src/mocks/mockWorkCenters.ts b/ui/src/mocks/mockWorkCenters.ts
deleted file mode 100644
index 089ff127..00000000
--- a/ui/src/mocks/mockWorkCenters.ts
+++ /dev/null
@@ -1,356 +0,0 @@
-import { CriticalityLevelEnum, PmWorkCenter, WorkCenterStatusEnum } from '../types/pm'
-import { mockWorkCenterMachineTypes } from './mockWorkCenterMachineTypes'
-
-export const mockWorkCenters: PmWorkCenter[] = [
-  {
-    id: '1',
-    code: 'CNC-001',
-    name: 'CNC Torna Tezgahı',
-    description: 'Yüksek hassasiyetli CNC torna tezgahı',
-    manufacturer: 'HAAS Automation',
-    model: 'ST-30',
-    serialNumber: 'SN123456789',
-    installationDate: new Date('2022-03-15'),
-    warrantyExpiry: new Date('2025-03-15'),
-    location: 'Atölye A - Hat 1',
-    departmentId: '1',
-    status: WorkCenterStatusEnum.Operational,
-    criticality: CriticalityLevelEnum.High,
-    specifications: [
-      {
-        id: 'SPEC001',
-        workCenterId: 'EQP001',
-        specificationName: 'Max Çap',
-        specificationValue: '300',
-        unit: 'mm',
-        isRequired: true,
-      },
-      {
-        id: 'SPEC002',
-        workCenterId: 'EQP001',
-        specificationName: 'Motor Gücü',
-        specificationValue: '15',
-        unit: 'kW',
-        isRequired: true,
-      },
-    ],
-    maintenancePlans: [],
-    workOrders: [],
-    downTimeHistory: [],
-    isActive: true,
-    creationTime: new Date('2022-03-15'),
-    lastModificationTime: new Date('2024-01-15'),
-    capacity: 8,
-    costPerHour: 75,
-    setupTime: 15,
-    machineTypeId: '1',
-    machineType: mockWorkCenterMachineTypes.find((mt) => mt.id === '1')!,
-  },
-  {
-    id: '2',
-    code: 'COMP-001',
-    name: 'Hava Kompresörü',
-    description: 'Endüstriyel hava kompresörü sistemi',
-    manufacturer: 'Atlas Copco',
-    model: 'GA55VSD+',
-    serialNumber: 'AC987654321',
-    installationDate: new Date('2021-08-20'),
-    warrantyExpiry: new Date('2024-08-20'),
-    location: 'Kompresör Odası',
-    departmentId: '2',
-    status: WorkCenterStatusEnum.UnderMaintenance,
-    criticality: CriticalityLevelEnum.Critical,
-    specifications: [
-      {
-        id: 'SPEC003',
-        workCenterId: 'EQP002',
-        specificationName: 'Basınç',
-        specificationValue: '8.5',
-        unit: 'bar',
-        isRequired: true,
-      },
-      {
-        id: 'SPEC004',
-        workCenterId: 'EQP002',
-        specificationName: 'Kapasite',
-        specificationValue: '55',
-        unit: 'kW',
-        isRequired: true,
-      },
-    ],
-    maintenancePlans: [],
-    workOrders: [],
-    downTimeHistory: [],
-    isActive: true,
-    creationTime: new Date('2021-08-20'),
-    lastModificationTime: new Date('2024-02-01'),
-    costPerHour: 85,
-    setupTime: 20,
-    machineTypeId: '2',
-    machineType: mockWorkCenterMachineTypes.find((mt) => mt.id === '2')!,
-    capacity: 8,
-  },
-  {
-    id: '3',
-    code: 'CONV-001',
-    name: 'Konveyör Sistemi',
-    description: 'Ana hat konveyör sistemi',
-    manufacturer: 'Siemens',
-    model: 'SIMATIC S7-1500',
-    serialNumber: 'SM112233445',
-    installationDate: new Date('2020-11-10'),
-    location: 'Ana Üretim Hattı',
-    departmentId: '3',
-    status: WorkCenterStatusEnum.OutOfOrder,
-    criticality: CriticalityLevelEnum.Medium,
-    specifications: [
-      {
-        id: 'SPEC005',
-        workCenterId: 'EQP003',
-        specificationName: 'Hız',
-        specificationValue: '2.5',
-        unit: 'm/s',
-        isRequired: true,
-      },
-      {
-        id: 'SPEC006',
-        workCenterId: 'EQP003',
-        specificationName: 'Yük Kapasitesi',
-        specificationValue: '500',
-        unit: 'kg',
-        isRequired: true,
-      },
-    ],
-    maintenancePlans: [],
-    workOrders: [],
-    downTimeHistory: [],
-    isActive: true,
-    creationTime: new Date('2020-11-10'),
-    lastModificationTime: new Date('2024-02-05'),
-    costPerHour: 85,
-    setupTime: 20,
-    machineTypeId: '3',
-    machineType: mockWorkCenterMachineTypes.find((mt) => mt.id === '3')!,
-    capacity: 8,
-  },
-  {
-    id: '4',
-    code: 'KELD-001',
-    name: 'Kaynak Makinesi',
-    description: 'Otomatik robot kaynak sistemi',
-    manufacturer: 'KUKA',
-    model: 'KR 60-3',
-    serialNumber: 'KU556677889',
-    installationDate: new Date('2023-01-15'),
-    warrantyExpiry: new Date('2026-01-15'),
-    location: 'Kaynak Atölyesi',
-    departmentId: '4',
-    status: WorkCenterStatusEnum.Operational,
-    criticality: CriticalityLevelEnum.High,
-    specifications: [
-      {
-        id: 'SPEC007',
-        workCenterId: 'EQP004',
-        specificationName: 'Erişim Mesafesi',
-        specificationValue: '2033',
-        unit: 'mm',
-        isRequired: true,
-      },
-      {
-        id: 'SPEC008',
-        workCenterId: 'EQP004',
-        specificationName: 'Taşıma Kapasitesi',
-        specificationValue: '60',
-        unit: 'kg',
-        isRequired: true,
-      },
-    ],
-    maintenancePlans: [],
-    workOrders: [],
-    downTimeHistory: [],
-    isActive: true,
-    creationTime: new Date('2023-01-15'),
-    lastModificationTime: new Date('2024-01-20'),
-    costPerHour: 85,
-    setupTime: 20,
-    machineTypeId: '3',
-    machineType: mockWorkCenterMachineTypes.find((mt) => mt.id === '3')!,
-    capacity: 8,
-  },
-  {
-    id: '5',
-    code: 'WELL-001',
-    name: 'Yıkama Makinesi',
-    description: 'Otomatik robot kaynak sistemi',
-    manufacturer: 'KUKA',
-    model: 'KR 60-3',
-    serialNumber: 'KU556677889',
-    installationDate: new Date('2023-01-15'),
-    warrantyExpiry: new Date('2026-01-15'),
-    location: 'Kaynak Atölyesi',
-    departmentId: '4',
-    status: WorkCenterStatusEnum.Operational,
-    criticality: CriticalityLevelEnum.High,
-    specifications: [
-      {
-        id: 'SPEC007',
-        workCenterId: 'EQP004',
-        specificationName: 'Erişim Mesafesi',
-        specificationValue: '2033',
-        unit: 'mm',
-        isRequired: true,
-      },
-      {
-        id: 'SPEC008',
-        workCenterId: 'EQP004',
-        specificationName: 'Taşıma Kapasitesi',
-        specificationValue: '60',
-        unit: 'kg',
-        isRequired: true,
-      },
-    ],
-    maintenancePlans: [],
-    workOrders: [],
-    downTimeHistory: [],
-    isActive: true,
-    creationTime: new Date('2023-01-15'),
-    lastModificationTime: new Date('2024-01-20'),
-    costPerHour: 85,
-    setupTime: 20,
-    machineTypeId: '4',
-    machineType: mockWorkCenterMachineTypes.find((mt) => mt.id === '4')!,
-    capacity: 8,
-  },
-  {
-    id: '6',
-    code: 'KELD-001',
-    name: 'Ram Makinesi',
-    description: 'Otomatik robot kaynak sistemi',
-    manufacturer: 'KUKA',
-    model: 'KR 60-3',
-    serialNumber: 'KU556677889',
-    installationDate: new Date('2023-01-15'),
-    warrantyExpiry: new Date('2026-01-15'),
-    location: 'Kaynak Atölyesi',
-    departmentId: '4',
-    status: WorkCenterStatusEnum.Operational,
-    criticality: CriticalityLevelEnum.High,
-    specifications: [
-      {
-        id: 'SPEC007',
-        workCenterId: 'EQP004',
-        specificationName: 'Erişim Mesafesi',
-        specificationValue: '2033',
-        unit: 'mm',
-        isRequired: true,
-      },
-      {
-        id: 'SPEC008',
-        workCenterId: 'EQP004',
-        specificationName: 'Taşıma Kapasitesi',
-        specificationValue: '60',
-        unit: 'kg',
-        isRequired: true,
-      },
-    ],
-    maintenancePlans: [],
-    workOrders: [],
-    downTimeHistory: [],
-    isActive: true,
-    creationTime: new Date('2023-01-15'),
-    lastModificationTime: new Date('2024-01-20'),
-    costPerHour: 85,
-    setupTime: 20,
-    machineTypeId: '4',
-    machineType: mockWorkCenterMachineTypes.find((mt) => mt.id === '4')!,
-    capacity: 8,
-  },
-  {
-    id: '7',
-    code: 'WEID-001',
-    name: 'Sarma Makinesi',
-    description: 'Otomatik robot kaynak sistemi',
-    manufacturer: 'KUKA',
-    model: 'KR 60-3',
-    serialNumber: 'KU556677889',
-    installationDate: new Date('2023-01-15'),
-    warrantyExpiry: new Date('2026-01-15'),
-    location: 'Kaynak Atölyesi',
-    departmentId: '4',
-    status: WorkCenterStatusEnum.Operational,
-    criticality: CriticalityLevelEnum.High,
-    specifications: [
-      {
-        id: 'SPEC007',
-        workCenterId: 'EQP004',
-        specificationName: 'Erişim Mesafesi',
-        specificationValue: '2033',
-        unit: 'mm',
-        isRequired: true,
-      },
-      {
-        id: 'SPEC008',
-        workCenterId: 'EQP004',
-        specificationName: 'Taşıma Kapasitesi',
-        specificationValue: '60',
-        unit: 'kg',
-        isRequired: true,
-      },
-    ],
-    maintenancePlans: [],
-    workOrders: [],
-    downTimeHistory: [],
-    isActive: true,
-    creationTime: new Date('2023-01-15'),
-    lastModificationTime: new Date('2024-01-20'),
-    costPerHour: 85,
-    setupTime: 20,
-    machineTypeId: '1',
-    machineType: mockWorkCenterMachineTypes.find((mt) => mt.id === '1')!,
-    capacity: 8,
-  },
-  {
-    id: '8',
-    code: 'KEL-001',
-    name: 'Robot Kaynak Makinesi',
-    description: 'Otomatik robot kaynak sistemi',
-    manufacturer: 'KUKA',
-    model: 'KR 60-3',
-    serialNumber: 'KU556677889',
-    installationDate: new Date('2023-01-15'),
-    warrantyExpiry: new Date('2026-01-15'),
-    location: 'Kaynak Atölyesi',
-    departmentId: '4',
-    status: WorkCenterStatusEnum.Operational,
-    criticality: CriticalityLevelEnum.High,
-    specifications: [
-      {
-        id: 'SPEC007',
-        workCenterId: 'EQP004',
-        specificationName: 'Erişim Mesafesi',
-        specificationValue: '2033',
-        unit: 'mm',
-        isRequired: true,
-      },
-      {
-        id: 'SPEC008',
-        workCenterId: 'EQP004',
-        specificationName: 'Taşıma Kapasitesi',
-        specificationValue: '60',
-        unit: 'kg',
-        isRequired: true,
-      },
-    ],
-    maintenancePlans: [],
-    workOrders: [],
-    downTimeHistory: [],
-    isActive: true,
-    creationTime: new Date('2023-01-15'),
-    lastModificationTime: new Date('2024-01-20'),
-    costPerHour: 85,
-    setupTime: 20,
-    machineTypeId: '1',
-    machineType: mockWorkCenterMachineTypes.find((mt) => mt.id === '1')!,
-    capacity: 8,
-  },
-]
diff --git a/ui/src/mocks/mockWorkOrders.ts b/ui/src/mocks/mockWorkOrders.ts
deleted file mode 100644
index 3e09d04a..00000000
--- a/ui/src/mocks/mockWorkOrders.ts
+++ /dev/null
@@ -1,217 +0,0 @@
-import { MrpWorkOrder } from "../types/mrp";
-import { WorkOrderStatusEnum } from "../types/pm";
-import { mockMaterials } from "./mockMaterials";
-import { mockOperations } from "./mockOperations";
-import { mockProductionOrders } from "./mockProductionOrders";
-import { mockWorkCenters } from "./mockWorkCenters";
-
-export const mockWorkOrders: MrpWorkOrder[] = [
-  {
-    id: "WO-2024-001",
-    workOrderNumber: "WO-2024-001",
-    productionOrderId: mockProductionOrders[0].id,
-    productionOrder: mockProductionOrders[0],
-    operationId: "1",
-    operation: mockOperations.find((op) => op.id === "1"),
-    materialId: "1",
-    material: mockMaterials.find((m) => m.id === "1"),
-    sequence: 1,
-    plannedStartDate: new Date("2024-01-16"),
-    plannedEndDate: new Date("2024-01-18"),
-    plannedQuantity: 50,
-    confirmedQuantity: 30,
-    scrapQuantity: 1,
-    workCenterId: "1",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "1"),
-    assignedOperators: ["1", "2"],
-    setupTime: 60,
-    processTime: 240,
-    status: WorkOrderStatusEnum.InProgress,
-    confirmations: [],
-    qualityChecks: [],
-    creationTime: new Date("2024-01-10"),
-    lastModificationTime: new Date("2024-01-16"),
-  },
-  {
-    id: "WO-2024-002",
-    workOrderNumber: "WO-2024-002",
-    productionOrderId: mockProductionOrders[0].id,
-    productionOrder: mockProductionOrders[0],
-    operationId: "2",
-    operation: mockOperations.find((op) => op.id === "2"),
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2"),
-    sequence: 2,
-    plannedStartDate: new Date("2024-01-18"),
-    plannedEndDate: new Date("2024-01-20"),
-    plannedQuantity: 50,
-    confirmedQuantity: 35,
-    scrapQuantity: 1,
-    workCenterId: "2",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "2"),
-    assignedOperators: ["3"],
-    setupTime: 45,
-    processTime: 180,
-    status: WorkOrderStatusEnum.Completed,
-    confirmations: [],
-    qualityChecks: [],
-    creationTime: new Date("2024-01-10"),
-    lastModificationTime: new Date("2024-01-20"),
-  },
-  {
-    id: "WO-2024-003",
-    workOrderNumber: "WO-2024-003",
-    productionOrderId: mockProductionOrders[1].id,
-    productionOrder: mockProductionOrders[1],
-    operationId: "3",
-    operation: mockOperations.find((op) => op.id === "3"),
-    materialId: "3",
-    material: mockMaterials.find((m) => m.id === "3"),
-    sequence: 1,
-    plannedStartDate: new Date("2024-02-01"),
-    plannedEndDate: new Date("2024-02-05"),
-    plannedQuantity: 25,
-    confirmedQuantity: 0,
-    scrapQuantity: 0,
-    workCenterId: "3",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "3"),
-    assignedOperators: ["4"],
-    setupTime: 30,
-    processTime: 120,
-    status: WorkOrderStatusEnum.Created,
-    confirmations: [],
-    qualityChecks: [],
-    creationTime: new Date("2024-01-25"),
-    lastModificationTime: new Date("2024-02-01"),
-  },
-  {
-    id: "WO-2024-004",
-    workOrderNumber: "WO-2024-004",
-    productionOrderId: mockProductionOrders[1].id,
-    productionOrder: mockProductionOrders[1],
-    operationId: "4",
-    operation: mockOperations.find((op) => op.id === "4"),
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2"),
-    sequence: 2,
-    plannedStartDate: new Date("2024-02-05"),
-    plannedEndDate: new Date("2024-02-10"),
-    plannedQuantity: 25,
-    confirmedQuantity: 0,
-    scrapQuantity: 0,
-    workCenterId: "1",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "1"),
-    assignedOperators: ["5", "6"],
-    setupTime: 40,
-    processTime: 150,
-    status: WorkOrderStatusEnum.Released,
-    confirmations: [],
-    qualityChecks: [],
-    creationTime: new Date("2024-01-25"),
-    lastModificationTime: new Date("2024-02-05"),
-  },
-  {
-    id: "WO-2024-005",
-    workOrderNumber: "WO-2024-005",
-    productionOrderId: mockProductionOrders[0].id,
-    productionOrder: mockProductionOrders[0],
-    operationId: "5",
-    operation: mockOperations.find((op) => op.id === "5"),
-    materialId: "4",
-    material: mockMaterials.find((m) => m.id === "4"),
-    sequence: 3,
-    plannedStartDate: new Date("2024-01-20"),
-    plannedEndDate: new Date("2024-01-25"),
-    plannedQuantity: 20,
-    confirmedQuantity: 0,
-    scrapQuantity: 0,
-    workCenterId: "4",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "4"),
-    assignedOperators: ["7"],
-    setupTime: 20,
-    processTime: 60,
-    status: WorkOrderStatusEnum.Created,
-    confirmations: [],
-    qualityChecks: [],
-    creationTime: new Date("2024-01-10"),
-    lastModificationTime: new Date("2024-01-20"),
-  },
-  {
-    id: "WO-2024-006",
-    workOrderNumber: "WO-2024-006",
-    productionOrderId: mockProductionOrders[1].id,
-    productionOrder: mockProductionOrders[1],
-    operationId: "1",
-    operation: mockOperations.find((op) => op.id === "1"),
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2"),
-    sequence: 3,
-    plannedStartDate: new Date("2024-02-10"),
-    plannedEndDate: new Date("2024-02-15"),
-    plannedQuantity: 10,
-    confirmedQuantity: 0,
-    scrapQuantity: 0,
-    workCenterId: "5",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "5"),
-    assignedOperators: ["8"],
-    setupTime: 15,
-    processTime: 45,
-    status: WorkOrderStatusEnum.Created,
-    confirmations: [],
-    qualityChecks: [],
-    creationTime: new Date("2024-01-25"),
-    lastModificationTime: new Date("2024-02-10"),
-  },
-  {
-    id: "WO-2024-007",
-    workOrderNumber: "WO-2024-007",
-    productionOrderId: mockProductionOrders[0].id,
-    productionOrder: mockProductionOrders[0],
-    operationId: "2",
-    operation: mockOperations.find((op) => op.id === "2"),
-    materialId: "4",
-    material: mockMaterials.find((m) => m.id === "4"),
-    sequence: 4,
-    plannedStartDate: new Date("2024-01-25"),
-    plannedEndDate: new Date("2024-01-30"),
-    plannedQuantity: 10,
-    confirmedQuantity: 0,
-    scrapQuantity: 0,
-    workCenterId: "7",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "7"),
-    assignedOperators: ["9"],
-    setupTime: 10,
-    processTime: 30,
-    status: WorkOrderStatusEnum.Cancelled,
-    confirmations: [],
-    qualityChecks: [],
-    creationTime: new Date("2024-01-10"),
-    lastModificationTime: new Date("2024-01-25"),
-  },
-  {
-    id: "WO-2024-008",
-    workOrderNumber: "WO-2024-008",
-    productionOrderId: mockProductionOrders[1].id,
-    productionOrder: mockProductionOrders[1],
-    operationId: "3",
-    operation: mockOperations.find((op) => op.id === "3"),
-    materialId: "2",
-    material: mockMaterials.find((m) => m.id === "2"),
-    sequence: 4,
-    plannedStartDate: new Date("2024-02-15"),
-    plannedEndDate: new Date("2024-02-20"),
-    plannedQuantity: 5,
-    confirmedQuantity: 0,
-    scrapQuantity: 0,
-    workCenterId: "8",
-    workCenter: mockWorkCenters.find((wc) => wc.id === "8"),
-    assignedOperators: ["10"],
-    setupTime: 10,
-    processTime: 30,
-    status: WorkOrderStatusEnum.Created,
-    confirmations: [],
-    qualityChecks: [],
-    creationTime: new Date("2024-01-25"),
-    lastModificationTime: new Date("2024-02-15"),
-  },
-];
diff --git a/ui/src/mocks/mockZones.ts b/ui/src/mocks/mockZones.ts
deleted file mode 100644
index b62b4016..00000000
--- a/ui/src/mocks/mockZones.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { WmZone, ZoneTypeEnum } from "../types/wm";
-
-export const mockZones: WmZone[] = [
-  {
-    id: "1",
-    warehouseId: "1",
-    zoneCode: "Z001",
-    name: "Giriş Bölgesi",
-    description: "Malzeme kabul bölgesi",
-    zoneType: ZoneTypeEnum.Receiving,
-    temperature: 20,
-    humidity: 45,
-    locations: [],
-    isActive: true,
-  },
-  {
-    id: "2",
-    warehouseId: "1",
-    zoneCode: "Z002",
-    name: "Ana Depolama",
-    description: "Ana depolama alanı",
-    zoneType: ZoneTypeEnum.Storage,
-    temperature: 18,
-    humidity: 40,
-    locations: [],
-    isActive: true,
-  },
-  {
-    id: "3",
-    warehouseId: "2",
-    zoneCode: "Z003",
-    name: "Sevkiyat Hazırlık",
-    description: "Sevkiyat hazırlık alanı",
-    zoneType: ZoneTypeEnum.Shipping,
-    temperature: 22,
-    humidity: 50,
-    locations: [],
-    isActive: true,
-  },
-];
diff --git a/ui/src/proxy/intranet/models.ts b/ui/src/proxy/intranet/models.ts
index 0b6dc590..daf7c623 100644
--- a/ui/src/proxy/intranet/models.ts
+++ b/ui/src/proxy/intranet/models.ts
@@ -1,5 +1,5 @@
-import { Address, BankAccount } from '@/types/common'
 import {
+  Address,
   EmployeeStatusEnum,
   EmploymentTypeEnum,
   GenderEnum,
@@ -14,6 +14,7 @@ import {
   LeaveTypeEnum,
   MaritalStatusEnum,
 } from '@/types/hr'
+import { PriorityEnum } from '@/types/intranet'
 
 export interface IntranetDashboardDto {
   events: EventDto[]
@@ -30,7 +31,7 @@ export interface IntranetDashboardDto {
   overtimes: OvertimeDto[]
   surveys: SurveyDto[]
   socialPosts: SocialPostDto[]
-  // priorityTasks: TaskDto[]
+  tasks: ProjectTaskDto[]
 }
 
 // Etkinlik
@@ -59,6 +60,36 @@ export interface EventCommentDto {
   likes: number
 }
 
+export enum BankAccountTypeEnum {
+  Current = 'CURRENT', // Vadesiz
+  Deposit = 'DEPOSIT', // Vadeli
+  Credit = 'CREDIT', // Kredi
+  Foreign = 'FOREIGN', // Yabancı Para
+}
+
+// Bank Management Types
+export interface BankAccount {
+  // Banka Hesabı
+  id: string
+  accountCode: string
+  bankName: string
+  branchName: string
+  accountNumber: string
+  iban: string
+  accountType: BankAccountTypeEnum
+  currency: string
+  balance: number
+  overdraftLimit: number
+  dailyTransferLimit: number
+  isActive: boolean
+  contactPerson?: string
+  phoneNumber?: string
+  swiftCode?: string
+  isDefault: boolean
+  creationTime: Date
+  lastModificationTime: Date
+}
+
 export interface EmployeeDto {
   // İnsan Kaynakları Çalışanı
   id: string
@@ -283,6 +314,26 @@ export interface MealDto {
   materials: string[]
 }
 
+// İnsan Kaynakları Fazla Mesai
+export interface ProjectTaskDto {
+  id: string
+
+  name: string
+  description: string
+
+  priority: PriorityEnum
+  status?: string
+
+  employeeId?: string
+  employee: EmployeeDto
+
+  startDate: Date
+  endDate: Date
+
+  progress: number
+  isActive: boolean
+}
+
 // İnsan Kaynakları Fazla Mesai
 export interface OvertimeDto {
   id: string
diff --git a/ui/src/types/common.ts b/ui/src/types/common.ts
index 9d150419..defc004c 100644
--- a/ui/src/types/common.ts
+++ b/ui/src/types/common.ts
@@ -1,183 +1,3 @@
-import { BankAccountTypeEnum } from './fi'
-import {
-  CrmActivity,
-  CustomerSegmentEnum,
-  CustomerTypeEnum,
-  CrmOpportunity,
-  CrmSalesOrder,
-  CrmSalesTarget,
-  CrmTerritory,
-} from './crm'
-import { SupplierCardTypeEnum, MmSupplierPerformance, SupplierTypeEnum } from './mm'
-import { EmployeeDto } from '@/proxy/intranet/models'
-
-export interface DashboardStats {
-  // Gösterge Paneli İstatistikleri
-  totalMaterials: number
-  criticalStock: number
-  lowStock: number
-  pendingOrders: number
-  maintenanceDue: number
-  activeProjects: number
-  totalRevenue: number
-  monthlyGrowth: number
-  totalEmployees: number
-  openOpportunities: number
-  pendingPurchaseRequests: number
-}
-
-export interface BusinessParty {
-  // İş Ortağı (Müşteri/Satıcı)
-  id: string
-  code: string
-  name: string
-  address?: Address
-  taxNumber?: string
-  paymentTerms: PaymentTerms
-  currency: string
-  creditLimit: number
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-  partyType: PartyType
-  primaryContact?: Contact
-  contacts?: Contact[]
-  industry?: BusinessPartyIndustryEnum
-  email?: string
-  phoneNumber?: string
-  website?: string
-  lastOrderDate?: Date
-  status?: BusinessPartyStatusEnum
-
-  //Customer’a özgü alanlar
-  customerType?: CustomerTypeEnum
-  registrationNumber?: string
-  customerSegment?: CustomerSegmentEnum
-  assignedSalesRep?: string
-  teamId?: string
-  team?: Team
-  totalRevenue?: number
-  averageOrderValue?: number
-  lifetimeValue?: number
-  opportunities?: CrmOpportunity[]
-  orders?: CrmSalesOrder[]
-  activities?: CrmActivity[]
-
-  // Supplier’a özgü alanlar
-  supplierType?: SupplierTypeEnum
-  cardNumber?: string
-  cardType?: SupplierCardTypeEnum
-  validFrom?: Date
-  validTo?: Date
-  currentBalance?: number
-  discountRate?: number
-  specialConditions?: string[]
-  performanceMetrics?: MmSupplierPerformance
-  certifications?: string[]
-  bankAccounts?: BankAccount[]
-}
-
-export enum BusinessPartyIndustryEnum {
-  // İş Ortağı Endüstrisi
-  Technology = 'TECHNOLOGY', // Teknoloji
-  Healthcare = 'HEALTHCARE', // Sağlık
-  Finance = 'FINANCE', // Finans
-  Retail = 'RETAIL', // Perakende
-  Manufacturing = 'MANUFACTURING', // Üretim
-  Education = 'EDUCATION', // Eğitim
-  Construction = 'CONSTRUCTION', // İnşaat
-  Hospitality = 'HOSPITALITY', // Konaklama
-  Transportation = 'TRANSPORTATION', // Ulaşım
-  RealEstate = 'REAL_ESTATE', // Emlak
-  Other = 'OTHER', // Diğer
-}
-
-export enum BusinessPartyStatusEnum {
-  // İş Ortağı Durumu
-  Prospect = 'PROSPECT', // Potansiyel
-  Active = 'ACTIVE', // Aktif
-  Inactive = 'INACTIVE', // Pasif
-  Blocked = 'BLOCKED', // Engellenmiş
-}
-
-export interface Team {
-  // Takım
-  id: string
-  code: string
-  name: string
-  description?: string
-  managerId: string
-  manager?: EmployeeDto
-  members: TeamMember[]
-  territories?: CrmTerritory[]
-  targets?: CrmSalesTarget[]
-  specializations?: string[]
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface TeamMember {
-  // Takım Üyesi
-  id: string
-  teamId: string
-  employeeId: string
-  employee?: EmployeeDto
-  role: TeamRoleEnum
-  joinDate: Date
-  isActive: boolean
-}
-
-export interface Contact {
-  // İletişim
-  id: string
-  customerId?: string
-  firstName: string
-  lastName: string
-  name: string
-  title?: string
-  department?: string
-  email: string
-  phoneNumber?: string
-  mobileNumber?: string
-  isPrimary: boolean
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface Address {
-  // Adres
-  country: string
-  state: string
-  city: string
-  street: string
-  postalCode: string
-}
-
-// Bank Management Types
-export interface BankAccount {
-  // Banka Hesabı
-  id: string
-  accountCode: string
-  bankName: string
-  branchName: string
-  accountNumber: string
-  iban: string
-  accountType: BankAccountTypeEnum
-  currency: string
-  balance: number
-  overdraftLimit: number
-  dailyTransferLimit: number
-  isActive: boolean
-  contactPerson?: string
-  phoneNumber?: string
-  swiftCode?: string
-  isDefault: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
 export interface WidgetGroupDto {
   // Widget Grubu
   colGap?: number
@@ -199,40 +19,4 @@ export interface WidgetEditDto {
   icon: string
   subTitle: string
   onClick: string
-}
-
-export enum TeamRoleEnum {
-  // Takım Rolü
-  Member = 'MEMBER', // Üye
-  Lead = 'LEAD', // Lider
-  Manager = 'MANAGER', // Yönetici
-  Specialist = 'SPECIALIST', // Uzman
-}
-
-export enum PartyType {
-  // İş Ortağı Türü
-  Customer = 'CUSTOMER', // Müşteri
-  Supplier = 'SUPPLIER', // Tedarikçi
-  Both = 'BOTH', // Her İkisi
-  Other = 'OTHER', // Diğer
-}
-
-export enum PaymentTerms {
-  // Ödeme Koşulları
-  Net15 = 'NET15', // 15 Gün
-  Net30 = 'NET30', // 30 Gün
-  Net45 = 'NET45', // 45 Gün
-  Net60 = 'NET60', // 60 Gün
-  Net90 = 'NET90', // 90 Gün
-  COD = 'COD', // Kapıda Ödeme
-  Prepaid = 'PREPAID', // Peşin
-  Cash = 'CASH', // Nakit
-}
-
-export enum PriorityEnum {
-  // Öncelik
-  Low = 'LOW', // Düşük
-  Normal = 'NORMAL', // Normal
-  High = 'HIGH', // Yüksek
-  Urgent = 'URGENT', // Acil
-}
+}
\ No newline at end of file
diff --git a/ui/src/types/crm.ts b/ui/src/types/crm.ts
deleted file mode 100644
index a6d5da28..00000000
--- a/ui/src/types/crm.ts
+++ /dev/null
@@ -1,275 +0,0 @@
-import { EmployeeDto } from '@/proxy/intranet/models'
-import { Address, BusinessParty, Contact, PaymentTerms, PriorityEnum } from './common'
-import { MmDelivery, MmMaterial, MmUnit } from './mm'
-
-export interface CrmSalesOrder {
-  // Satış Siparişi
-  id: string
-  orderNumber: string
-  customerId: string
-  customer?: BusinessParty
-  orderDate: Date
-  requestedDeliveryDate: Date
-  confirmedDeliveryDate?: Date
-  status: SaleOrderStatusEnum
-  subtotal: number
-  taxAmount: number
-  discountAmount: number
-  totalAmount: number
-  currency: string
-  paymentTerms: PaymentTerms
-  deliveryTerms?: string
-  deliveryAddress: Address
-  billingAddress: Address
-  exchangeRate?: number
-  discountRate?: number
-  taxRate?: number
-  specialInstructions?: string
-  items: CrmSalesOrderItem[]
-  deliveries: MmDelivery[]
-  notes?: string
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface CrmSalesOrderItem {
-  // Satış Sipariş Kalemi
-  id: string
-  orderId: string
-  materialId?: string
-  material?: MmMaterial
-  description: string
-  quantity: number
-  deliveredQuantity: number
-  unitPrice: number
-  totalAmount: number
-  unitId: string
-  unit?: MmUnit
-  discountRate?: number
-  discountAmount?: number
-  taxRate?: number
-  taxAmount?: number
-  notes?: string
-  requestedDate: Date
-  confirmedDate?: Date
-  status: SaleOrderItemStatusEnum
-}
-
-export interface CrmTerritory {
-  // Sales Bölgesi
-  id: string
-  territoryCode: string
-  name: string
-  description?: string
-  region: string
-  countries: string[]
-  cities: string[]
-  assignedTeamId?: string
-  assignedSalesRep?: string
-  isActive: boolean
-}
-
-export interface CrmOpportunity {
-  // Fırsat
-  id: string
-  opportunityNumber: string
-  title: string
-  description?: string
-  customerId: string
-  customer?: BusinessParty
-  contactId?: string
-  contact?: Contact
-  stage: OpportunityStageEnum
-  probability: number
-  estimatedValue: number
-  currency: string
-  expectedCloseDate: Date
-  actualCloseDate?: Date
-  assignedTo: string
-  assigned?: EmployeeDto
-  teamId?: string
-  leadSource: LeadSourceEnum
-  campaignId?: string
-  status: OpportunityStatusEnum
-  lostReason?: CrmLostReason
-  activities: CrmActivity[]
-  competitors: CrmCompetitor[]
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface CrmActivity {
-  // Aktivite
-  id: string
-  activityType: CrmActivityTypeEnum
-  subject: string
-  description?: string
-  customerId?: string
-  customer?: BusinessParty
-  opportunityId?: string
-  opportunity?: CrmOpportunity
-  contactId?: string
-  contact?: Contact
-  activityDate: Date
-  startTime?: Date
-  endTime?: Date
-  duration?: number // minutes
-  assignedTo: string
-  assigned?: EmployeeDto
-  participants: string[]
-  status: ActivityStatusEnum
-  priority: PriorityEnum
-  followUpDate?: Date
-  followUpActivity?: string
-  outcome?: string
-  nextSteps?: string
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface CrmCompetitor {
-  // Rakip
-  id: string
-  name: string
-  website?: string
-  strengths: string[]
-  weaknesses: string[]
-  marketShare?: number
-  isActive: boolean
-}
-
-export interface CrmLostReason {
-  // Kaybedilme Nedeni
-  id: string
-  code: string
-  name: string
-  description?: string
-  category: LostReasonCategoryEnum
-  isActive: boolean
-}
-
-export interface CrmSalesTarget {
-  // Satış Hedefi
-  id: string
-  teamId?: string
-  employeeId?: string
-  targetPeriod: string
-  targetType: TargetTypeEnum
-  targetValue: number
-  actualValue: number
-  currency: string
-  startDate: Date
-  endDate: Date
-  status: TargetStatusEnum
-}
-
-export enum CustomerTypeEnum {
-  // Müşteri Türü
-  Individual = 'INDIVIDUAL', // Bireysel
-  Company = 'COMPANY', // Şirket
-  Government = 'GOVERNMENT', // Devlet
-  NonProfit = 'NON_PROFIT', // Kar Amacı Gütmeyen
-}
-
-export enum CustomerSegmentEnum {
-  // Müşteri Segmenti
-  Enterprise = 'ENTERPRISE', // Kurumsal
-  SMB = 'SMB', // KOBİ
-  Startup = 'STARTUP', // Yeni Kuruluş
-  Government = 'GOVERNMENT', // Devlet
-}
-
-export enum OpportunityStageEnum {
-  // Fırsat Aşaması
-  Qualification = 'QUALIFICATION', // Nitelik
-  NeedsAnalysis = 'NEEDS_ANALYSIS', // İhtiyaç Analizi
-  Proposal = 'PROPOSAL', // Teklif
-  Negotiation = 'NEGOTIATION', // Müzakere
-  ClosedWon = 'CLOSED_WON', // Kazanıldı
-  ClosedLost = 'CLOSED_LOST', // Kaybedildi
-}
-
-export enum OpportunityStatusEnum {
-  // Fırsat Durumu
-  Open = 'OPEN', // Açık
-  Won = 'WON', // Kazanıldı
-  Lost = 'LOST', // Kaybedildi
-  Cancelled = 'CANCELLED', // İptal Edildi
-}
-
-export enum LeadSourceEnum {
-  // Lead Kaynağı
-  Website = 'WEBSITE', // Web Sitesi
-  Referral = 'REFERRAL', // Tavsiye
-  Campaign = 'CAMPAIGN', // Kampanya
-  Trade_Show = 'TRADE_SHOW', // Fuar
-  Cold_Call = 'COLD_CALL', // Soğuk Arama
-  Social_Media = 'SOCIAL_MEDIA', // Sosyal Medya
-  Partner = 'PARTNER', // İş Ortağı
-}
-
-export enum SaleOrderStatusEnum {
-  // Satış Siparişi Durumu
-  Draft = 'DRAFT', // Taslak
-  Confirmed = 'CONFIRMED', // Onaylandı
-  InProduction = 'IN_PRODUCTION', // Üretimde
-  Ready = 'READY', // Hazır
-  Shipped = 'SHIPPED', // Gönderildi
-  Delivered = 'DELIVERED', // Teslim Edildi
-  Cancelled = 'CANCELLED', // İptal Edildi
-}
-
-export enum SaleOrderItemStatusEnum {
-  // Satış Sipariş Kalemi Durumu
-  Pending = 'PENDING', // Beklemede
-  Confirmed = 'CONFIRMED', // Onaylandı
-  InProduction = 'IN_PRODUCTION', // Üretimde
-  Ready = 'READY', // Hazır
-  Shipped = 'SHIPPED', // Gönderildi
-  Delivered = 'DELIVERED', // Teslim Edildi
-}
-
-export enum CrmActivityTypeEnum {
-  // Aktivite Türü
-  Call = 'CALL', // Telefon
-  Email = 'EMAIL', // E-posta
-  Meeting = 'MEETING', // Toplantı
-  Task = 'TASK', // Görev
-  Note = 'NOTE', // Not
-  Demo = 'DEMO', // Demo
-  Proposal = 'PROPOSAL', // Teklif
-}
-
-export enum ActivityStatusEnum {
-  // Aktivite Durumu
-  Planned = 'PLANNED', // Planlandı
-  InProgress = 'IN_PROGRESS', // Devam Ediyor
-  Completed = 'COMPLETED', // Tamamlandı
-  Cancelled = 'CANCELLED', // İptal Edildi
-}
-
-export enum LostReasonCategoryEnum {
-  // Kaybedilme Nedeni Kategorisi
-  Price = 'PRICE', // Fiyat
-  Product = 'PRODUCT', // Ürün
-  Service = 'SERVICE', // Hizmet
-  Competitor = 'COMPETITOR', // Rakip
-  Timing = 'TIMING', // Zamanlama
-  Budget = 'BUDGET', // Bütçe
-}
-
-export enum TargetTypeEnum {
-  // Hedef Türü
-  Revenue = 'REVENUE', // Gelir
-  Units = 'UNITS', // Birimler
-  Opportunities = 'OPPORTUNITIES', // Fırsatlar
-  Customers = 'CUSTOMERS', // Müşteriler
-}
-
-export enum TargetStatusEnum {
-  // Hedef Durumu
-  Active = 'ACTIVE', // Aktif
-  Achieved = 'ACHIEVED', // Gerçekleşti
-  Missed = 'MISSED', // Kaçırıldı
-  Cancelled = 'CANCELLED', // İptal Edildi
-}
diff --git a/ui/src/types/fi.ts b/ui/src/types/fi.ts
deleted file mode 100644
index e2aba4c6..00000000
--- a/ui/src/types/fi.ts
+++ /dev/null
@@ -1,357 +0,0 @@
-import { BankAccount, BusinessParty } from './common'
-import { MmMaterial } from './mm'
-
-export interface FiCurrentAccount {
-  // Cari Hesabı
-  id: string
-  accountCode: string
-  businessPartyId: string
-  businessParty?: BusinessParty
-  type: AccountTypeEnum
-  contactPerson?: string
-  phoneNumber?: string
-  email?: string
-  address?: string
-  taxNumber?: string
-  taxOffice?: string
-  creditLimit: number
-  balance: number
-  currency: string
-  isActive: boolean
-  riskGroup: RiskGroupEnum
-  paymentTerm: number
-  creationTime: Date
-  lastModificationTime: Date
-  lastTransactionDate?: Date
-}
-
-export interface FiCurrentAccountMovement {
-  // Cari Hesap Hareketi
-  id: string
-  accountId: string
-  account?: FiCurrentAccount
-  transactionDate: Date
-  description: string
-  referenceNumber?: string
-  documentType: FiDocumentTypeEnum
-  documentNumber?: string
-  debitAmount: number
-  creditAmount: number
-  balance: number
-  currency: string
-  invoiceId?: string
-  paymentId?: string
-  creationTime: Date
-}
-
-export interface FiInvoice {
-  // Fatura
-  id: string
-  invoiceNumber: string
-  invoiceType: InvoiceTypeEnum
-  currentAccountId: string
-  currentAccount?: FiCurrentAccount
-  invoiceDate: Date
-  dueDate: Date
-  deliveryDate?: Date
-  subtotal: number
-  taxAmount: number
-  discountAmount: number
-  totalAmount: number
-  paidAmount: number
-  remainingAmount: number
-  currency: string
-  status: InvoiceStatusEnum
-  paymentStatus: PaymentStatusEnum
-  items: FiInvoiceItem[]
-  waybillNumber?: string
-  waybillDate?: Date
-  notes?: string
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface FiInvoiceItem {
-  // Fatura Kalemi
-  id: string
-  invoiceId: string
-  materialId?: string
-  material?: MmMaterial
-  description: string
-  quantity: number
-  unit: string
-  unitPrice: number
-  lineTotal: number
-  discountRate: number
-  discountAmount: number
-  taxRate: number
-  taxAmount: number
-  netAmount: number
-}
-
-export interface FiWaybill {
-  // İrsaliye
-  id: string
-  waybillNumber: string
-  waybillType: WaybillTypeEnum
-  currentAccountId: string
-  currentAccount?: FiCurrentAccount
-  waybillDate: Date
-  deliveryDate?: Date
-  subtotal: number
-  taxAmount: number
-  discountAmount: number
-  totalAmount: number
-  currency: string
-  status: WaybillStatusEnum
-  isInvoiced: boolean
-  invoiceId?: string
-  items: FiWaybillItem[]
-  deliveryAddress?: string
-  receiverName?: string
-  receiverPhone?: string
-  carrierCompany?: string
-  trackingNumber?: string
-  notes?: string
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface FiWaybillItem {
-  // İrsaliye Kalemi
-  id: string
-  waybillId: string
-  materialId?: string
-  material?: MmMaterial
-  description: string
-  quantity: number
-  unit: string
-  unitPrice: number
-  lineTotal: number
-  discountRate: number
-  discountAmount: number
-  taxRate: number
-  taxAmount: number
-  netAmount: number
-}
-
-export interface FiCashAccount {
-  // Kasa Hesabı
-  id: string
-  accountCode: string
-  name: string
-  description?: string
-  currency: string
-  balance: number
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface FiCashMovement {
-  // Kasa Hareketi
-  id: string
-  cashAccountId: string
-  cashAccount?: FiCashAccount
-  transactionDate: Date
-  description: string
-  referenceNumber?: string
-  movementType: CashMovementTypeEnum
-  amount: number
-  currency: string
-  documentType?: FiDocumentTypeEnum
-  documentNumber?: string
-  currentAccountId?: string
-  currentAccount?: FiCurrentAccount
-  creationTime: Date
-}
-
-export interface FiBankMovement {
-  // Banka Hareketi
-  id: string
-  bankAccountId: string
-  bankAccount?: BankAccount
-  transactionDate: Date
-  valueDate: Date
-  description: string
-  referenceNumber?: string
-  transactionType: BankTransactionTypeEnum
-  amount: number
-  currency: string
-  recipientName?: string
-  recipientIban?: string
-  recipientBank?: string
-  documentType?: FiDocumentTypeEnum
-  documentNumber?: string
-  currentAccountId?: string
-  currentAccount?: FiCurrentAccount
-  status: TransactionStatusEnum
-  creationTime: Date
-}
-
-export interface FiCheck {
-  // Çek
-  id: string
-  checkNumber: string
-  bankName: string
-  branchName: string
-  accountNumber: string
-  drawerName: string
-  payeeName: string
-  currentAccountId?: string
-  currentAccount?: FiCurrentAccount
-  issueDate: Date
-  dueDate: Date
-  amount: number
-  currency: string
-  status: CheckStatusEnum
-  type: TypeEnum
-  bankingDate?: Date
-  collectionDate?: Date
-  endorsedTo?: string
-  notes?: string
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface PromissoryNote {
-  // Senet
-  id: string
-  noteNumber: string
-  drawerName: string
-  payeeName: string
-  currentAccountId?: string
-  currentAccount?: FiCurrentAccount
-  issueDate: Date
-  dueDate: Date
-  amount: number
-  currency: string
-  status: NoteStatusEnum
-  type: TypeEnum // Received or Issued
-  collectionDate?: Date
-  endorsedTo?: string
-  location?: string
-  notes?: string
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-// Enums
-export enum AccountTypeEnum {
-  Customer = 'CUSTOMER', // Müşteri
-  Supplier = 'SUPPLIER', // Tedarikçi
-  Both = 'BOTH', // Her İkisi de
-  Other = 'OTHER', // Diğer
-}
-
-export enum RiskGroupEnum {
-  Low = 'LOW', // Düşük
-  Medium = 'MEDIUM', // Orta
-  High = 'HIGH', // Yüksek
-  Blocked = 'BLOCKED', // Bloke
-}
-
-export enum FiDocumentTypeEnum {
-  Invoice = 'INVOICE', // Fatura
-  Waybill = 'WAYBILL', // İrsaliye
-  Receipt = 'RECEIPT', // Makbuz
-  Payment = 'PAYMENT', // Ödeme
-  BankTransfer = 'BANK_TRANSFER', // Banka Transferi
-  CashMovement = 'CASH_MOVEMENT', // Kasa Hareketi
-  Check = 'CHECK', // Çek
-  PromissoryNote = 'PROMISSORY_NOTE', // Senet
-  Other = 'OTHER', //Diğer
-}
-
-export enum InvoiceTypeEnum {
-  Sales = 'SALES', // Satış
-  Purchase = 'PURCHASE', // Satın Alma
-  Return = 'RETURN', // İade
-  Proforma = 'PROFORMA', // Proforma
-}
-
-export enum InvoiceStatusEnum {
-  Draft = 'DRAFT', // Taslak
-  Sent = 'SENT', // Gönderildi
-  Approved = 'APPROVED', // Onaylandı
-  Cancelled = 'CANCELLED', // İptal
-}
-
-export enum PaymentStatusEnum {
-  Unpaid = 'UNPAID', // Ödenmemiş
-  PartiallyPaid = 'PARTIALLY_PAID', // Kısmen Ödenmiş
-  Paid = 'PAID', // Ödenmiş
-  Overdue = 'OVERDUE', // Vadesi Geçmiş
-}
-
-export enum CashMovementTypeEnum {
-  Income = 'INCOME', // Gelir
-  Expense = 'EXPENSE', // Gider
-}
-
-export enum BankAccountTypeEnum {
-  Current = 'CURRENT', // Vadesiz
-  Deposit = 'DEPOSIT', // Vadeli
-  Credit = 'CREDIT', // Kredi
-  Foreign = 'FOREIGN', // Yabancı Para
-}
-
-export enum BankTransactionTypeEnum {
-  Deposit = 'DEPOSIT', // PARA YATIRMA
-  Withdrawal = 'WITHDRAWAL', // PARA ÇEKME
-  Transfer = 'TRANSFER', // HAVALE
-  EFT = 'EFT', // EFT
-  Fee = 'FEE', // MASRAF
-  Interest = 'INTEREST', // FAİZ
-}
-
-export enum TransactionStatusEnum {
-  Pending = 'PENDING', // BEKLEMEDE
-  Completed = 'COMPLETED', // TAMAMLANDI
-  Failed = 'FAILED', // BAŞARISIZ
-  Cancelled = 'CANCELLED', // İPTAL EDİLDİ
-}
-
-export enum CheckStatusEnum {
-  InHand = 'IN_HAND', // CÜZDANDA
-  Deposited = 'DEPOSITED', // HESABA YATIRILDI
-  Collected = 'COLLECTED', // TAHSİL EDİLDİ
-  Bounced = 'BOUNCED', // İADE OLDU
-  Endorsed = 'ENDORSED', // CIRO EDİLDİ
-  Cancelled = 'CANCELLED', // İPTAL EDİLDİ
-}
-
-export enum TypeEnum {
-  Received = 'RECEIVED', // ALINAN
-  Issued = 'ISSUED', // VERİLEN
-}
-
-export enum NoteStatusEnum {
-  InHand = 'IN_HAND', // CÜZDANDA
-  Collected = 'COLLECTED', // TAHSİL EDİLDİ
-  Overdue = 'OVERDUE', // VADESİ GEÇMİŞ
-  Endorsed = 'ENDORSED', // CIRO EDİLDİ
-  Cancelled = 'CANCELLED', // İPTAL EDİLDİ
-}
-
-export enum WaybillTypeEnum {
-  Outgoing = 'outgoing', // Çıkış İrsaliyesi
-  Incoming = 'incoming', // Giriş İrsaliyesi
-  Transfer = 'transfer', // Transfer İrsaliyesi
-  Return = 'return', // İade İrsaliyesi
-}
-
-export enum WaybillStatusEnum {
-  Draft = 'draft', // Taslak
-  Confirmed = 'confirmed', // Onaylandı
-  Delivered = 'delivered', // Teslim Edildi
-  Cancelled = 'cancelled', // İptal
-}
-
-export enum PaymentMethodEnum {
-  Cash = 'cash', // Nakit
-  BankTransfer = 'bank_transfer', // Banka Transferi
-  CreditCard = 'credit_card', // Kredi Kartı
-  Check = 'check', // Çek
-  PromissoryNote = 'promissory_note', // Senet
-}
diff --git a/ui/src/types/hr.ts b/ui/src/types/hr.ts
index e1102e6b..0e778f09 100644
--- a/ui/src/types/hr.ts
+++ b/ui/src/types/hr.ts
@@ -1,5 +1,13 @@
-import { DepartmentDto, EmployeeDto, JobPositionDto } from '@/proxy/intranet/models'
-import { Address, BankAccount } from './common'
+import { DepartmentDto, EmployeeDto } from '@/proxy/intranet/models'
+
+export interface Address {
+  // Adres
+  country: string
+  state: string
+  city: string
+  street: string
+  postalCode: string
+}
 
 export interface HrCostCenter {
   // İnsan Kaynakları Masraf Merkezi
diff --git a/ui/src/types/intranet.ts b/ui/src/types/intranet.ts
index 2d4de90f..c042cd51 100644
--- a/ui/src/types/intranet.ts
+++ b/ui/src/types/intranet.ts
@@ -1,21 +1,36 @@
-import {
-  EmployeeDto,
-  SurveyQuestionDto,
-} from '@/proxy/intranet/models'
-
-// Görev
-export interface Task {
-  id: string
-  title: string
-  description: string
-  project: string
-  assignedTo: EmployeeDto[]
-  assignedBy: EmployeeDto
-  priority: 'low' | 'medium' | 'high' | 'urgent'
-  status: 'todo' | 'in-progress' | 'review' | 'done'
-  dueDate: Date
-  creationTime: Date
-  labels: string[]
-  attachments?: { name: string; url: string }[]
-  comments: number
+export enum LeaveStatusEnum {
+  // İzin Durumu
+  Pending = 'Pending', // Beklemede
+  Approved = 'Approved', // Onaylandı
+  Rejected = 'Rejected', // Reddedildi
+  Cancelled = 'Cancelled', // İptal edildi
 }
+
+export enum LeaveTypeEnum {
+  // İzin Türü
+  Annual = 'Annual', // Yıllık
+  Sick = 'Sick', // Hastalık
+  Maternity = 'Maternity', // Doğum
+  Paternity = 'Paternity', // Babalık
+  Personal = 'Personal', // Kişisel
+  Emergency = 'Emergency', // Acil
+  Study = 'Study', // Eğitim
+  Unpaid = 'Unpaid', // Ücretsiz
+}
+
+export enum PriorityEnum {
+  // Öncelik
+  Low = 'LOW', // Düşük
+  Normal = 'NORMAL', // Normal
+  High = 'HIGH', // Yüksek
+  Urgent = 'URGENT', // Acil
+}
+
+export enum TaskStatusEnum {
+  // Görev Durumu
+  NotStarted = 'NOT_STARTED', // Başlanmadı
+  InProgress = 'IN_PROGRESS', // Devam Ediyor
+  Completed = 'COMPLETED', // Tamamlandı
+  OnHold = 'ON_HOLD', // Beklemede
+  Cancelled = 'CANCELLED', // İptal Edildi
+}
\ No newline at end of file
diff --git a/ui/src/types/menu.ts b/ui/src/types/menu.ts
index 22ac6a4b..371dbe4d 100644
--- a/ui/src/types/menu.ts
+++ b/ui/src/types/menu.ts
@@ -38,7 +38,7 @@ export function toPrefix(menu: MenuPrefixEnum): string {
     case MenuPrefixEnum.Maintenance:
       return "Mnt";
     case MenuPrefixEnum.Warehouse:
-      return "Wh";
+      return "Str";
     case MenuPrefixEnum.Project:
       return "Prj";
     case MenuPrefixEnum.Hr:
diff --git a/ui/src/types/mm.ts b/ui/src/types/mm.ts
deleted file mode 100644
index 48afb8a0..00000000
--- a/ui/src/types/mm.ts
+++ /dev/null
@@ -1,713 +0,0 @@
-import { DepartmentDto } from '@/proxy/intranet/models'
-import { Address, BusinessParty, PaymentTerms, PriorityEnum } from './common'
-import { WmWarehouse, WmZone, WmLocation } from './wm'
-
-export interface MmMaterial {
-  // Malzeme
-  id: string
-  code: string
-  name: string
-  barcode?: string
-  description?: string
-  materialTypeId: string
-  materialType?: MmMaterialType
-  materialGroupId: string
-  materialGroup?: MmMaterialGroup
-  baseUnitId: string
-  baseUnit?: MmUnit
-  costPrice: number
-  salesPrice: number
-  currency: string
-  isActive: boolean
-  totalStock: number
-  alternativeUnits?: MmMaterialUnit[]
-  trackingType: 'Quantity' | 'Lot' | 'Serial'
-  variants?: MmMaterialVariant[]
-  specifications?: MmMaterialSpecification[]
-  suppliers?: MmMaterialSupplier[]
-  stockLevels?: MmStockLevel[]
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MmMaterialType {
-  // Malzeme Türü
-  id: string
-  code: MaterialTypeEnum
-  name: string
-  description?: string
-  isActive: boolean
-  className: string
-}
-
-export interface MmMaterialGroup {
-  // Malzeme Grubu
-  id: string
-  code: string
-  name: string
-  parentGroupId?: string
-  parentGroup?: MmMaterialGroup
-  description?: string
-  isActive: boolean
-  children?: MmMaterialGroup[] // Ağaç görünümü için eklendi
-}
-
-export interface MmMaterialUnit {
-  // Alternatif Birim
-  id: string
-  materialId: string
-  unitId: string
-  unit?: MmUnit
-  conversionFactor: number
-  isDefault: boolean
-}
-
-export interface MmMaterialVariant {
-  // Varyant
-  id: string
-  materialId: string
-  variantCode: string
-  variantName: string
-  specifications: Record<string, string | number>
-  additionalCost: number
-  isActive: boolean
-}
-
-export interface MmMaterialSpecification {
-  // Özellik
-  id: string
-  materialId: string
-  specificationName: string
-  specificationValue: string
-  unitId: string
-  unit?: MmUnit
-  isRequired: boolean
-}
-
-export interface MmMaterialSupplier {
-  // Tedarikçi
-  id: string
-  materialId: string
-  supplierId: string
-  supplier?: BusinessParty
-  supplierMaterialCode?: string
-  leadTime: number
-  minimumOrderQuantity: number
-  price: number
-  currency: string
-  isPreferred: boolean
-}
-
-export interface MmUnit {
-  // Birim
-  id: string
-  code: string
-  name: string
-  description?: string
-  isActive: boolean
-}
-
-export interface MmLotNumber {
-  // Parti Numarası
-  id: string
-  materialId: string
-  material?: MmMaterial
-  lotNumber: string
-  productionDate: Date
-  expiryDate?: Date
-  quantity: number
-  unitId: string
-  supplierId?: string
-  qualityStatus: QualityStatusEnum
-  isActive: boolean
-}
-
-export interface MmSerialNumber {
-  // Seri Numarası
-  id: string
-  materialId: string
-  material?: MmMaterial
-  serialNumber: string
-  lotId?: string
-  productionDate: Date
-  warrantyExpiryDate?: Date
-  currentLocationId?: string
-  status: SerialStatusEnum
-  isActive: boolean
-}
-
-export interface MmStockLevel {
-  // Stok Seviyesi
-  id: string
-  materialId: string
-  warehouseId: string
-  warehouse?: WmWarehouse
-  zoneId?: string
-  zone?: WmZone
-  locationId?: string
-  location?: WmLocation
-  availableQuantity: number
-  reservedQuantity: number
-  inTransitQuantity: number
-  minimumStock: number
-  maximumStock: number
-  reorderPoint: number
-  lastUpdated: Date
-}
-
-export interface MmStockMovement {
-  // Stok Hareketi
-  id: string
-  movementNumber: string
-  materialId: string
-  material: MmMaterial
-  movementType: MovementTypeEnum
-  fromWarehouseId?: string
-  fromWarehouse?: WmWarehouse
-  fromZoneId?: string
-  fromZone?: WmZone
-  fromLocationId?: string
-  fromLocation?: WmLocation
-  toWarehouseId?: string
-  toWarehouse?: WmWarehouse
-  toZoneId?: string
-  toZone?: WmZone
-  toLocationId?: string
-  toLocation?: WmLocation
-  quantity: number
-  unit?: MmUnit
-  unitId?: string
-  lotNumber?: string
-  referenceDocument?: string
-  referenceDocumentType?: string
-  referenceType?: string
-  movementDate: Date
-  description?: string
-  reason?: string
-  performedBy?: string
-  approvedBy?: string
-  status?: MovementStatusEnum
-  creationTime: Date
-}
-
-export interface MmPurchaseRequisition {
-  // Satınalma Talebi
-  id: string
-  requisitionNumber: string
-  requestedBy: string
-  departmentId: string
-  requestDate: Date
-  requiredDate: Date
-  priority: PriorityEnum
-  status: RequisitionStatusEnum
-  description?: string
-  justification?: string
-  totalAmount: number
-  currency: string
-  items: MmPurchaseRequisitionItem[]
-  approvals: MmApprovalHistory[]
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MmPurchaseRequisitionItem {
-  // Satınalma Talebi Kalemi
-  id: string
-  requisitionId: string
-  materialId?: string
-  material?: MmMaterial
-  description: string
-  quantity: number
-  unitId: string
-  estimatedPrice: number
-  totalAmount: number
-  requiredDate: Date
-  specifications?: string
-  preferredSupplierId?: string
-  budgetCode?: string
-}
-
-export interface MmPurchaseOrder {
-  // Satınalma Siparişi
-  id: string
-  orderNumber: string
-  supplierId: string
-  supplier?: BusinessParty
-  orderDate: Date
-  deliveryDate: Date
-  status: OrderStatusEnum
-  paymentTerms: PaymentTerms
-  currency: string
-  exchangeRate: number
-  subtotal: number
-  taxAmount: number
-  totalAmount: number
-  deliveryAddress: Address
-  terms?: string
-  notes?: string
-  items: MmPurchaseOrderItem[]
-  receipts: MmGoodsReceipt[]
-  creationTime: Date
-  lastModificationTime: Date
-  requestId: string
-  requestTitle: string
-  requestType: RequestTypeEnum
-  quotationId: string
-  expectedDeliveryDate: Date
-  actualDeliveryDate?: Date
-  deliveryTerms: string
-  attachments: string[]
-  approvedBy?: string
-  approvedAt?: Date
-}
-
-export interface MmPurchaseOrderItem {
-  // Sipariş Kalemi
-  id: string
-  orderId: string
-  materialId: string
-  material?: MmMaterial
-  description: string
-  quantity: number
-  unit: string
-  unitPrice: number
-  totalPrice: number
-  deliveryDate: Date
-  receivedQuantity: number
-  deliveredQuantity: number
-  remainingQuantity: number
-  specifications?: string
-  qualityRequirements?: string
-}
-
-export interface MmGoodsReceipt {
-  // Mal Kabul
-  id: string
-  receiptNumber: string
-  orderId: string
-  order?: MmPurchaseOrder
-  receiptDate: Date
-  receivedBy: string
-  warehouseId: string
-  status: ReceiptStatusEnum
-  notes?: string
-  items: MmGoodsReceiptItem[]
-  qualityInspection?: MmQualityInspection
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MmGoodsReceiptItem {
-  // Mal Kabul Kalemi
-  id: string
-  receiptId: string
-  orderItemId: string
-  materialId: string
-  receivedQuantity: number
-  acceptedQuantity: number
-  rejectedQuantity: number
-  lotNumber?: string
-  expiryDate?: Date
-  qualityStatus: QualityStatusEnum
-  storageLocation?: string
-}
-
-export interface MmQualityInspection {
-  // Kalite Muayenesi
-  id: string
-  inspectionNumber: string
-  receiptId: string
-  inspectionDate: Date
-  inspectedBy: string
-  status: InspectionStatusEnum
-  overallResult: QualityResultEnumEnum
-  notes?: string
-  checkpoints: MmQualityInspectionCheckpoint[]
-}
-
-export interface MmQualityInspectionCheckpoint {
-  // Muayene Noktası
-  id: string
-  inspectionId: string
-  checkpointName: string
-  expectedValue: string
-  actualValue: string
-  result: QualityResultEnumEnum
-  notes?: string
-}
-
-export interface MmApprovalHistory {
-  id: string
-  documentId: string
-  documentType: string
-  approverUserId: string
-  approverName: string
-  approvalLevel: number
-  status: ApprovalStatusEnum
-  comments?: string
-  approvedAt?: Date
-  creationTime: Date
-}
-
-export interface MmPurchaseRequest {
-  // Satınalma Talebi
-  id: string
-  requestNumber: string
-  requestType: RequestTypeEnum
-  description: string
-  department: string
-  requestedBy: string
-  requestDate: Date
-  requiredDate: Date
-  priority: PriorityEnum
-  status: RequestStatusEnum
-  totalAmount?: number
-  currency: string
-  items: MmPurchaseRequestItem[]
-  approvals: MmRequestApproval[]
-  attachments: MmAttachment[]
-  comments: MmRequestComment[]
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MmPurchaseRequestItem {
-  // Kalem
-  id: string
-  requestId: string
-  materialId?: string
-  serviceDescription?: string
-  quantity: number
-  unit: string
-  estimatedPrice?: number
-  specification?: string
-  justification?: string
-  isUrgent: boolean
-}
-
-export interface MmRequestApproval {
-  // Onay
-  id: string
-  requestId: string
-  approvalLevel: ApprovalLevelEnum
-  approverUserId: string
-  approverName: string
-  approvalDate?: Date
-  status: ApprovalStatusEnum
-  comments?: string
-  sequence: number
-  isRequired: boolean
-}
-
-export interface MmQuotation {
-  // Teklif
-  id: string
-  quotationNumber: string
-  requestId: string
-  requestTitle: string
-  requestType: RequestTypeEnum
-  supplierId: string
-  supplier?: BusinessParty
-  quotationDate: Date
-  validUntil: Date
-  status: QuotationStatusEnum
-  totalAmount: number
-  currency: string
-  paymentTerms: string
-  deliveryTerms: string
-  deliveryTime?: number
-  items: MmQuotationItem[]
-  evaluationScore?: number
-  evaluationComments?: string
-  evaluationNotes?: string
-  notes?: string
-  attachments: MmAttachment[]
-  submittedBy: string
-  submittedAt: Date
-  evaluatedBy?: string
-  evaluatedAt?: Date
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MmAttachment {
-  // Ek
-  id: string
-  fileName: string
-  fileSize: number
-  fileType: string
-  uploadedBy: string
-  uploadedAt: Date
-  url?: string
-}
-
-export interface MmQuotationItem {
-  // Teklif Kalemi
-  id: string
-  materialCode: string
-  materialName: string
-  description: string
-  quantity: number
-  unit: string
-  unitPrice: number
-  totalPrice: number
-  leadTime?: number
-  specifications: string[]
-}
-
-export interface MmApprovalWorkflow {
-  // Onay İş Akışı
-  id: string
-  name: string
-  departmentId: string
-  department?: DepartmentDto
-  requestType: RequestTypeEnum
-  amountThreshold: number
-  approvalLevels: MmApprovalWorkflowLevel[]
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MmApprovalWorkflowLevel {
-  // Onay Seviyesi
-  id: string
-  workflowId: string
-  level: ApprovalLevelEnum
-  approverUserIds: string[]
-  approverNames: string[]
-  sequence: number
-  isRequired: boolean
-  isParallel: boolean
-  timeoutDays?: number
-}
-
-export interface MmSupplierPerformance {
-  // Tedarikçi Performansı
-  deliveryPerformance: number
-  qualityRating: number
-  priceCompetitiveness: number
-  responsiveness: number
-  complianceRating: number
-  overallScore: number
-  lastEvaluationDate: Date
-}
-
-export interface MmRequestComment {
-  // Yorum
-  id: string
-  requestId: string
-  userId: string
-  userName: string
-  comment: string
-  commentDate: Date
-  isInternal: boolean
-}
-
-export interface MmDelivery {
-  // Teslimat
-  id: string
-  deliveryNumber: string
-  orderId: string
-  orderNumber: string
-  requestType: RequestTypeEnum
-  supplierId: string
-  supplierName: string
-  courierCompany?: string
-  trackingNumber?: string
-  deliveryDate: Date
-  expectedDeliveryDate: Date
-  actualDeliveryDate?: Date
-  status: DeliveryStatusEnum
-  deliveryAddress: string
-  receivedBy?: string
-  items: MmDeliveryItem[]
-  notes?: string
-  attachments: string[]
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MmDeliveryItem {
-  // Teslimat Kalemi
-  id: string
-  materialId: string
-  material?: MmMaterial
-  orderedQuantity: number
-  deliveredQuantity: number
-  unit: string
-  condition: 'Good' | 'Damaged' | 'Missing'
-  notes?: string
-}
-
-export enum OrderStatusEnum {
-  // Sipariş Durumu
-  Draft = 'Draft', // Yeni
-  Pending = 'Pending', // Onay Bekliyor
-  Approved = 'Approved', // Onaylandı
-  Sent = 'Sent', // Gönderildi
-  Confirmed = 'Confirmed', // Onaylandı
-  PartiallyDelivered = 'PartiallyDelivered', // Kısmen Teslim Edildi
-  PartiallyReceived = 'PartiallyReceived', // Kısmen Alındı
-  Received = 'Received', // Alındı
-  Delivered = 'Delivered', // Teslim Edildi
-  Invoiced = 'Invoiced', // Faturalandırıldı
-  Completed = 'Completed', // Tamamlandı
-  Closed = 'Closed', // Kapalı
-  Cancelled = 'Cancelled', // İptal Edildi
-}
-
-export enum SupplierTypeEnum {
-  // Tedarikçi Türü
-  Manufacturer = 'MANUFACTURER', // Üretici
-  Distributor = 'DISTRIBUTOR', // Distribütör
-  Wholesaler = 'WHOLESALER', // Toptancı
-  ServiceProvider = 'SERVICE_PROVIDER', // Hizmet Sağlayıcı
-  Other = 'OTHER', // Diğer
-}
-
-export enum RequisitionStatusEnum {
-  // Satınalma Talebi Durumu
-  Draft = 'DRAFT', // Taslak
-  Submitted = 'SUBMITTED', // Gönderildi
-  InApproval = 'IN_APPROVAL', // Onayda
-  Approved = 'APPROVED', // Onaylandı
-  Rejected = 'REJECTED', // Reddedildi
-  Cancelled = 'CANCELLED', // İptal Edildi
-  Converted = 'CONVERTED',
-}
-
-export enum ReceiptStatusEnum {
-  // Mal Kabul Durumu
-  Pending = 'PENDING', // Beklemede
-  InProgress = 'IN_PROGRESS', // İşlemde
-  Completed = 'COMPLETED', // Tamamlandı
-  OnHold = 'ON_HOLD', // Beklemede
-}
-
-export enum InspectionStatusEnum {
-  // Muayene Durumu
-  Scheduled = 'SCHEDULED', // Planlandı
-  InProgress = 'IN_PROGRESS', // İşlemde
-  Completed = 'COMPLETED', // Tamamlandı
-  OnHold = 'ON_HOLD', // Beklemede
-}
-
-export enum QualityResultEnumEnum {
-  // Kalite Sonucu
-  Pass = 'PASS', // Geçti
-  Fail = 'FAIL', // Kaldı
-  Conditional = 'CONDITIONAL', // Koşullu
-}
-
-export enum ApprovalStatusEnum {
-  // Onay Durumu
-  Pending = 'PENDING', // Beklemede
-  Approved = 'APPROVED', // Onaylandı
-  Rejected = 'REJECTED', // Reddedildi
-}
-
-export enum RequestTypeEnum {
-  // Talep Türü
-  Material = 'MATERIAL', // Malzeme
-  Service = 'SERVICE', // Hizmet
-  WorkCenter = 'WORKCENTER', // İş Merkezi
-  Maintenance = 'MAINTENANCE', // Bakım
-}
-
-export enum RequestStatusEnum {
-  // Talep Durumu
-  Draft = 'DRAFT', // Taslak
-  Submitted = 'SUBMITTED', // Gönderildi
-  InReview = 'IN_REVIEW', // İnceleme Aşamasında
-  Approved = 'APPROVED', // Onaylandı
-  Rejected = 'REJECTED', // Reddedildi
-  InQuotation = 'IN_QUOTATION', // Teklif Aşamasında
-  Ordered = 'ORDERED', // Sipariş Verildi
-  Completed = 'COMPLETED', // Tamamlandı
-  Cancelled = 'CANCELLED', // İptal Edildi
-}
-
-export enum QuotationStatusEnum {
-  // Teklif Durumu
-  Draft = 'Draft', // Taslak
-  Pending = 'Pending', // Beklemede
-  UnderReview = 'UnderReview', // İnceleme Aşamasında
-  Submitted = 'Submitted', // Gönderildi
-  Approved = 'Approved', // Onaylandı
-  Rejected = 'Rejected', // Reddedildi
-  Expired = 'Expired', // Süresi Dolmuş
-}
-
-export enum ApprovalLevelEnum {
-  // Onay Seviyesi
-  Supervisor = 'SUPERVISOR', // Ambar Sorumlusu
-  Manager = 'MANAGER', // Müdür
-  Director = 'DIRECTOR', // Direktör
-  GeneralManager = 'GENERAL_MANAGER', // Genel Müdür
-  FinanceManager = 'FINANCE_MANAGER', // Finans Müdürü
-  TechnicalManager = 'TECHNICAL_MANAGER', // Teknik Müdür
-}
-
-export enum SupplierCardTypeEnum {
-  // Tedarikçi Kart Türü
-  Standard = 'STANDARD', // Standart
-  Premium = 'PREMIUM', // Premium
-  Strategic = 'STRATEGIC', // Stratejik
-  Preferred = 'PREFERRED', // Tercih Edilen
-}
-
-export enum DeliveryStatusEnum {
-  // Teslimat Durumu
-  Preparing = 'Preparing', // Hazırlanıyor
-  Shipped = 'Shipped', // Gönderildi
-  InTransit = 'InTransit', // Taşınıyor
-  OutForDelivery = 'OutForDelivery', // Teslimat İçin Yolda
-  Delivered = 'Delivered', // Teslim Edildi
-  PartiallyDelivered = 'PartiallyDelivered', // Kısmen Teslim Edildi
-  Delayed = 'Delayed', // Gecikmiş
-  Returned = 'Returned', // İade Edildi
-  Cancelled = 'Cancelled', // İptal Edildi
-}
-
-export enum MovementStatusEnum {
-  // Hareket Durumu
-  Planned = 'PLANNED', // Planlandı
-  InProgress = 'IN_PROGRESS', // İşlemde
-  Completed = 'COMPLETED', // Tamamlandı
-  Cancelled = 'CANCELLED', // İptal Edildi
-}
-
-export enum MovementTypeEnum {
-  // Hareket Türü
-  GoodsReceipt = 'GR', // Malzeme Girişi
-  GoodsIssue = 'GI', // Malzeme Çıkışı
-  Transfer = 'TR', // Transfer
-}
-
-export enum MaterialTypeEnum {
-  // Malzeme Türü
-  RawMaterial = 'RAW', // Hammadde
-  SemiFinished = 'SEMI', // Yarı Mamul
-  Finished = 'FINISHED', // Mamul
-  Consumable = 'CONSUMABLE', // Tüketim Malzemesi
-  Service = 'SERVICE', // Hizmet
-  Spare = 'SPARE', // Yedek Parça
-}
-
-export enum QualityStatusEnum {
-  // Kalite Durumu
-  Pending = 'PENDING', // Beklemede
-  Approved = 'APPROVED', // Onaylandı
-  Rejected = 'REJECTED', // Reddedildi
-  Conditional = 'CONDITIONAL', // Koşullu
-  Quarantine = 'QUARANTINE', // Karantinada
-}
-
-export enum SerialStatusEnum {
-  // Seri Numarası Durumu
-  Available = 'AVAILABLE', // Kullanılabilir
-  InUse = 'IN_USE', // Kullanımda
-  Maintenance = 'MAINTENANCE', // Bakımda
-  Disposed = 'DISPOSED', // İmha Edildi
-}
diff --git a/ui/src/types/mrp.ts b/ui/src/types/mrp.ts
deleted file mode 100644
index f46bd80d..00000000
--- a/ui/src/types/mrp.ts
+++ /dev/null
@@ -1,465 +0,0 @@
-import { PmWorkCenter, WorkOrderStatusEnum } from './pm'
-import { MmMaterial, MmMaterialSupplier, QualityResultEnumEnum, QualityStatusEnum } from './mm'
-import { PriorityEnum } from './common'
-import { CrmSalesOrder } from './crm'
-
-export interface MrpProductionOrder {
-  // Üretim Emri
-  id: string
-  orderNumber: string
-  orderType: ProductionOrderTypeEnum
-  customerRequirement?: string
-  plannedStartDate: Date
-  plannedEndDate: Date
-  actualStartDate?: Date
-  actualEndDate?: Date
-  status: ProductionOrderStatusEnum
-  priority: PriorityEnum
-  plannedQuantity: number //Planlanan Miktar
-  confirmedQuantity: number //Üretilen Miktar
-  requiredQuantity: number //Gereken Miktar
-  scrapQuantity: number //Fire
-  unitId: string
-  plannedCost: number
-  actualCost: number
-  currency: string
-  materials: MrpProductionOrderMaterial[]
-  workOrders: MrpWorkOrder[]
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MrpProductionOrderMaterial {
-  // Üretim Emri Malzemesi
-  id: string
-  productionOrderId: string
-  salesOrderId?: string
-  salesOrder?: CrmSalesOrder
-  materialId: string
-  material?: MmMaterial
-  customerRequirement?: string
-  plannedQuantity: number //Planlanan Miktar
-  confirmedQuantity: number //Üretilen Miktar
-  requiredQuantity: number //Gereken Miktar
-  scrapQuantity: number //Fire
-  unitId: string
-}
-
-export interface MrpWorkOrder {
-  // İş Emri
-  id: string
-  workOrderNumber: string
-  productionOrderId: string
-  productionOrder?: MrpProductionOrder
-  operationId: string
-  operation?: MrpOperation
-  materialId: string
-  material?: MmMaterial
-  sequence: number
-  plannedStartDate: Date
-  plannedEndDate: Date
-  actualStartDate?: Date
-  actualEndDate?: Date
-  plannedQuantity: number
-  confirmedQuantity: number
-  scrapQuantity: number
-  workCenterId: string
-  workCenter?: PmWorkCenter
-  assignedOperators: string[]
-  setupTime: number // minutes
-  processTime: number // minutes
-  actualSetupTime?: number
-  actualProcessTime?: number
-  status: WorkOrderStatusEnum
-  confirmations: MrpWorkOrderConfirmation[]
-  qualityChecks: MrpWorkOrderQualityCheck[]
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MrpWorkOrderConfirmation {
-  // İş Emri Onayı
-  id: string
-  workOrderId: string
-  confirmationDate: Date
-  confirmedQuantity: number
-  scrapQuantity: number
-  actualSetupTime: number
-  actualProcessTime: number
-  confirmedBy: string
-  notes?: string
-  creationTime: Date
-}
-
-export interface MrpWorkOrderQualityCheck {
-  // Kalite Kontrol
-  id: string
-  checkNumber: string
-  workOrderId?: string
-  productionOrderId?: string
-  materialId: string
-  checkType: QualityCheckTypeEnum
-  checkDate: Date
-  checkedBy: string
-  status: QualityStatusEnum
-  overallResult: QualityResultEnumEnum
-  checkpoints: MrpWorkOrderQualityCheckpoint[]
-  nonConformanceActions: MrpNonConformanceAction[]
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MrpWorkOrderQualityCheckpoint {
-  // Kalite Kontrol Noktası
-  id: string
-  qualityCheckId: string
-  checkpointName: string
-  specification: string
-  measuredValue: string
-  result: QualityResultEnumEnum
-  notes?: string
-}
-
-export interface MrpNonConformanceAction {
-  // Uygunsuzluk Eylemi
-  id: string
-  qualityCheckId: string
-  actionType: NonConformanceActionTypeEnum
-  description: string
-  assignedTo: string
-  dueDate: Date
-  status: ActionStatusEnum
-  completedDate?: Date
-}
-
-export interface MrpMaterialRequirement {
-  // Malzeme Gereksinimi
-  id: string
-  mrpRunId: string
-  materialId: string
-  material?: MmMaterial
-  grossRequirement: number
-  scheduledReceipts: number
-  projectedAvailable: number
-  netRequirement: number
-  plannedOrderReceipt: number
-  plannedOrderRelease: number
-  requirementDate: Date
-  plannedReceiptDate: Date
-  plannedReleaseDate: Date
-  sourceType: RequirementSourceTypeEnum
-  sourceDocumentId?: string
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MrpRecommendation {
-  // Tavsiye
-  id: string
-  mrpRunId: string
-  materialId: string
-  material?: MmMaterial
-  recommendationType: RecommendationTypeEnum
-  recommendedAction: string
-  quantity: number
-  dueDate: Date
-  priority: PriorityEnum
-  reason: string
-  status: RecommendationStatusEnum
-  implementedDate?: Date
-  implementedBy?: string
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MrpDemandForecast {
-  // Talep Tahmini
-  id: string
-  materialId: string
-  material?: MmMaterial
-  forecastPeriod: string
-  startDate: Date
-  endDate: Date
-  forecastMethod: ForecastMethodEnum
-  forecastQuantity: number
-  actualQuantity?: number
-  accuracy?: number
-  seasonalityFactor?: number
-  trendFactor?: number
-  creationTime: Date
-  lastModificationTime: Date
-  notes: string
-}
-
-export interface MrpPurchaseSuggestion extends MrpRecommendation {
-  // Satınalma Tavsiyesi
-  supplierId: string
-  supplier?: MmMaterialSupplier
-  estimatedCost: number
-  leadTime: number
-  minimumOrderQuantity: number
-  suggestedQuantity: number
-  economicOrderQuantity: number
-}
-
-export interface MrpProductionSuggestion extends MrpRecommendation {
-  // Üretim Tavsiyesi
-  estimatedDuration: number // in hours
-  resourceRequirements: {
-    workCenter: string
-    capacity: number
-    efficiency: number
-  }[]
-  bom?: {
-    id: string
-    version: string
-    materialCount: number
-    totalCost: number
-  }
-  productionCost: number
-  setupTime: number
-  cycleTime: number
-  suggestedStartDate: string
-  suggestedCompletionDate: string
-}
-
-export interface MrpOperationTypeDefinition {
-  // Operasyon Türü Tanımı
-  id: string
-  code: string
-  name: string
-  description?: string
-  category: OperationCategoryEnum
-  defaultDuration: number
-  requiresSetup: boolean
-  allowsParallelOperation: boolean
-  qualityCheckRequired: boolean
-  skillLevelRequired: number
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MrpOperation {
-  // Operasyon
-  id: string
-  code: string
-  name: string
-  description?: string
-  operationTypeId?: string
-  operationType?: MrpOperationTypeDefinition
-  workCenterId: string
-  workCenter?: PmWorkCenter
-  standardTime: number // minutes
-  setupTime: number // minutes
-  laborCost: number
-  machineCost: number
-  overheadCost: number
-  isActive: boolean
-  instructions?: string
-  qualityCheckRequired: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MrpBOM {
-  // Malzeme Listesi (BOM)
-  id: string
-  bomCode: string
-  materialId: string
-  material?: MmMaterial
-  version: string
-  validFrom: Date
-  validTo?: Date
-  isActive: boolean
-  bomType: BOMTypeEnum
-  baseQuantity: number
-  components: MrpBOMComponent[]
-  operations: MrpBOMOperation[]
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface MrpBOMComponent {
-  // BOM Bileşeni
-  id: string
-  bomId: string
-  materialId: string
-  material?: MmMaterial
-  quantity: number
-  unitId: string
-  scrapPercentage: number
-  isPhantom: boolean
-  position: number
-  validFrom: Date
-  validTo?: Date
-  isActive: boolean
-}
-
-export interface MrpBOMOperation {
-  // BOM Operasyonu
-  id: string
-  bomId: string
-  operationId: string
-  operation?: MrpOperation
-  sequence: number
-  setupTime: number
-  runTime: number
-  waitTime: number
-  queueTime: number
-  moveTime: number
-  isActive: boolean
-  workCenterId: string
-  workCenter?: PmWorkCenter
-  isParallel: boolean
-  prerequisites: string[]
-  qualityChecks: MrpBOMQualityCheck[]
-  tools: MrpToolRequirement[]
-  skills: MrpSkillRequirement[]
-}
-
-export interface MrpBOMQualityCheck {
-  // Kalite Kontrol Noktası
-  id: string
-  name: string
-  description?: string
-  checkType: QualityCheckTypeEnum
-  parameter: string
-  minValue?: number
-  maxValue?: number
-  targetValue?: number
-  tolerance?: number
-  isRequired: boolean
-}
-
-export interface MrpToolRequirement {
-  // Araç Gereksinimi
-  id: string
-  toolId: string
-  toolName: string
-  quantity: number
-  isRequired: boolean
-}
-
-export interface MrpSkillRequirement {
-  // Beceri Gereksinimi
-  id: string
-  skillName: string
-  level: number
-  isRequired: boolean
-}
-
-export enum ProductionOrderTypeEnum {
-  // Üretim Emri Türü
-  Standard = 'STANDARD', // Standart üretim emri
-  Rework = 'REWORK', // Yeniden işleme emri
-  Maintenance = 'MAINTENANCE', // Bakım emri
-  Sample = 'SAMPLE', // Numune üretim emri
-}
-
-export enum ProductionOrderStatusEnum {
-  // Üretim Emri Durumu
-  Created = 'CREATED', // Oluşturuldu
-  Released = 'RELEASED', // Serbest bırakıldı
-  InProgress = 'IN_PROGRESS', // İşlemde
-  Completed = 'COMPLETED', // Tamamlandı
-  Cancelled = 'CANCELLED', // İptal edildi
-  OnHold = 'ON_HOLD', // Beklemede
-}
-
-export enum QualityCheckTypeEnum {
-  // Kalite Kontrol Türü
-  Incoming = 'INCOMING', // Giriş
-  InProcess = 'IN_PROCESS', // Süreç içi
-  Final = 'FINAL', // Nihai
-  Random = 'RANDOM', // Rastgele
-  Dimensional = 'DIMENSIONAL', // Boyutsal
-  Visual = 'VISUAL', // Görsel
-  Functional = 'FUNCTIONAL', // Fonksiyonel
-  Material = 'MATERIAL', // Malzeme
-  Electrical = 'ELECTRICAL', // Elektriksel
-}
-
-export enum NonConformanceActionTypeEnum {
-  // Uygunsuzluk Eylem Türü
-  Rework = 'REWORK', // Yeniden işleme
-  Scrap = 'SCRAP', // Hurda
-  UseAsIs = 'USE_AS_IS', // Olduğu gibi kullan
-  Return = 'RETURN', // İade et
-}
-
-export enum ActionStatusEnum {
-  // Eylem Durumu
-  Open = 'OPEN', // Açık
-  InProgress = 'IN_PROGRESS', // İşlemde
-  Completed = 'COMPLETED', // Tamamlandı
-  Cancelled = 'CANCELLED', // İptal edildi
-}
-
-export enum RequirementSourceTypeEnum {
-  // Gereksinim Kaynak Türü
-  SalesOrder = 'SALES_ORDER', // Satış Siparişi
-  Forecast = 'FORECAST', // Tahmin
-  SafetyStock = 'SAFETY_STOCK', // Güvenlik Stoku
-  ProductionOrder = 'PRODUCTION_ORDER', // Üretim Emri
-}
-
-export enum RecommendationTypeEnum {
-  // Tavsiye Türü
-  PlannedOrder = 'PLANNED_ORDER', // Planlanan Sipariş
-  PurchaseRequisition = 'PURCHASE_REQUISITION', // Satınalma Talebi
-  Reschedule = 'RESCHEDULE', // Yeniden Planla
-  Cancel = 'CANCEL', // İptal Et
-}
-
-export enum RecommendationStatusEnum {
-  // Tavsiye Durumu
-  Open = 'OPEN', // Açık
-  Implemented = 'IMPLEMENTED', // Uygulandı
-  Rejected = 'REJECTED', // Reddedildi
-  Expired = 'EXPIRED', // Süresi Doldu
-}
-
-export enum ForecastMethodEnum {
-  // Tahmin Yöntemi
-  MovingAverage = 'MOVING_AVERAGE', // Hareketli Ortalama
-  ExponentialSmoothing = 'EXPONENTIAL_SMOOTHING', // Üstel Yumuşatma
-  LinearRegression = 'LINEAR_REGRESSION', // Doğrusal Regresyon
-  Seasonal = 'SEASONAL', // Mevsimsel
-}
-
-export enum SecurityLevelEnum {
-  // Güvenlik Seviyesi
-  Low = 'LOW', // Düşük
-  Medium = 'MEDIUM', // Orta
-  High = 'HIGH', // Yüksek
-  Restricted = 'RESTRICTED', // Kısıtlı
-}
-
-export enum BOMTypeEnum {
-  // BOM Türü
-  Production = 'PROD', // Üretim
-  Engineering = 'ENG', // Mühendislik
-  Planning = 'PLAN', // Planlama
-  Costing = 'COST', // Maliyetlendirme
-}
-
-export enum RoutingStatusEnum {
-  // Rota Durumu
-  Draft = 'DRAFT', // Taslak
-  Active = 'ACTIVE', // Aktif
-  Inactive = 'INACTIVE', // Pasif
-  Obsolete = 'OBSOLETE', // Kullanım dışı
-}
-
-export enum OperationCategoryEnum {
-  // Operasyon Kategorisi
-  Production = 'PROD', // Üretim
-  Assembly = 'ASSY', // Montaj
-  Inspection = 'INSP', // Muayene
-  Packaging = 'PACK', // Ambalajlama
-  Setup = 'SETUP', // Kurulum
-  Maintenance = 'MAINT', // Bakım
-  Transport = 'TRANS', // Taşıma
-  Quality = 'QUAL', // Kalite
-}
diff --git a/ui/src/types/pm.ts b/ui/src/types/pm.ts
deleted file mode 100644
index 077a6e33..00000000
--- a/ui/src/types/pm.ts
+++ /dev/null
@@ -1,294 +0,0 @@
-import { DepartmentDto } from '@/proxy/intranet/models'
-import { PriorityEnum } from './common'
-import { MmMaterial } from './mm'
-
-export type CalendarView = 'month' | 'week' | 'day'
-
-export interface PmWorkCenter {
-  // İş Merkezi / Ekipman
-  id: string
-  code: string
-  name: string
-  description?: string
-  manufacturer?: string
-  model?: string
-  serialNumber?: string
-  installationDate: Date
-  warrantyExpiry?: Date
-  location: string
-  departmentId: string
-  department?: DepartmentDto
-  status: WorkCenterStatusEnum
-  criticality: CriticalityLevelEnum
-  specifications: PmWorkCenterSpecification[]
-  maintenancePlans: PmMaintenancePlan[]
-  workOrders: PmMaintenanceWorkOrder[]
-  downTimeHistory: PmDownTimeRecord[]
-  capacity: number
-  costPerHour: number
-  setupTime: number
-  machineTypeId: string
-  machineType?: PmMachineType
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface PmWorkCenterType {
-  // İş Merkezi / Ekipman Türü
-  id: string
-  code: string
-  name: string
-  description?: string
-  category: string
-  isActive: boolean
-}
-
-export interface PmMachineType {
-  // Makina Türü
-  id: string
-  code: string
-  name: string
-  isActive: boolean
-}
-
-export interface PmWorkCenterSpecification {
-  // İş Merkezi / Ekipman Özelliği
-  id: string
-  workCenterId: string
-  specificationName: string
-  specificationValue: string
-  unit?: string
-  isRequired: boolean
-}
-
-export interface PmMaintenancePlan {
-  // Bakım Planı
-  id: string
-  planCode: string
-  workCenterId: string
-  workCenter?: PmWorkCenter
-  planType: MaintenancePlanTypeEnum
-  description: string
-  frequency: number
-  frequencyUnit: FrequencyUnitEnum
-  estimatedDuration: number // minutes
-  priority: PriorityEnum
-  maintenanceTeamId?: string
-  instructions?: string
-  requiredMaterials: PmPlanMaterial[]
-  requiredSkills: string[]
-  lastExecuted?: Date
-  nextDue: Date
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface PmPlanMaterial {
-  // Bakım Planı İçin Gerekli Malzeme
-  id: string
-  planId: string
-  materialId: string
-  material?: MmMaterial
-  quantity: number
-  unitId: string
-  isRequired: boolean
-}
-
-export interface PmMaintenanceWorkOrder {
-  // Bakım İş Emri
-  id: string
-  workOrderNumber: string
-  workCenterId: string
-  workCenter?: PmWorkCenter
-  planId?: string
-  plan?: PmMaintenancePlan
-  orderType: WorkOrderTypeEnum
-  priority: PriorityEnum
-  status: WorkOrderStatusEnum
-  description: string
-  reportedBy: string
-  assignedTo?: string
-  maintenanceTeamId?: string
-  scheduledStart?: Date
-  scheduledEnd?: Date
-  actualStart?: Date
-  actualEnd?: Date
-  estimatedCost: number
-  actualCost: number
-  materials: PmWorkOrderMaterial[]
-  activities: PmWorkOrderActivity[]
-  notes?: string
-  completionNotes?: string
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface PmWorkOrderMaterial {
-  // Bakım İş Emri İçin Kullanılan Malzeme
-  id: string
-  workOrderId: string
-  materialId: string
-  materialCode?: string
-  materialName?: string
-  material?: MmMaterial
-  plannedQuantity: number
-  actualQuantity: number
-  unitCost: number
-  totalCost: number
-}
-
-export interface PmWorkOrderActivity {
-  // Bakım İş Emri Faaliyeti
-  id: string
-  workOrderId: string
-  activityDescription: string
-  plannedDuration: number
-  actualDuration: number
-  performedBy: string
-  completedAt?: Date
-  notes?: string
-}
-
-export interface PmDownTimeRecord {
-  // İş Merkezi / Ekipman Arıza Süreç Kaydı
-  id: string
-  workCenterId: string
-  workOrderId?: string
-  downTimeStart: Date
-  downTimeEnd?: Date
-  duration?: number // minutes
-  reason: string
-  impact: DownTimeImpactEnum
-  cost: number
-  description?: string
-}
-
-export interface PmFaultNotification {
-  // Arıza Bildirimi
-  id: string
-  notificationCode: string
-  workCenterId: string
-  workCenter: PmWorkCenter
-  location: string
-  faultType: FaultTypeEnum
-  priority: PriorityEnum
-  severity: CriticalityLevelEnum
-  title: string
-  description: string
-  reportedBy: string
-  reportedAt: Date
-  assignedTo?: string
-  status: NotificationStatusEnum
-  images?: string[]
-  estimatedRepairTime?: number // minutes
-  actualRepairTime?: number // minutes
-  resolutionNotes?: string
-  closedBy?: string
-  closedAt?: Date
-  workOrderId?: string
-  followUpRequired: boolean
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface PmCalendarEvent {
-  // Bakım Takvimi Etkinliği
-  id: string
-  title: string
-  type: 'plan' | 'workorder'
-  date: Date
-  startTime?: string
-  endTime?: string
-  status: WorkOrderStatusEnum
-  priority: PriorityEnum
-  assignedTo?: string
-  workCenterCode?: string
-  duration: number // minutes
-}
-
-export enum CriticalityLevelEnum {
-  // Kritik Seviye
-  Low = 'LOW', // Düşük
-  Medium = 'MEDIUM', // Orta
-  High = 'HIGH', // Yüksek
-  Critical = 'CRITICAL', // Kritik
-}
-
-export enum MaintenancePlanTypeEnum {
-  // Bakım Plan Türü
-  Preventive = 'PREVENTIVE', // Önleyici
-  Predictive = 'PREDICTIVE', // Tahmine Dayalı
-  Corrective = 'CORRECTIVE', // Düzeltici
-  Condition = 'CONDITION', // Durum Bazlı
-}
-
-export enum FrequencyUnitEnum {
-  // Frekans Birimi
-  Days = 'DAYS', // Günler
-  Weeks = 'WEEKS', // Haftalar
-  Months = 'MONTHS', // Aylar
-  Years = 'YEARS', // Yıllar
-  Hours = 'HOURS', // Saatler
-  Cycles = 'CYCLES', // Döngüler
-}
-
-export enum WorkOrderTypeEnum {
-  // İş Emri Türü
-  Preventive = 'PREVENTIVE', // Önleyici
-  Corrective = 'CORRECTIVE', // Düzeltici
-  Emergency = 'EMERGENCY', // Acil
-  Inspection = 'INSPECTION', // Denetim
-  Calibration = 'CALIBRATION', // Kalibrasyon
-}
-
-export enum WorkOrderStatusEnum {
-  // İş Emri Durumu
-  Created = 'CREATED', // Oluşturuldu
-  Planned = 'PLANNED', // Planlandı
-  Released = 'RELEASED', // Serbest Bırakıldı
-  InProgress = 'IN_PROGRESS', // Devam Ediyor
-  OnHold = 'ON_HOLD', // Beklemede
-  Completed = 'COMPLETED', // Tamamlandı
-  Cancelled = 'CANCELLED', // İptal Edildi
-}
-
-export enum DownTimeImpactEnum {
-  // Arıza Süreç Etkisi
-  Low = 'LOW', // DÜŞÜK
-  Medium = 'MEDIUM', // ORTA
-  High = 'HIGH', // YÜKSEK
-  Critical = 'CRITICAL', // KRİTİK
-}
-
-export enum FaultTypeEnum {
-  // Arıza Türü
-  Mechanical = 'MECHANICAL', // Mekanik
-  Electrical = 'ELECTRICAL', // Elektrik
-  Hydraulic = 'HYDRAULIC', // Hidrolik
-  Pneumatic = 'PNEUMATIC', // Pnömatik
-  Software = 'SOFTWARE', // Yazılım
-  Safety = 'SAFETY', // Güvenlik
-  Performance = 'PERFORMANCE', // Performans
-  Other = 'OTHER', // Diğer
-}
-
-export enum NotificationStatusEnum {
-  // Bildirim Durumu
-  Open = 'OPEN', // Açık
-  Assigned = 'ASSIGNED', // Atandı
-  InProgress = 'IN_PROGRESS', // Devam Ediyor
-  Resolved = 'RESOLVED', // Çözüldü
-  Closed = 'CLOSED', // Kapandı
-  Rejected = 'REJECTED', // Reddedildi
-}
-
-export enum WorkCenterStatusEnum {
-  // İş Merkezi / Ekipman Durumu
-  Operational = 'OPERATIONAL', // OPERATİF
-  UnderMaintenance = 'UNDER_MAINTENANCE', // BAKIMDA
-  OutOfOrder = 'OUT_OF_ORDER', // ARIZALI
-  Retired = 'RETIRED', // ESKİ
-}
diff --git a/ui/src/types/ps.ts b/ui/src/types/ps.ts
deleted file mode 100644
index 3e64a2fd..00000000
--- a/ui/src/types/ps.ts
+++ /dev/null
@@ -1,373 +0,0 @@
-import { EmployeeDto } from '@/proxy/intranet/models'
-import { BusinessParty, PriorityEnum } from './common'
-
-export interface PsProject {
-  // Proje
-  id: string
-  code: string
-  name: string
-  description?: string
-  projectType: ProjectTypeEnum
-  status: ProjectStatusEnum
-  priority: PriorityEnum
-  customerId?: string
-  customer?: BusinessParty
-  projectManagerId: string
-  projectManager?: EmployeeDto
-  startDate: Date
-  endDate: Date
-  actualStartDate?: Date
-  actualEndDate?: Date
-  budget: number
-  actualCost: number
-  currency: string
-  progress: number
-  phases: PsProjectPhase[]
-  tasks: PsProjectTask[]
-  risks: PsProjectRisk[]
-  documents: PsProjectDocument[]
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface PsProjectPhase {
-  // Proje Fazı
-  id: string
-  projectId: string
-  project?: PsProject
-  code: string
-  name: string
-  description?: string
-  sequence: number
-  startDate: Date
-  endDate: Date
-  actualStartDate?: Date
-  actualEndDate?: Date
-  status: PhaseStatusEnum
-  budget: number
-  actualCost: number
-  progress: number
-  tasks: PsProjectTask[]
-  isActive: boolean
-  milestones: number
-  completedMilestones: number
-  assignedTeams: string[]
-  deliverables: string[]
-  risks: string[]
-  category: PhaseCategoryEnum
-}
-
-export interface PsProjectTask {
-  // Proje Görevi
-  id: string
-  projectId: string
-  phaseId?: string
-  phase?: PsProjectPhase
-  taskCode: string
-  name: string
-  description?: string
-  taskType: TaskTypeEnum
-  status: TaskStatusEnum
-  priority: PriorityEnum
-  assignedTo?: string
-  assignee?: EmployeeDto
-  startDate: Date
-  endDate: Date
-  actualStartDate?: Date
-  actualEndDate?: Date
-  estimatedHours: number
-  actualHours: number
-  progress: number
-  activities: PsTaskActivity[]
-  comments: PsTaskComment[]
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface PsProjectRisk {
-  // Proje Riski
-  id: string
-  projectId: string
-  riskCode: string
-  title: string
-  description: string
-  category: RiskCategoryEnum
-  probability: RiskProbabilityEnum
-  impact: RiskImpactEnum
-  riskLevel: RiskLevelEnum
-  status: RiskStatusEnum
-  identifiedBy: string
-  identifiedDate: Date
-  mitigationPlan?: string
-  contingencyPlan?: string
-  ownerId?: string
-  reviewDate?: Date
-  isActive: boolean
-}
-
-export interface PsTaskActivity {
-  // Görev Aktivitesi
-  id: string
-  taskId: string
-  activityType: PsActivityTypeEnum
-  description: string
-  performedBy: string
-  performedAt: Date
-  hoursSpent?: number
-  notes?: string
-}
-
-export interface PsTaskComment {
-  // Görev Yorumu
-  id: string
-  taskId: string
-  comment: string
-  commentedBy: string
-  commentedAt: Date
-  isInternal: boolean
-}
-
-export interface PsProjectDocument {
-  // Proje Belgesi
-  id: string
-  projectId: string
-  documentName: string
-  documentType: PsDocumentTypeEnum
-  filePath: string
-  fileSize: number
-  uploadedBy: string
-  uploadedAt: Date
-  version: string
-  isActive: boolean
-}
-
-export interface PsActivity {
-  // Aktivite
-  id: string
-  activityType: PsActivityTypeEnum
-  name: string
-  description: string
-  category: string
-  defaultDuration: number // hours
-  isActive: boolean
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface PsProjectCostTracking {
-  // Proje Maliyet Takibi
-  id: string
-  projectId: string
-  projectName: string
-  projectCode: string
-  plannedBudget: number
-  actualCost: number
-  remainingBudget: number
-  plannedStartDate: Date
-  plannedEndDate: Date
-  actualStartDate?: Date
-  actualEndDate?: Date
-  plannedDuration: number // days
-  actualDuration?: number // days
-  progress: number // percentage
-  status: ProjectCostTrackingStatus
-  currency: string
-  lastUpdated: Date
-}
-
-export interface PsTaskDailyUpdate {
-  // Görev Günlük Güncellemesi
-  id: string
-  taskId: string
-  task?: PsProjectTask
-  employeeId: string
-  employee?: EmployeeDto
-  date: Date
-  hoursWorked: number
-  description: string
-  workType: WorkTypeEnum
-  progress: number // percentage
-  challenges?: string
-  nextSteps?: string
-  status: DailyUpdateStatusEnum
-  attachments?: string[]
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface PsGanttTask {
-  // Gantt Görevi
-  id: string
-  name: string
-  type: 'project' | 'phase' | 'task'
-  startDate: Date
-  endDate: Date
-  progress: number
-  assignee?: EmployeeDto
-  parentId?: string
-  children?: PsGanttTask[]
-  dependencies?: string[]
-  priority: PriorityEnum
-  status: TaskStatusEnum | ProjectStatusEnum | PhaseStatusEnum
-  hoursWorked?: number
-  estimatedHours?: number
-  level: number // indentation level
-}
-
-export enum WorkTypeEnum {
-  // İş Türü
-  Development = 'DEVELOPMENT', // Geliştirme
-  Testing = 'TESTING', // Test
-  Design = 'DESIGN', // Tasarım
-  Documentation = 'DOCUMENTATION', // Dokümantasyon
-  Meeting = 'MEETING', // Toplantı
-  Research = 'RESEARCH', // Araştırma
-  Debugging = 'DEBUGGING', // Hata Ayıklama
-  Review = 'REVIEW', // İnceleme
-  Other = 'OTHER', // Diğer
-}
-
-export enum DailyUpdateStatusEnum {
-  // Günlük Güncelleme Durumu
-  Draft = 'DRAFT', // Taslak
-  Submitted = 'SUBMITTED', // Gönderildi
-  Approved = 'APPROVED', // Onaylandı
-  Rejected = 'REJECTED', // Reddedildi
-}
-
-export enum ProjectTypeEnum {
-  // Proje Türü
-  Internal = 'INTERNAL', // Dahili
-  Customer = 'CUSTOMER', // Müşteri
-  Research = 'RESEARCH', // Araştırma
-  Maintenance = 'MAINTENANCE', // Bakım
-  Development = 'DEVELOPMENT', // Geliştirme
-}
-
-export enum ProjectStatusEnum {
-  // Proje Durumu
-  Planning = 'PLANNING', // Planlama
-  Active = 'ACTIVE', // Aktif
-  OnHold = 'ON_HOLD', // Beklemede
-  Completed = 'COMPLETED', // Tamamlandı
-  Cancelled = 'CANCELLED', // İptal Edildi
-}
-
-export enum PhaseCategoryEnum {
-  // Category of Phase
-  Planning = 'PLANNING', // Planlama
-  Development = 'EXECUTION', // Yürütme
-  Testing = 'MONITORING', // İzleme
-  Deployment = 'CLOSURE', // Kapanış
-  Design = 'OTHER', // Diğer
-}
-
-export enum PhaseStatusEnum {
-  // Faz Durumu
-  NotStarted = 'NOT_STARTED', // Başlanmadı
-  InProgress = 'IN_PROGRESS', // Devam Ediyor
-  Completed = 'COMPLETED', // Tamamlandı
-  OnHold = 'ON_HOLD', // Beklemede
-  Cancelled = 'CANCELLED', // İptal Edildi
-}
-
-export enum TaskStatusEnum {
-  // Görev Durumu
-  NotStarted = 'NOT_STARTED', // Başlanmadı
-  InProgress = 'IN_PROGRESS', // Devam Ediyor
-  Completed = 'COMPLETED', // Tamamlandı
-  OnHold = 'ON_HOLD', // Beklemede
-  Cancelled = 'CANCELLED', // İptal Edildi
-}
-
-export enum TaskTypeEnum {
-  // Görev Türü
-  Development = 'DEVELOPMENT', // Geliştirme
-  Testing = 'TESTING', // Test
-  Documentation = 'DOCUMENTATION', // Dokümantasyon
-  Review = 'REVIEW', // İnceleme
-  Deployment = 'DEPLOYMENT', // Dağıtım
-  Meeting = 'MEETING', // Toplantı
-}
-
-export enum RiskCategoryEnum {
-  // Risk Kategorisi
-  Technical = 'TECHNICAL', // Teknik
-  Schedule = 'SCHEDULE', // Zamanlama
-  Budget = 'BUDGET', // Bütçe
-  Resource = 'RESOURCE', // Kaynak
-  External = 'EXTERNAL', // Dışsal
-  Quality = 'QUALITY', // Kalite
-}
-
-export enum RiskProbabilityEnum {
-  // Risk Olasılığı
-  VeryLow = 'VERY_LOW', // Çok Düşük
-  Low = 'LOW', // Düşük
-  Medium = 'MEDIUM', // Orta
-  High = 'HIGH', // Yüksek
-  VeryHigh = 'VERY_HIGH', // Çok Yüksek
-}
-
-export enum RiskImpactEnum {
-  // Risk Etkisi
-  VeryLow = 'VERY_LOW', // Çok Düşük
-  Low = 'LOW', // Düşük
-  Medium = 'MEDIUM', // Orta
-  High = 'HIGH', // Yüksek
-  VeryHigh = 'VERY_HIGH', // Çok Yüksek
-}
-
-export enum RiskLevelEnum {
-  // Risk Seviyesi
-  Low = 'LOW', // Düşük
-  Medium = 'MEDIUM', // Orta
-  High = 'HIGH', // Yüksek
-  Critical = 'CRITICAL', // Kritik
-}
-
-export enum RiskStatusEnum {
-  // Risk Durumu
-  Identified = 'IDENTIFIED', // Belirlendi
-  Analyzing = 'ANALYZING', // Analiz Ediliyor
-  Mitigating = 'MITIGATING', // Azaltılıyor
-  Monitoring = 'MONITORING', // İzleniyor
-  Closed = 'CLOSED', // Kapatıldı
-}
-
-export enum PsActivityTypeEnum {
-  // Aktivite Türü
-  WorkLog = 'WORK_LOG', // İş Günlüğü
-  StatusUpdate = 'STATUS_UPDATE', // Durum Güncellemesi
-  Issue = 'ISSUE', // Sorun
-  Meeting = 'MEETING', // Toplantı
-  Review = 'REVIEW', // İnceleme
-  TaskCreated = 'TASK_CREATED', // Görev Oluşturuldu
-  TaskUpdated = 'TASK_UPDATED', // Görev Güncellendi
-  TaskCompleted = 'TASK_COMPLETED', // Görev Tamamlandı
-  CommentAdded = 'COMMENT_ADDED', // Yorum Eklendi
-  FileUploaded = 'FILE_UPLOADED', // Dosya Yüklendi
-  StatusChanged = 'STATUS_CHANGED', // Durum Değişti
-  AssignmentChanged = 'ASSIGNMENT_CHANGED', // Atama Değişti
-  MeetingScheduled = 'MEETING_SCHEDULED', // Toplantı Planlandı
-}
-
-export enum PsDocumentTypeEnum {
-  // Belge Türü
-  Specification = 'SPECIFICATION', // Spesifikasyon
-  Design = 'DESIGN', // Tasarım
-  Contract = 'CONTRACT', // Sözleşme
-  Report = 'REPORT', // Rapor
-  Manual = 'MANUAL', // Kılavuz
-  Other = 'OTHER', // Diğer
-}
-
-export enum ProjectCostTrackingStatus {
-  // Proje Maliyet Takibi Durumu
-  OnTrack = 'ON_TRACK', // Planında
-  AtRisk = 'AT_RISK', // Riskte
-  Delayed = 'DELAYED', // Gecikmiş
-  Completed = 'COMPLETED', // Tamamlandı
-}
diff --git a/ui/src/types/wm.ts b/ui/src/types/wm.ts
deleted file mode 100644
index 3b20e2c9..00000000
--- a/ui/src/types/wm.ts
+++ /dev/null
@@ -1,256 +0,0 @@
-import { Address } from './common'
-import { MmMaterial } from './mm'
-import { SecurityLevelEnum } from './mrp'
-
-export interface WmWarehouse {
-  // Depo
-  id: string
-  code: string
-  name: string
-  description?: string
-  address?: Address
-  warehouseType: WarehouseTypeEnum
-  locations: WmLocation[]
-  isMainWarehouse: boolean
-  capacity: number
-  currentUtilization: number
-  zones: WmZone[]
-  isActive: boolean
-  securityLevel: SecurityLevelEnum
-  temperatureControlled: boolean
-  managerId: number
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface WmZone {
-  // Bölge
-  id: string
-  warehouseId: string
-  zoneCode: string
-  name: string
-  description?: string
-  zoneType: ZoneTypeEnum
-  temperature?: number
-  humidity?: number
-  locations: WmLocation[]
-  isActive: boolean
-}
-
-export interface WmLocation {
-  // Lokasyon
-  id: string
-  warehouseId: string
-  zoneId: string
-  locationCode: string
-  name: string
-  description?: string
-  locationType: LocationTypeEnum
-  capacity: number
-  currentStock: number
-  dimensions?: WmLocationDimensions
-  restrictions?: string[]
-  stockItems: WmStockItem[]
-  isActive: boolean
-}
-
-export interface WmLocationDimensions {
-  // Lokasyon Boyutları
-  length: number
-  width: number
-  height: number
-  weight: number
-  unit: string
-}
-
-export interface WmStockItem {
-  // Stok Kalemi
-  id: string
-  materialId: string
-  material?: MmMaterial
-  warehouseId: string
-  zoneId: string
-  locationId: string
-  quantity: number
-  reservedQuantity: number
-  availableQuantity: number
-  unitId: string
-  lotNumber?: string
-  serialNumber?: string
-  expiryDate?: Date
-  receivedDate: Date
-  lastMovementDate: Date
-  status: StockStatusEnum
-}
-
-export interface WmInventoryCount {
-  // Envanter Sayımı
-  id: string
-  countNumber: string
-  warehouseId: string
-  warehouse?: WmWarehouse
-  zoneId?: string
-  zone?: WmZone
-  locationId?: string
-  location?: WmLocation
-  countType: CountTypeEnum
-  status: CountStatusEnum
-  scheduledDate: Date
-  startDate?: Date
-  endDate?: Date
-  countedBy: string[]
-  approvedBy?: string
-  items: WmInventoryCountItem[]
-  variances: WmInventoryVariance[]
-  notes?: string
-  creationTime: Date
-  lastModificationTime: Date
-}
-
-export interface WmInventoryCountItem {
-  // Envanter Sayım Kalemi
-  id: string
-  countId: string
-  materialId: string
-  material?: MmMaterial
-  locationId: string
-  systemQuantity: number
-  countedQuantity: number
-  variance: number
-  variancePercentage: number
-  lotNumber?: string
-  serialNumber?: string
-  countedBy: string
-  countedAt: Date
-  notes?: string
-}
-
-export interface WmInventoryVariance {
-  // Envanter Farkı
-  id: string
-  countId: string
-  materialId: string
-  locationId: string
-  variance: number
-  varianceValue: number
-  reason?: string
-  action: VarianceActionEnum
-  adjustmentMade: boolean
-  approvedBy?: string
-  approvedAt?: Date
-}
-
-export interface WmPutawayRule {
-  // Yerleştirme Kuralı
-  id: string
-  code: string
-  name: string
-  description?: string
-  warehouseId: string
-  materialTypeId?: string
-  materialGroupId?: string
-  priority: number
-  conditions: WmPutawayCondition[]
-  targetZoneId?: string
-  targetLocationId?: string
-  strategy: PutawayStrategyEnum
-  isActive: boolean
-}
-
-export interface WmPutawayCondition {
-  // Yerleştirme Koşulu
-  id: string
-  ruleId: string
-  conditionType: ConditionTypeEnum
-  operator: ConditionOperatorEnum
-  value: string
-}
-
-export enum WarehouseTypeEnum {
-  // Depo Türleri
-  RawMaterials = 'RAW_MATERIALS', // Hammaddeler
-  FinishedGoods = 'FINISHED_GOODS', // Mamuller
-  WorkInProgress = 'WIP', // İşlenmekte olan ürünler
-  SpareParts = 'SPARE_PARTS', // Yedek Parçalar
-  Returns = 'RETURNS', // İadeler
-  Quarantine = 'QUARANTINE', // Karantina
-  Transit = 'TRANSIT', // Geçici Depo
-}
-
-export enum ZoneTypeEnum {
-  // Bölge Türleri
-  Storage = 'STORAGE', // Depolama
-  Receiving = 'RECEIVING', // Giriş
-  Shipping = 'SHIPPING', // Çıkış
-  Picking = 'PICKING', // Toplama
-  Quality = 'QUALITY', // Kalite Kontrol
-  Staging = 'STAGING', // Sevkiyat Hazırlık
-}
-
-export enum LocationTypeEnum {
-  // Lokasyon Türleri
-  Shelf = 'SHELF', // Raf
-  Bin = 'BIN', // Kutu
-  Floor = 'FLOOR', // Zemin
-  Rack = 'RACK', // Palet Rafı
-  Tank = 'TANK', // Tank
-}
-
-export enum StockStatusEnum {
-  // Stok Durumları
-  Available = 'AVAILABLE', // Mevcut
-  Reserved = 'RESERVED', // Rezerve Edilmiş
-  Blocked = 'BLOCKED', // Engellenmiş
-  InTransit = 'IN_TRANSIT', // Transferde
-  Quarantine = 'QUARANTINE', // Karantina
-}
-
-export enum CountTypeEnum {
-  // Sayım Türleri
-  Full = 'FULL', // Tam Sayım
-  Cycle = 'CYCLE', // Döngüsel Sayım
-  Spot = 'SPOT', // Noktasal Sayım
-}
-
-export enum CountStatusEnum {
-  // Sayım Durumları
-  Planned = 'PLANNED', // Planlandı
-  InProgress = 'IN_PROGRESS', // Devam Ediyor
-  Completed = 'COMPLETED', // Tamamlandı
-  Approved = 'APPROVED', // Onaylandı
-}
-
-export enum VarianceActionEnum {
-  // Fark Eylem Türleri
-  Accept = 'ACCEPT', // Kabul Et
-  Investigate = 'INVESTIGATE', // Araştır
-  Recount = 'RECOUNT', // Yeniden Say
-  Adjust = 'ADJUST', // Düzelt
-}
-
-export enum PutawayStrategyEnum {
-  // Yerleştirme Stratejileri
-  FIFO = 'FIFO', // First In First Out
-  LIFO = 'LIFO', // Last In First Out
-  NearestLocation = 'NEAREST_LOCATION', // En Yakın Lokasyon
-  EmptyLocation = 'EMPTY_LOCATION', // Boş Lokasyon
-  SameProduct = 'SAME_PRODUCT', // Aynı Ürün
-}
-
-export enum ConditionTypeEnum {
-  // Koşul Türleri
-  MaterialType = 'MATERIAL_TYPE', // Malzeme Türü
-  MaterialGroup = 'MATERIAL_GROUP', // Malzeme Grubu
-  Quantity = 'QUANTITY', // Miktar
-  Weight = 'WEIGHT', // Ağırlık
-  Volume = 'VOLUME', // Hacim
-}
-
-export enum ConditionOperatorEnum {
-  // Koşul Operatörleri
-  Equals = 'EQUALS', // Eşittir
-  NotEquals = 'NOT_EQUALS', // Eşit Değildir
-  GreaterThan = 'GREATER_THAN', // Daha Büyüktür
-  LessThan = 'LESS_THAN', // Daha Küçüktür
-  Contains = 'CONTAINS', // İçerir
-}
diff --git a/ui/src/utils/erp.tsx b/ui/src/utils/erp.tsx
deleted file mode 100644
index 879f34c2..00000000
--- a/ui/src/utils/erp.tsx
+++ /dev/null
@@ -1,2879 +0,0 @@
-import {
-  FaArchive,
-  FaArrowCircleDown,
-  FaArrowDown,
-  FaArrowUp,
-  FaAward,
-  FaBan,
-  FaBolt,
-  FaBox,
-  FaBullseye,
-  FaCalendar,
-  FaCheck,
-  FaCheckCircle,
-  FaClock,
-  FaCog,
-  FaComment,
-  FaEdit,
-  FaEnvelope,
-  FaExclamationCircle,
-  FaExclamationTriangle,
-  FaEye,
-  FaFileAlt,
-  FaFileInvoiceDollar,
-  FaFlask,
-  FaIndustry,
-  FaLock,
-  FaMapMarkerAlt,
-  FaMedal,
-  FaPause,
-  FaPhone,
-  FaPlay,
-  FaPlus,
-  FaStar,
-  FaTimesCircle,
-  FaTrophy,
-  FaTruck,
-  FaUser,
-  FaUsers,
-  FaUserTie,
-  FaVideo,
-  FaWrench,
-} from 'react-icons/fa'
-import {
-  ApprovalStatusEnum,
-  MmDeliveryItem,
-  MaterialTypeEnum,
-  MovementStatusEnum,
-  MovementTypeEnum,
-  OrderStatusEnum,
-  QualityStatusEnum,
-  QuotationStatusEnum,
-  RequestStatusEnum,
-  RequisitionStatusEnum,
-  SerialStatusEnum,
-  SupplierCardTypeEnum,
-  SupplierTypeEnum,
-  ReceiptStatusEnum,
-} from '../types/mm'
-import {
-  BOMTypeEnum,
-  OperationCategoryEnum,
-  MrpProductionOrder,
-  ProductionOrderStatusEnum,
-  ProductionOrderTypeEnum,
-  RecommendationStatusEnum,
-  RequirementSourceTypeEnum,
-  RoutingStatusEnum,
-  SecurityLevelEnum,
-  ForecastMethodEnum,
-} from '../types/mrp'
-import { FaRepeat } from 'react-icons/fa6'
-import { ApprovalLevelEnum, DeliveryStatusEnum, RequestTypeEnum } from '../types/mm'
-import {
-  ConditionOperatorEnum,
-  ConditionTypeEnum,
-  CountStatusEnum,
-  CountTypeEnum,
-  LocationTypeEnum,
-  PutawayStrategyEnum,
-  StockStatusEnum,
-  WarehouseTypeEnum,
-  ZoneTypeEnum,
-} from '../types/wm'
-import {
-  BusinessPartyIndustryEnum,
-  BusinessPartyStatusEnum,
-  PaymentTerms,
-  PriorityEnum,
-  TeamRoleEnum,
-} from '../types/common'
-import {
-  AccountTypeEnum,
-  BankAccountTypeEnum,
-  BankTransactionTypeEnum,
-  CashMovementTypeEnum,
-  CheckStatusEnum,
-  TypeEnum,
-  FiDocumentTypeEnum,
-  InvoiceStatusEnum,
-  InvoiceTypeEnum,
-  NoteStatusEnum,
-  PaymentMethodEnum,
-  PaymentStatusEnum,
-  RiskGroupEnum,
-  TransactionStatusEnum,
-  WaybillStatusEnum,
-  WaybillTypeEnum,
-} from '../types/fi'
-import {
-  ActivityStatusEnum,
-  CrmActivityTypeEnum,
-  CustomerSegmentEnum,
-  CustomerTypeEnum,
-  LostReasonCategoryEnum,
-  OpportunityStageEnum,
-  SaleOrderItemStatusEnum,
-  SaleOrderStatusEnum,
-} from '../types/crm'
-import {
-  AssessorTypeEnum,
-  CampaignStatusEnum,
-  CostCenterType,
-  EmployeeStatusEnum,
-  EmploymentTypeEnum,
-  GenderEnum,
-  JobLevelEnum,
-  LeaveStatusEnum,
-  LeaveTypeEnum,
-  MaritalStatusEnum,
-  ParticipantStatusEnum,
-  PayrollStatusEnum,
-} from '../types/hr'
-import {
-  CriticalityLevelEnum,
-  FaultTypeEnum,
-  FrequencyUnitEnum,
-  MaintenancePlanTypeEnum,
-  NotificationStatusEnum,
-  WorkCenterStatusEnum,
-  WorkOrderStatusEnum,
-  WorkOrderTypeEnum,
-} from '../types/pm'
-import {
-  DailyUpdateStatusEnum,
-  PhaseCategoryEnum,
-  PhaseStatusEnum,
-  ProjectCostTrackingStatus,
-  ProjectStatusEnum,
-  ProjectTypeEnum,
-  PsActivityTypeEnum,
-  PsDocumentTypeEnum,
-  RiskCategoryEnum,
-  RiskImpactEnum,
-  RiskLevelEnum,
-  RiskProbabilityEnum,
-  RiskStatusEnum,
-  TaskStatusEnum,
-  TaskTypeEnum,
-  WorkTypeEnum,
-} from '../types/ps'
-
-export const getBOMTypeText = (type: BOMTypeEnum) => {
-  switch (type) {
-    case BOMTypeEnum.Production:
-      return 'Üretim'
-    case BOMTypeEnum.Engineering:
-      return 'Mühendislik'
-    case BOMTypeEnum.Planning:
-      return 'Planlama'
-    case BOMTypeEnum.Costing:
-      return 'Maliyetleme'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getBOMTypeColor = (type: BOMTypeEnum) => {
-  switch (type) {
-    case BOMTypeEnum.Production:
-      return 'bg-blue-100 text-blue-800'
-    case BOMTypeEnum.Engineering:
-      return 'bg-green-100 text-green-800'
-    case BOMTypeEnum.Planning:
-      return 'bg-yellow-100 text-yellow-800'
-    case BOMTypeEnum.Costing:
-      return 'bg-purple-100 text-purple-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getMovementTypeText = (type: MovementTypeEnum) => {
-  switch (type) {
-    case MovementTypeEnum.GoodsReceipt:
-      return 'Mal Girişi'
-    case MovementTypeEnum.GoodsIssue:
-      return 'Mal Çıkışı'
-    case MovementTypeEnum.Transfer:
-      return 'Transfer'
-    default:
-      return 'Bilinmeyen'
-  }
-}
-
-export const getMovementTypeIcon = (type: MovementTypeEnum) => {
-  switch (type) {
-    case MovementTypeEnum.GoodsReceipt:
-      return FaArrowUp
-    case MovementTypeEnum.GoodsIssue:
-      return FaArrowDown
-    case MovementTypeEnum.Transfer:
-      return FaRepeat
-    default:
-      return FaArchive
-  }
-}
-
-export const getMovementTypeColor = (type: MovementTypeEnum) => {
-  switch (type) {
-    case MovementTypeEnum.GoodsReceipt:
-      return 'text-green-600 bg-green-100'
-    case MovementTypeEnum.GoodsIssue:
-      return 'text-red-600 bg-red-100'
-    case MovementTypeEnum.Transfer:
-      return 'text-blue-600 bg-blue-100'
-    default:
-      return 'text-gray-600 bg-gray-100'
-  }
-}
-
-export const getMovementTypeSign = (type: MovementTypeEnum) => {
-  switch (type) {
-    case MovementTypeEnum.GoodsReceipt:
-      return '+'
-    case MovementTypeEnum.GoodsIssue:
-      return '-'
-    case MovementTypeEnum.Transfer:
-      return ''
-    default:
-      return ''
-  }
-}
-
-export const getMaterialTypeText = (code: MaterialTypeEnum) => {
-  switch (code) {
-    case MaterialTypeEnum.RawMaterial:
-      return 'HAMMADDE'
-    case MaterialTypeEnum.SemiFinished:
-      return 'YARI_MAMUL'
-    case MaterialTypeEnum.Finished:
-      return 'MAMUL'
-    case MaterialTypeEnum.Consumable:
-      return 'SARF_MALZ'
-    case MaterialTypeEnum.Service:
-      return 'HIZMET'
-    case MaterialTypeEnum.Spare:
-      return 'YEDEK_PARCA'
-    default:
-      return code
-  }
-}
-
-export const getOperationTypeText = (type: OperationCategoryEnum) => {
-  const types = {
-    [OperationCategoryEnum.Production]: 'Üretim',
-    [OperationCategoryEnum.Assembly]: 'Montaj',
-    [OperationCategoryEnum.Inspection]: 'Kalite Kontrolü',
-    [OperationCategoryEnum.Packaging]: 'Paketleme',
-    [OperationCategoryEnum.Setup]: 'Hazırlık',
-    [OperationCategoryEnum.Maintenance]: 'Bakım',
-    [OperationCategoryEnum.Transport]: 'Taşıma',
-    [OperationCategoryEnum.Quality]: 'Kalite',
-  }
-  return types[type]
-}
-
-export const getOperationTypeColor = (type: OperationCategoryEnum) => {
-  const colors = {
-    [OperationCategoryEnum.Production]: 'bg-blue-100 text-blue-800',
-    [OperationCategoryEnum.Assembly]: 'bg-green-100 text-green-800',
-    [OperationCategoryEnum.Inspection]: 'bg-purple-100 text-purple-800',
-    [OperationCategoryEnum.Packaging]: 'bg-orange-100 text-orange-800',
-    [OperationCategoryEnum.Setup]: 'bg-yellow-100 text-yellow-800',
-    [OperationCategoryEnum.Maintenance]: 'bg-red-100 text-red-800',
-    [OperationCategoryEnum.Transport]: 'bg-indigo-100 text-indigo-800',
-    [OperationCategoryEnum.Quality]: 'bg-pink-100 text-pink-800',
-  }
-  return colors[type]
-}
-
-export const getSkillLevelText = (level: number) => {
-  const levels = ['Başlangıç', 'Temel', 'Orta', 'İleri', 'Uzman']
-  return levels[level - 1] || 'Belirsiz'
-}
-
-export const getWarehouseTypeText = (type: WarehouseTypeEnum) => {
-  const types = {
-    [WarehouseTypeEnum.RawMaterials]: 'Hammadde',
-    [WarehouseTypeEnum.FinishedGoods]: 'Mamul',
-    [WarehouseTypeEnum.WorkInProgress]: 'Ara Ürün',
-    [WarehouseTypeEnum.Quarantine]: 'Karantina',
-    [WarehouseTypeEnum.Returns]: 'İade',
-    [WarehouseTypeEnum.Transit]: 'Transit',
-    [WarehouseTypeEnum.SpareParts]: 'Parçalı',
-  }
-  return types[type]
-}
-
-export const getWarehouseTypeColor = (type: WarehouseTypeEnum) => {
-  const colors = {
-    [WarehouseTypeEnum.RawMaterials]: 'bg-blue-100 text-blue-800',
-    [WarehouseTypeEnum.FinishedGoods]: 'bg-green-100 text-green-800',
-    [WarehouseTypeEnum.WorkInProgress]: 'bg-yellow-100 text-yellow-800',
-    [WarehouseTypeEnum.SpareParts]: 'bg-purple-100 text-purple-800',
-    [WarehouseTypeEnum.Quarantine]: 'bg-red-100 text-red-800',
-    [WarehouseTypeEnum.Returns]: 'bg-pink-100 text-pink-800',
-    [WarehouseTypeEnum.Transit]: 'bg-indigo-100 text-indigo-800',
-  }
-  return colors[type]
-}
-
-export const getRoutingStatusText = (status: RoutingStatusEnum) => {
-  const statuses = {
-    [RoutingStatusEnum.Draft]: 'Taslak',
-    [RoutingStatusEnum.Active]: 'Aktif',
-    [RoutingStatusEnum.Inactive]: 'Pasif',
-    [RoutingStatusEnum.Obsolete]: 'Eski Sürüm',
-  }
-  return statuses[status]
-}
-
-export const getRoutingStatusColor = (status: RoutingStatusEnum) => {
-  const colors = {
-    [RoutingStatusEnum.Draft]: 'bg-yellow-100 text-yellow-800',
-    [RoutingStatusEnum.Active]: 'bg-green-100 text-green-800',
-    [RoutingStatusEnum.Inactive]: 'bg-gray-100 text-gray-800',
-    [RoutingStatusEnum.Obsolete]: 'bg-red-100 text-red-800',
-  }
-  return colors[status]
-}
-
-export const getRequestTypeText = (type: RequestTypeEnum) => {
-  const types = {
-    [RequestTypeEnum.Material]: 'Malzeme',
-    [RequestTypeEnum.Service]: 'Hizmet',
-    [RequestTypeEnum.WorkCenter]: 'İş Merkezi',
-    [RequestTypeEnum.Maintenance]: 'Bakım',
-  }
-  return types[type]
-}
-
-export const getRequestTypeColor = (type: RequestTypeEnum) => {
-  const colors = {
-    [RequestTypeEnum.Material]: 'bg-blue-100 text-blue-800',
-    [RequestTypeEnum.Service]: 'bg-green-100 text-green-800',
-    [RequestTypeEnum.WorkCenter]: 'bg-purple-100 text-purple-800',
-    [RequestTypeEnum.Maintenance]: 'bg-orange-100 text-orange-800',
-  }
-  return colors[type]
-}
-
-export const getApprovalLevelText = (level: ApprovalLevelEnum) => {
-  const levels = {
-    [ApprovalLevelEnum.Supervisor]: 'Süpervizör',
-    [ApprovalLevelEnum.Manager]: 'Yönetici',
-    [ApprovalLevelEnum.Director]: 'Direktör',
-    [ApprovalLevelEnum.GeneralManager]: 'Genel Müdür',
-    [ApprovalLevelEnum.FinanceManager]: 'Mali İşler Müdürü',
-    [ApprovalLevelEnum.TechnicalManager]: 'Teknik Müdür',
-  }
-  return levels[level]
-}
-
-export const getApprovalLevelColor = (level: ApprovalLevelEnum) => {
-  const colors = {
-    [ApprovalLevelEnum.Supervisor]: 'bg-gray-100 text-gray-800',
-    [ApprovalLevelEnum.Manager]: 'bg-blue-100 text-blue-800',
-    [ApprovalLevelEnum.Director]: 'bg-purple-100 text-purple-800',
-    [ApprovalLevelEnum.GeneralManager]: 'bg-red-100 text-red-800',
-    [ApprovalLevelEnum.FinanceManager]: 'bg-green-100 text-green-800',
-    [ApprovalLevelEnum.TechnicalManager]: 'bg-orange-100 text-orange-800',
-  }
-  return colors[level]
-}
-
-export const getDeliveryStatusText = (status: DeliveryStatusEnum) => {
-  const statuses = {
-    [DeliveryStatusEnum.Preparing]: 'Hazırlanıyor',
-    [DeliveryStatusEnum.Shipped]: 'Kargoya Verildi',
-    [DeliveryStatusEnum.InTransit]: 'Yolda',
-    [DeliveryStatusEnum.OutForDelivery]: 'Dağıtımda',
-    [DeliveryStatusEnum.Delivered]: 'Teslim Edildi',
-    [DeliveryStatusEnum.PartiallyDelivered]: 'Kısmi Teslim',
-    [DeliveryStatusEnum.Delayed]: 'Gecikmeli',
-    [DeliveryStatusEnum.Returned]: 'İade Edildi',
-    [DeliveryStatusEnum.Cancelled]: 'İptal Edildi',
-  }
-  return statuses[status]
-}
-
-export const getPriorityText = (priority: PriorityEnum) => {
-  const priorities = {
-    [PriorityEnum.Low]: 'Düşük',
-    [PriorityEnum.Normal]: 'Normal',
-    [PriorityEnum.High]: 'Yüksek',
-    [PriorityEnum.Urgent]: 'Acil',
-  }
-  return priorities[priority]
-}
-
-export const getPriorityColor = (priority: PriorityEnum) => {
-  const colors = {
-    [PriorityEnum.Low]: 'bg-emerald-50 text-emerald-700 border-emerald-200',
-    [PriorityEnum.Normal]: 'bg-blue-50 text-blue-700 border-blue-200',
-    [PriorityEnum.High]: 'bg-orange-50 text-orange-700 border-orange-200',
-    [PriorityEnum.Urgent]: 'bg-red-50 text-red-700 border-red-200',
-  }
-  return colors[priority]
-}
-
-export const getWaybillStatusText = (status: WaybillStatusEnum) => {
-  switch (status) {
-    case WaybillStatusEnum.Draft:
-      return 'Taslak'
-    case WaybillStatusEnum.Confirmed:
-      return 'Onaylandı'
-    case WaybillStatusEnum.Delivered:
-      return 'Teslim Edildi'
-    case WaybillStatusEnum.Cancelled:
-      return 'İptal'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getWaybillStatusColor = (status: WaybillStatusEnum) => {
-  switch (status) {
-    case WaybillStatusEnum.Draft:
-      return 'bg-gray-100 text-gray-800'
-    case WaybillStatusEnum.Confirmed:
-      return 'bg-blue-100 text-blue-800'
-    case WaybillStatusEnum.Delivered:
-      return 'bg-green-100 text-green-800'
-    case WaybillStatusEnum.Cancelled:
-      return 'bg-red-100 text-red-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getWaybillTypeText = (type: WaybillTypeEnum) => {
-  switch (type) {
-    case WaybillTypeEnum.Outgoing:
-      return 'Çıkış İrsaliyesi'
-    case WaybillTypeEnum.Incoming:
-      return 'Giriş İrsaliyesi'
-    case WaybillTypeEnum.Transfer:
-      return 'Transfer İrsaliyesi'
-    case WaybillTypeEnum.Return:
-      return 'İade İrsaliyesi'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getBusinessPartyStatusText = (status: BusinessPartyStatusEnum) => {
-  switch (status) {
-    case BusinessPartyStatusEnum.Prospect:
-      return 'Potansiyel'
-    case BusinessPartyStatusEnum.Active:
-      return 'Aktif'
-    case BusinessPartyStatusEnum.Inactive:
-      return 'Pasif'
-    case BusinessPartyStatusEnum.Blocked:
-      return 'Blokeli'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getBusinessPartyStatusColor = (status: BusinessPartyStatusEnum) => {
-  switch (status) {
-    case BusinessPartyStatusEnum.Prospect:
-      return 'bg-blue-100 text-blue-800 border-blue-200'
-    case BusinessPartyStatusEnum.Active:
-      return 'bg-green-100 text-green-800 border-green-200'
-    case BusinessPartyStatusEnum.Inactive:
-      return 'bg-gray-100 text-gray-800 border-gray-200'
-    case BusinessPartyStatusEnum.Blocked:
-      return 'bg-red-100 text-red-800 border-red-200'
-    default:
-      return 'bg-gray-100 text-gray-800 border-gray-200'
-  }
-}
-
-export const getCustomerSegmentColor = (segment: CustomerSegmentEnum) => {
-  switch (segment) {
-    case CustomerSegmentEnum.Enterprise:
-      return 'text-purple-600'
-    case CustomerSegmentEnum.SMB:
-      return 'text-blue-600'
-    case CustomerSegmentEnum.Startup:
-      return 'text-green-600'
-    case CustomerSegmentEnum.Government:
-      return 'text-orange-600'
-    default:
-      return 'text-gray-600'
-  }
-}
-
-export const getCustomerSegmentText = (segment: CustomerSegmentEnum) => {
-  switch (segment) {
-    case CustomerSegmentEnum.Enterprise:
-      return 'Kurumsal'
-    case CustomerSegmentEnum.SMB:
-      return 'KOBİ'
-    case CustomerSegmentEnum.Startup:
-      return 'Girişim'
-    case CustomerSegmentEnum.Government:
-      return 'Kamu'
-    default:
-      return 'Diğer'
-  }
-}
-
-export const getLostReasonCategoryText = (category: LostReasonCategoryEnum) => {
-  const categoryLabels = {
-    [LostReasonCategoryEnum.Price]: 'Fiyat',
-    [LostReasonCategoryEnum.Product]: 'Ürün',
-    [LostReasonCategoryEnum.Service]: 'Hizmet',
-    [LostReasonCategoryEnum.Competitor]: 'Rekabet',
-    [LostReasonCategoryEnum.Timing]: 'Zamanlama',
-    [LostReasonCategoryEnum.Budget]: 'Bütçe',
-  }
-  return categoryLabels[category]
-}
-
-export const getLostReasonCategoryColor = (category: LostReasonCategoryEnum) => {
-  const categoryColors = {
-    [LostReasonCategoryEnum.Price]: 'bg-red-100 text-red-800',
-    [LostReasonCategoryEnum.Product]: 'bg-blue-100 text-blue-800',
-    [LostReasonCategoryEnum.Service]: 'bg-green-100 text-green-800',
-    [LostReasonCategoryEnum.Competitor]: 'bg-purple-100 text-purple-800',
-    [LostReasonCategoryEnum.Timing]: 'bg-yellow-100 text-yellow-800',
-    [LostReasonCategoryEnum.Budget]: 'bg-orange-100 text-orange-800',
-  }
-  return categoryColors[category]
-}
-
-export const getActivityTypeText = (type: CrmActivityTypeEnum) => {
-  const typeLabels = {
-    [CrmActivityTypeEnum.Call]: 'Telefon Görüşmesi',
-    [CrmActivityTypeEnum.Email]: 'E-posta',
-    [CrmActivityTypeEnum.Meeting]: 'Toplantı',
-    [CrmActivityTypeEnum.Task]: 'Görev',
-    [CrmActivityTypeEnum.Note]: 'Not',
-    [CrmActivityTypeEnum.Demo]: 'Demo',
-    [CrmActivityTypeEnum.Proposal]: 'Teklif',
-  }
-  return typeLabels[type]
-}
-
-export const getActivityTypeIcon = (type: CrmActivityTypeEnum) => {
-  const typeIcons = {
-    [CrmActivityTypeEnum.Call]: FaPhone,
-    [CrmActivityTypeEnum.Email]: FaEnvelope,
-    [CrmActivityTypeEnum.Meeting]: FaUsers,
-    [CrmActivityTypeEnum.Task]: FaClock,
-    [CrmActivityTypeEnum.Note]: FaEdit,
-    [CrmActivityTypeEnum.Demo]: FaUsers,
-    [CrmActivityTypeEnum.Proposal]: FaFileAlt,
-  }
-  return typeIcons[type]
-}
-
-export const getActivityStatusText = (status: ActivityStatusEnum) => {
-  const statusLabels = {
-    [ActivityStatusEnum.Planned]: 'Planlandı',
-    [ActivityStatusEnum.InProgress]: 'Devam Ediyor',
-    [ActivityStatusEnum.Completed]: 'Tamamlandı',
-    [ActivityStatusEnum.Cancelled]: 'İptal Edildi',
-  }
-  return statusLabels[status]
-}
-
-export const getActivityStatusColor = (status: ActivityStatusEnum) => {
-  const statusColors = {
-    [ActivityStatusEnum.Planned]: 'bg-blue-100 text-blue-800 border-blue-200',
-    [ActivityStatusEnum.InProgress]: 'bg-yellow-100 text-yellow-800 border-yellow-200',
-    [ActivityStatusEnum.Completed]: 'bg-green-100 text-green-800 border-green-200',
-    [ActivityStatusEnum.Cancelled]: 'bg-red-100 text-red-800 border-red-200',
-  }
-  return statusColors[status]
-}
-
-export const getOpportunityStageText = (stage: OpportunityStageEnum) => {
-  const stageLabels = {
-    [OpportunityStageEnum.Qualification]: 'Nitelendirme',
-    [OpportunityStageEnum.NeedsAnalysis]: 'İhtiyaç Analizi',
-    [OpportunityStageEnum.Proposal]: 'Teklif',
-    [OpportunityStageEnum.Negotiation]: 'Müzakere',
-    [OpportunityStageEnum.ClosedWon]: 'Kazanıldı',
-    [OpportunityStageEnum.ClosedLost]: 'Kaybedildi',
-  }
-  return stageLabels[stage]
-}
-
-export const getOpportunityStageColor = (stage: OpportunityStageEnum) => {
-  const stageColors = {
-    [OpportunityStageEnum.Qualification]: 'bg-gray-100 text-gray-800 border-gray-200',
-    [OpportunityStageEnum.NeedsAnalysis]: 'bg-blue-100 text-blue-800 border-blue-200',
-    [OpportunityStageEnum.Proposal]: 'bg-yellow-100 text-yellow-800 border-yellow-200',
-    [OpportunityStageEnum.Negotiation]: 'bg-orange-100 text-orange-800 border-orange-200',
-    [OpportunityStageEnum.ClosedWon]: 'bg-green-100 text-green-800 border-green-200',
-    [OpportunityStageEnum.ClosedLost]: 'bg-red-100 text-red-800 border-red-200',
-  }
-  return stageColors[stage]
-}
-
-export const getOpportunityProbabilityColor = (probability: number) => {
-  if (probability >= 80) return 'text-green-600'
-  if (probability >= 60) return 'text-yellow-600'
-  if (probability >= 40) return 'text-orange-600'
-  return 'text-red-600'
-}
-
-export const getOpportunityLeadSourceText = (source: string) => {
-  const sourceLabels: Record<string, string> = {
-    WEBSITE: 'Web Sitesi',
-    REFERRAL: 'Referans',
-    CAMPAIGN: 'Kampanya',
-    TRADE_SHOW: 'Fuar',
-    COLD_CALL: 'Soğuk Arama',
-    SOCIAL_MEDIA: 'Sosyal Medya',
-    PARTNER: 'Partner',
-  }
-  return sourceLabels[source] || source
-}
-
-export const getSaleOrderStatusText = (status: SaleOrderStatusEnum) => {
-  const statusLabels = {
-    [SaleOrderStatusEnum.Draft]: 'Taslak',
-    [SaleOrderStatusEnum.Confirmed]: 'Onaylandı',
-    [SaleOrderStatusEnum.InProduction]: 'Üretimde',
-    [SaleOrderStatusEnum.Ready]: 'Hazır',
-    [SaleOrderStatusEnum.Shipped]: 'Kargoda',
-    [SaleOrderStatusEnum.Delivered]: 'Teslim Edildi',
-    [SaleOrderStatusEnum.Cancelled]: 'İptal Edildi',
-  }
-  return statusLabels[status]
-}
-
-export const getSaleOrderStatusColor = (status: SaleOrderStatusEnum) => {
-  const statusColors = {
-    [SaleOrderStatusEnum.Draft]: 'bg-gray-100 text-gray-800',
-    [SaleOrderStatusEnum.Confirmed]: 'bg-blue-100 text-blue-800',
-    [SaleOrderStatusEnum.InProduction]: 'bg-yellow-100 text-yellow-800',
-    [SaleOrderStatusEnum.Ready]: 'bg-orange-100 text-orange-800',
-    [SaleOrderStatusEnum.Shipped]: 'bg-purple-100 text-purple-800',
-    [SaleOrderStatusEnum.Delivered]: 'bg-green-100 text-green-800',
-    [SaleOrderStatusEnum.Cancelled]: 'bg-red-100 text-red-800',
-  }
-  return statusColors[status]
-}
-
-export const getSaleOrderItemStatusnfo = (status: SaleOrderItemStatusEnum) => {
-  const statusInfo = {
-    [SaleOrderItemStatusEnum.Pending]: {
-      label: 'Beklemede',
-      color: 'bg-gray-100 text-gray-800',
-      icon: FaClock,
-      iconColor: 'text-gray-500',
-    },
-    [SaleOrderItemStatusEnum.Confirmed]: {
-      label: 'Onaylandı',
-      color: 'bg-blue-100 text-blue-800',
-      icon: FaCheckCircle,
-      iconColor: 'text-blue-500',
-    },
-    [SaleOrderItemStatusEnum.InProduction]: {
-      label: 'Üretimde',
-      color: 'bg-yellow-100 text-yellow-800',
-      icon: FaClock,
-      iconColor: 'text-yellow-500',
-    },
-    [SaleOrderItemStatusEnum.Ready]: {
-      label: 'Hazır',
-      color: 'bg-orange-100 text-orange-800',
-      icon: FaCheckCircle,
-      iconColor: 'text-orange-500',
-    },
-    [SaleOrderItemStatusEnum.Shipped]: {
-      label: 'Kargoda',
-      color: 'bg-purple-100 text-purple-800',
-      icon: FaTruck,
-      iconColor: 'text-purple-500',
-    },
-    [SaleOrderItemStatusEnum.Delivered]: {
-      label: 'Teslim Edildi',
-      color: 'bg-green-100 text-green-800',
-      icon: FaCheckCircle,
-      iconColor: 'text-green-500',
-    },
-  }
-  return statusInfo[status]
-}
-
-export const getBankAccountTypeText = (type: BankAccountTypeEnum) => {
-  const typeLabels = {
-    [BankAccountTypeEnum.Current]: 'Vadesiz',
-    [BankAccountTypeEnum.Deposit]: 'Vadeli',
-    [BankAccountTypeEnum.Credit]: 'Kredi',
-    [BankAccountTypeEnum.Foreign]: 'Döviz',
-  }
-  return typeLabels[type]
-}
-
-export const getBankAccountTypeColor = (type: BankAccountTypeEnum) => {
-  const typeColors = {
-    [BankAccountTypeEnum.Current]: 'bg-blue-100 text-blue-800',
-    [BankAccountTypeEnum.Deposit]: 'bg-green-100 text-green-800',
-    [BankAccountTypeEnum.Credit]: 'bg-orange-100 text-orange-800',
-    [BankAccountTypeEnum.Foreign]: 'bg-purple-100 text-purple-800',
-  }
-  return typeColors[type]
-}
-
-export const getTransactionTypeText = (type: BankTransactionTypeEnum) => {
-  const typeLabels = {
-    [BankTransactionTypeEnum.Deposit]: 'Para Yatırma',
-    [BankTransactionTypeEnum.Withdrawal]: 'Para Çekme',
-    [BankTransactionTypeEnum.Transfer]: 'Transfer',
-    [BankTransactionTypeEnum.EFT]: 'EFT/Havale',
-    [BankTransactionTypeEnum.Fee]: 'Komisyon',
-    [BankTransactionTypeEnum.Interest]: 'Faiz',
-  }
-  return typeLabels[type]
-}
-
-export const getTransactionTypeColor = (type: BankTransactionTypeEnum) => {
-  const typeColors = {
-    [BankTransactionTypeEnum.Deposit]: 'bg-green-100 text-green-800',
-    [BankTransactionTypeEnum.Withdrawal]: 'bg-red-100 text-red-800',
-    [BankTransactionTypeEnum.Transfer]: 'bg-blue-100 text-blue-800',
-    [BankTransactionTypeEnum.EFT]: 'bg-purple-100 text-purple-800',
-    [BankTransactionTypeEnum.Fee]: 'bg-orange-100 text-orange-800',
-    [BankTransactionTypeEnum.Interest]: 'bg-yellow-100 text-yellow-800',
-  }
-  return typeColors[type]
-}
-
-export const getTransactionStatusText = (status: TransactionStatusEnum) => {
-  const statusLabels = {
-    [TransactionStatusEnum.Pending]: 'Bekliyor',
-    [TransactionStatusEnum.Completed]: 'Tamamlandı',
-    [TransactionStatusEnum.Failed]: 'Başarısız',
-    [TransactionStatusEnum.Cancelled]: 'İptal',
-  }
-  return statusLabels[status]
-}
-
-export const getTransactionStatusColor = (status: TransactionStatusEnum) => {
-  const statusColors = {
-    [TransactionStatusEnum.Pending]: 'bg-yellow-100 text-yellow-800',
-    [TransactionStatusEnum.Completed]: 'bg-green-100 text-green-800',
-    [TransactionStatusEnum.Failed]: 'bg-red-100 text-red-800',
-    [TransactionStatusEnum.Cancelled]: 'bg-gray-100 text-gray-800',
-  }
-  return statusColors[status]
-}
-
-export const getFiDocumentTypeText = (type?: FiDocumentTypeEnum) => {
-  if (!type) return ''
-  const typeLabels = {
-    [FiDocumentTypeEnum.Invoice]: 'Fatura',
-    [FiDocumentTypeEnum.Waybill]: 'İrsaliye',
-    [FiDocumentTypeEnum.Receipt]: 'Makbuz',
-    [FiDocumentTypeEnum.Payment]: 'Ödeme',
-    [FiDocumentTypeEnum.BankTransfer]: 'Banka Havalesi',
-    [FiDocumentTypeEnum.CashMovement]: 'Kasa Hareketi',
-    [FiDocumentTypeEnum.Check]: 'Çek',
-    [FiDocumentTypeEnum.PromissoryNote]: 'Senet',
-    [FiDocumentTypeEnum.Other]: 'Diğer',
-  }
-  return typeLabels[type]
-}
-
-export const getFiDocumentTypeColor = (type: FiDocumentTypeEnum) => {
-  const typeColors = {
-    [FiDocumentTypeEnum.Invoice]: 'bg-blue-100 text-blue-800',
-    [FiDocumentTypeEnum.Payment]: 'bg-green-100 text-green-800',
-    [FiDocumentTypeEnum.Receipt]: 'bg-purple-100 text-purple-800',
-    [FiDocumentTypeEnum.Check]: 'bg-yellow-100 text-yellow-800',
-    [FiDocumentTypeEnum.BankTransfer]: 'bg-indigo-100 text-indigo-800',
-    [FiDocumentTypeEnum.CashMovement]: 'bg-orange-100 text-orange-800',
-    [FiDocumentTypeEnum.Waybill]: 'bg-gray-100 text-gray-800',
-    [FiDocumentTypeEnum.PromissoryNote]: 'bg-red-100 text-red-800',
-    [FiDocumentTypeEnum.Other]: 'bg-gray-100 text-gray-800',
-  }
-  return typeColors[type]
-}
-
-export const getCashMovementTypeText = (type: CashMovementTypeEnum) => {
-  return type === CashMovementTypeEnum.Income ? 'Giriş' : 'Çıkış'
-}
-
-export const getCashMovementTypeColor = (type: CashMovementTypeEnum) => {
-  return type === CashMovementTypeEnum.Income
-    ? 'bg-green-100 text-green-800'
-    : 'bg-red-100 text-red-800'
-}
-
-export const getAccountTypeText = (type: AccountTypeEnum) => {
-  const typeLabels = {
-    [AccountTypeEnum.Customer]: 'Müşteri',
-    [AccountTypeEnum.Supplier]: 'Tedarikçi',
-    [AccountTypeEnum.Both]: 'Müşteri/Tedarikçi',
-    [AccountTypeEnum.Other]: 'Diğer',
-  }
-  return typeLabels[type]
-}
-
-export const getAccountTypeColor = (type: AccountTypeEnum) => {
-  const typeColors = {
-    [AccountTypeEnum.Customer]: 'bg-blue-100 text-blue-800',
-    [AccountTypeEnum.Supplier]: 'bg-green-100 text-green-800',
-    [AccountTypeEnum.Both]: 'bg-purple-100 text-purple-800',
-    [AccountTypeEnum.Other]: 'bg-gray-100 text-gray-800',
-  }
-  return typeColors[type]
-}
-
-export const getRiskGroupText = (riskGroup: RiskGroupEnum) => {
-  const riskLabels = {
-    [RiskGroupEnum.Low]: 'Düşük Risk',
-    [RiskGroupEnum.Medium]: 'Orta Risk',
-    [RiskGroupEnum.High]: 'Yüksek Risk',
-    [RiskGroupEnum.Blocked]: 'Blokeli',
-  }
-  return riskLabels[riskGroup]
-}
-
-export const getRiskGroupColor = (riskGroup: RiskGroupEnum) => {
-  const riskColors = {
-    [RiskGroupEnum.Low]: 'bg-green-100 text-green-800',
-    [RiskGroupEnum.Medium]: 'bg-yellow-100 text-yellow-800',
-    [RiskGroupEnum.High]: 'bg-orange-100 text-orange-800',
-    [RiskGroupEnum.Blocked]: 'bg-red-100 text-red-800',
-  }
-  return riskColors[riskGroup]
-}
-
-export const getInvoiceTypeText = (type: InvoiceTypeEnum) => {
-  const typeLabels = {
-    [InvoiceTypeEnum.Sales]: 'Satış',
-    [InvoiceTypeEnum.Purchase]: 'Alış',
-    [InvoiceTypeEnum.Return]: 'İade',
-    [InvoiceTypeEnum.Proforma]: 'Proforma',
-  }
-  return typeLabels[type]
-}
-
-export const getInvoiceTypeColor = (type: InvoiceTypeEnum) => {
-  const typeColors = {
-    [InvoiceTypeEnum.Sales]: 'bg-green-100 text-green-800',
-    [InvoiceTypeEnum.Purchase]: 'bg-blue-100 text-blue-800',
-    [InvoiceTypeEnum.Return]: 'bg-orange-100 text-orange-800',
-    [InvoiceTypeEnum.Proforma]: 'bg-purple-100 text-purple-800',
-  }
-  return typeColors[type]
-}
-
-export const getInvoiceStatusText = (status: InvoiceStatusEnum) => {
-  const statusLabels = {
-    [InvoiceStatusEnum.Draft]: 'Taslak',
-    [InvoiceStatusEnum.Sent]: 'Gönderildi',
-    [InvoiceStatusEnum.Approved]: 'Onaylandı',
-    [InvoiceStatusEnum.Cancelled]: 'İptal',
-  }
-  return statusLabels[status]
-}
-
-export const getInvoiceStatusColor = (status: InvoiceStatusEnum) => {
-  const statusColors = {
-    [InvoiceStatusEnum.Draft]: 'bg-gray-100 text-gray-800',
-    [InvoiceStatusEnum.Sent]: 'bg-blue-100 text-blue-800',
-    [InvoiceStatusEnum.Approved]: 'bg-green-100 text-green-800',
-    [InvoiceStatusEnum.Cancelled]: 'bg-red-100 text-red-800',
-  }
-  return statusColors[status]
-}
-
-export const getPaymentStatusText = (status: PaymentStatusEnum) => {
-  const statusLabels = {
-    [PaymentStatusEnum.Unpaid]: 'Ödenmemiş',
-    [PaymentStatusEnum.PartiallyPaid]: 'Kısmi Ödeme',
-    [PaymentStatusEnum.Paid]: 'Ödenmiş',
-    [PaymentStatusEnum.Overdue]: 'Vadesi Geçmiş',
-  }
-  return statusLabels[status]
-}
-
-export const getPaymentStatusColor = (status: PaymentStatusEnum) => {
-  const statusColors = {
-    [PaymentStatusEnum.Unpaid]: 'bg-yellow-100 text-yellow-800',
-    [PaymentStatusEnum.PartiallyPaid]: 'bg-orange-100 text-orange-800',
-    [PaymentStatusEnum.Paid]: 'bg-green-100 text-green-800',
-    [PaymentStatusEnum.Overdue]: 'bg-red-100 text-red-800',
-  }
-  return statusColors[status]
-}
-
-export const getPaymentMethodText = (method: PaymentMethodEnum) => {
-  const labels = {
-    [PaymentMethodEnum.Cash]: 'Nakit',
-    [PaymentMethodEnum.BankTransfer]: 'Banka Havalesi',
-    [PaymentMethodEnum.CreditCard]: 'Kredi Kartı',
-    [PaymentMethodEnum.Check]: 'Çek',
-    [PaymentMethodEnum.PromissoryNote]: 'Senet',
-  }
-  return labels[method]
-}
-
-export const getWaybillTypeColor = (type: WaybillTypeEnum) => {
-  const typeColors = {
-    [WaybillTypeEnum.Outgoing]: 'bg-green-100 text-green-800',
-    [WaybillTypeEnum.Incoming]: 'bg-blue-100 text-blue-800',
-    [WaybillTypeEnum.Transfer]: 'bg-purple-100 text-purple-800',
-    [WaybillTypeEnum.Return]: 'bg-orange-100 text-orange-800',
-  }
-  return typeColors[type]
-}
-
-export const iconOptions = [
-  { value: '⭐', label: 'Yıldız' },
-  { value: '🏆', label: 'Kupa' },
-  { value: '🥇', label: 'Altın Madalya' },
-  { value: '🥈', label: 'Gümüş Madalya' },
-  { value: '🥉', label: 'Bronz Madalya' },
-  { value: '👑', label: 'Taç' },
-  { value: '💎', label: 'Elmas' },
-  { value: '💡', label: 'Ampul' },
-  { value: '🔥', label: 'Ateş' },
-  { value: '⚡', label: 'Şimşek' },
-  { value: '🎯', label: 'Hedef' },
-  { value: '📈', label: 'Grafik' },
-  { value: '🚀', label: 'Roket' },
-  { value: '💪', label: 'Güç' },
-  { value: '❤️', label: 'Kalp' },
-]
-
-export const getIconComponent = (iconName: string) => {
-  switch (iconName) {
-    case 'star':
-      return FaStar
-    case 'trophy':
-      return FaTrophy
-    case 'medal':
-      return FaMedal
-    case 'award':
-    default:
-      return FaAward
-  }
-}
-
-export const getCostCenterTypeText = (type: CostCenterType): string => {
-  const typeMap = {
-    [CostCenterType.Revenue]: 'Gelir',
-    [CostCenterType.Standard]: 'Standart',
-    [CostCenterType.Discretionary]: 'İsteğe Bağlı',
-    [CostCenterType.Investment]: 'Yatırım',
-    [CostCenterType.Service]: 'Hizmet',
-    [CostCenterType.Production]: 'Üretim',
-    [CostCenterType.Support]: 'Destek',
-    [CostCenterType.Administrative]: 'İdari',
-  }
-  return typeMap[type] || type
-}
-
-export const getCostCenterTypeColor = (type: CostCenterType): string => {
-  const colorMap = {
-    [CostCenterType.Revenue]: 'bg-green-100 text-green-800',
-    [CostCenterType.Standard]: 'bg-blue-100 text-blue-800',
-    [CostCenterType.Discretionary]: 'bg-purple-100 text-purple-800',
-    [CostCenterType.Investment]: 'bg-orange-100 text-orange-800',
-    [CostCenterType.Service]: 'bg-indigo-100 text-indigo-800',
-    [CostCenterType.Production]: 'bg-red-100 text-red-800',
-    [CostCenterType.Support]: 'bg-yellow-100 text-yellow-800',
-    [CostCenterType.Administrative]: 'bg-gray-100 text-gray-800',
-  }
-  return colorMap[type] || 'bg-gray-100 text-gray-800'
-}
-
-export const getCampaignStatusColor = (status: CampaignStatusEnum) => {
-  switch (status) {
-    case CampaignStatusEnum.Draft:
-      return 'bg-gray-100 text-gray-800'
-    case CampaignStatusEnum.Active:
-      return 'bg-green-100 text-green-800'
-    case CampaignStatusEnum.Completed:
-      return 'bg-blue-100 text-blue-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getCampaignStatusText = (status: CampaignStatusEnum) => {
-  switch (status) {
-    case CampaignStatusEnum.Draft:
-      return 'Taslak'
-    case CampaignStatusEnum.Active:
-      return 'Aktif'
-    case CampaignStatusEnum.Completed:
-      return 'Tamamlandı'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getAssessorTypeText = (type: AssessorTypeEnum) => {
-  switch (type) {
-    case AssessorTypeEnum.Self:
-      return 'Kendi'
-    case AssessorTypeEnum.Manager:
-      return 'Yönetici'
-    case AssessorTypeEnum.Peer:
-      return 'Meslektaş'
-    case AssessorTypeEnum.Subordinate:
-      return 'Ast'
-    case AssessorTypeEnum.Customer:
-      return 'Müşteri'
-    case AssessorTypeEnum.OtherDepartment:
-      return 'Diğer Departman'
-    case AssessorTypeEnum.HRUpperManagement:
-      return 'İK/Üst Yönetim'
-    case AssessorTypeEnum.External:
-      return 'Dış Paydaş'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getAssessorTypeDescription = (type: AssessorTypeEnum) => {
-  switch (type) {
-    case AssessorTypeEnum.Self:
-      return 'Sadece kendisi'
-    case AssessorTypeEnum.Manager:
-      return 'Sadece çalıştığı departmanın müdürü'
-    case AssessorTypeEnum.Peer:
-      return 'Sadece aynı departmanda çalıştığı eşit düzeydeki çalışanlar'
-    case AssessorTypeEnum.Subordinate:
-      return 'Aynı departmanda ama düzeyi değerlendirilen kişinin altında olan'
-    case AssessorTypeEnum.Customer:
-      return 'Sistemde kayıtlı müşterilerden seçilecek'
-    case AssessorTypeEnum.External:
-      return 'Sistemde kayıtlı olmayan harici değerlendirici'
-    case AssessorTypeEnum.HRUpperManagement:
-      return 'Sadece İK departmanında bir kişi seçilmeli'
-    case AssessorTypeEnum.OtherDepartment:
-      return 'Değerlendirilen kişinin çalıştığı departman dışında kalan tüm departman çalışanları'
-    default:
-      return ''
-  }
-}
-
-export const getParticipantStatusColor = (status: ParticipantStatusEnum) => {
-  switch (status) {
-    case ParticipantStatusEnum.Invited:
-      return 'bg-yellow-100 text-yellow-800'
-    case ParticipantStatusEnum.Started:
-      return 'bg-blue-100 text-blue-800'
-    case ParticipantStatusEnum.Completed:
-      return 'bg-green-100 text-green-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getParticipantStatusText = (status: ParticipantStatusEnum) => {
-  switch (status) {
-    case ParticipantStatusEnum.Invited:
-      return 'Davet Edildi'
-    case ParticipantStatusEnum.Started:
-      return 'Başladı'
-    case ParticipantStatusEnum.Completed:
-      return 'Tamamlandı'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getEmployeeStatusText = (status: EmployeeStatusEnum) => {
-  switch (status) {
-    case EmployeeStatusEnum.Active:
-      return 'Aktif'
-    case EmployeeStatusEnum.Inactive:
-      return 'Pasif'
-    case EmployeeStatusEnum.OnLeave:
-      return 'İzinli'
-    case EmployeeStatusEnum.Suspended:
-      return 'Askıda'
-    case EmployeeStatusEnum.Terminated:
-      return 'İşten Çıkarılmış'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getEmployeeStatusColor = (status: EmployeeStatusEnum) => {
-  switch (status) {
-    case EmployeeStatusEnum.Active:
-      return 'bg-green-100 text-green-800'
-    case EmployeeStatusEnum.Inactive:
-      return 'bg-gray-100 text-gray-800'
-    case EmployeeStatusEnum.OnLeave:
-      return 'bg-yellow-100 text-yellow-800'
-    case EmployeeStatusEnum.Suspended:
-      return 'bg-red-100 text-red-800'
-    case EmployeeStatusEnum.Terminated:
-      return 'bg-red-100 text-red-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getEmployeeStatusIcon = (status: EmployeeStatusEnum) => {
-  switch (status) {
-    case EmployeeStatusEnum.Active:
-      return <FaCheckCircle size={14} />
-    case EmployeeStatusEnum.Inactive:
-      return <FaClock size={14} />
-    case EmployeeStatusEnum.OnLeave:
-      return <FaCalendar size={14} />
-    case EmployeeStatusEnum.Suspended:
-      return <FaExclamationTriangle size={14} />
-    case EmployeeStatusEnum.Terminated:
-      return <FaExclamationTriangle size={14} />
-    default:
-      return <FaUsers size={14} />
-  }
-}
-
-export const getEmploymentTypeColor = (type: EmploymentTypeEnum) => {
-  switch (type) {
-    case EmploymentTypeEnum.FullTime:
-      return 'text-green-600'
-    case EmploymentTypeEnum.PartTime:
-      return 'text-blue-600'
-    case EmploymentTypeEnum.Contract:
-      return 'text-orange-600'
-    case EmploymentTypeEnum.Temporary:
-      return 'text-yellow-600'
-    case EmploymentTypeEnum.Intern:
-      return 'text-purple-600'
-    case EmploymentTypeEnum.Consultant:
-      return 'text-red-600'
-    default:
-      return 'text-gray-600'
-  }
-}
-
-export const getEmploymentTypeText = (type: EmploymentTypeEnum) => {
-  switch (type) {
-    case EmploymentTypeEnum.FullTime:
-      return 'Tam Zamanlı'
-    case EmploymentTypeEnum.PartTime:
-      return 'Yarı Zamanlı'
-    case EmploymentTypeEnum.Contract:
-      return 'Sözleşmeli'
-    case EmploymentTypeEnum.Temporary:
-      return 'Geçici'
-    case EmploymentTypeEnum.Intern:
-      return 'Stajyer'
-    case EmploymentTypeEnum.Consultant:
-      return 'Danışman'
-    default:
-      return 'Belirtilmemiş'
-  }
-}
-
-export const getJobLevelText = (level: JobLevelEnum) => {
-  switch (level) {
-    case JobLevelEnum.Entry:
-      return 'Giriş Seviyesi'
-    case JobLevelEnum.Junior:
-      return 'Junior'
-    case JobLevelEnum.Mid:
-      return 'Orta Seviye'
-    case JobLevelEnum.Senior:
-      return 'Senior'
-    case JobLevelEnum.Lead:
-      return 'Lider'
-    case JobLevelEnum.Manager:
-      return 'Yönetici'
-    case JobLevelEnum.Director:
-      return 'Direktör'
-    case JobLevelEnum.Executive:
-      return 'Üst Düzey Yönetici'
-    default:
-      return 'Belirlenmemiş'
-  }
-}
-
-export const getJobLevelColor = (level: JobLevelEnum) => {
-  switch (level) {
-    case JobLevelEnum.Entry:
-      return 'bg-gray-100 text-gray-800'
-    case JobLevelEnum.Junior:
-      return 'bg-blue-100 text-blue-800'
-    case JobLevelEnum.Mid:
-      return 'bg-green-100 text-green-800'
-    case JobLevelEnum.Senior:
-      return 'bg-purple-100 text-purple-800'
-    case JobLevelEnum.Lead:
-      return 'bg-orange-100 text-orange-800'
-    case JobLevelEnum.Manager:
-      return 'bg-red-100 text-red-800'
-    case JobLevelEnum.Director:
-      return 'bg-indigo-100 text-indigo-800'
-    case JobLevelEnum.Executive:
-      return 'bg-pink-100 text-pink-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getLeaveStatusColor = (status: LeaveStatusEnum) => {
-  switch (status) {
-    case LeaveStatusEnum.Pending:
-      return 'bg-yellow-100 text-yellow-800'
-    case LeaveStatusEnum.Approved:
-      return 'bg-green-100 text-green-800'
-    case LeaveStatusEnum.Rejected:
-      return 'bg-red-100 text-red-800'
-    case LeaveStatusEnum.Cancelled:
-      return 'bg-gray-100 text-gray-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getLeaveStatusText = (status: LeaveStatusEnum) => {
-  switch (status) {
-    case LeaveStatusEnum.Pending:
-      return 'Beklemede'
-    case LeaveStatusEnum.Approved:
-      return 'Onaylandı'
-    case LeaveStatusEnum.Rejected:
-      return 'Reddedildi'
-    case LeaveStatusEnum.Cancelled:
-      return 'İptal Edildi'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getLeaveTypeText = (type: LeaveTypeEnum) => {
-  switch (type) {
-    case LeaveTypeEnum.Annual:
-      return 'Yıllık İzin'
-    case LeaveTypeEnum.Sick:
-      return 'Hastalık İzni'
-    case LeaveTypeEnum.Maternity:
-      return 'Doğum İzni'
-    case LeaveTypeEnum.Paternity:
-      return 'Babalık İzni'
-    case LeaveTypeEnum.Personal:
-      return 'Kişisel İzin'
-    case LeaveTypeEnum.Emergency:
-      return 'Acil Durum İzni'
-    case LeaveTypeEnum.Study:
-      return 'Eğitim İzni'
-    case LeaveTypeEnum.Unpaid:
-      return 'Ücretsiz İzin'
-    default:
-      return 'Diğer'
-  }
-}
-
-export const getPayrollStatusColor = (status: PayrollStatusEnum) => {
-  switch (status) {
-    case PayrollStatusEnum.Draft:
-      return 'bg-gray-100 text-gray-800'
-    case PayrollStatusEnum.Calculated:
-      return 'bg-blue-100 text-blue-800'
-    case PayrollStatusEnum.Approved:
-      return 'bg-green-100 text-green-800'
-    case PayrollStatusEnum.Paid:
-      return 'bg-purple-100 text-purple-800'
-    case PayrollStatusEnum.Cancelled:
-      return 'bg-red-100 text-red-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getPayrollStatusText = (status: PayrollStatusEnum) => {
-  switch (status) {
-    case PayrollStatusEnum.Draft:
-      return 'Taslak'
-    case PayrollStatusEnum.Calculated:
-      return 'Hesaplandı'
-    case PayrollStatusEnum.Approved:
-      return 'Onaylandı'
-    case PayrollStatusEnum.Paid:
-      return 'Ödendi'
-    case PayrollStatusEnum.Cancelled:
-      return 'İptal Edildi'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getNotificationStatusColor = (status: NotificationStatusEnum) => {
-  const colors = {
-    [NotificationStatusEnum.Open]: 'bg-gray-100 text-gray-800',
-    [NotificationStatusEnum.Assigned]: 'bg-blue-100 text-blue-800',
-    [NotificationStatusEnum.InProgress]: 'bg-orange-100 text-orange-800',
-    [NotificationStatusEnum.Resolved]: 'bg-green-100 text-green-800',
-    [NotificationStatusEnum.Closed]: 'bg-gray-100 text-gray-800',
-    [NotificationStatusEnum.Rejected]: 'bg-red-100 text-red-800',
-  }
-  return colors[status]
-}
-
-export const getNotificationStatusIcon = (status: NotificationStatusEnum) => {
-  const icons = {
-    [NotificationStatusEnum.Open]: <FaExclamationTriangle className="w-4 h-4" />,
-    [NotificationStatusEnum.Assigned]: <FaUser className="w-4 h-4" />,
-    [NotificationStatusEnum.InProgress]: <FaClock className="w-4 h-4" />,
-    [NotificationStatusEnum.Resolved]: <FaCheckCircle className="w-4 h-4" />,
-    [NotificationStatusEnum.Closed]: <FaTimesCircle className="w-4 h-4" />,
-    [NotificationStatusEnum.Rejected]: <FaTimesCircle className="w-4 h-4" />,
-  }
-  return icons[status]
-}
-
-export const getNotificationStatusText = (status: NotificationStatusEnum) => {
-  const statuses = {
-    [NotificationStatusEnum.Open]: 'Açık',
-    [NotificationStatusEnum.Assigned]: 'Atandı',
-    [NotificationStatusEnum.InProgress]: 'Devam Ediyor',
-    [NotificationStatusEnum.Resolved]: 'Çözüldü',
-    [NotificationStatusEnum.Closed]: 'Kapatıldı',
-    [NotificationStatusEnum.Rejected]: 'Reddedildi',
-  }
-  return statuses[status]
-}
-
-export const getWorkOrderStatusText = (status: WorkOrderStatusEnum) => {
-  const statuses = {
-    [WorkOrderStatusEnum.Created]: 'Oluşturuldu',
-    [WorkOrderStatusEnum.Planned]: 'Planlandı',
-    [WorkOrderStatusEnum.Released]: 'Serbest Bırakıldı',
-    [WorkOrderStatusEnum.InProgress]: 'Devam Ediyor',
-    [WorkOrderStatusEnum.OnHold]: 'Beklemede',
-    [WorkOrderStatusEnum.Completed]: 'Tamamlandı',
-    [WorkOrderStatusEnum.Cancelled]: 'İptal Edildi',
-  }
-  return statuses[status]
-}
-
-export const getWorkOrderStatusColor = (status: WorkOrderStatusEnum) => {
-  const colors = {
-    [WorkOrderStatusEnum.Created]: 'bg-gray-100 text-gray-800',
-    [WorkOrderStatusEnum.Planned]: 'bg-blue-100 text-blue-800',
-    [WorkOrderStatusEnum.Released]: 'bg-purple-100 text-purple-800',
-    [WorkOrderStatusEnum.InProgress]: 'bg-orange-100 text-orange-800',
-    [WorkOrderStatusEnum.OnHold]: 'bg-yellow-100 text-yellow-800',
-    [WorkOrderStatusEnum.Completed]: 'bg-green-100 text-green-800',
-    [WorkOrderStatusEnum.Cancelled]: 'bg-red-100 text-red-800',
-  }
-  return colors[status]
-}
-
-export const getWorkOrderStatusIcon = (status: WorkOrderStatusEnum) => {
-  const icons = {
-    [WorkOrderStatusEnum.Created]: null,
-    [WorkOrderStatusEnum.Planned]: null,
-    [WorkOrderStatusEnum.Released]: null,
-    [WorkOrderStatusEnum.InProgress]: <FaCheck className="w-4 h-4" />,
-    [WorkOrderStatusEnum.OnHold]: <FaPause className="w-4 h-4" />,
-    [WorkOrderStatusEnum.Completed]: <FaCheck className="w-4 h-4" />,
-    [WorkOrderStatusEnum.Cancelled]: <FaTimesCircle className="w-4 h-4" />,
-  }
-  return icons[status]
-}
-
-export const getFaultTypeText = (type: FaultTypeEnum) => {
-  const types = {
-    [FaultTypeEnum.Mechanical]: 'Mekanik',
-    [FaultTypeEnum.Electrical]: 'Elektrik',
-    [FaultTypeEnum.Hydraulic]: 'Hidrolik',
-    [FaultTypeEnum.Pneumatic]: 'Pnömatik',
-    [FaultTypeEnum.Software]: 'Yazılım',
-    [FaultTypeEnum.Safety]: 'Güvenlik',
-    [FaultTypeEnum.Performance]: 'Performans',
-    [FaultTypeEnum.Other]: 'Diğer',
-  }
-  return types[type]
-}
-
-export const getFaultTypeColor = (type: FaultTypeEnum) => {
-  const colors = {
-    [FaultTypeEnum.Mechanical]: 'bg-blue-100 text-blue-800',
-    [FaultTypeEnum.Electrical]: 'bg-yellow-100 text-yellow-800',
-    [FaultTypeEnum.Hydraulic]: 'bg-green-100 text-green-800',
-    [FaultTypeEnum.Pneumatic]: 'bg-purple-100 text-purple-800',
-    [FaultTypeEnum.Software]: 'bg-indigo-100 text-indigo-800',
-    [FaultTypeEnum.Safety]: 'bg-red-100 text-red-800',
-    [FaultTypeEnum.Performance]: 'bg-orange-100 text-orange-800',
-    [FaultTypeEnum.Other]: 'bg-gray-100 text-gray-800',
-  }
-  return colors[type]
-}
-
-export const getCriticalityLevelText = (criticality: CriticalityLevelEnum) => {
-  const levels = {
-    [CriticalityLevelEnum.Low]: 'Düşük',
-    [CriticalityLevelEnum.Medium]: 'Orta',
-    [CriticalityLevelEnum.High]: 'Yüksek',
-    [CriticalityLevelEnum.Critical]: 'Kritik',
-  }
-  return levels[criticality]
-}
-
-export const getCriticalityLevelColor = (severity: CriticalityLevelEnum) => {
-  const colors = {
-    [CriticalityLevelEnum.Low]: 'border-l-blue-500',
-    [CriticalityLevelEnum.Medium]: 'border-l-yellow-500',
-    [CriticalityLevelEnum.High]: 'border-l-orange-500',
-    [CriticalityLevelEnum.Critical]: 'border-l-red-500',
-  }
-  return colors[severity]
-}
-
-export const getMaintenancePlanTypeText = (type: MaintenancePlanTypeEnum) => {
-  const types = {
-    [MaintenancePlanTypeEnum.Preventive]: 'Önleyici',
-    [MaintenancePlanTypeEnum.Corrective]: 'Düzeltici',
-    [MaintenancePlanTypeEnum.Predictive]: 'Tahminsel',
-    [MaintenancePlanTypeEnum.Condition]: 'Duruma Bağlı',
-  }
-  return types[type]
-}
-
-export const getMaintenancePlanTypeColor = (type: MaintenancePlanTypeEnum) => {
-  const colors = {
-    [MaintenancePlanTypeEnum.Preventive]: 'bg-green-100 text-green-800',
-    [MaintenancePlanTypeEnum.Corrective]: 'bg-red-100 text-red-800',
-    [MaintenancePlanTypeEnum.Predictive]: 'bg-blue-100 text-blue-800',
-    [MaintenancePlanTypeEnum.Condition]: 'bg-yellow-100 text-yellow-800',
-  }
-  return colors[type]
-}
-
-export const getFrequencyUnitText = (unit: FrequencyUnitEnum) => {
-  const units = {
-    [FrequencyUnitEnum.Days]: 'Günlük',
-    [FrequencyUnitEnum.Weeks]: 'Haftalık',
-    [FrequencyUnitEnum.Months]: 'Aylık',
-    [FrequencyUnitEnum.Years]: 'Yıllık',
-    [FrequencyUnitEnum.Hours]: 'Saatlik',
-    [FrequencyUnitEnum.Cycles]: 'Döngü',
-  }
-
-  return units[unit]
-}
-
-export const getFrequencyUnitTextByFrequency = (frequency: number, unit: FrequencyUnitEnum) => {
-  const units = {
-    [FrequencyUnitEnum.Days]: 'Günlük',
-    [FrequencyUnitEnum.Weeks]: 'Haftalık',
-    [FrequencyUnitEnum.Months]: 'Aylık',
-    [FrequencyUnitEnum.Years]: 'Yıllık',
-    [FrequencyUnitEnum.Hours]: 'Saatlik',
-    [FrequencyUnitEnum.Cycles]: 'Döngü',
-  }
-
-  return frequency === 1 ? units[unit] : `${frequency} ${units[unit]}`
-}
-
-export const getTeamRoleText = (role: TeamRoleEnum) => {
-  const roles = {
-    [TeamRoleEnum.Member]: 'Üye',
-    [TeamRoleEnum.Specialist]: 'Uzman',
-    [TeamRoleEnum.Lead]: 'Lider',
-    [TeamRoleEnum.Manager]: 'Yönetici',
-  }
-  return roles[role]
-}
-
-export const getTeamRoleColor = (role: TeamRoleEnum) => {
-  const colors = {
-    [TeamRoleEnum.Member]: 'bg-blue-100 text-blue-800',
-    [TeamRoleEnum.Specialist]: 'bg-green-100 text-green-800',
-    [TeamRoleEnum.Lead]: 'bg-purple-100 text-purple-800',
-    [TeamRoleEnum.Manager]: 'bg-red-100 text-red-800',
-  }
-  return colors[role]
-}
-
-export const getTeamRoleIcon = (role: TeamRoleEnum) => {
-  const icons = {
-    [TeamRoleEnum.Member]: <FaUser className="w-3 h-3" />,
-    [TeamRoleEnum.Specialist]: <FaStar className="w-3 h-3" />,
-    [TeamRoleEnum.Lead]: <FaAward className="w-3 h-3" />,
-    [TeamRoleEnum.Manager]: <FaUserTie className="w-3 h-3" />,
-  }
-  return icons[role]
-}
-
-export const getWorkOrderTypeText = (type: WorkOrderTypeEnum) => {
-  const types = {
-    [WorkOrderTypeEnum.Preventive]: 'Önleyici',
-    [WorkOrderTypeEnum.Corrective]: 'Düzeltici',
-    [WorkOrderTypeEnum.Emergency]: 'Acil',
-    [WorkOrderTypeEnum.Inspection]: 'İnceleme',
-    [WorkOrderTypeEnum.Calibration]: 'Kalibrasyon',
-  }
-  return types[type]
-}
-
-export const getWorkOrderTypeColor = (type: WorkOrderTypeEnum) => {
-  const colors = {
-    [WorkOrderTypeEnum.Preventive]: 'bg-green-100 text-green-800',
-    [WorkOrderTypeEnum.Corrective]: 'bg-blue-100 text-blue-800',
-    [WorkOrderTypeEnum.Emergency]: 'bg-red-100 text-red-800',
-    [WorkOrderTypeEnum.Inspection]: 'bg-purple-100 text-purple-800',
-    [WorkOrderTypeEnum.Calibration]: 'bg-yellow-100 text-yellow-800',
-  }
-  return colors[type]
-}
-
-export const getWorkCenterStatusText = (status: WorkCenterStatusEnum) => {
-  const statuses = {
-    [WorkCenterStatusEnum.Operational]: 'Operasyonel',
-    [WorkCenterStatusEnum.UnderMaintenance]: 'Bakımda',
-    [WorkCenterStatusEnum.OutOfOrder]: 'Arızalı',
-    [WorkCenterStatusEnum.Retired]: 'Emekli',
-  }
-  return statuses[status]
-}
-
-export const getWorkCenterStatusColor = (status: WorkCenterStatusEnum) => {
-  const colors = {
-    [WorkCenterStatusEnum.Operational]: 'bg-green-100 text-green-800',
-    [WorkCenterStatusEnum.UnderMaintenance]: 'bg-yellow-100 text-yellow-800',
-    [WorkCenterStatusEnum.OutOfOrder]: 'bg-red-100 text-red-800',
-    [WorkCenterStatusEnum.Retired]: 'bg-gray-100 text-gray-800',
-  }
-  return colors[status]
-}
-
-export const getWorkCenterStatusIcon = (status: WorkCenterStatusEnum) => {
-  switch (status) {
-    case WorkCenterStatusEnum.Operational:
-      return <FaCheckCircle size={14} />
-    case WorkCenterStatusEnum.UnderMaintenance:
-      return <FaWrench size={14} />
-    case WorkCenterStatusEnum.OutOfOrder:
-      return <FaExclamationTriangle size={14} />
-    case WorkCenterStatusEnum.Retired:
-      return <FaClock size={14} />
-    default:
-      return <FaCog size={14} />
-  }
-}
-
-export const getRequirementSourceTypeText = (sourceType: RequirementSourceTypeEnum) => {
-  const sourceLabels = {
-    [RequirementSourceTypeEnum.SalesOrder]: 'Satış Siparişi',
-    [RequirementSourceTypeEnum.Forecast]: 'Tahmin',
-    [RequirementSourceTypeEnum.SafetyStock]: 'Güvenlik Stoku',
-    [RequirementSourceTypeEnum.ProductionOrder]: 'Üretim Emri',
-  }
-  return sourceLabels[sourceType]
-}
-
-export const getRequirementSourceTypeColor = (sourceType: RequirementSourceTypeEnum) => {
-  const sourceColors = {
-    [RequirementSourceTypeEnum.SalesOrder]: 'bg-blue-100 text-blue-800',
-    [RequirementSourceTypeEnum.Forecast]: 'bg-green-100 text-green-800',
-    [RequirementSourceTypeEnum.SafetyStock]: 'bg-orange-100 text-orange-800',
-    [RequirementSourceTypeEnum.ProductionOrder]: 'bg-purple-100 text-purple-800',
-  }
-  return sourceColors[sourceType]
-}
-
-export const getProductionOrderStatusColor = (status: ProductionOrderStatusEnum) => {
-  switch (status) {
-    case ProductionOrderStatusEnum.Created:
-      return 'bg-gray-100 text-gray-800'
-    case ProductionOrderStatusEnum.Released:
-      return 'bg-blue-100 text-blue-800'
-    case ProductionOrderStatusEnum.InProgress:
-      return 'bg-yellow-100 text-yellow-800'
-    case ProductionOrderStatusEnum.Completed:
-      return 'bg-green-100 text-green-800'
-    case ProductionOrderStatusEnum.Cancelled:
-      return 'bg-red-100 text-red-800'
-    case ProductionOrderStatusEnum.OnHold:
-      return 'bg-orange-100 text-orange-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getProductionOrderStatusText = (status: ProductionOrderStatusEnum) => {
-  switch (status) {
-    case ProductionOrderStatusEnum.Created:
-      return 'Oluşturuldu'
-    case ProductionOrderStatusEnum.Released:
-      return 'Serbest Bırakıldı'
-    case ProductionOrderStatusEnum.InProgress:
-      return 'Devam Ediyor'
-    case ProductionOrderStatusEnum.Completed:
-      return 'Tamamlandı'
-    case ProductionOrderStatusEnum.Cancelled:
-      return 'İptal Edildi'
-    case ProductionOrderStatusEnum.OnHold:
-      return 'Beklemede'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getProductionOrderStatusIcon = (status: ProductionOrderStatusEnum) => {
-  switch (status) {
-    case ProductionOrderStatusEnum.Created:
-      return <FaClock size={14} />
-    case ProductionOrderStatusEnum.Released:
-      return <FaPlay size={14} />
-    case ProductionOrderStatusEnum.InProgress:
-      return <FaCog size={14} />
-    case ProductionOrderStatusEnum.Completed:
-      return <FaCheckCircle size={14} />
-    case ProductionOrderStatusEnum.Cancelled:
-      return <FaExclamationTriangle size={14} />
-    case ProductionOrderStatusEnum.OnHold:
-      return <FaPause size={14} />
-    default:
-      return <FaIndustry size={14} />
-  }
-}
-
-export const getProgressPercentage = (order: MrpProductionOrder) => {
-  if (order.plannedQuantity === 0) return 0
-  return Math.round((order.confirmedQuantity / order.plannedQuantity) * 100)
-}
-
-export const getProgressColor = (percentage: number) => {
-  if (percentage >= 90) return 'bg-green-500'
-  if (percentage >= 70) return 'bg-blue-500'
-  if (percentage >= 50) return 'bg-yellow-500'
-  if (percentage >= 25) return 'bg-orange-500'
-  return 'bg-red-500'
-}
-
-export const getProductionOrderTypeText = (type: ProductionOrderTypeEnum) => {
-  switch (type) {
-    case ProductionOrderTypeEnum.Standard:
-      return 'Standart'
-    case ProductionOrderTypeEnum.Rework:
-      return 'Yeniden İşleme'
-    case ProductionOrderTypeEnum.Maintenance:
-      return 'Bakım'
-    case ProductionOrderTypeEnum.Sample:
-      return 'Numune'
-    default:
-      return '-'
-  }
-}
-
-export const getRecommendationStatusText = (status: RecommendationStatusEnum) => {
-  const statusLabels = {
-    [RecommendationStatusEnum.Open]: 'Açık',
-    [RecommendationStatusEnum.Implemented]: 'Uygulandı',
-    [RecommendationStatusEnum.Rejected]: 'Reddedildi',
-    [RecommendationStatusEnum.Expired]: 'Süresi Doldu',
-  }
-  return statusLabels[status]
-}
-
-export const getRecommendationStatusColor = (status: RecommendationStatusEnum) => {
-  const statusColors = {
-    [RecommendationStatusEnum.Open]: 'bg-blue-100 text-blue-800',
-    [RecommendationStatusEnum.Implemented]: 'bg-green-100 text-green-800',
-    [RecommendationStatusEnum.Rejected]: 'bg-red-100 text-red-800',
-    [RecommendationStatusEnum.Expired]: 'bg-gray-100 text-gray-800',
-  }
-  return statusColors[status]
-}
-
-export const getPsActivityTypeText = (type: PsActivityTypeEnum): string => {
-  const labels: Record<PsActivityTypeEnum, string> = {
-    [PsActivityTypeEnum.WorkLog]: 'İş Kaydı',
-    [PsActivityTypeEnum.StatusUpdate]: 'Durum Güncelleme',
-    [PsActivityTypeEnum.Issue]: 'Sorun',
-    [PsActivityTypeEnum.Meeting]: 'Toplantı',
-    [PsActivityTypeEnum.Review]: 'İnceleme',
-    [PsActivityTypeEnum.TaskCreated]: 'Görev Oluşturma',
-    [PsActivityTypeEnum.TaskUpdated]: 'Görev Güncelleme',
-    [PsActivityTypeEnum.TaskCompleted]: 'Görev Tamamlama',
-    [PsActivityTypeEnum.CommentAdded]: 'Yorum Ekleme',
-    [PsActivityTypeEnum.FileUploaded]: 'Dosya Yükleme',
-    [PsActivityTypeEnum.StatusChanged]: 'Durum Değişikliği',
-    [PsActivityTypeEnum.AssignmentChanged]: 'Atama Değişikliği',
-    [PsActivityTypeEnum.MeetingScheduled]: 'Toplantı Planlama',
-  }
-  return labels[type] || type
-}
-
-export const getPsActivityTypeIcon = (activityType: PsActivityTypeEnum) => {
-  const icons: Record<PsActivityTypeEnum, React.ComponentType<React.ComponentProps<'svg'>>> = {
-    [PsActivityTypeEnum.WorkLog]: FaFileAlt,
-    [PsActivityTypeEnum.StatusUpdate]: FaCog,
-    [PsActivityTypeEnum.Issue]: FaFlask,
-    [PsActivityTypeEnum.Meeting]: FaVideo,
-    [PsActivityTypeEnum.Review]: FaEye,
-    [PsActivityTypeEnum.TaskCreated]: FaPlus,
-    [PsActivityTypeEnum.TaskUpdated]: FaEdit,
-    [PsActivityTypeEnum.TaskCompleted]: FaCog,
-    [PsActivityTypeEnum.CommentAdded]: FaComment,
-    [PsActivityTypeEnum.FileUploaded]: FaFileAlt,
-    [PsActivityTypeEnum.StatusChanged]: FaCog,
-    [PsActivityTypeEnum.AssignmentChanged]: FaUsers,
-    [PsActivityTypeEnum.MeetingScheduled]: FaVideo,
-  }
-  return icons[activityType] || FaCog
-}
-
-export const getPsActivityTypeColor = (activityType: PsActivityTypeEnum): string => {
-  const colors: Record<PsActivityTypeEnum, string> = {
-    [PsActivityTypeEnum.WorkLog]: 'bg-gray-100 text-gray-800',
-    [PsActivityTypeEnum.StatusUpdate]: 'bg-blue-100 text-blue-800',
-    [PsActivityTypeEnum.Issue]: 'bg-red-100 text-red-800',
-    [PsActivityTypeEnum.Meeting]: 'bg-teal-100 text-teal-800',
-    [PsActivityTypeEnum.Review]: 'bg-purple-100 text-purple-800',
-    [PsActivityTypeEnum.TaskCreated]: 'bg-green-100 text-green-800',
-    [PsActivityTypeEnum.TaskUpdated]: 'bg-blue-100 text-blue-800',
-    [PsActivityTypeEnum.TaskCompleted]: 'bg-purple-100 text-purple-800',
-    [PsActivityTypeEnum.CommentAdded]: 'bg-yellow-100 text-yellow-800',
-    [PsActivityTypeEnum.FileUploaded]: 'bg-indigo-100 text-indigo-800',
-    [PsActivityTypeEnum.StatusChanged]: 'bg-orange-100 text-orange-800',
-    [PsActivityTypeEnum.AssignmentChanged]: 'bg-pink-100 text-pink-800',
-    [PsActivityTypeEnum.MeetingScheduled]: 'bg-teal-100 text-teal-800',
-  }
-  return colors[activityType] || 'bg-gray-100 text-gray-800'
-}
-
-export const getCostTimeTrackingStatusText = (status: ProjectCostTrackingStatus) => {
-  switch (status) {
-    case ProjectCostTrackingStatus.OnTrack:
-      return 'Planında'
-    case ProjectCostTrackingStatus.AtRisk:
-      return 'Risk Altında'
-    case ProjectCostTrackingStatus.Delayed:
-      return 'Gecikmiş'
-    case ProjectCostTrackingStatus.Completed:
-      return 'Tamamlandı'
-    default:
-      return 'Bilinmeyen'
-  }
-}
-
-export const getCostTimeTrackingStatusColor = (status: ProjectCostTrackingStatus) => {
-  switch (status) {
-    case ProjectCostTrackingStatus.OnTrack:
-      return 'bg-green-100 text-green-800'
-    case ProjectCostTrackingStatus.AtRisk:
-      return 'bg-yellow-100 text-yellow-800'
-    case ProjectCostTrackingStatus.Delayed:
-      return 'bg-red-100 text-red-800'
-    case ProjectCostTrackingStatus.Completed:
-      return 'bg-blue-100 text-blue-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getCostTimeTrackingStatusIcon = (status: ProjectCostTrackingStatus) => {
-  switch (status) {
-    case ProjectCostTrackingStatus.OnTrack:
-      return FaCheckCircle
-    case ProjectCostTrackingStatus.AtRisk:
-      return FaExclamationCircle
-    case ProjectCostTrackingStatus.Delayed:
-      return FaExclamationCircle
-    case ProjectCostTrackingStatus.Completed:
-      return FaCheckCircle
-    default:
-      return FaExclamationCircle
-  }
-}
-
-export const getPsDocumentTypeText = (type: PsDocumentTypeEnum): string => {
-  const typeLabels = {
-    [PsDocumentTypeEnum.Specification]: 'Şartname',
-    [PsDocumentTypeEnum.Design]: 'Tasarım',
-    [PsDocumentTypeEnum.Contract]: 'Sözleşme',
-    [PsDocumentTypeEnum.Report]: 'Rapor',
-    [PsDocumentTypeEnum.Manual]: 'Kılavuz',
-    [PsDocumentTypeEnum.Other]: 'Diğer',
-  }
-  return typeLabels[type] || type
-}
-
-export const getPhaseStatusColor = (status: PhaseStatusEnum) => {
-  switch (status) {
-    case PhaseStatusEnum.NotStarted:
-      return 'bg-blue-100 text-blue-800'
-    case PhaseStatusEnum.InProgress:
-      return 'bg-yellow-100 text-yellow-800'
-    case PhaseStatusEnum.Completed:
-      return 'bg-green-100 text-green-800'
-    case PhaseStatusEnum.OnHold:
-      return 'bg-orange-100 text-orange-800'
-    case PhaseStatusEnum.Cancelled:
-      return 'bg-red-100 text-red-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getPhaseStatusText = (status: PhaseStatusEnum) => {
-  switch (status) {
-    case PhaseStatusEnum.NotStarted:
-      return 'Başlamadı'
-    case PhaseStatusEnum.InProgress:
-      return 'Devam Ediyor'
-    case PhaseStatusEnum.Completed:
-      return 'Tamamlandı'
-    case PhaseStatusEnum.OnHold:
-      return 'Beklemede'
-    case PhaseStatusEnum.Cancelled:
-      return 'İptal Edildi'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getPhaseStatusIcon = (status: PhaseStatusEnum) => {
-  switch (status) {
-    case PhaseStatusEnum.NotStarted:
-      return <FaClock className="w-4 h-4" />
-    case PhaseStatusEnum.InProgress:
-      return <FaBolt className="w-4 h-4" />
-    case PhaseStatusEnum.Completed:
-      return <FaCheckCircle className="w-4 h-4" />
-    case PhaseStatusEnum.OnHold:
-      return <FaExclamationTriangle className="w-4 h-4" />
-    case PhaseStatusEnum.Cancelled:
-      return <FaTimesCircle className="w-4 h-4" />
-    default:
-      return <FaClock className="w-4 h-4" />
-  }
-}
-
-export const getProjectStatusText = (status: ProjectStatusEnum) => {
-  switch (status) {
-    case ProjectStatusEnum.Planning:
-      return 'Planlama'
-    case ProjectStatusEnum.Active:
-      return 'Aktif'
-    case ProjectStatusEnum.OnHold:
-      return 'Beklemede'
-    case ProjectStatusEnum.Completed:
-      return 'Tamamlandı'
-    case ProjectStatusEnum.Cancelled:
-      return 'İptal Edildi'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getProjectStatusColor = (status: ProjectStatusEnum) => {
-  switch (status) {
-    case ProjectStatusEnum.Planning:
-      return 'bg-blue-100 text-blue-800 border-blue-200'
-    case ProjectStatusEnum.Active:
-      return 'bg-green-100 text-green-800 border-green-200'
-    case ProjectStatusEnum.OnHold:
-      return 'bg-yellow-100 text-yellow-800 border-yellow-200'
-    case ProjectStatusEnum.Completed:
-      return 'bg-emerald-100 text-emerald-800 border-emerald-200'
-    case ProjectStatusEnum.Cancelled:
-      return 'bg-red-100 text-red-800 border-red-200'
-    default:
-      return 'bg-gray-100 text-gray-800 border-gray-200'
-  }
-}
-
-export const getProjectStatusIcon = (status: ProjectStatusEnum) => {
-  switch (status) {
-    case ProjectStatusEnum.Planning:
-      return <FaClock className="w-4 h-4" />
-    case ProjectStatusEnum.Active:
-      return <FaCheckCircle className="w-4 h-4" />
-    case ProjectStatusEnum.OnHold:
-      return <FaPause className="w-4 h-4" />
-    case ProjectStatusEnum.Completed:
-      return <FaCheckCircle className="w-4 h-4" />
-    case ProjectStatusEnum.Cancelled:
-      return <FaBan className="w-4 h-4" />
-    default:
-      return <FaClock className="w-4 h-4" />
-  }
-}
-
-export const getProjectTypeText = (type: ProjectTypeEnum) => {
-  switch (type) {
-    case ProjectTypeEnum.Internal:
-      return 'İç Proje'
-    case ProjectTypeEnum.Customer:
-      return 'Müşteri Projesi'
-    case ProjectTypeEnum.Research:
-      return 'Ar-Ge Projesi'
-    case ProjectTypeEnum.Maintenance:
-      return 'Bakım Projesi'
-    default:
-      return 'Diğer'
-  }
-}
-
-export const getProjectTypeColor = (type: ProjectTypeEnum) => {
-  switch (type) {
-    case ProjectTypeEnum.Internal:
-      return 'bg-purple-100 text-purple-800 border-purple-200'
-    case ProjectTypeEnum.Customer:
-      return 'bg-blue-100 text-blue-800 border-blue-200'
-    case ProjectTypeEnum.Research:
-      return 'bg-green-100 text-green-800 border-green-200'
-    case ProjectTypeEnum.Maintenance:
-      return 'bg-orange-100 text-orange-800 border-orange-200'
-    default:
-      return 'bg-gray-100 text-gray-800 border-gray-200'
-  }
-}
-
-export const getPhaseCategoryText = (category: PhaseCategoryEnum) => {
-  switch (category) {
-    case PhaseCategoryEnum.Planning:
-      return 'Planlama'
-    case PhaseCategoryEnum.Development:
-      return 'Yürütme'
-    case PhaseCategoryEnum.Testing:
-      return 'İzleme'
-    case PhaseCategoryEnum.Deployment:
-      return 'Kapanış'
-    case PhaseCategoryEnum.Design:
-      return 'Diğer'
-    default:
-      return 'Bilinmeyen'
-  }
-}
-
-export const getPhaseCategoryColor = (category: PhaseCategoryEnum) => {
-  switch (category) {
-    case PhaseCategoryEnum.Planning:
-      return 'bg-purple-100 text-purple-800'
-    case PhaseCategoryEnum.Development:
-      return 'bg-blue-100 text-blue-800'
-    case PhaseCategoryEnum.Testing:
-      return 'bg-orange-100 text-orange-800'
-    case PhaseCategoryEnum.Deployment:
-      return 'bg-green-100 text-green-800'
-    case PhaseCategoryEnum.Design:
-      return 'bg-pink-100 text-pink-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getTaskStatusText = (status: TaskStatusEnum) => {
-  switch (status) {
-    case TaskStatusEnum.NotStarted:
-      return 'Başlanmadı'
-    case TaskStatusEnum.InProgress:
-      return 'Devam Ediyor'
-    case TaskStatusEnum.Completed:
-      return 'Tamamlandı'
-    case TaskStatusEnum.OnHold:
-      return 'Beklemede'
-    case TaskStatusEnum.Cancelled:
-      return 'İptal Edildi'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getTaskStatusColor = (status: TaskStatusEnum) => {
-  switch (status) {
-    case TaskStatusEnum.NotStarted:
-      return 'bg-gray-100 text-gray-800'
-    case TaskStatusEnum.InProgress:
-      return 'bg-blue-100 text-blue-800'
-    case TaskStatusEnum.Completed:
-      return 'bg-green-100 text-green-800'
-    case TaskStatusEnum.OnHold:
-      return 'bg-yellow-100 text-yellow-800'
-    case TaskStatusEnum.Cancelled:
-      return 'bg-red-100 text-red-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getTaskStatusIcon = (status: TaskStatusEnum) => {
-  switch (status) {
-    case TaskStatusEnum.NotStarted:
-      return <FaClock className="w-4 h-4" />
-    case TaskStatusEnum.InProgress:
-      return <FaBullseye className="w-4 h-4" />
-    case TaskStatusEnum.Completed:
-      return <FaCheckCircle className="w-4 h-4" />
-    case TaskStatusEnum.OnHold:
-      return <FaExclamationCircle className="w-4 h-4" />
-    case TaskStatusEnum.Cancelled:
-      return <FaTimesCircle className="w-4 h-4" />
-    default:
-      return <FaClock className="w-4 h-4" />
-  }
-}
-export const getTaskTypeText = (taskType: TaskTypeEnum) => {
-  switch (taskType) {
-    case TaskTypeEnum.Development:
-      return 'Geliştirme'
-    case TaskTypeEnum.Testing:
-      return 'Test'
-    case TaskTypeEnum.Documentation:
-      return 'Dokümantasyon'
-    case TaskTypeEnum.Review:
-      return 'İnceleme'
-    case TaskTypeEnum.Deployment:
-      return 'Dağıtım'
-    case TaskTypeEnum.Meeting:
-      return 'Toplantı'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getTaskTypeColor = (taskType: TaskTypeEnum) => {
-  switch (taskType) {
-    case TaskTypeEnum.Development:
-      return 'bg-purple-100 text-purple-800'
-    case TaskTypeEnum.Testing:
-      return 'bg-green-100 text-green-800'
-    case TaskTypeEnum.Documentation:
-      return 'bg-blue-100 text-blue-800'
-    case TaskTypeEnum.Review:
-      return 'bg-yellow-100 text-yellow-800'
-    case TaskTypeEnum.Deployment:
-      return 'bg-red-100 text-red-800'
-    case TaskTypeEnum.Meeting:
-      return 'bg-gray-100 text-gray-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getRiskCategoryText = (category: RiskCategoryEnum): string => {
-  const labels = {
-    [RiskCategoryEnum.Technical]: 'Teknik',
-    [RiskCategoryEnum.Schedule]: 'Program',
-    [RiskCategoryEnum.Budget]: 'Bütçe',
-    [RiskCategoryEnum.Resource]: 'Kaynak',
-    [RiskCategoryEnum.External]: 'Dış Etken',
-    [RiskCategoryEnum.Quality]: 'Kalite',
-  }
-  return labels[category] || category
-}
-
-export const getRiskProbabilityText = (probability: RiskProbabilityEnum): string => {
-  const labels = {
-    [RiskProbabilityEnum.VeryLow]: 'Çok Düşük',
-    [RiskProbabilityEnum.Low]: 'Düşük',
-    [RiskProbabilityEnum.Medium]: 'Orta',
-    [RiskProbabilityEnum.High]: 'Yüksek',
-    [RiskProbabilityEnum.VeryHigh]: 'Çok Yüksek',
-  }
-  return labels[probability] || probability
-}
-
-export const getRiskImpactText = (impact: RiskImpactEnum): string => {
-  const labels = {
-    [RiskImpactEnum.VeryLow]: 'Çok Düşük',
-    [RiskImpactEnum.Low]: 'Düşük',
-    [RiskImpactEnum.Medium]: 'Orta',
-    [RiskImpactEnum.High]: 'Yüksek',
-    [RiskImpactEnum.VeryHigh]: 'Çok Yüksek',
-  }
-  return labels[impact] || impact
-}
-
-export const getRiskLevelText = (level: RiskLevelEnum): string => {
-  const labels = {
-    [RiskLevelEnum.Low]: 'Düşük',
-    [RiskLevelEnum.Medium]: 'Orta',
-    [RiskLevelEnum.High]: 'Yüksek',
-    [RiskLevelEnum.Critical]: 'Kritik',
-  }
-  return labels[level] || level
-}
-
-export const getRiskLevelColor = (level: RiskLevelEnum): string => {
-  const colors = {
-    [RiskLevelEnum.Low]: 'bg-green-100 text-green-800',
-    [RiskLevelEnum.Medium]: 'bg-yellow-100 text-yellow-800',
-    [RiskLevelEnum.High]: 'bg-orange-100 text-orange-800',
-    [RiskLevelEnum.Critical]: 'bg-red-100 text-red-800',
-  }
-  return colors[level] || 'bg-gray-100 text-gray-800'
-}
-
-export const getRiskStatusText = (status: RiskStatusEnum): string => {
-  const labels = {
-    [RiskStatusEnum.Identified]: 'Tespit Edildi',
-    [RiskStatusEnum.Analyzing]: 'Analiz Ediliyor',
-    [RiskStatusEnum.Mitigating]: 'Önlem Alınıyor',
-    [RiskStatusEnum.Monitoring]: 'İzleniyor',
-    [RiskStatusEnum.Closed]: 'Kapatıldı',
-  }
-  return labels[status] || status
-}
-
-export const getDailyUpdateStatusColor = (status: DailyUpdateStatusEnum) => {
-  switch (status) {
-    case DailyUpdateStatusEnum.Draft:
-      return 'bg-gray-100 text-gray-800'
-    case DailyUpdateStatusEnum.Submitted:
-      return 'bg-blue-100 text-blue-800'
-    case DailyUpdateStatusEnum.Approved:
-      return 'bg-green-100 text-green-800'
-    case DailyUpdateStatusEnum.Rejected:
-      return 'bg-red-100 text-red-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getWorkTypeColor = (workType: WorkTypeEnum) => {
-  const colors = {
-    [WorkTypeEnum.Development]: 'bg-blue-100 text-blue-800',
-    [WorkTypeEnum.Testing]: 'bg-green-100 text-green-800',
-    [WorkTypeEnum.Design]: 'bg-purple-100 text-purple-800',
-    [WorkTypeEnum.Documentation]: 'bg-yellow-100 text-yellow-800',
-    [WorkTypeEnum.Meeting]: 'bg-orange-100 text-orange-800',
-    [WorkTypeEnum.Research]: 'bg-indigo-100 text-indigo-800',
-    [WorkTypeEnum.Debugging]: 'bg-red-100 text-red-800',
-    [WorkTypeEnum.Review]: 'bg-teal-100 text-teal-800',
-    [WorkTypeEnum.Other]: 'bg-gray-100 text-gray-800',
-  }
-  return colors[workType] || 'bg-gray-100 text-gray-800'
-}
-
-export const getDeliveryStatusColor = (status: DeliveryStatusEnum) => {
-  const colors = {
-    [DeliveryStatusEnum.Preparing]: 'bg-gray-100 text-gray-800',
-    [DeliveryStatusEnum.Shipped]: 'bg-blue-100 text-blue-800',
-    [DeliveryStatusEnum.InTransit]: 'bg-indigo-100 text-indigo-800',
-    [DeliveryStatusEnum.OutForDelivery]: 'bg-purple-100 text-purple-800',
-    [DeliveryStatusEnum.Delivered]: 'bg-green-100 text-green-800',
-    [DeliveryStatusEnum.PartiallyDelivered]: 'bg-orange-100 text-orange-800',
-    [DeliveryStatusEnum.Delayed]: 'bg-red-100 text-red-800',
-    [DeliveryStatusEnum.Returned]: 'bg-yellow-100 text-yellow-800',
-    [DeliveryStatusEnum.Cancelled]: 'bg-gray-100 text-gray-800',
-  }
-  return colors[status]
-}
-
-export const getDeliveryStatusIcon = (status: DeliveryStatusEnum) => {
-  const icons = {
-    [DeliveryStatusEnum.Preparing]: <FaBox className="w-4 h-4" />,
-    [DeliveryStatusEnum.Shipped]: <FaTruck className="w-4 h-4" />,
-    [DeliveryStatusEnum.InTransit]: <FaTruck className="w-4 h-4" />,
-    [DeliveryStatusEnum.OutForDelivery]: <FaMapMarkerAlt className="w-4 h-4" />,
-    [DeliveryStatusEnum.Delivered]: <FaCheckCircle className="w-4 h-4" />,
-    [DeliveryStatusEnum.PartiallyDelivered]: <FaExclamationTriangle className="w-4 h-4" />,
-    [DeliveryStatusEnum.Delayed]: <FaClock className="w-4 h-4" />,
-    [DeliveryStatusEnum.Returned]: <FaBox className="w-4 h-4" />,
-    [DeliveryStatusEnum.Cancelled]: <FaExclamationTriangle className="w-4 h-4" />,
-  }
-  return icons[status]
-}
-
-export const getConditionColor = (condition: MmDeliveryItem['condition']) => {
-  const colors = {
-    Good: 'bg-green-100 text-green-800',
-    Damaged: 'bg-red-100 text-red-800',
-    Missing: 'bg-orange-100 text-orange-800',
-  }
-  return colors[condition]
-}
-
-export const getConditionText = (condition: MmDeliveryItem['condition']) => {
-  const texts = {
-    Good: 'İyi',
-    Damaged: 'Hasarlı',
-    Missing: 'Eksik',
-  }
-  return texts[condition]
-}
-
-export const getOrderStatusText = (status: OrderStatusEnum) => {
-  const texts = {
-    [OrderStatusEnum.Draft]: 'Taslak',
-    [OrderStatusEnum.Pending]: 'Beklemede',
-    [OrderStatusEnum.Approved]: 'Onaylandı',
-    [OrderStatusEnum.Sent]: 'Gönderildi',
-    [OrderStatusEnum.Confirmed]: 'Onaylandı',
-    [OrderStatusEnum.PartiallyDelivered]: 'Kısmi Teslim',
-    [OrderStatusEnum.Delivered]: 'Teslim Edildi',
-    [OrderStatusEnum.Completed]: 'Tamamlandı',
-    [OrderStatusEnum.Cancelled]: 'İptal Edildi',
-    [OrderStatusEnum.PartiallyReceived]: 'Kısmi Alındı',
-    [OrderStatusEnum.Received]: 'Alındı',
-    [OrderStatusEnum.Invoiced]: 'Faturalandırıldı',
-    [OrderStatusEnum.Closed]: 'Kapandı',
-  }
-  return texts[status]
-}
-
-export const getOrderStatusColor = (status: OrderStatusEnum) => {
-  const colors = {
-    [OrderStatusEnum.Draft]: 'bg-gray-100 text-gray-800',
-    [OrderStatusEnum.Pending]: 'bg-yellow-100 text-yellow-800',
-    [OrderStatusEnum.Approved]: 'bg-blue-100 text-blue-800',
-    [OrderStatusEnum.Sent]: 'bg-indigo-100 text-indigo-800',
-    [OrderStatusEnum.Confirmed]: 'bg-purple-100 text-purple-800',
-    [OrderStatusEnum.PartiallyDelivered]: 'bg-orange-100 text-orange-800',
-    [OrderStatusEnum.Delivered]: 'bg-green-100 text-green-800',
-    [OrderStatusEnum.Completed]: 'bg-emerald-100 text-emerald-800',
-    [OrderStatusEnum.Cancelled]: 'bg-red-100 text-red-800',
-    [OrderStatusEnum.PartiallyReceived]: 'bg-orange-100 text-orange-800',
-    [OrderStatusEnum.Received]: 'bg-green-100 text-green-800',
-    [OrderStatusEnum.Invoiced]: 'bg-blue-100 text-blue-800',
-    [OrderStatusEnum.Closed]: 'bg-gray-100 text-gray-800',
-  }
-  return colors[status]
-}
-
-export const getOrderStatusIcon = (status: OrderStatusEnum) => {
-  const icons = {
-    [OrderStatusEnum.Draft]: <FaFileAlt className="w-4 h-4" />,
-    [OrderStatusEnum.Pending]: <FaClock className="w-4 h-4" />,
-    [OrderStatusEnum.Approved]: <FaCheckCircle className="w-4 h-4" />,
-    [OrderStatusEnum.Sent]: <FaBox className="w-4 h-4" />,
-    [OrderStatusEnum.Confirmed]: <FaCheckCircle className="w-4 h-4" />,
-    [OrderStatusEnum.PartiallyDelivered]: <FaExclamationTriangle className="w-4 h-4" />,
-    [OrderStatusEnum.Delivered]: <FaTruck className="w-4 h-4" />,
-    [OrderStatusEnum.Completed]: <FaCheckCircle className="w-4 h-4" />,
-    [OrderStatusEnum.Cancelled]: <FaTimesCircle className="w-4 h-4" />,
-    [OrderStatusEnum.PartiallyReceived]: <FaExclamationTriangle className="w-4 h-4" />,
-    [OrderStatusEnum.Received]: <FaCheckCircle className="w-4 h-4" />,
-    [OrderStatusEnum.Invoiced]: <FaFileInvoiceDollar className="w-4 h-4" />,
-    [OrderStatusEnum.Closed]: <FaLock className="w-4 h-4" />,
-  }
-  return icons[status]
-}
-
-export const getRequestStatusText = (status: RequestStatusEnum) => {
-  const statuses = {
-    [RequestStatusEnum.Draft]: 'Taslak',
-    [RequestStatusEnum.Submitted]: 'Gönderildi',
-    [RequestStatusEnum.InReview]: 'İnceleniyor',
-    [RequestStatusEnum.Approved]: 'Onaylandı',
-    [RequestStatusEnum.Rejected]: 'Reddedildi',
-    [RequestStatusEnum.InQuotation]: 'Teklif Aşamasında',
-    [RequestStatusEnum.Ordered]: 'Sipariş Verildi',
-    [RequestStatusEnum.Completed]: 'Tamamlandı',
-    [RequestStatusEnum.Cancelled]: 'İptal Edildi',
-  }
-  return statuses[status]
-}
-
-export const getRequestStatusColor = (status: RequestStatusEnum) => {
-  const colors = {
-    [RequestStatusEnum.Draft]: 'bg-gray-100 text-gray-800',
-    [RequestStatusEnum.Submitted]: 'bg-blue-100 text-blue-800',
-    [RequestStatusEnum.InReview]: 'bg-yellow-100 text-yellow-800',
-    [RequestStatusEnum.Approved]: 'bg-green-100 text-green-800',
-    [RequestStatusEnum.Rejected]: 'bg-red-100 text-red-800',
-    [RequestStatusEnum.InQuotation]: 'bg-purple-100 text-purple-800',
-    [RequestStatusEnum.Ordered]: 'bg-indigo-100 text-indigo-800',
-    [RequestStatusEnum.Completed]: 'bg-green-100 text-green-800',
-    [RequestStatusEnum.Cancelled]: 'bg-red-100 text-red-800',
-  }
-  return colors[status]
-}
-
-export const getApprovalStatusIcon = (status: ApprovalStatusEnum) => {
-  switch (status) {
-    case ApprovalStatusEnum.Approved:
-      return <FaCheckCircle className="w-4 h-4 text-green-600" />
-    case ApprovalStatusEnum.Rejected:
-      return <FaTimesCircle className="w-4 h-4 text-red-600" />
-    case ApprovalStatusEnum.Pending:
-      return <FaClock className="w-4 h-4 text-yellow-600" />
-    default:
-      return <FaClock className="w-4 h-4 text-gray-600" />
-  }
-}
-
-export const getRequisitionStatusText = (status: RequisitionStatusEnum) => {
-  switch (status) {
-    case RequisitionStatusEnum.Draft:
-      return 'Taslak'
-    case RequisitionStatusEnum.Submitted:
-      return 'Gönderildi'
-    case RequisitionStatusEnum.InApproval:
-      return 'Onayda'
-    case RequisitionStatusEnum.Approved:
-      return 'Onaylandı'
-    case RequisitionStatusEnum.Rejected:
-      return 'Reddedildi'
-    case RequisitionStatusEnum.Cancelled:
-      return 'İptal Edildi'
-    case RequisitionStatusEnum.Converted:
-      return 'Siparişe Dönüştürüldü'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getRequisitionStatusColor = (status: RequisitionStatusEnum) => {
-  switch (status) {
-    case RequisitionStatusEnum.Draft:
-      return 'bg-gray-100 text-gray-800'
-    case RequisitionStatusEnum.Submitted:
-      return 'bg-blue-100 text-blue-800'
-    case RequisitionStatusEnum.InApproval:
-      return 'bg-yellow-100 text-yellow-800'
-    case RequisitionStatusEnum.Approved:
-      return 'bg-green-100 text-green-800'
-    case RequisitionStatusEnum.Rejected:
-      return 'bg-red-100 text-red-800'
-    case RequisitionStatusEnum.Cancelled:
-      return 'bg-gray-100 text-gray-800'
-    case RequisitionStatusEnum.Converted:
-      return 'bg-purple-100 text-purple-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getRequisitionStatusIcon = (status: RequisitionStatusEnum) => {
-  switch (status) {
-    case RequisitionStatusEnum.Draft:
-      return <FaFileAlt size={14} />
-    case RequisitionStatusEnum.Submitted:
-      return <FaClock size={14} />
-    case RequisitionStatusEnum.InApproval:
-      return <FaClock size={14} />
-    case RequisitionStatusEnum.Approved:
-      return <FaCheckCircle size={14} />
-    case RequisitionStatusEnum.Rejected:
-      return <FaTimesCircle size={14} />
-    case RequisitionStatusEnum.Cancelled:
-      return <FaTimesCircle size={14} />
-    case RequisitionStatusEnum.Converted:
-      return <FaCheckCircle size={14} />
-    default:
-      return <FaFileAlt size={14} />
-  }
-}
-
-export const getQuotationStatusText = (status: QuotationStatusEnum) => {
-  const statuses = {
-    [QuotationStatusEnum.Draft]: 'Taslak',
-    [QuotationStatusEnum.Pending]: 'Beklemede',
-    [QuotationStatusEnum.UnderReview]: 'İnceleme',
-    [QuotationStatusEnum.Submitted]: 'Sunuldu',
-    [QuotationStatusEnum.Approved]: 'Onaylandı',
-    [QuotationStatusEnum.Rejected]: 'Reddedildi',
-    [QuotationStatusEnum.Expired]: 'Süresi Doldu',
-  }
-  return statuses[status]
-}
-
-export const getQuotationStatusColor = (status: QuotationStatusEnum) => {
-  const colors = {
-    [QuotationStatusEnum.Draft]: 'bg-gray-100 text-gray-800',
-    [QuotationStatusEnum.Pending]: 'bg-yellow-100 text-yellow-800',
-    [QuotationStatusEnum.UnderReview]: 'bg-blue-100 text-blue-800',
-    [QuotationStatusEnum.Submitted]: 'bg-indigo-100 text-indigo-800',
-    [QuotationStatusEnum.Approved]: 'bg-green-100 text-green-800',
-    [QuotationStatusEnum.Rejected]: 'bg-red-100 text-red-800',
-    [QuotationStatusEnum.Expired]: 'bg-orange-100 text-orange-800',
-  }
-  return colors[status]
-}
-
-export const getQuotationStatusIcon = (status: QuotationStatusEnum) => {
-  const icons = {
-    [QuotationStatusEnum.Draft]: <FaFileAlt className="w-4 h-4" />,
-    [QuotationStatusEnum.Pending]: <FaClock className="w-4 h-4" />,
-    [QuotationStatusEnum.UnderReview]: <FaEye className="w-4 h-4" />,
-    [QuotationStatusEnum.Submitted]: <FaFileAlt className="w-4 h-4" />,
-    [QuotationStatusEnum.Approved]: <FaCheckCircle className="w-4 h-4" />,
-    [QuotationStatusEnum.Rejected]: <FaTimesCircle className="w-4 h-4" />,
-    [QuotationStatusEnum.Expired]: <FaExclamationCircle className="w-4 h-4" />,
-  }
-  return icons[status]
-}
-
-export const getSupplierCardTypeText = (type: SupplierCardTypeEnum) => {
-  const types = {
-    [SupplierCardTypeEnum.Standard]: 'Standart',
-    [SupplierCardTypeEnum.Premium]: 'Premium',
-    [SupplierCardTypeEnum.Strategic]: 'Stratejik',
-    [SupplierCardTypeEnum.Preferred]: 'Tercihli',
-  }
-  return types[type]
-}
-
-export const getSupplierCardTypeColor = (type: SupplierCardTypeEnum) => {
-  const colors = {
-    [SupplierCardTypeEnum.Standard]: 'bg-gray-100 text-gray-800 border-gray-200',
-    [SupplierCardTypeEnum.Premium]: 'bg-blue-100 text-blue-800 border-blue-200',
-    [SupplierCardTypeEnum.Strategic]: 'bg-purple-100 text-purple-800 border-purple-200',
-    [SupplierCardTypeEnum.Preferred]: 'bg-green-100 text-green-800 border-green-200',
-  }
-  return colors[type]
-}
-
-export const getPaymentTermsText = (terms: PaymentTerms) => {
-  const termsMap = {
-    [PaymentTerms.Cash]: 'Peşin',
-    [PaymentTerms.Net15]: 'Net 15',
-    [PaymentTerms.Net30]: 'Net 30',
-    [PaymentTerms.Net45]: 'Net 45',
-    [PaymentTerms.Net60]: 'Net 60',
-    [PaymentTerms.Net90]: 'Net 90',
-    [PaymentTerms.COD]: 'Kapıda Ödeme',
-    [PaymentTerms.Prepaid]: 'Ön Ödeme',
-  }
-  return termsMap[terms] || terms
-}
-
-export const getSupplierTypeText = (type: SupplierTypeEnum) => {
-  switch (type) {
-    case SupplierTypeEnum.Wholesaler:
-      return 'Toptancı'
-    case SupplierTypeEnum.Distributor:
-      return 'Distribütör'
-    case SupplierTypeEnum.ServiceProvider:
-      return 'Hizmet Sağlayıcı'
-    case SupplierTypeEnum.Other:
-      return 'Diğer'
-    default:
-      return 'Bilinmiyor'
-  }
-}
-
-export const getSupplierTypeColor = (type: SupplierTypeEnum) => {
-  switch (type) {
-    case SupplierTypeEnum.Wholesaler:
-      return 'bg-blue-100 text-blue-800'
-    case SupplierTypeEnum.Distributor:
-      return 'bg-green-100 text-green-800'
-    case SupplierTypeEnum.ServiceProvider:
-      return 'bg-purple-100 text-purple-800'
-    case SupplierTypeEnum.Other:
-      return 'bg-gray-100 text-gray-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getRatingColor = (rating: number) => {
-  if (rating >= 4.5) return 'text-green-600'
-  if (rating >= 4.0) return 'text-yellow-600'
-  if (rating >= 3.0) return 'text-orange-600'
-  return 'text-red-600'
-}
-
-export const getLocationTypeText = (type: LocationTypeEnum) => {
-  const labels = {
-    [LocationTypeEnum.Shelf]: 'Raf',
-    [LocationTypeEnum.Bin]: 'Kutu',
-    [LocationTypeEnum.Floor]: 'Zemin',
-    [LocationTypeEnum.Rack]: 'Yüksek Raf',
-    [LocationTypeEnum.Tank]: 'Tank',
-  }
-  return labels[type]
-}
-
-export const getZoneTypeText = (type: ZoneTypeEnum) => {
-  const labels = {
-    [ZoneTypeEnum.Storage]: 'Depolama',
-    [ZoneTypeEnum.Receiving]: 'Giriş',
-    [ZoneTypeEnum.Shipping]: 'Sevkiyat',
-    [ZoneTypeEnum.Picking]: 'Toplama',
-    [ZoneTypeEnum.Quality]: 'Kalite',
-    [ZoneTypeEnum.Staging]: 'Hazırlık',
-  }
-  return labels[type]
-}
-
-export const getQualityStatusText = (status: QualityStatusEnum) => {
-  switch (status) {
-    case QualityStatusEnum.Approved:
-      return 'Onaylandı'
-    case QualityStatusEnum.Rejected:
-      return 'Reddedildi'
-    case QualityStatusEnum.Quarantine:
-      return 'Karantina'
-    case QualityStatusEnum.Pending:
-      return 'Beklemede'
-    case QualityStatusEnum.Conditional:
-      return 'Koşullu Onay'
-    default:
-      return 'Bilinmeyen'
-  }
-}
-
-export const getQualityStatusColor = (status: QualityStatusEnum) => {
-  switch (status) {
-    case QualityStatusEnum.Approved:
-      return 'bg-green-100 text-green-800'
-    case QualityStatusEnum.Rejected:
-      return 'bg-red-100 text-red-800'
-    case QualityStatusEnum.Quarantine:
-      return 'bg-yellow-100 text-yellow-800'
-    case QualityStatusEnum.Pending:
-      return 'bg-blue-100 text-blue-800'
-    case QualityStatusEnum.Conditional:
-      return 'bg-purple-100 text-purple-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getReceiptStatusText = (status: ReceiptStatusEnum) => {
-  switch (status) {
-    case ReceiptStatusEnum.Pending:
-      return 'Beklemede'
-    case ReceiptStatusEnum.InProgress:
-      return 'İşlemde'
-    case ReceiptStatusEnum.Completed:
-      return 'Tamamlandı'
-    case ReceiptStatusEnum.OnHold:
-      return 'Bekletildi'
-    default:
-      return 'Bilinmeyen'
-  }
-}
-
-export const getReceiptStatusColor = (status: ReceiptStatusEnum) => {
-  switch (status) {
-    case ReceiptStatusEnum.Pending:
-      return 'bg-blue-100 text-blue-800'
-    case ReceiptStatusEnum.InProgress:
-      return 'bg-yellow-100 text-yellow-800'
-    case ReceiptStatusEnum.Completed:
-      return 'bg-green-100 text-green-800'
-    case ReceiptStatusEnum.OnHold:
-      return 'bg-red-100 text-red-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getSerialStatusText = (status: SerialStatusEnum) => {
-  switch (status) {
-    case SerialStatusEnum.Available:
-      return 'Müsait'
-    case SerialStatusEnum.InUse:
-      return 'Kullanımda'
-    case SerialStatusEnum.Maintenance:
-      return 'Bakımda'
-    case SerialStatusEnum.Disposed:
-      return 'İmha Edildi'
-    default:
-      return 'Bilinmeyen'
-  }
-}
-
-export const getSerialStatusColor = (status: SerialStatusEnum) => {
-  switch (status) {
-    case SerialStatusEnum.Available:
-      return 'bg-green-100 text-green-800'
-    case SerialStatusEnum.InUse:
-      return 'bg-blue-100 text-blue-800'
-    case SerialStatusEnum.Maintenance:
-      return 'bg-yellow-100 text-yellow-800'
-    case SerialStatusEnum.Disposed:
-      return 'bg-red-100 text-red-800'
-    default:
-      return 'bg-gray-100 text-gray-800'
-  }
-}
-
-export const getStockStatusText = (status: StockStatusEnum) => {
-  const labels = {
-    [StockStatusEnum.Available]: 'Mevcut',
-    [StockStatusEnum.Reserved]: 'Rezerve',
-    [StockStatusEnum.Blocked]: 'Blokeli',
-    [StockStatusEnum.InTransit]: 'Transfer Halinde',
-    [StockStatusEnum.Quarantine]: 'Karantina',
-  }
-  return labels[status]
-}
-
-export const getStockStatusColor = (status: StockStatusEnum) => {
-  const colors = {
-    [StockStatusEnum.Available]: 'bg-green-100 text-green-800',
-    [StockStatusEnum.Reserved]: 'bg-yellow-100 text-yellow-800',
-    [StockStatusEnum.Blocked]: 'bg-red-100 text-red-800',
-    [StockStatusEnum.InTransit]: 'bg-blue-100 text-blue-800',
-    [StockStatusEnum.Quarantine]: 'bg-purple-100 text-purple-800',
-  }
-  return colors[status]
-}
-
-export const getPutawayStrategyText = (strategy: PutawayStrategyEnum) => {
-  const labels = {
-    [PutawayStrategyEnum.FIFO]: 'İlk Giren İlk Çıkar (FIFO)',
-    [PutawayStrategyEnum.LIFO]: 'Son Giren İlk Çıkar (LIFO)',
-    [PutawayStrategyEnum.NearestLocation]: 'En Yakın Lokasyon',
-    [PutawayStrategyEnum.EmptyLocation]: 'Boş Lokasyon',
-    [PutawayStrategyEnum.SameProduct]: 'Aynı Ürün Gruplaması',
-  }
-  return labels[strategy]
-}
-
-export const getPutawayStrategyColor = (strategy: PutawayStrategyEnum) => {
-  const colors = {
-    [PutawayStrategyEnum.FIFO]: 'bg-green-100 text-green-800',
-    [PutawayStrategyEnum.LIFO]: 'bg-red-100 text-red-800',
-    [PutawayStrategyEnum.NearestLocation]: 'bg-blue-100 text-blue-800',
-    [PutawayStrategyEnum.EmptyLocation]: 'bg-purple-100 text-purple-800',
-    [PutawayStrategyEnum.SameProduct]: 'bg-yellow-100 text-yellow-800',
-  }
-  return colors[strategy]
-}
-
-export const getConditionTypeText = (type: ConditionTypeEnum) => {
-  const labels = {
-    [ConditionTypeEnum.MaterialType]: 'Malzeme Tipi',
-    [ConditionTypeEnum.MaterialGroup]: 'Malzeme Grubu',
-    [ConditionTypeEnum.Quantity]: 'Miktar',
-    [ConditionTypeEnum.Weight]: 'Ağırlık',
-    [ConditionTypeEnum.Volume]: 'Hacim',
-  }
-  return labels[type]
-}
-
-export const getConditionOperatorText = (operator: ConditionOperatorEnum) => {
-  const labels = {
-    [ConditionOperatorEnum.Equals]: 'Eşittir',
-    [ConditionOperatorEnum.NotEquals]: 'Eşit Değildir',
-    [ConditionOperatorEnum.GreaterThan]: 'Büyüktür',
-    [ConditionOperatorEnum.LessThan]: 'Küçüktür',
-    [ConditionOperatorEnum.Contains]: 'İçerir',
-  }
-  return labels[operator]
-}
-
-export const getCountTypeText = (type: CountTypeEnum) => {
-  const labels = {
-    [CountTypeEnum.Full]: 'Tam Sayım',
-    [CountTypeEnum.Cycle]: 'Döngüsel Sayım',
-    [CountTypeEnum.Spot]: 'Nokta Sayım',
-  }
-  return labels[type]
-}
-
-export const getCountStatusText = (status: CountStatusEnum) => {
-  const labels = {
-    [CountStatusEnum.Planned]: 'Planlandı',
-    [CountStatusEnum.InProgress]: 'Devam Ediyor',
-    [CountStatusEnum.Completed]: 'Tamamlandı',
-    [CountStatusEnum.Approved]: 'Onaylandı',
-  }
-  return labels[status]
-}
-
-export const getCountStatusColor = (status: CountStatusEnum) => {
-  const colors = {
-    [CountStatusEnum.Planned]: 'bg-gray-100 text-gray-800',
-    [CountStatusEnum.InProgress]: 'bg-blue-100 text-blue-800',
-    [CountStatusEnum.Completed]: 'bg-yellow-100 text-yellow-800',
-    [CountStatusEnum.Approved]: 'bg-green-100 text-green-800',
-  }
-  return colors[status]
-}
-
-export const getMovementStatusText = (status: MovementStatusEnum) => {
-  const labels = {
-    [MovementStatusEnum.Planned]: 'Planlandı',
-    [MovementStatusEnum.InProgress]: 'Devam Ediyor',
-    [MovementStatusEnum.Completed]: 'Tamamlandı',
-    [MovementStatusEnum.Cancelled]: 'İptal Edildi',
-  }
-  return labels[status]
-}
-
-export const getMovementStatusColor = (status: MovementStatusEnum) => {
-  const colors = {
-    [MovementStatusEnum.Planned]: 'bg-gray-100 text-gray-800',
-    [MovementStatusEnum.InProgress]: 'bg-blue-100 text-blue-800',
-    [MovementStatusEnum.Completed]: 'bg-green-100 text-green-800',
-    [MovementStatusEnum.Cancelled]: 'bg-red-100 text-red-800',
-  }
-  return colors[status]
-}
-
-export const getMovementStatusIcon = (status: MovementStatusEnum) => {
-  const icons = {
-    [MovementStatusEnum.Planned]: FaClock,
-    [MovementStatusEnum.InProgress]: FaArrowCircleDown,
-    [MovementStatusEnum.Completed]: FaCheckCircle,
-    [MovementStatusEnum.Cancelled]: FaExclamationCircle,
-  }
-  return icons[status]
-}
-
-export const getForecastMethodText = (method: ForecastMethodEnum) => {
-  const methodLabels = {
-    [ForecastMethodEnum.MovingAverage]: 'Hareketli Ortalama',
-    [ForecastMethodEnum.ExponentialSmoothing]: 'Üstel Yumuşatma',
-    [ForecastMethodEnum.LinearRegression]: 'Doğrusal Regresyon',
-    [ForecastMethodEnum.Seasonal]: 'Mevsimsel',
-  }
-  return methodLabels[method]
-}
-
-export const getAccuracyColor = (accuracy: number) => {
-  if (accuracy >= 90) return 'text-green-600'
-  if (accuracy >= 75) return 'text-yellow-600'
-  return 'text-red-600'
-}
-
-export const getCheckStatusText = (status: CheckStatusEnum) => {
-  const statusLabels = {
-    [CheckStatusEnum.InHand]: 'Elde',
-    [CheckStatusEnum.Deposited]: 'Bankaya Verildi',
-    [CheckStatusEnum.Collected]: 'Tahsil Edildi',
-    [CheckStatusEnum.Bounced]: 'Karşılıksız',
-    [CheckStatusEnum.Endorsed]: 'Ciro Edildi',
-    [CheckStatusEnum.Cancelled]: 'İptal',
-  }
-  return statusLabels[status]
-}
-
-export const getCheckStatusColor = (status: CheckStatusEnum) => {
-  const statusColors = {
-    [CheckStatusEnum.InHand]: 'bg-blue-100 text-blue-800',
-    [CheckStatusEnum.Deposited]: 'bg-yellow-100 text-yellow-800',
-    [CheckStatusEnum.Collected]: 'bg-green-100 text-green-800',
-    [CheckStatusEnum.Bounced]: 'bg-red-100 text-red-800',
-    [CheckStatusEnum.Endorsed]: 'bg-purple-100 text-purple-800',
-    [CheckStatusEnum.Cancelled]: 'bg-gray-100 text-gray-800',
-  }
-  return statusColors[status]
-}
-
-export const getNoteStatusText = (status: NoteStatusEnum) => {
-  const statusLabels = {
-    [NoteStatusEnum.InHand]: 'Elde',
-    [NoteStatusEnum.Collected]: 'Tahsil Edildi',
-    [NoteStatusEnum.Overdue]: 'Vadesi Geçmiş',
-    [NoteStatusEnum.Endorsed]: 'Ciro Edildi',
-    [NoteStatusEnum.Cancelled]: 'İptal',
-  }
-  return statusLabels[status]
-}
-
-export const getNoteStatusColor = (status: NoteStatusEnum) => {
-  const statusColors = {
-    [NoteStatusEnum.InHand]: 'bg-blue-100 text-blue-800',
-    [NoteStatusEnum.Collected]: 'bg-green-100 text-green-800',
-    [NoteStatusEnum.Overdue]: 'bg-red-100 text-red-800',
-    [NoteStatusEnum.Endorsed]: 'bg-purple-100 text-purple-800',
-    [NoteStatusEnum.Cancelled]: 'bg-gray-100 text-gray-800',
-  }
-  return statusColors[status]
-}
-
-export const getTypeText = (status: TypeEnum) => {
-  const statusLabels = {
-    [TypeEnum.Received]: 'Alınan',
-    [TypeEnum.Issued]: 'Verilen',
-  }
-  return statusLabels[status]
-}
-
-export const getGanttStatusColor = (
-  status: TaskStatusEnum | ProjectStatusEnum | PhaseStatusEnum,
-) => {
-  switch (status) {
-    case TaskStatusEnum.Completed:
-    case ProjectStatusEnum.Completed:
-    case PhaseStatusEnum.Completed:
-      return 'bg-gradient-to-r from-green-500 to-green-700'
-    case TaskStatusEnum.InProgress:
-    case ProjectStatusEnum.Active:
-    case PhaseStatusEnum.InProgress:
-      return 'bg-gradient-to-r from-blue-500 to-blue-700'
-    case TaskStatusEnum.OnHold:
-    case ProjectStatusEnum.OnHold:
-    case PhaseStatusEnum.OnHold:
-      return 'bg-gradient-to-r from-yellow-500 to-orange-600'
-    case TaskStatusEnum.Cancelled:
-    case ProjectStatusEnum.Cancelled:
-    case PhaseStatusEnum.Cancelled:
-      return 'bg-gradient-to-r from-red-500 to-red-700'
-    default:
-      return 'bg-gradient-to-r from-black-500 to-black-700'
-  }
-}
-
-export const getGenderText = (status: GenderEnum) => {
-  const genderLabels = {
-    [GenderEnum.Male]: 'Erkek',
-    [GenderEnum.Female]: 'Kadın',
-    [GenderEnum.Other]: 'Diğer',
-  }
-  return genderLabels[status]
-}
-
-export const getMaritalStatusText = (status: MaritalStatusEnum) => {
-  const statusLabels = {
-    [MaritalStatusEnum.Single]: 'Bekar',
-    [MaritalStatusEnum.Married]: 'Evli',
-    [MaritalStatusEnum.Divorced]: 'Boşanmış',
-    [MaritalStatusEnum.Widowed]: 'Dul',
-  }
-  return statusLabels[status]
-}
-
-export const getCustomerTypeText = (type: CustomerTypeEnum) => {
-  switch (type) {
-    case CustomerTypeEnum.Individual:
-      return 'Bireysel'
-    case CustomerTypeEnum.Company:
-      return 'Şirket'
-    case CustomerTypeEnum.Government:
-      return 'Devlet'
-    case CustomerTypeEnum.NonProfit:
-      return 'Kar Amacı Gütmeyen'
-    default:
-      return 'Bilinmeyen'
-  }
-}
-
-export const getBusinessPartyIndustryText = (industry: BusinessPartyIndustryEnum | string) => {
-  switch (industry) {
-    case BusinessPartyIndustryEnum.Technology:
-      return 'Teknoloji'
-    case BusinessPartyIndustryEnum.Healthcare:
-      return 'Sağlık'
-    case BusinessPartyIndustryEnum.Finance:
-      return 'Finans'
-    case BusinessPartyIndustryEnum.Retail:
-      return 'Perakende'
-    case BusinessPartyIndustryEnum.Manufacturing:
-      return 'İmalat'
-    case BusinessPartyIndustryEnum.Education:
-      return 'Eğitim'
-    case BusinessPartyIndustryEnum.Construction:
-      return 'İnşaat'
-    case BusinessPartyIndustryEnum.Hospitality:
-      return 'Konaklama'
-    case BusinessPartyIndustryEnum.Transportation:
-      return 'Ulaşım'
-    case BusinessPartyIndustryEnum.RealEstate:
-      return 'Emlak'
-    case BusinessPartyIndustryEnum.Other:
-      return 'Diğer'
-    case 'AUTOMOTIVE': // Optionlarda var, enumda yok
-      return 'Otomotiv'
-    default:
-      return 'Bilinmeyen'
-  }
-}
diff --git a/ui/src/views/accounting/BankPage.tsx b/ui/src/views/accounting/BankPage.tsx
deleted file mode 100644
index cbfe15ba..00000000
--- a/ui/src/views/accounting/BankPage.tsx
+++ /dev/null
@@ -1,218 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import BankManagement from './components/BankManagement'
-import BankAccountForm from './components/BankAccountForm'
-import BankMovementForm from './components/BankMovementForm'
-import BankAccountDetails from './components/BankAccountDetails'
-import {
-  FiBankMovement,
-  BankAccountTypeEnum,
-  BankTransactionTypeEnum,
-  TransactionStatusEnum,
-} from '../../types/fi'
-import { mockBanks } from '../../mocks/mockBanks'
-import { mockBankMovements } from '../../mocks/mockBankMovements'
-import { BankAccount } from '../../types/common'
-import { Container } from '@/components/shared'
-
-const BankPage: React.FC = () => {
-  const [bankAccounts, setBankAccounts] = useState<BankAccount[]>(mockBanks)
-  const [bankMovements, setBankMovements] = useState<FiBankMovement[]>([])
-
-  // Initialize bank movements after bank accounts are set
-  useEffect(() => {
-    if (bankAccounts.length > 0) {
-      setBankMovements(mockBankMovements)
-    }
-  }, [bankAccounts])
-
-  // Modal states
-  const [isAccountFormOpen, setIsAccountFormOpen] = useState(false)
-  const [isMovementFormOpen, setIsMovementFormOpen] = useState(false)
-  const [isAccountDetailsOpen, setIsAccountDetailsOpen] = useState(false)
-  const [selectedAccount, setSelectedAccount] = useState<BankAccount | undefined>(undefined)
-  const [selectedMovement, setSelectedMovement] = useState<FiBankMovement | undefined>(undefined)
-
-  const handleAddAccount = () => {
-    setSelectedAccount(undefined)
-    setIsAccountFormOpen(true)
-  }
-
-  const handleEditAccount = (account: BankAccount) => {
-    setSelectedAccount(account)
-    setIsAccountFormOpen(true)
-  }
-
-  const handleAddMovement = () => {
-    setSelectedMovement(undefined)
-    setIsMovementFormOpen(true)
-  }
-
-  const handleEditMovement = (movement: FiBankMovement) => {
-    setSelectedMovement(movement)
-    setIsMovementFormOpen(true)
-  }
-
-  const handleViewDetails = (account: BankAccount) => {
-    setSelectedAccount(account)
-    setIsAccountDetailsOpen(true)
-  }
-
-  const handleSaveAccount = (accountData: Partial<BankAccount>) => {
-    if (selectedAccount) {
-      // Update existing account
-      setBankAccounts((prev) =>
-        prev.map((acc) =>
-          acc.id === selectedAccount.id
-            ? { ...acc, ...accountData, lastModificationTime: new Date() }
-            : acc,
-        ),
-      )
-    } else {
-      // Add new account
-      const newAccount: BankAccount = {
-        id: Date.now().toString(),
-        accountCode: accountData.accountCode || '',
-        bankName: accountData.bankName || '',
-        branchName: accountData.branchName || '',
-        accountNumber: accountData.accountNumber || '',
-        iban: accountData.iban || '',
-        accountType: accountData.accountType || BankAccountTypeEnum.Current,
-        currency: accountData.currency || 'TRY',
-        balance: accountData.balance || 0,
-        overdraftLimit: accountData.overdraftLimit || 0,
-        dailyTransferLimit: accountData.dailyTransferLimit || 0,
-        contactPerson: accountData.contactPerson,
-        phoneNumber: accountData.phoneNumber,
-        isActive: accountData.isActive ?? true,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-        isDefault: false,
-      }
-      setBankAccounts((prev) => [...prev, newAccount])
-    }
-    setIsAccountFormOpen(false)
-    setSelectedAccount(undefined)
-  }
-
-  const handleSaveMovement = (movementData: Partial<FiBankMovement>) => {
-    if (selectedMovement) {
-      // Update existing movement
-      setBankMovements((prev) =>
-        prev.map((mov) => (mov.id === selectedMovement.id ? { ...mov, ...movementData } : mov)),
-      )
-    } else {
-      // Add new movement
-      const bankAccount = bankAccounts.find((acc) => acc.id === movementData.bankAccountId)
-      const newMovement: FiBankMovement = {
-        id: Date.now().toString(),
-        bankAccountId: movementData.bankAccountId || '',
-        bankAccount: bankAccount,
-        transactionDate: movementData.transactionDate || new Date(),
-        valueDate: movementData.valueDate || new Date(),
-        description: movementData.description || '',
-        referenceNumber: movementData.referenceNumber,
-        transactionType: movementData.transactionType || BankTransactionTypeEnum.Deposit,
-        amount: movementData.amount || 0,
-        currency: movementData.currency || 'TRY',
-        recipientName: movementData.recipientName,
-        recipientIban: movementData.recipientIban,
-        recipientBank: movementData.recipientBank,
-        currentAccountId: movementData.currentAccountId,
-        status: movementData.status || TransactionStatusEnum.Pending,
-        creationTime: new Date(),
-      }
-      setBankMovements((prev) => [...prev, newMovement])
-
-      // Update account balance
-      if (bankAccount) {
-        const isIncoming = [
-          BankTransactionTypeEnum.Deposit,
-          BankTransactionTypeEnum.Interest,
-        ].includes(newMovement.transactionType)
-        const isOutgoing = [
-          BankTransactionTypeEnum.Withdrawal,
-          BankTransactionTypeEnum.Transfer,
-          BankTransactionTypeEnum.EFT,
-          BankTransactionTypeEnum.Fee,
-        ].includes(newMovement.transactionType)
-
-        if (newMovement.status === TransactionStatusEnum.Completed) {
-          const balanceChange = isIncoming
-            ? newMovement.amount
-            : isOutgoing
-              ? -newMovement.amount
-              : 0
-          setBankAccounts((prev) =>
-            prev.map((acc) =>
-              acc.id === bankAccount.id
-                ? {
-                    ...acc,
-                    balance: acc.balance + balanceChange,
-                    lastModificationTime: new Date(),
-                  }
-                : acc,
-            ),
-          )
-        }
-      }
-    }
-    setIsMovementFormOpen(false)
-    setSelectedMovement(undefined)
-  }
-
-  return (
-    <Container>
-      <BankManagement
-        bankAccounts={bankAccounts}
-        bankMovements={bankMovements}
-        onAddAccount={handleAddAccount}
-        onEditAccount={handleEditAccount}
-        onAddMovement={handleAddMovement}
-        onEditMovement={handleEditMovement}
-        onViewDetails={handleViewDetails}
-      />
-
-      {/* Bank Account Form Modal */}
-      <BankAccountForm
-        account={selectedAccount}
-        isOpen={isAccountFormOpen}
-        onClose={() => {
-          setIsAccountFormOpen(false)
-          setSelectedAccount(undefined)
-        }}
-        onSave={handleSaveAccount}
-      />
-
-      {/* Bank Movement Form Modal */}
-      <BankMovementForm
-        movement={selectedMovement}
-        bankAccounts={bankAccounts}
-        isOpen={isMovementFormOpen}
-        onClose={() => {
-          setIsMovementFormOpen(false)
-          setSelectedMovement(undefined)
-        }}
-        onSave={handleSaveMovement}
-      />
-
-      {/* Bank Account Details Modal */}
-      {selectedAccount && (
-        <BankAccountDetails
-          account={selectedAccount}
-          movements={bankMovements}
-          isOpen={isAccountDetailsOpen}
-          onClose={() => {
-            setIsAccountDetailsOpen(false)
-            setSelectedAccount(undefined)
-          }}
-          onEdit={(account) => {
-            setIsAccountDetailsOpen(false)
-            handleEditAccount(account)
-          }}
-        />
-      )}
-    </Container>
-  )
-}
-
-export default BankPage
diff --git a/ui/src/views/accounting/CashPage.tsx b/ui/src/views/accounting/CashPage.tsx
deleted file mode 100644
index 6fc51f1e..00000000
--- a/ui/src/views/accounting/CashPage.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-import React, { useState } from 'react'
-import CashManagement from './components/CashManagement'
-import CashAccountForm from './components/CashAccountForm'
-import CashMovementForm from './components/CashMovementForm'
-import CashAccountDetails from './components/CashAccountDetails'
-import { FiCashAccount, FiCashMovement, CashMovementTypeEnum } from '../../types/fi'
-import { mockCashAccounts } from '../../mocks/mockCashAccounts'
-import { mockCashMovements } from '../../mocks/mockCashMovements'
-import { Container } from '@/components/shared'
-
-const CashPage: React.FC = () => {
-  const [showAccountForm, setShowAccountForm] = useState(false)
-  const [showMovementForm, setShowMovementForm] = useState(false)
-  const [showAccountDetails, setShowAccountDetails] = useState(false)
-  const [editingAccount, setEditingAccount] = useState<FiCashAccount | undefined>()
-  const [editingMovement, setEditingMovement] = useState<FiCashMovement | undefined>()
-  const [viewingAccount, setViewingAccount] = useState<FiCashAccount | undefined>()
-  const [cashAccounts, setCashAccounts] = useState(mockCashAccounts)
-  const [cashMovements, setCashMovements] = useState(mockCashMovements)
-
-  const handleAddAccount = () => {
-    setEditingAccount(undefined)
-    setShowAccountForm(true)
-  }
-
-  const handleEditAccount = (account: FiCashAccount) => {
-    setEditingAccount(account)
-    setShowAccountForm(true)
-  }
-
-  const handleSaveAccount = (accountData: Omit<FiCashAccount, 'id'>) => {
-    if (editingAccount) {
-      // Update existing account
-      setCashAccounts((prev) =>
-        prev.map((acc) =>
-          acc.id === editingAccount.id ? { ...accountData, id: editingAccount.id } : acc,
-        ),
-      )
-    } else {
-      // Add new account
-      const newAccount: FiCashAccount = {
-        ...accountData,
-        id: Date.now().toString(),
-      }
-      setCashAccounts((prev) => [...prev, newAccount])
-    }
-    setShowAccountForm(false)
-    setEditingAccount(undefined)
-  }
-
-  const handleAddMovement = () => {
-    setEditingMovement(undefined)
-    setShowMovementForm(true)
-  }
-
-  const handleEditMovement = (movement: FiCashMovement) => {
-    setEditingMovement(movement)
-    setShowMovementForm(true)
-  }
-
-  const handleSaveMovement = (movementData: Omit<FiCashMovement, 'id'>) => {
-    if (editingMovement) {
-      // Update existing movement
-      setCashMovements((prev) =>
-        prev.map((mov) =>
-          mov.id === editingMovement.id ? { ...movementData, id: editingMovement.id } : mov,
-        ),
-      )
-    } else {
-      // Add new movement
-      const newMovement: FiCashMovement = {
-        ...movementData,
-        id: Date.now().toString(),
-      }
-      setCashMovements((prev) => [...prev, newMovement])
-    }
-
-    // Update cash account balance
-    if (movementData.cashAccount) {
-      setCashAccounts((prev) =>
-        prev.map((acc) => {
-          if (acc.id === movementData.cashAccount?.id) {
-            const balanceChange =
-              movementData.movementType === CashMovementTypeEnum.Income
-                ? movementData.amount
-                : -movementData.amount
-            return {
-              ...acc,
-              balance: acc.balance + balanceChange,
-              lastModificationTime: new Date(),
-            }
-          }
-          return acc
-        }),
-      )
-    }
-
-    setShowMovementForm(false)
-    setEditingMovement(undefined)
-  }
-
-  const handleViewDetails = (account: FiCashAccount) => {
-    setViewingAccount(account)
-    setShowAccountDetails(true)
-  }
-
-  const handleCloseAccountForm = () => {
-    setShowAccountForm(false)
-    setEditingAccount(undefined)
-  }
-
-  const handleCloseMovementForm = () => {
-    setShowMovementForm(false)
-    setEditingMovement(undefined)
-  }
-
-  const handleCloseAccountDetails = () => {
-    setShowAccountDetails(false)
-    setViewingAccount(undefined)
-  }
-
-  return (
-    <Container>
-      <CashManagement
-        cashAccounts={cashAccounts}
-        cashMovements={cashMovements}
-        onAddAccount={handleAddAccount}
-        onEditAccount={handleEditAccount}
-        onAddMovement={handleAddMovement}
-        onEditMovement={handleEditMovement}
-        onViewDetails={handleViewDetails}
-      />
-
-      {/* Account Form Modal */}
-      {showAccountForm && (
-        <CashAccountForm
-          account={editingAccount}
-          onSave={handleSaveAccount}
-          onCancel={handleCloseAccountForm}
-          isEdit={!!editingAccount}
-        />
-      )}
-
-      {/* Movement Form Modal */}
-      {showMovementForm && (
-        <CashMovementForm
-          movement={editingMovement}
-          cashAccounts={cashAccounts}
-          onSave={handleSaveMovement}
-          onCancel={handleCloseMovementForm}
-          isEdit={!!editingMovement}
-        />
-      )}
-
-      {/* Account Details Modal */}
-      {showAccountDetails && viewingAccount && (
-        <CashAccountDetails
-          account={viewingAccount}
-          movements={cashMovements}
-          onClose={handleCloseAccountDetails}
-          onEdit={(account) => {
-            setShowAccountDetails(false)
-            handleEditAccount(account)
-          }}
-        />
-      )}
-    </Container>
-  )
-}
-
-export default CashPage
diff --git a/ui/src/views/accounting/CheckNotePage.tsx b/ui/src/views/accounting/CheckNotePage.tsx
deleted file mode 100644
index f752f456..00000000
--- a/ui/src/views/accounting/CheckNotePage.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-import React, { useState } from 'react'
-import CheckNoteManagement from './components/CheckNoteManagement'
-import { FiCheck, PromissoryNote, CheckStatusEnum, NoteStatusEnum } from '../../types/fi'
-import { mockChecks } from '../../mocks/mockChecks'
-import { mockPromissoryNotes } from '../../mocks/mockPromissoryNotes'
-import { mockCurrentAccounts } from '../../mocks/mockCurrentAccounts'
-import { Container } from '@/components/shared'
-
-const CheckNotePage: React.FC = () => {
-  const [checks, setChecks] = useState<FiCheck[]>(mockChecks)
-  const [promissoryNotes, setPromissoryNotes] = useState<PromissoryNote[]>(mockPromissoryNotes)
-
-  const handleAddCheck = (
-    checkData: Omit<FiCheck, 'id' | 'creationTime' | 'lastModificationTime'>,
-  ) => {
-    const newCheck: FiCheck = {
-      ...checkData,
-      id: `check_${Date.now()}`,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    }
-    setChecks((prev) => [...prev, newCheck])
-    console.log('Check added:', newCheck)
-  }
-
-  const handleEditCheck = (
-    id: string,
-    checkData: Omit<FiCheck, 'id' | 'creationTime' | 'lastModificationTime'>,
-  ) => {
-    setChecks((prev) =>
-      prev.map((check) =>
-        check.id === id ? { ...check, ...checkData, lastModificationTime: new Date() } : check,
-      ),
-    )
-    console.log('Check updated:', id, checkData)
-  }
-
-  const handleAddNote = (
-    noteData: Omit<PromissoryNote, 'id' | 'creationTime' | 'lastModificationTime'>,
-  ) => {
-    const newNote: PromissoryNote = {
-      ...noteData,
-      id: `note_${Date.now()}`,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    }
-    setPromissoryNotes((prev) => [...prev, newNote])
-    console.log('Promissory note added:', newNote)
-  }
-
-  const handleEditNote = (
-    id: string,
-    noteData: Omit<PromissoryNote, 'id' | 'creationTime' | 'lastModificationTime'>,
-  ) => {
-    setPromissoryNotes((prev) =>
-      prev.map((note) =>
-        note.id === id ? { ...note, ...noteData, lastModificationTime: new Date() } : note,
-      ),
-    )
-    console.log('Promissory note updated:', id, noteData)
-  }
-
-  const handleCollectCheck = (id: string, collectionDate: Date) => {
-    setChecks((prev) =>
-      prev.map((check) =>
-        check.id === id
-          ? {
-              ...check,
-              status: CheckStatusEnum.Collected,
-              collectionDate,
-              lastModificationTime: new Date(),
-            }
-          : check,
-      ),
-    )
-    console.log('Check collected:', id, collectionDate)
-  }
-
-  const handleCollectNote = (id: string, collectionDate: Date) => {
-    setPromissoryNotes((prev) =>
-      prev.map((note) =>
-        note.id === id
-          ? {
-              ...note,
-              status: NoteStatusEnum.Collected,
-              collectionDate,
-              lastModificationTime: new Date(),
-            }
-          : note,
-      ),
-    )
-    console.log('Promissory note collected:', id, collectionDate)
-  }
-
-  const handleEndorseCheck = (id: string, endorsedTo: string) => {
-    setChecks((prev) =>
-      prev.map((check) =>
-        check.id === id
-          ? {
-              ...check,
-              status: CheckStatusEnum.Endorsed,
-              endorsedTo,
-              lastModificationTime: new Date(),
-            }
-          : check,
-      ),
-    )
-    console.log('Check endorsed:', id, endorsedTo)
-  }
-
-  const handleEndorseNote = (id: string, endorsedTo: string) => {
-    setPromissoryNotes((prev) =>
-      prev.map((note) =>
-        note.id === id
-          ? {
-              ...note,
-              status: NoteStatusEnum.Endorsed,
-              endorsedTo,
-              lastModificationTime: new Date(),
-            }
-          : note,
-      ),
-    )
-    console.log('Promissory note endorsed:', id, endorsedTo)
-  }
-
-  return (
-    <Container>
-      <CheckNoteManagement
-        checks={checks}
-        promissoryNotes={promissoryNotes}
-        currentAccounts={mockCurrentAccounts}
-        onAddCheck={handleAddCheck}
-        onEditCheck={handleEditCheck}
-        onAddNote={handleAddNote}
-        onEditNote={handleEditNote}
-        onCollectCheck={handleCollectCheck}
-        onCollectNote={handleCollectNote}
-        onEndorseCheck={handleEndorseCheck}
-        onEndorseNote={handleEndorseNote}
-      />
-    </Container>
-  )
-}
-
-export default CheckNotePage
diff --git a/ui/src/views/accounting/CurrentAccountPage.tsx b/ui/src/views/accounting/CurrentAccountPage.tsx
deleted file mode 100644
index 29c9712e..00000000
--- a/ui/src/views/accounting/CurrentAccountPage.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react'
-import CurrentAccountManagement from './components/CurrentAccountManagement'
-import { mockCurrentAccounts } from '../../mocks/mockCurrentAccounts'
-import { mockCurrentAccountMovements } from '../../mocks/mockCurrentAccountMovements'
-import { Container } from '@/components/shared'
-
-const CurrentAccountPage: React.FC = () => {
-  return (
-    <Container>
-      <CurrentAccountManagement
-        accounts={mockCurrentAccounts}
-        accountMovements={mockCurrentAccountMovements}
-      />
-    </Container>
-  )
-}
-
-export default CurrentAccountPage
diff --git a/ui/src/views/accounting/InvoicePage.tsx b/ui/src/views/accounting/InvoicePage.tsx
deleted file mode 100644
index c0f49ad8..00000000
--- a/ui/src/views/accounting/InvoicePage.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-import React, { useState } from 'react'
-import InvoiceManagement from './components/InvoiceManagement'
-import InvoiceForm from './components/InvoiceForm'
-import InvoiceDetails from './components/InvoiceDetails'
-import PaymentForm from './components/PaymentForm'
-import WaybillToInvoice from './components/WaybillToInvoice'
-import { FiInvoice, PaymentMethodEnum, PaymentStatusEnum } from '../../types/fi'
-import { mockInvoices } from '../../mocks/mockInvoices'
-import { Container } from '@/components/shared'
-
-interface PaymentData {
-  amount: number
-  paymentDate: Date
-  paymentMethod: PaymentMethodEnum
-  description: string
-  referenceNumber?: string
-}
-
-const InvoicePage: React.FC = () => {
-  const [invoices, setInvoices] = useState<FiInvoice[]>(mockInvoices)
-  const [showInvoiceForm, setShowInvoiceForm] = useState(false)
-  const [showInvoiceDetails, setShowInvoiceDetails] = useState(false)
-  const [showPaymentForm, setShowPaymentForm] = useState(false)
-  const [showWaybillToInvoice, setShowWaybillToInvoice] = useState(false)
-  const [selectedInvoice, setSelectedInvoice] = useState<FiInvoice | null>(null)
-  const [editingInvoice, setEditingInvoice] = useState<FiInvoice | null>(null)
-
-  const handleAdd = () => {
-    setEditingInvoice(null)
-    setShowInvoiceForm(true)
-  }
-
-  const handleEdit = (invoice: FiInvoice) => {
-    setEditingInvoice(invoice)
-    setShowInvoiceForm(true)
-  }
-
-  const handleCreatePayment = (invoice: FiInvoice) => {
-    setSelectedInvoice(invoice)
-    setShowPaymentForm(true)
-  }
-
-  const handleViewDetails = (invoice: FiInvoice) => {
-    setSelectedInvoice(invoice)
-    setShowInvoiceDetails(true)
-  }
-
-  const handleConvertFromWaybill = () => {
-    setShowWaybillToInvoice(true)
-  }
-
-  const handleSaveInvoice = (invoiceData: Partial<FiInvoice>) => {
-    if (editingInvoice) {
-      // Güncelleme
-      setInvoices((prev) =>
-        prev.map((inv) =>
-          inv.id === editingInvoice.id
-            ? { ...inv, ...invoiceData, lastModificationTime: new Date() }
-            : inv,
-        ),
-      )
-    } else {
-      // Yeni ekleme
-      const newInvoice: FiInvoice = {
-        id: Date.now().toString(),
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-        ...invoiceData,
-      } as FiInvoice
-      setInvoices((prev) => [newInvoice, ...prev])
-    }
-    setShowInvoiceForm(false)
-    setEditingInvoice(null)
-  }
-
-  const handleSavePayment = (paymentData: PaymentData) => {
-    if (!selectedInvoice) return
-
-    // Ödeme bilgilerini faturaya ekle
-    const updatedInvoice = {
-      ...selectedInvoice,
-      paidAmount: selectedInvoice.paidAmount + paymentData.amount,
-      remainingAmount: selectedInvoice.remainingAmount - paymentData.amount,
-      paymentStatus:
-        selectedInvoice.remainingAmount - paymentData.amount <= 0
-          ? PaymentStatusEnum.Paid
-          : PaymentStatusEnum.PartiallyPaid,
-      lastModificationTime: new Date(),
-    }
-
-    setInvoices((prev) => prev.map((inv) => (inv.id === selectedInvoice.id ? updatedInvoice : inv)))
-
-    setShowPaymentForm(false)
-    setSelectedInvoice(null)
-
-    // Başarı mesajı
-    alert(
-      `${paymentData.amount.toLocaleString('tr-TR', {
-        style: 'currency',
-        currency: 'TRY',
-      })} tutarında ödeme kaydedildi.`,
-    )
-  }
-
-  const handleSaveFromWaybill = () => {
-    setShowWaybillToInvoice(false)
-    alert('İrsaliyelerden fatura başarıyla oluşturuldu.')
-  }
-
-  const handleCancelForm = () => {
-    setShowInvoiceForm(false)
-    setEditingInvoice(null)
-  }
-
-  const handleCancelDetails = () => {
-    setShowInvoiceDetails(false)
-    setSelectedInvoice(null)
-  }
-
-  const handleCancelPayment = () => {
-    setShowPaymentForm(false)
-    setSelectedInvoice(null)
-  }
-
-  const handleCancelWaybillToInvoice = () => {
-    setShowWaybillToInvoice(false)
-  }
-
-  return (
-    <Container>
-      <InvoiceManagement
-        invoices={invoices}
-        onAdd={handleAdd}
-        onEdit={handleEdit}
-        onCreatePayment={handleCreatePayment}
-        onViewDetails={handleViewDetails}
-        onConvertFromWaybill={handleConvertFromWaybill}
-      />
-
-      <InvoiceForm
-        invoice={editingInvoice || undefined}
-        onSave={handleSaveInvoice}
-        onCancel={handleCancelForm}
-        isVisible={showInvoiceForm}
-      />
-
-      {selectedInvoice && (
-        <>
-          <InvoiceDetails
-            invoice={selectedInvoice}
-            onClose={handleCancelDetails}
-            isVisible={showInvoiceDetails}
-          />
-
-          <PaymentForm
-            invoice={selectedInvoice}
-            onSave={handleSavePayment}
-            onCancel={handleCancelPayment}
-            isVisible={showPaymentForm}
-          />
-        </>
-      )}
-
-      <WaybillToInvoice
-        onClose={handleCancelWaybillToInvoice}
-        onInvoiceCreated={handleSaveFromWaybill}
-        isVisible={showWaybillToInvoice}
-      />
-    </Container>
-  )
-}
-
-export default InvoicePage
diff --git a/ui/src/views/accounting/WaybillPage.tsx b/ui/src/views/accounting/WaybillPage.tsx
deleted file mode 100644
index 78d812f8..00000000
--- a/ui/src/views/accounting/WaybillPage.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-import React, { useState } from 'react'
-import WaybillManagement from './components/WaybillManagement'
-import WaybillForm from './components/WaybillForm'
-import WaybillDetails from './components/WaybillDetails'
-import WaybillToInvoice from './components/WaybillToInvoice'
-import { FiWaybill, WaybillStatusEnum } from '../../types/fi'
-import { mockWaybills } from '../../mocks/mockWaybills'
-import { Container } from '@/components/shared'
-
-type ViewType = 'management' | 'form' | 'details' | 'createInvoice'
-
-const WaybillPage: React.FC = () => {
-  const [currentView, setCurrentView] = useState<ViewType>('management')
-  const [waybills, setWaybills] = useState<FiWaybill[]>(mockWaybills)
-  const [selectedWaybill, setSelectedWaybill] = useState<FiWaybill | undefined>()
-
-  const handleAdd = () => {
-    setSelectedWaybill(undefined)
-    setCurrentView('form')
-  }
-
-  const handleEdit = (waybill: FiWaybill) => {
-    setSelectedWaybill(waybill)
-    setCurrentView('form')
-  }
-
-  const handleViewDetails = (waybill: FiWaybill) => {
-    setSelectedWaybill(waybill)
-    setCurrentView('details')
-  }
-
-  const handleCreateInvoice = (waybill: FiWaybill) => {
-    setSelectedWaybill(waybill)
-    setCurrentView('createInvoice')
-  }
-
-  const handleMarkAsDelivered = (waybill: FiWaybill) => {
-    setWaybills((prev) =>
-      prev.map((w) =>
-        w.id === waybill.id
-          ? {
-              ...w,
-              status: WaybillStatusEnum.Delivered,
-              lastModificationTime: new Date(),
-            }
-          : w,
-      ),
-    )
-    alert(`${waybill.waybillNumber} numaralı irsaliye teslim edildi olarak işaretlendi.`)
-  }
-
-  const handleSaveWaybill = (waybillData: Partial<FiWaybill>) => {
-    if (selectedWaybill) {
-      // Update existing waybill
-      const updatedWaybills = waybills.map((w) =>
-        w.id === selectedWaybill.id
-          ? {
-              ...selectedWaybill,
-              ...waybillData,
-              lastModificationTime: new Date(),
-            }
-          : w,
-      )
-      setWaybills(updatedWaybills)
-    } else {
-      // Create new waybill
-      const newWaybill: FiWaybill = {
-        ...(waybillData as FiWaybill),
-        id: Date.now().toString(),
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      }
-      setWaybills([...waybills, newWaybill])
-    }
-    setCurrentView('management')
-    setSelectedWaybill(undefined)
-  }
-
-  const handleCancel = () => {
-    setCurrentView('management')
-    setSelectedWaybill(undefined)
-  }
-
-  const handleInvoiceCreated = () => {
-    // Mark waybill as invoiced
-    if (selectedWaybill) {
-      const updatedWaybills = waybills.map((w) =>
-        w.id === selectedWaybill.id
-          ? { ...w, isInvoiced: true, lastModificationTime: new Date() }
-          : w,
-      )
-      setWaybills(updatedWaybills)
-    }
-    setCurrentView('management')
-    setSelectedWaybill(undefined)
-  }
-
-  return (
-    <Container>
-      {currentView === 'management' && (
-        <WaybillManagement
-          waybills={waybills}
-          onAdd={handleAdd}
-          onEdit={handleEdit}
-          onViewDetails={handleViewDetails}
-          onCreateInvoice={handleCreateInvoice}
-          onMarkAsDelivered={handleMarkAsDelivered}
-        />
-      )}
-
-      <WaybillForm
-        waybill={selectedWaybill}
-        onSave={handleSaveWaybill}
-        onCancel={handleCancel}
-        isVisible={currentView === 'form'}
-      />
-
-      {selectedWaybill && (
-        <WaybillDetails
-          waybill={selectedWaybill}
-          onClose={handleCancel}
-          onCreateInvoice={() => handleCreateInvoice(selectedWaybill)}
-          isVisible={currentView === 'details'}
-        />
-      )}
-
-      {selectedWaybill && (
-        <WaybillToInvoice
-          selectedWaybills={[selectedWaybill.id]}
-          onClose={handleCancel}
-          onInvoiceCreated={handleInvoiceCreated}
-          isVisible={currentView === 'createInvoice'}
-        />
-      )}
-    </Container>
-  )
-}
-
-export default WaybillPage
diff --git a/ui/src/views/accounting/components/BankAccountDetails.tsx b/ui/src/views/accounting/components/BankAccountDetails.tsx
deleted file mode 100644
index 826e7e8f..00000000
--- a/ui/src/views/accounting/components/BankAccountDetails.tsx
+++ /dev/null
@@ -1,477 +0,0 @@
-import React from "react";
-import {
-  FaBuilding,
-  FaTimes,
-  FaCreditCard,
-  FaMoneyBillWave,
-  FaUser,
-  FaCalendar,
-  FaTimesCircle,
-} from "react-icons/fa";
-import {
-  FiBankMovement,
-  BankTransactionTypeEnum,
-  TransactionStatusEnum,
-} from "../../../types/fi";
-import { BankAccount } from "../../../types/common";
-import {
-  getBankAccountTypeText,
-  getTransactionStatusText,
-  getTransactionTypeText,
-} from "../../../utils/erp";
-
-interface BankAccountDetailsProps {
-  account: BankAccount;
-  movements: FiBankMovement[];
-  isOpen: boolean;
-  onClose: () => void;
-  onEdit: (account: BankAccount) => void;
-}
-
-const BankAccountDetails: React.FC<BankAccountDetailsProps> = ({
-  account,
-  movements,
-  isOpen,
-  onClose,
-  onEdit,
-}) => {
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString("tr-TR", {
-      style: "currency",
-      currency: account.currency || "TRY",
-      minimumFractionDigits: 2,
-    });
-  };
-
-  const formatIban = (iban: string) => {
-    return iban.replace(/(.{4})/g, "$1 ").trim();
-  };
-
-  const formatDate = (date: Date | string) => {
-    return new Date(date).toLocaleDateString("tr-TR");
-  };
-
-  // Calculate statistics
-  const accountMovements = movements.filter(
-    (m) => m.bankAccountId === account.id
-  );
-  const totalIncoming = accountMovements
-    .filter((m) =>
-      [
-        BankTransactionTypeEnum.Deposit,
-        BankTransactionTypeEnum.Interest,
-      ].includes(m.transactionType)
-    )
-    .reduce((sum, m) => sum + m.amount, 0);
-
-  const totalOutgoing = accountMovements
-    .filter((m) =>
-      [
-        BankTransactionTypeEnum.Withdrawal,
-        BankTransactionTypeEnum.Transfer,
-        BankTransactionTypeEnum.EFT,
-        BankTransactionTypeEnum.Fee,
-      ].includes(m.transactionType)
-    )
-    .reduce((sum, m) => sum + m.amount, 0);
-
-  const pendingTransactions = accountMovements.filter(
-    (m) => m.status === TransactionStatusEnum.Pending
-  );
-  const recentMovements = accountMovements
-    .sort(
-      (a, b) =>
-        new Date(b.transactionDate).getTime() -
-        new Date(a.transactionDate).getTime()
-    )
-    .slice(0, 10);
-
-  const isNearOverdraftLimit = () => {
-    const usedLimit = Math.abs(Math.min(account.balance, 0));
-    return (
-      account.overdraftLimit > 0 && usedLimit > account.overdraftLimit * 0.8
-    );
-  };
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-4xl w-full mx-4 max-h-[90vh] overflow-y-auto text-sm">
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div className="flex items-center gap-2.5">
-            <FaBuilding className="w-5 h-5 text-blue-600" />
-            <div>
-              <h2 className="text-lg font-semibold text-gray-900">
-                Banka Hesap Detayları
-              </h2>
-              <p className="text-sm text-gray-500">
-                {account.bankName} - {account.accountNumber}
-              </p>
-            </div>
-          </div>
-          <div className="flex items-center gap-2">
-            <button
-              onClick={() => onEdit(account)}
-              className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors text-sm"
-            >
-              Düzenle
-            </button>
-            <button
-              onClick={onClose}
-              className="p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-md transition-colors"
-            >
-              <FaTimes className="w-5 h-5" />
-            </button>
-          </div>
-        </div>
-
-        <div className="p-4">
-          {/* Account Overview */}
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
-            <div className="bg-gradient-to-r from-blue-500 to-blue-600 text-white p-4 rounded-lg">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-blue-100">Güncel Bakiye</p>
-                  <p className="text-xl font-bold">
-                    {formatCurrency(account.balance)}
-                  </p>
-                </div>
-                <FaMoneyBillWave className="w-7 h-7 text-blue-200" />
-              </div>
-            </div>
-
-            <div className="bg-gradient-to-r from-green-500 to-green-600 text-white p-4 rounded-lg">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-green-100">Toplam Gelen</p>
-                  <p className="text-xl font-bold">
-                    {formatCurrency(totalIncoming)}
-                  </p>
-                </div>
-                <FaMoneyBillWave className="w-7 h-7 text-green-200" />
-              </div>
-            </div>
-
-            <div className="bg-gradient-to-r from-red-500 to-red-600 text-white p-4 rounded-lg">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-red-100">Toplam Çıkan</p>
-                  <p className="text-xl font-bold">
-                    {formatCurrency(totalOutgoing)}
-                  </p>
-                </div>
-                <FaMoneyBillWave className="w-7 h-7 text-red-200" />
-              </div>
-            </div>
-
-            <div className="bg-gradient-to-r from-orange-500 to-orange-600 text-white p-4 rounded-lg">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-orange-100">Bekleyen İşlem</p>
-                  <p className="text-xl font-bold">
-                    {pendingTransactions.length}
-                  </p>
-                </div>
-                <FaCreditCard className="w-7 h-7 text-orange-200" />
-              </div>
-            </div>
-          </div>
-
-          {/* Alerts */}
-          {isNearOverdraftLimit() && (
-            <div className="bg-orange-50 border border-orange-200 rounded-lg p-3 mb-4">
-              <div className="flex items-center gap-2">
-                <FaTimesCircle className="w-5 h-5 text-orange-600" />
-                <h3 className="text-base font-semibold text-orange-900">
-                  Kredi Limiti Uyarısı
-                </h3>
-              </div>
-              <p className="text-orange-700 mt-1">
-                Bu hesap kredi limitinin %80'ine yaklaşmış durumda.
-              </p>
-            </div>
-          )}
-
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-            {/* Account Information */}
-            <div className="space-y-4">
-              <div className="bg-gray-50 rounded-lg p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                  <FaBuilding className="w-5 h-5 text-blue-600" />
-                  Hesap Bilgileri
-                </h3>
-                <div className="space-y-2">
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Hesap Kodu:</span>
-                    <span className="font-medium">{account.accountCode}</span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Banka:</span>
-                    <span className="font-medium">{account.bankName}</span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Şube:</span>
-                    <span className="font-medium">{account.branchName}</span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Hesap No:</span>
-                    <span className="font-mono">{account.accountNumber}</span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">IBAN:</span>
-                    <span className="font-mono text-xs">
-                      {formatIban(account.iban)}
-                    </span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Hesap Türü:</span>
-                    <span className="px-2 py-1 text-xs font-medium bg-blue-100 text-blue-800 rounded-full">
-                      {getBankAccountTypeText(account.accountType)}
-                    </span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Para Birimi:</span>
-                    <span className="px-2 py-1 text-xs font-medium bg-gray-100 text-gray-800 rounded-full">
-                      {account.currency}
-                    </span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Durum:</span>
-                    <span
-                      className={`px-2 py-1 text-xs font-medium rounded-full ${
-                        account.isActive
-                          ? "bg-green-100 text-green-800"
-                          : "bg-gray-100 text-gray-800"
-                      }`}
-                    >
-                      {account.isActive ? "Aktif" : "Pasif"}
-                    </span>
-                  </div>
-                </div>
-              </div>
-
-              <div className="bg-gray-50 rounded-lg p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                  <FaCreditCard className="w-5 h-5 text-green-600" />
-                  Limitler
-                </h3>
-                <div className="space-y-2">
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Kredi Limiti:</span>
-                    <span className="font-medium">
-                      {formatCurrency(account.overdraftLimit)}
-                    </span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">
-                      Günlük Transfer Limiti:
-                    </span>
-                    <span className="font-medium">
-                      {formatCurrency(account.dailyTransferLimit)}
-                    </span>
-                  </div>
-                  {account.overdraftLimit > 0 && (
-                    <div className="flex justify-between">
-                      <span className="text-gray-600">Kullanılan Kredi:</span>
-                      <span
-                        className={`font-medium ${
-                          account.balance < 0
-                            ? "text-red-600"
-                            : "text-green-600"
-                        }`}
-                      >
-                        {account.balance < 0
-                          ? formatCurrency(Math.abs(account.balance))
-                          : formatCurrency(0)}
-                      </span>
-                    </div>
-                  )}
-                </div>
-              </div>
-
-              {(account.contactPerson || account.phoneNumber) && (
-                <div className="bg-gray-50 rounded-lg p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                    <FaUser className="w-5 h-5 text-purple-600" />
-                    İletişim Bilgileri
-                  </h3>
-                  <div className="space-y-2">
-                    {account.contactPerson && (
-                      <div className="flex justify-between">
-                        <span className="text-gray-600">İletişim Kişisi:</span>
-                        <span className="font-medium">
-                          {account.contactPerson}
-                        </span>
-                      </div>
-                    )}
-                    {account.phoneNumber && (
-                      <div className="flex justify-between">
-                        <span className="text-gray-600">Telefon:</span>
-                        <span className="font-medium">{account.phoneNumber}</span>
-                      </div>
-                    )}
-                  </div>
-                </div>
-              )}
-
-              <div className="bg-gray-50 rounded-lg p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                  <FaCalendar className="w-5 h-5 text-gray-600" />
-                  Tarihler
-                </h3>
-                <div className="space-y-2">
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Oluşturulma:</span>
-                    <span className="font-medium">
-                      {formatDate(account.creationTime)}
-                    </span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Son Güncelleme:</span>
-                    <span className="font-medium">
-                      {formatDate(account.lastModificationTime)}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            {/* Recent Movements */}
-            <div className="space-y-4">
-              <div className="bg-gray-50 rounded-lg p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3">
-                  Son Hareketler ({recentMovements.length})
-                </h3>
-                {recentMovements.length > 0 ? (
-                  <div className="space-y-2 max-h-96 overflow-y-auto">
-                    {recentMovements.map((movement) => {
-                      const isIncoming = [
-                        BankTransactionTypeEnum.Deposit,
-                        BankTransactionTypeEnum.Interest,
-                      ].includes(movement.transactionType);
-                      const isOutgoing = [
-                        BankTransactionTypeEnum.Withdrawal,
-                        BankTransactionTypeEnum.Transfer,
-                        BankTransactionTypeEnum.EFT,
-                        BankTransactionTypeEnum.Fee,
-                      ].includes(movement.transactionType);
-
-                      return (
-                        <div
-                          key={movement.id}
-                          className="bg-white rounded-lg p-3 border"
-                        >
-                          <div className="flex items-center justify-between mb-2">
-                            <div className="flex items-center gap-2">
-                              <span
-                                className={`px-2 py-1 text-xs font-medium rounded-full ${
-                                  isIncoming
-                                    ? "bg-green-100 text-green-800"
-                                    : isOutgoing
-                                    ? "bg-red-100 text-red-800"
-                                    : "bg-gray-100 text-gray-800"
-                                }`}
-                              >
-                                {getTransactionTypeText(
-                                  movement.transactionType
-                                )}
-                              </span>
-                              <span
-                                className={`px-2 py-1 text-xs font-medium rounded-full ${
-                                  movement.status ===
-                                  TransactionStatusEnum.Completed
-                                    ? "bg-green-100 text-green-800"
-                                    : movement.status ===
-                                      TransactionStatusEnum.Pending
-                                    ? "bg-yellow-100 text-yellow-800"
-                                    : movement.status ===
-                                      TransactionStatusEnum.Failed
-                                    ? "bg-red-100 text-red-800"
-                                    : "bg-gray-100 text-gray-800"
-                                }`}
-                              >
-                                {getTransactionStatusText(movement.status)}
-                              </span>
-                            </div>
-                            <span
-                              className={`font-medium ${
-                                isIncoming
-                                  ? "text-green-600"
-                                  : isOutgoing
-                                  ? "text-red-600"
-                                  : "text-gray-600"
-                              }`}
-                            >
-                              {isIncoming ? "+" : isOutgoing ? "-" : ""}
-                              {formatCurrency(movement.amount)}
-                            </span>
-                          </div>
-                          <div className="text-sm text-gray-900 font-medium mb-1">
-                            {movement.description}
-                          </div>
-                          <div className="flex items-center justify-between text-xs text-gray-500">
-                            <span>{formatDate(movement.transactionDate)}</span>
-                            {movement.referenceNumber && (
-                              <span>Ref: {movement.referenceNumber}</span>
-                            )}
-                          </div>
-                          {movement.recipientName && (
-                            <div className="text-xs text-blue-600 mt-1">
-                              Alıcı: {movement.recipientName}
-                            </div>
-                          )}
-                        </div>
-                      );
-                    })}
-                  </div>
-                ) : (
-                  <div className="text-center py-6 text-gray-500">
-                    <FaCalendar className="w-8 h-8 mx-auto mb-2 text-gray-300" />
-                    <p>Henüz hareket bulunmamaktadır.</p>
-                  </div>
-                )}
-              </div>
-
-              {pendingTransactions.length > 0 && (
-                <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-4">
-                  <h3 className="text-base font-semibold text-yellow-900 mb-3 flex items-center gap-2">
-                    <FaTimesCircle className="w-5 h-5 text-yellow-600" />
-                    Bekleyen İşlemler ({pendingTransactions.length})
-                  </h3>
-                  <div className="space-y-1.5">
-                    {pendingTransactions.slice(0, 5).map((movement) => (
-                      <div
-                        key={movement.id}
-                        className="flex items-center justify-between py-2"
-                      >
-                        <div>
-                          <div className="text-sm font-medium text-yellow-900">
-                            {movement.description}
-                          </div>
-                          <div className="text-xs text-yellow-700">
-                            {formatDate(movement.transactionDate)}
-                          </div>
-                        </div>
-                        <span className="text-sm font-medium text-yellow-900">
-                          {formatCurrency(movement.amount)}
-                        </span>
-                      </div>
-                    ))}
-                    {pendingTransactions.length > 5 && (
-                      <div className="text-xs text-yellow-700 text-center pt-2">
-                        ... ve {pendingTransactions.length - 5} işlem daha
-                      </div>
-                    )}
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default BankAccountDetails;
diff --git a/ui/src/views/accounting/components/BankAccountForm.tsx b/ui/src/views/accounting/components/BankAccountForm.tsx
deleted file mode 100644
index 4b731c22..00000000
--- a/ui/src/views/accounting/components/BankAccountForm.tsx
+++ /dev/null
@@ -1,427 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaSave, FaTimes, FaBuilding } from 'react-icons/fa'
-import { BankAccountTypeEnum } from '../../../types/fi'
-import { BankAccount } from '../../../types/common'
-import { getBankAccountTypeText } from '@/utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-interface BankAccountFormProps {
-  account?: BankAccount
-  isOpen: boolean
-  onClose: () => void
-  onSave: (account: Partial<BankAccount>) => void
-}
-
-const BankAccountForm: React.FC<BankAccountFormProps> = ({ account, isOpen, onClose, onSave }) => {
-  const [formData, setFormData] = useState<Partial<BankAccount>>({
-    accountCode: '',
-    bankName: '',
-    branchName: '',
-    accountNumber: '',
-    iban: '',
-    accountType: BankAccountTypeEnum.Current,
-    currency: 'TRY',
-    balance: 0,
-    overdraftLimit: 0,
-    dailyTransferLimit: 0,
-    contactPerson: '',
-    phoneNumber: '',
-    isActive: true,
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  useEffect(() => {
-    if (account) {
-      setFormData(account)
-    } else {
-      setFormData({
-        accountCode: '',
-        bankName: '',
-        branchName: '',
-        accountNumber: '',
-        iban: '',
-        accountType: BankAccountTypeEnum.Current,
-        currency: 'TRY',
-        balance: 0,
-        overdraftLimit: 0,
-        dailyTransferLimit: 0,
-        contactPerson: '',
-        phoneNumber: '',
-        isActive: true,
-      })
-    }
-    setErrors({})
-  }, [account, isOpen])
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.accountCode?.trim()) {
-      newErrors.accountCode = 'Hesap kodu gereklidir'
-    }
-
-    if (!formData.bankName?.trim()) {
-      newErrors.bankName = 'Banka adı gereklidir'
-    }
-
-    if (!formData.branchName?.trim()) {
-      newErrors.branchName = 'Şube adı gereklidir'
-    }
-
-    if (!formData.accountNumber?.trim()) {
-      newErrors.accountNumber = 'Hesap numarası gereklidir'
-    }
-
-    if (!formData.iban?.trim()) {
-      newErrors.iban = 'IBAN gereklidir'
-    } else if (formData.iban.length < 26) {
-      newErrors.iban = 'IBAN geçerli formatta olmalıdır'
-    }
-
-    if (!formData.currency?.trim()) {
-      newErrors.currency = 'Para birimi gereklidir'
-    }
-
-    if (formData.dailyTransferLimit !== undefined && formData.dailyTransferLimit < 0) {
-      newErrors.dailyTransferLimit = 'Günlük transfer limiti negatif olamaz'
-    }
-
-    if (formData.overdraftLimit !== undefined && formData.overdraftLimit < 0) {
-      newErrors.overdraftLimit = 'Kredi limiti negatif olamaz'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (validateForm()) {
-      onSave(formData)
-    }
-  }
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    const parsedValue = type === 'number' ? parseFloat(value) || 0 : value
-
-    setFormData((prev) => ({
-      ...prev,
-      [name]: parsedValue,
-    }))
-
-    // Clear error when user starts typing
-    if (errors[name]) {
-      setErrors((prev) => ({
-        ...prev,
-        [name]: '',
-      }))
-    }
-  }
-
-  const handleCheckboxChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const { name, checked } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]: checked,
-    }))
-  }
-
-  const handleIbanChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    let value = e.target.value
-
-    // Sadece harf ve rakam kalsın
-    value = value.replace(/[^A-Za-z0-9]/g, '')
-
-    // 4 karakterde bir boşluk ekle
-    value = value.replace(/(.{4})/g, '$1 ').trim()
-
-    setFormData({
-      ...formData,
-      iban: value,
-    })
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-3xl w-full mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div className="flex items-center gap-2.5">
-            <FaBuilding className="w-5 h-5 text-blue-600" />
-            <h2 className="text-lg font-semibold text-gray-900">
-              {account ? 'Banka Hesabını Düzenle' : 'Yeni Banka Hesabı'}
-            </h2>
-          </div>
-          <button
-            onClick={onClose}
-            className="p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-md transition-colors"
-          >
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Temel Bilgiler */}
-            <div className="space-y-3">
-              <h3 className="text-base font-semibold text-gray-900 border-b pb-2 mb-2">
-                Temel Bilgiler
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Hesap Kodu *</label>
-                <input
-                  type="text"
-                  name="accountCode"
-                  value={formData.accountCode || ''}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.accountCode ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Örn: BANKA001"
-                />
-                {errors.accountCode && (
-                  <p className="text-red-500 text-xs mt-1">{errors.accountCode}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Banka Adı *</label>
-                <input
-                  type="text"
-                  name="bankName"
-                  value={formData.bankName || ''}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.bankName ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Örn: İş Bankası"
-                />
-                {errors.bankName && <p className="text-red-500 text-xs mt-1">{errors.bankName}</p>}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Şube Adı *</label>
-                <input
-                  type="text"
-                  name="branchName"
-                  value={formData.branchName || ''}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.branchName ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Örn: Levent Şubesi"
-                />
-                {errors.branchName && (
-                  <p className="text-red-500 text-xs mt-1">{errors.branchName}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Hesap Türü</label>
-                <select
-                  name="accountType"
-                  value={formData.accountType || BankAccountTypeEnum.Current}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {Object.values(BankAccountTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getBankAccountTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Para Birimi *
-                </label>
-                <select
-                  name="currency"
-                  value={formData.currency || 'TRY'}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.currency ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                >
-                  {mockCurrencies.map((cur) => (
-                    <option key={cur.value} value={cur.value}>
-                      {cur.value} - {cur.label}
-                    </option>
-                  ))}
-                </select>
-                {errors.currency && <p className="text-red-500 text-xs mt-1">{errors.currency}</p>}
-              </div>
-            </div>
-
-            {/* Hesap Detayları */}
-            <div className="space-y-3">
-              <h3 className="text-base font-semibold text-gray-900 border-b pb-2 mb-2">
-                Hesap Detayları
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Hesap Numarası *
-                </label>
-                <input
-                  type="text"
-                  name="accountNumber"
-                  value={formData.accountNumber || ''}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.accountNumber ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="1234567890"
-                />
-                {errors.accountNumber && (
-                  <p className="text-red-500 text-xs mt-1">{errors.accountNumber}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">IBAN *</label>
-                <input
-                  type="text"
-                  name="iban"
-                  value={formData.iban || ''}
-                  onChange={handleIbanChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 font-mono ${
-                    errors.iban ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="TR12 0006 4000 0011 2345 6789 01"
-                  maxLength={34}
-                />
-                {errors.iban && <p className="text-red-500 text-xs mt-1">{errors.iban}</p>}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Başlangıç Bakiyesi
-                </label>
-                <input
-                  type="number"
-                  name="balance"
-                  value={formData.balance || 0}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  step="0.01"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Kredi Limiti</label>
-                <input
-                  type="number"
-                  name="overdraftLimit"
-                  value={formData.overdraftLimit || 0}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.overdraftLimit ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  step="0.01"
-                  min="0"
-                />
-                {errors.overdraftLimit && (
-                  <p className="text-red-500 text-xs mt-1">{errors.overdraftLimit}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Günlük Transfer Limiti
-                </label>
-                <input
-                  type="number"
-                  name="dailyTransferLimit"
-                  value={formData.dailyTransferLimit || 0}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.dailyTransferLimit ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  step="0.01"
-                  min="0"
-                />
-                {errors.dailyTransferLimit && (
-                  <p className="text-red-500 text-xs mt-1">{errors.dailyTransferLimit}</p>
-                )}
-              </div>
-            </div>
-
-            {/* İletişim Bilgileri */}
-            <div className="space-y-3 md:col-span-2">
-              <h3 className="text-base font-semibold text-gray-900 border-b pb-2 mb-2">
-                İletişim Bilgileri
-              </h3>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    İletişim Kişisi
-                  </label>
-                  <input
-                    type="text"
-                    name="contactPerson"
-                    value={formData.contactPerson || ''}
-                    onChange={handleInputChange}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    placeholder="Ad Soyad"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Telefon</label>
-                  <input
-                    type="tel"
-                    name="phoneNumber"
-                    value={formData.phoneNumber || ''}
-                    onChange={handleInputChange}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    placeholder="+90 212 555 1234"
-                  />
-                </div>
-              </div>
-
-              <div className="flex items-center">
-                <input
-                  type="checkbox"
-                  name="isActive"
-                  checked={formData.isActive || false}
-                  onChange={handleCheckboxChange}
-                  className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                />
-                <label className="ml-2 block text-sm text-gray-700">Hesap aktif</label>
-              </div>
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end gap-3 mt-6 pt-4 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-md transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              {account ? 'Güncelle' : 'Kaydet'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default BankAccountForm
diff --git a/ui/src/views/accounting/components/BankManagement.tsx b/ui/src/views/accounting/components/BankManagement.tsx
deleted file mode 100644
index 15a5740c..00000000
--- a/ui/src/views/accounting/components/BankManagement.tsx
+++ /dev/null
@@ -1,676 +0,0 @@
-import React, { useState } from "react";
-import {
-  FaBuilding,
-  FaPlus,
-  FaSearch,
-  FaExclamationTriangle,
-  FaCalendar,
-  FaEdit,
-} from "react-icons/fa";
-import {
-  FiBankMovement,
-  BankTransactionTypeEnum,
-  TransactionStatusEnum,
-} from "../../../types/fi";
-import DataTable, { Column } from "../../../components/common/DataTable";
-import { BankAccount } from "../../../types/common";
-import Widget from "../../../components/common/Widget";
-import {
-  getBankAccountTypeColor,
-  getBankAccountTypeText,
-  getTransactionStatusColor,
-  getTransactionStatusText,
-  getTransactionTypeColor,
-  getTransactionTypeText,
-} from "../../../utils/erp";
-
-interface BankManagementProps {
-  bankAccounts: BankAccount[];
-  bankMovements: FiBankMovement[];
-  onAddAccount: () => void;
-  onEditAccount: (account: BankAccount) => void;
-  onAddMovement: () => void;
-  onEditMovement: (movement: FiBankMovement) => void;
-  onViewDetails: (account: BankAccount) => void;
-}
-
-const BankManagement: React.FC<BankManagementProps> = ({
-  bankAccounts,
-  bankMovements,
-  onAddAccount,
-  onEditAccount,
-  onAddMovement,
-  onEditMovement,
-  onViewDetails,
-}) => {
-  const [activeTab, setActiveTab] = useState<"accounts" | "movements">(
-    "accounts"
-  );
-  const [searchTerm, setSearchTerm] = useState("");
-  const [selectedTransactionType, setSelectedTransactionType] = useState<
-    BankTransactionTypeEnum | "all"
-  >("all");
-  const [selectedStatus, setSelectedStatus] = useState<
-    TransactionStatusEnum | "all"
-  >("all");
-  const [sortBy, setSortBy] = useState<"date" | "amount">("date");
-
-  const filteredAccounts = bankAccounts.filter((account) => {
-    if (
-      searchTerm &&
-      !account.bankName.toLowerCase().includes(searchTerm.toLowerCase()) &&
-      !account.accountNumber.toLowerCase().includes(searchTerm.toLowerCase()) &&
-      !account.iban.toLowerCase().includes(searchTerm.toLowerCase())
-    ) {
-      return false;
-    }
-    return true;
-  });
-
-  const filteredMovements = bankMovements
-    .filter((movement) => {
-      if (
-        searchTerm &&
-        !movement.description
-          .toLowerCase()
-          .includes(searchTerm.toLowerCase()) &&
-        !movement.referenceNumber
-          ?.toLowerCase()
-          .includes(searchTerm.toLowerCase()) &&
-        !movement.bankAccount?.bankName
-          ?.toLowerCase()
-          .includes(searchTerm.toLowerCase()) &&
-        !movement.recipientName
-          ?.toLowerCase()
-          .includes(searchTerm.toLowerCase())
-      ) {
-        return false;
-      }
-      if (
-        selectedTransactionType !== "all" &&
-        movement.transactionType !== selectedTransactionType
-      ) {
-        return false;
-      }
-      if (selectedStatus !== "all" && movement.status !== selectedStatus) {
-        return false;
-      }
-      return true;
-    })
-    .sort((a, b) => {
-      switch (sortBy) {
-        case "date":
-          return (
-            new Date(b.transactionDate).getTime() -
-            new Date(a.transactionDate).getTime()
-          );
-        case "amount":
-          return b.amount - a.amount;
-        default:
-          return 0;
-      }
-    });
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString("tr-TR", {
-      style: "currency",
-      currency: "TRY",
-      minimumFractionDigits: 2,
-    });
-  };
-
-  const formatIban = (iban: string) => {
-    return iban.replace(/(.{4})/g, "$1 ").trim();
-  };
-
-  const isNearOverdraftLimit = (account: BankAccount) => {
-    const usedLimit = Math.abs(Math.min(account.balance, 0));
-    return (
-      account.overdraftLimit > 0 && usedLimit > account.overdraftLimit * 0.8
-    );
-  };
-
-  const accountColumns: Column<BankAccount>[] = [
-    {
-      key: "bankInfo",
-      header: "Banka Bilgileri",
-      render: (account: BankAccount) => (
-        <div>
-          <div className="font-medium text-gray-900">{account.bankName}</div>
-          <div className="text-sm text-gray-500">{account.branchName}</div>
-          <div className="text-xs text-gray-400">
-            Kod: {account.accountCode}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "accountDetails",
-      header: "Hesap Detayları",
-      render: (account: BankAccount) => (
-        <div>
-          <div className="text-sm font-mono">{account.accountNumber}</div>
-          <div className="text-xs font-mono text-gray-500">
-            {formatIban(account.iban)}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "type",
-      header: "Tür",
-      render: (account: BankAccount) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getBankAccountTypeColor(
-            account.accountType
-          )}`}
-        >
-          {getBankAccountTypeText(account.accountType)}
-        </span>
-      ),
-    },
-    {
-      key: "currency",
-      header: "Para Birimi",
-      render: (account: BankAccount) => (
-        <span className="px-2 py-1 text-xs font-medium bg-gray-100 text-gray-800 rounded-full">
-          {account.currency}
-        </span>
-      ),
-    },
-    {
-      key: "balance",
-      header: "Bakiye",
-      sortable: true,
-      render: (account: BankAccount) => {
-        const isOverdraft = account.balance < 0;
-        const isNearLimit = isNearOverdraftLimit(account);
-
-        return (
-          <div className="text-right">
-            <div
-              className={`font-medium ${
-                isOverdraft ? "text-red-600" : "text-green-600"
-              }`}
-            >
-              {formatCurrency(account.balance)}
-            </div>
-            {account.overdraftLimit > 0 && (
-              <div className="text-xs text-gray-500">
-                Limit: {formatCurrency(account.overdraftLimit)}
-                {isNearLimit && (
-                  <span className="ml-1 text-orange-600">⚠️</span>
-                )}
-              </div>
-            )}
-          </div>
-        );
-      },
-    },
-    {
-      key: "limits",
-      header: "Limitler",
-      render: (account: BankAccount) => (
-        <div className="text-sm">
-          <div>Günlük Transfer:</div>
-          <div className="text-gray-600">
-            {formatCurrency(account.dailyTransferLimit)}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "contact",
-      header: "İletişim",
-      render: (account: BankAccount) => (
-        <div className="text-sm">
-          {account.contactPerson && (
-            <div className="text-gray-900">{account.contactPerson}</div>
-          )}
-          {account.phoneNumber && (
-            <div className="text-gray-500">{account.phoneNumber}</div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: "status",
-      header: "Durum",
-      render: (account: BankAccount) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${
-            account.isActive
-              ? "bg-green-100 text-green-800"
-              : "bg-gray-100 text-gray-800"
-          }`}
-        >
-          {account.isActive ? "Aktif" : "Pasif"}
-        </span>
-      ),
-    },
-    {
-      key: "actions",
-      header: "İşlemler",
-      render: (account: BankAccount) => (
-        <div className="flex gap-1">
-          <button
-            onClick={() => onViewDetails(account)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaCalendar className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => onEditAccount(account)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ];
-
-  const movementColumns: Column<FiBankMovement>[] = [
-    {
-      key: "dates",
-      header: "Tarihler",
-      sortable: true,
-      render: (movement: FiBankMovement) => (
-        <div className="text-sm">
-          <div>
-            İşlem:{" "}
-            {new Date(movement.transactionDate).toLocaleDateString("tr-TR")}
-          </div>
-          <div className="text-gray-500">
-            Valör: {new Date(movement.valueDate).toLocaleDateString("tr-TR")}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "bankAccount",
-      header: "Banka Hesabı",
-      render: (movement: FiBankMovement) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {movement.bankAccount?.bankName || "Bilinmeyen"}
-          </div>
-          <div className="text-sm text-gray-500">
-            {movement.bankAccount?.accountNumber}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "type",
-      header: "İşlem Türü",
-      render: (movement: FiBankMovement) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getTransactionTypeColor(
-            movement.transactionType
-          )}`}
-        >
-          {getTransactionTypeText(movement.transactionType)}
-        </span>
-      ),
-    },
-    {
-      key: "description",
-      header: "Açıklama",
-      render: (movement: FiBankMovement) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {movement.description}
-          </div>
-          {movement.referenceNumber && (
-            <div className="text-sm text-gray-500">
-              Ref: {movement.referenceNumber}
-            </div>
-          )}
-          {movement.recipientName && (
-            <div className="text-sm text-blue-600">
-              Alıcı: {movement.recipientName}
-            </div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: "amount",
-      header: "Tutar",
-      sortable: true,
-      render: (movement: FiBankMovement) => {
-        const isIncoming = [
-          BankTransactionTypeEnum.Deposit,
-          BankTransactionTypeEnum.Interest,
-        ].includes(movement.transactionType);
-        const isOutgoing = [
-          BankTransactionTypeEnum.Withdrawal,
-          BankTransactionTypeEnum.Transfer,
-          BankTransactionTypeEnum.EFT,
-          BankTransactionTypeEnum.Fee,
-        ].includes(movement.transactionType);
-
-        return (
-          <div className="text-right">
-            <span
-              className={`font-medium ${
-                isIncoming
-                  ? "text-green-600"
-                  : isOutgoing
-                  ? "text-red-600"
-                  : "text-gray-600"
-              }`}
-            >
-              {isIncoming ? "+" : isOutgoing ? "-" : ""}
-              {formatCurrency(movement.amount)}
-            </span>
-          </div>
-        );
-      },
-    },
-    {
-      key: "status",
-      header: "Durum",
-      render: (movement: FiBankMovement) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getTransactionStatusColor(
-            movement.status
-          )}`}
-        >
-          {getTransactionStatusText(movement.status)}
-        </span>
-      ),
-    },
-    {
-      key: "currentAccount",
-      header: "Cari Hesap",
-      render: (movement: FiBankMovement) => (
-        <div className="text-sm text-gray-900">
-          {movement.currentAccount?.accountCode || "-"}
-        </div>
-      ),
-    },
-    {
-      key: "actions",
-      header: "İşlemler",
-      render: (movement: FiBankMovement) => (
-        <div className="flex gap-1">
-          <button
-            onClick={() => onEditMovement(movement)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ];
-
-  // Calculate statistics
-  const totalBankBalance = bankAccounts.reduce(
-    (sum, account) => sum + account.balance,
-    0
-  );
-  const activeBankAccounts = bankAccounts.filter(
-    (account) => account.isActive
-  ).length;
-  const totalOverdraftLimit = bankAccounts.reduce(
-    (sum, account) => sum + account.overdraftLimit,
-    0
-  );
-
-  const todayMovements = bankMovements.filter((movement) => {
-    const today = new Date();
-    const movementDate = new Date(movement.transactionDate);
-    return movementDate.toDateString() === today.toDateString();
-  });
-
-  const todayIncoming = todayMovements
-    .filter((m) =>
-      [
-        BankTransactionTypeEnum.Deposit,
-        BankTransactionTypeEnum.Interest,
-      ].includes(m.transactionType)
-    )
-    .reduce((sum, m) => sum + m.amount, 0);
-
-  const todayOutgoing = todayMovements
-    .filter((m) =>
-      [
-        BankTransactionTypeEnum.Withdrawal,
-        BankTransactionTypeEnum.Transfer,
-        BankTransactionTypeEnum.EFT,
-        BankTransactionTypeEnum.Fee,
-      ].includes(m.transactionType)
-    )
-    .reduce((sum, m) => sum + m.amount, 0);
-
-  // Accounts near overdraft limit
-  const accountsNearLimit = bankAccounts.filter(isNearOverdraftLimit);
-
-  // Pending transactions
-  const pendingTransactions = bankMovements.filter(
-    (m) => m.status === TransactionStatusEnum.Pending
-  );
-
-  return (
-    <div className="space-y-2">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h2 className="text-2xl font-bold text-gray-900">Banka Yönetimi</h2>
-          <p className="text-gray-600">
-            Banka hesapları ve EFT/Havale işlemleri
-          </p>
-        </div>
-        <div className="flex gap-2 text-sm">
-          <button
-            onClick={onAddMovement}
-            className="flex items-center gap-2 px-3 py-1.5 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
-          >
-            <FaPlus className="w-4 h-4" />
-            Banka Hareketi
-          </button>
-          <button
-            onClick={onAddAccount}
-            className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni Banka Hesabı
-          </button>
-        </div>
-      </div>
-
-      {/* Stats Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <Widget
-          title="Toplam Banka Bakiyesi"
-          value={formatCurrency(totalBankBalance)}
-          color="blue"
-          icon="FaBuilding"
-          subTitle={`${activeBankAccounts} aktif hesap`}
-        />
-        <Widget
-          title="Günlük Giren"
-          value={formatCurrency(todayIncoming)}
-          color="green"
-          icon="FaArrowUp"
-          subTitle="Bugün"
-        />
-        <Widget
-          title="Günlük Çıkan"
-          value={formatCurrency(todayOutgoing)}
-          color="red"
-          icon="FaArrowDown"
-          subTitle="Bugün"
-        />
-        <Widget
-          title="Kredi Limiti"
-          value={formatCurrency(totalOverdraftLimit)}
-          color="orange"
-          icon="FaCreditCard"
-          subTitle="Toplam limit"
-        />
-      </div>
-
-      {/* Alerts */}
-      {(accountsNearLimit.length > 0 || pendingTransactions.length > 0) && (
-        <div className="space-y-3">
-          {accountsNearLimit.length > 0 && (
-            <div className="bg-orange-50 border border-orange-200 rounded-lg p-3">
-              <div className="flex items-center gap-2">
-                <FaExclamationTriangle className="w-5 h-5 text-orange-600" />
-                <h3 className="text-base font-semibold text-orange-900">
-                  Kredi Limiti Uyarısı
-                </h3>
-              </div>
-              <p className="text-orange-700 mt-1">
-                {accountsNearLimit.length} hesap kredi limitinin %80'ine
-                yaklaşmış durumda.
-              </p>
-            </div>
-          )}
-
-          {pendingTransactions.length > 0 && (
-            <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-3">
-              <div className="flex items-center gap-2">
-                <FaExclamationTriangle className="w-5 h-5 text-yellow-600" />
-                <h3 className="text-base font-semibold text-yellow-900">
-                  Bekleyen İşlemler
-                </h3>
-              </div>
-              <p className="text-yellow-700 mt-1">
-                {pendingTransactions.length} adet bekleyen banka işlemi
-                bulunmaktadır.
-              </p>
-            </div>
-          )}
-        </div>
-      )}
-
-      {/* Tabs */}
-      <div className="border-b border-gray-200">
-        <nav className="-mb-px flex space-x-6">
-          <button
-            onClick={() => setActiveTab("accounts")}
-            className={`py-3 px-1 border-b-2 font-medium text-sm ${
-              activeTab === "accounts"
-                ? "border-blue-500 text-blue-600"
-                : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
-            }`}
-          >
-            Banka Hesapları ({bankAccounts.length})
-          </button>
-          <button
-            onClick={() => setActiveTab("movements")}
-            className={`py-3 px-1 border-b-2 font-medium text-sm ${
-              activeTab === "movements"
-                ? "border-blue-500 text-blue-600"
-                : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
-            }`}
-          >
-            Banka Hareketleri ({bankMovements.length})
-          </button>
-        </nav>
-      </div>
-
-      {/* Filters */}
-      <div className="flex gap-3 items-center">
-        <div className="flex-1 relative">
-          <FaSearch className="w-4 h-4 absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" />
-          <input
-            type="text"
-            placeholder={
-              activeTab === "accounts"
-                ? "Banka adı, hesap no veya IBAN ara..."
-                : "Açıklama, referans no veya alıcı ara..."
-            }
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full pl-10 pr-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          />
-        </div>
-
-        {activeTab === "movements" && (
-          <>
-            <select
-              value={selectedTransactionType}
-              onChange={(e) =>
-                setSelectedTransactionType(
-                  e.target.value as BankTransactionTypeEnum | "all"
-                )
-              }
-              className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            >
-              <option value="all">Tüm İşlem Türleri</option>
-              {Object.values(BankTransactionTypeEnum).map((type) => (
-                <option key={type} value={type}>
-                  {getTransactionTypeText(type)}
-                </option>
-              ))}
-            </select>
-
-            <select
-              value={selectedStatus}
-              onChange={(e) =>
-                setSelectedStatus(
-                  e.target.value as TransactionStatusEnum | "all"
-                )
-              }
-              className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            >
-              <option value="all">Tüm Durumlar</option>
-              {Object.values(TransactionStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getTransactionStatusText(status)}
-                </option>
-              ))}
-            </select>
-
-            <select
-              value={sortBy}
-              onChange={(e) => setSortBy(e.target.value as "date" | "amount")}
-              className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            >
-              <option value="date">Tarihe Göre</option>
-              <option value="amount">Tutara Göre</option>
-            </select>
-          </>
-        )}
-      </div>
-
-      {/* Data Table */}
-      <div className="bg-white rounded-lg shadow-sm border overflow-x-auto">
-        {activeTab === "accounts" ? (
-          <DataTable data={filteredAccounts} columns={accountColumns} />
-        ) : (
-          <DataTable data={filteredMovements} columns={movementColumns} />
-        )}
-      </div>
-
-      {/* Empty State */}
-      {((activeTab === "accounts" && filteredAccounts.length === 0) ||
-        (activeTab === "movements" && filteredMovements.length === 0)) && (
-        <div className="text-center py-10">
-          <FaBuilding className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-          <h3 className="text-base font-medium text-gray-900 mb-2">
-            {activeTab === "accounts"
-              ? "Banka hesabı bulunamadı"
-              : "Banka hareketi bulunamadı"}
-          </h3>
-          <p className="text-sm text-gray-500">
-            {activeTab === "accounts"
-              ? "Yeni bir banka hesabı ekleyin veya arama kriterlerinizi değiştirin."
-              : "Yeni bir banka hareketi ekleyin veya arama kriterlerinizi değiştirin."}
-          </p>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default BankManagement;
diff --git a/ui/src/views/accounting/components/BankMovementForm.tsx b/ui/src/views/accounting/components/BankMovementForm.tsx
deleted file mode 100644
index beae074c..00000000
--- a/ui/src/views/accounting/components/BankMovementForm.tsx
+++ /dev/null
@@ -1,524 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { FaSave, FaTimes, FaExchangeAlt } from "react-icons/fa";
-import {
-  FiBankMovement,
-  BankTransactionTypeEnum,
-  TransactionStatusEnum,
-  FiCurrentAccount,
-} from "../../../types/fi";
-import { BankAccount } from "../../../types/common";
-import {
-  getTransactionStatusText,
-  getTransactionTypeText,
-} from "../../../utils/erp";
-
-interface BankMovementFormProps {
-  movement?: FiBankMovement;
-  bankAccounts: BankAccount[];
-  currentAccounts?: FiCurrentAccount[];
-  isOpen: boolean;
-  onClose: () => void;
-  onSave: (movement: Partial<FiBankMovement>) => void;
-}
-
-const BankMovementForm: React.FC<BankMovementFormProps> = ({
-  movement,
-  bankAccounts,
-  currentAccounts = [],
-  isOpen,
-  onClose,
-  onSave,
-}) => {
-  const [formData, setFormData] = useState<
-    Partial<FiBankMovement> & {
-      transactionDateString?: string;
-      valueDateString?: string;
-    }
-  >({
-    bankAccountId: "",
-    transactionDateString: new Date().toISOString().split("T")[0],
-    valueDateString: new Date().toISOString().split("T")[0],
-    description: "",
-    referenceNumber: "",
-    transactionType: BankTransactionTypeEnum.Deposit,
-    amount: 0,
-    currency: "TRY",
-    recipientName: "",
-    recipientIban: "",
-    recipientBank: "",
-    currentAccountId: "",
-    status: TransactionStatusEnum.Pending,
-  });
-
-  const [errors, setErrors] = useState<Record<string, string>>({});
-
-  useEffect(() => {
-    if (movement) {
-      setFormData({
-        ...movement,
-        transactionDateString: new Date(movement.transactionDate)
-          .toISOString()
-          .split("T")[0],
-        valueDateString: new Date(movement.valueDate)
-          .toISOString()
-          .split("T")[0],
-      });
-    } else {
-      setFormData({
-        bankAccountId: "",
-        transactionDateString: new Date().toISOString().split("T")[0],
-        valueDateString: new Date().toISOString().split("T")[0],
-        description: "",
-        referenceNumber: "",
-        transactionType: BankTransactionTypeEnum.Deposit,
-        amount: 0,
-        currency: "TRY",
-        recipientName: "",
-        recipientIban: "",
-        recipientBank: "",
-        currentAccountId: "",
-        status: TransactionStatusEnum.Pending,
-      });
-    }
-    setErrors({});
-  }, [movement, isOpen]);
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {};
-
-    if (!formData.bankAccountId) {
-      newErrors.bankAccountId = "Banka hesabı seçmelisiniz";
-    }
-
-    if (!formData.description?.trim()) {
-      newErrors.description = "Açıklama gereklidir";
-    }
-
-    if (!formData.amount || formData.amount <= 0) {
-      newErrors.amount = "Tutar 0'dan büyük olmalıdır";
-    }
-
-    if (!formData.transactionDateString) {
-      newErrors.transactionDate = "İşlem tarihi gereklidir";
-    }
-
-    if (!formData.valueDateString) {
-      newErrors.valueDate = "Valör tarihi gereklidir";
-    }
-
-    // EFT/Transfer için alıcı bilgileri kontrol et
-    if (
-      [BankTransactionTypeEnum.EFT, BankTransactionTypeEnum.Transfer].includes(
-        formData.transactionType!
-      )
-    ) {
-      if (!formData.recipientName?.trim()) {
-        newErrors.recipientName = "Alıcı adı gereklidir";
-      }
-      if (!formData.recipientIban?.trim()) {
-        newErrors.recipientIban = "Alıcı IBAN gereklidir";
-      }
-    }
-
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (validateForm()) {
-      const selectedBankAccount = bankAccounts.find(
-        (acc) => acc.id === formData.bankAccountId
-      );
-      onSave({
-        ...formData,
-        transactionDate: new Date(formData.transactionDateString!),
-        valueDate: new Date(formData.valueDateString!),
-        currency: selectedBankAccount?.currency || formData.currency,
-      });
-    }
-  };
-
-  const handleInputChange = (
-    e: React.ChangeEvent<
-      HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement
-    >
-  ) => {
-    const { name, value, type } = e.target;
-    const parsedValue = type === "number" ? parseFloat(value) || 0 : value;
-
-    setFormData((prev) => ({
-      ...prev,
-      [name]: parsedValue,
-    }));
-
-    // Update currency when bank account changes
-    if (name === "bankAccountId") {
-      const selectedAccount = bankAccounts.find((acc) => acc.id === value);
-      if (selectedAccount) {
-        setFormData((prev) => ({
-          ...prev,
-          bankAccountId: value,
-          currency: selectedAccount.currency,
-        }));
-      }
-    }
-
-    // Clear error when user starts typing
-    if (errors[name]) {
-      setErrors((prev) => ({
-        ...prev,
-        [name]: "",
-      }));
-    }
-  };
-
-  const formatIban = (iban: string) => {
-    const cleaned = iban.replace(/\s/g, "").toUpperCase();
-    return cleaned.replace(/(.{4})/g, "$1 ").trim();
-  };
-
-  const handleIbanChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const formatted = formatIban(e.target.value);
-    setFormData((prev) => ({
-      ...prev,
-      recipientIban: formatted,
-    }));
-
-    if (errors.recipientIban) {
-      setErrors((prev) => ({
-        ...prev,
-        recipientIban: "",
-      }));
-    }
-  };
-
-  const isTransferType = [
-    BankTransactionTypeEnum.EFT,
-    BankTransactionTypeEnum.Transfer,
-  ].includes(formData.transactionType!);
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-3xl w-full mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div className="flex items-center gap-2.5">
-            <FaExchangeAlt className="w-5 h-5 text-green-600" />
-            <h2 className="text-lg font-semibold text-gray-900">
-              {movement ? "Banka Hareketini Düzenle" : "Yeni Banka Hareketi"}
-            </h2>
-          </div>
-          <button
-            onClick={onClose}
-            className="p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-md transition-colors"
-          >
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Temel Bilgiler */}
-            <div className="space-y-3">
-              <h3 className="text-base font-semibold text-gray-900 border-b pb-2 mb-2">
-                Temel Bilgiler
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Banka Hesabı *
-                </label>
-                <select /* Kontrol küçültüldü */
-                  name="bankAccountId"
-                  value={formData.bankAccountId || ""}
-                  onChange={handleInputChange}
-                  className={`w-full px-2 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.bankAccountId ? "border-red-500" : "border-gray-300"
-                  }`}
-                >
-                  <option value="">Banka hesabı seçin</option>
-                  {bankAccounts.map((account) => (
-                    <option key={account.id} value={account.id}>
-                      {account.bankName} - {account.accountNumber} (
-                      {account.currency})
-                    </option>
-                  ))}
-                </select>
-                {errors.bankAccountId && (
-                  <p className="text-red-500 text-xs mt-1">
-                    {errors.bankAccountId}
-                  </p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  İşlem Türü *
-                </label>
-                <select /* Kontrol küçültüldü */
-                  name="transactionType"
-                  value={
-                    formData.transactionType || BankTransactionTypeEnum.Deposit
-                  }
-                  onChange={handleInputChange}
-                  className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {Object.values(BankTransactionTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getTransactionTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div className="grid grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    İşlem Tarihi *
-                  </label>
-                  <input /* Kontrol küçültüldü */
-                    type="date"
-                    name="transactionDateString"
-                    value={formData.transactionDateString || ""}
-                    onChange={handleInputChange}
-                    className={`w-full px-2 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                      errors.transactionDate
-                        ? "border-red-500"
-                        : "border-gray-300"
-                    }`}
-                  />
-                  {errors.transactionDate && (
-                    <p className="text-red-500 text-xs mt-1">
-                      {errors.transactionDate}
-                    </p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Valör Tarihi *
-                  </label>
-                  <input /* Kontrol küçültüldü */
-                    type="date"
-                    name="valueDateString"
-                    value={formData.valueDateString || ""}
-                    onChange={handleInputChange}
-                    className={`w-full px-2 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                      errors.valueDate ? "border-red-500" : "border-gray-300"
-                    }`}
-                  />
-                  {errors.valueDate && (
-                    <p className="text-red-500 text-xs mt-1">
-                      {errors.valueDate}
-                    </p>
-                  )}
-                </div>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Açıklama *
-                </label>
-                <textarea /* Kontrol küçültüldü */
-                  name="description"
-                  value={formData.description || ""}
-                  onChange={handleInputChange}
-                  rows={3}
-                  className={`w-full px-2 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.description ? "border-red-500" : "border-gray-300"
-                  }`}
-                  placeholder="İşlem açıklaması"
-                />
-                {errors.description && (
-                  <p className="text-red-500 text-xs mt-1">
-                    {errors.description}
-                  </p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Referans Numarası
-                </label>
-                <input /* Kontrol küçültüldü */
-                  type="text"
-                  name="referenceNumber"
-                  value={formData.referenceNumber || ""}
-                  onChange={handleInputChange}
-                  className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="REF-001"
-                />
-              </div>
-            </div>
-
-            {/* Tutar ve Durum */}
-            <div className="space-y-3">
-              <h3 className="text-base font-semibold text-gray-900 border-b pb-2 mb-2">
-                Tutar ve Durum
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Tutar *
-                </label>
-                <div className="relative">
-                  <input /* Kontrol küçültüldü */
-                    type="number"
-                    name="amount"
-                    value={formData.amount || ""}
-                    onChange={handleInputChange}
-                    className={`w-full px-2 py-1.5 text-sm pr-16 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                      errors.amount ? "border-red-500" : "border-gray-300"
-                    }`}
-                    step="0.01"
-                    min="0"
-                    placeholder="0.00"
-                  />
-                  <span className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-500">
-                    {formData.currency || "TRY"}
-                  </span>
-                </div>
-                {errors.amount && (
-                  <p className="text-red-500 text-xs mt-1">{errors.amount}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Durum
-                </label>
-                <select /* Kontrol küçültüldü */
-                  name="status"
-                  value={formData.status || TransactionStatusEnum.Pending}
-                  onChange={handleInputChange}
-                  className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {Object.values(TransactionStatusEnum).map((status) => (
-                    <option key={status} value={status}>
-                      {getTransactionStatusText(status)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              {currentAccounts.length > 0 && (
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Cari Hesap
-                  </label>
-                  <select /* Kontrol küçültüldü */
-                    name="currentAccountId"
-                    value={formData.currentAccountId || ""}
-                    onChange={handleInputChange}
-                    className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    <option value="">Cari hesap seçin (opsiyonel)</option>
-                    {currentAccounts.map((account) => (
-                      <option key={account.id} value={account.id}>
-                        {account.businessParty?.name} - {account.accountCode}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              )}
-            </div>
-
-            {/* Transfer Bilgileri */}
-            {isTransferType && (
-              <div className="space-y-3 md:col-span-2">
-                <h3 className="text-base font-semibold text-gray-900 border-b pb-2 mb-2">
-                  Transfer Bilgileri
-                </h3>
-
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Alıcı Adı *
-                    </label>
-                    <input /* Kontrol küçültüldü */
-                      type="text"
-                      name="recipientName"
-                      value={formData.recipientName || ""}
-                      onChange={handleInputChange}
-                      className={`w-full px-2 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                        errors.recipientName
-                          ? "border-red-500"
-                          : "border-gray-300"
-                      }`}
-                      placeholder="Alıcı adı"
-                    />
-                    {errors.recipientName && (
-                      <p className="text-red-500 text-xs mt-1">
-                        {errors.recipientName}
-                      </p>
-                    )}
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Alıcı Bankası
-                    </label>
-                    <input /* Kontrol küçültüldü */
-                      type="text"
-                      name="recipientBank"
-                      value={formData.recipientBank || ""}
-                      onChange={handleInputChange}
-                      className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                      placeholder="Banka adı"
-                    />
-                  </div>
-
-                  <div className="md:col-span-2">
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Alıcı IBAN *
-                    </label>
-                    <input /* Kontrol küçültüldü */
-                      type="text"
-                      name="recipientIban"
-                      value={formData.recipientIban || ""}
-                      onChange={handleIbanChange}
-                      className={`w-full px-2 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 font-mono ${
-                        errors.recipientIban
-                          ? "border-red-500"
-                          : "border-gray-300"
-                      }`}
-                      placeholder="TR12 0006 4000 0011 2345 6789 01"
-                      maxLength={34}
-                    />
-                    {errors.recipientIban && (
-                      <p className="text-red-500 text-xs mt-1">
-                        {errors.recipientIban}
-                      </p>
-                    )}
-                  </div>
-                </div>
-              </div>
-            )}
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end gap-3 mt-6 pt-4 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-md transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              {movement ? "Güncelle" : "Kaydet"}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
-
-export default BankMovementForm;
diff --git a/ui/src/views/accounting/components/CashAccountDetails.tsx b/ui/src/views/accounting/components/CashAccountDetails.tsx
deleted file mode 100644
index 204ebe67..00000000
--- a/ui/src/views/accounting/components/CashAccountDetails.tsx
+++ /dev/null
@@ -1,331 +0,0 @@
-import React from "react";
-import {
-  FaTimes,
-  FaWallet,
-  FaCalendar,
-  FaEdit,
-  FaArrowUp,
-  FaArrowDown,
-} from "react-icons/fa";
-import {
-  FiCashAccount,
-  FiCashMovement,
-  CashMovementTypeEnum,
-} from "../../../types/fi";
-import {
-  getCashMovementTypeColor,
-  getCashMovementTypeText,
-} from "../../../utils/erp";
-
-interface CashAccountDetailsProps {
-  account: FiCashAccount;
-  movements: FiCashMovement[];
-  onClose: () => void;
-  onEdit: (account: FiCashAccount) => void;
-}
-
-const CashAccountDetails: React.FC<CashAccountDetailsProps> = ({
-  account,
-  movements,
-  onClose,
-  onEdit,
-}) => {
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString("tr-TR", {
-      style: "currency",
-      currency: account.currency,
-      minimumFractionDigits: 2,
-    });
-  };
-
-  // Filter movements for this account
-  const accountMovements = movements
-    .filter((movement) => movement.cashAccount?.id === account.id)
-    .sort(
-      (a, b) =>
-        new Date(b.transactionDate).getTime() -
-        new Date(a.transactionDate).getTime()
-    );
-
-  // Calculate statistics
-  const totalIncome = accountMovements
-    .filter((m) => m.movementType === CashMovementTypeEnum.Income)
-    .reduce((sum, m) => sum + m.amount, 0);
-
-  const totalExpense = accountMovements
-    .filter((m) => m.movementType === CashMovementTypeEnum.Expense)
-    .reduce((sum, m) => sum + m.amount, 0);
-
-  const recentMovements = accountMovements.slice(0, 10);
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto text-sm">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div className="flex items-center gap-2.5">
-            <FaWallet className="w-5 h-5 text-blue-600" />
-            <div>
-              <h2 className="text-lg font-semibold text-gray-900">
-                Kasa Hesabı Detayları
-              </h2>
-              <p className="text-gray-600">
-                {account.name} ({account.accountCode})
-              </p>
-            </div>
-          </div>
-          <div className="flex items-center gap-2">
-            <button
-              onClick={() => onEdit(account)}
-              className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors text-sm"
-            >
-              <FaEdit className="w-4 h-4" />
-              Düzenle
-            </button>
-            <button
-              onClick={onClose}
-              className="p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-md transition-colors"
-            >
-              <FaTimes className="w-5 h-5" />
-            </button>
-          </div>
-        </div>
-
-        <div className="p-4 space-y-4">
-          {/* Account Information */}
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-            <div className="bg-blue-50 p-4 rounded-lg">
-              <div className="flex items-center gap-2 mb-2">
-                <FaWallet className="w-5 h-5 text-blue-600" />
-                <span className="text-sm font-medium text-blue-800">
-                  Mevcut Bakiye
-                </span>
-              </div>
-              <p
-                className={`text-xl font-bold ${
-                  account.balance >= 0 ? "text-green-600" : "text-red-600"
-                }`}
-              >
-                {formatCurrency(account.balance)}
-              </p>
-            </div>
-
-            <div className="bg-green-50 p-4 rounded-lg">
-              <div className="flex items-center gap-2 mb-2">
-                <FaArrowUp className="w-5 h-5 text-green-600" />
-                <span className="text-sm font-medium text-green-800">
-                  Toplam Giriş
-                </span>
-              </div>
-              <p className="text-xl font-bold text-green-600">
-                {formatCurrency(totalIncome)}
-              </p>
-            </div>
-
-            <div className="bg-red-50 p-4 rounded-lg">
-              <div className="flex items-center gap-2 mb-2">
-                <FaArrowDown className="w-5 h-5 text-red-600" />
-                <span className="text-sm font-medium text-red-800">
-                  Toplam Çıkış
-                </span>
-              </div>
-              <p className="text-xl font-bold text-red-600">
-                {formatCurrency(totalExpense)}
-              </p>
-            </div>
-
-            <div className="bg-gray-50 p-4 rounded-lg">
-              <div className="flex items-center gap-2 mb-2">
-                <FaCalendar className="w-5 h-5 text-gray-600" />
-                <span className="text-sm font-medium text-gray-800">
-                  İşlem Sayısı
-                </span>
-              </div>
-              <p className="text-xl font-bold text-gray-600">
-                {accountMovements.length}
-              </p>
-            </div>
-          </div>
-
-          {/* Account Details */}
-          <div className="bg-gray-50 p-4 rounded-lg">
-            <h3 className="text-base font-semibold text-gray-900 mb-3">
-              Hesap Bilgileri
-            </h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <div className="space-y-2">
-                  <div>
-                    <span className="text-sm font-medium text-gray-600">
-                      Hesap Kodu:
-                    </span>
-                    <p className="font-mono text-sm">{account.accountCode}</p>
-                  </div>
-                  <div>
-                    <span className="text-sm font-medium text-gray-600">
-                      Kasa Adı:
-                    </span>
-                    <p className="font-medium">{account.name}</p>
-                  </div>
-                  <div>
-                    <span className="text-sm font-medium text-gray-600">
-                      Para Birimi:
-                    </span>
-                    <span className="ml-2 px-2 py-1 text-xs font-medium bg-gray-100 text-gray-800 rounded-full">
-                      {account.currency}
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div>
-                <div className="space-y-2">
-                  <div>
-                    <span className="text-sm font-medium text-gray-600">
-                      Durum:
-                    </span>
-                    <span
-                      className={`ml-2 px-2 py-1 text-xs font-medium rounded-full ${
-                        account.isActive
-                          ? "bg-green-100 text-green-800"
-                          : "bg-gray-100 text-gray-800"
-                      }`}
-                    >
-                      {account.isActive ? "Aktif" : "Pasif"}
-                    </span>
-                  </div>
-                  <div>
-                    <span className="text-sm font-medium text-gray-600">
-                      Oluşturulma:
-                    </span>
-                    <p className="text-sm">
-                      {new Date(account.creationTime).toLocaleDateString(
-                        "tr-TR"
-                      )}
-                    </p>
-                  </div>
-                  <div>
-                    <span className="text-sm font-medium text-gray-600">
-                      Son Güncelleme:
-                    </span>
-                    <p className="text-sm">
-                      {new Date(
-                        account.lastModificationTime
-                      ).toLocaleDateString("tr-TR")}
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-            {account.description && (
-              <div className="mt-4">
-                <span className="text-sm font-medium text-gray-600">
-                  Açıklama:
-                </span>
-                <p className="mt-1 text-sm text-gray-700">
-                  {account.description}
-                </p>
-              </div>
-            )}
-          </div>
-
-          {/* Recent Movements */}
-          <div>
-            <div className="flex items-center justify-between mb-3">
-              <h3 className="text-base font-semibold text-gray-900">
-                Son Hareketler
-              </h3>
-              <span className="text-sm text-gray-500">
-                Son {recentMovements.length} işlem
-              </span>
-            </div>
-
-            {recentMovements.length > 0 ? (
-              <div className="bg-white border border-gray-200 rounded-lg overflow-hidden">
-                <div className="overflow-x-auto">
-                  <table className="min-w-full divide-y divide-gray-200">
-                    <thead className="bg-gray-50">
-                      <tr>
-                        <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                          Tarih
-                        </th>
-                        <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                          Tür
-                        </th>
-                        <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                          Açıklama
-                        </th>
-                        <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                          Tutar
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody className="bg-white divide-y divide-gray-200">
-                      {recentMovements.map((movement) => (
-                        <tr
-                          key={movement.id}
-                          className="hover:bg-gray-50 text-sm"
-                        >
-                          <td className="px-4 py-2 whitespace-nowrap text-gray-900">
-                            {new Date(
-                              movement.transactionDate
-                            ).toLocaleDateString("tr-TR")}
-                          </td>
-                          <td className="px-4 py-2 whitespace-nowrap">
-                            <span
-                              className={`px-2 py-0.5 text-xs font-medium rounded-full ${getCashMovementTypeColor(
-                                movement.movementType
-                              )}`}
-                            >
-                              {getCashMovementTypeText(movement.movementType)}
-                            </span>
-                          </td>
-                          <td className="px-4 py-2 text-gray-900">
-                            <div>
-                              <div className="font-medium">
-                                {movement.description}
-                              </div>
-                              {movement.referenceNumber && (
-                                <div className="text-xs text-gray-500">
-                                  Ref: {movement.referenceNumber}
-                                </div>
-                              )}
-                            </div>
-                          </td>
-                          <td className="px-4 py-2 whitespace-nowrap text-right">
-                            <span
-                              className={`font-medium text-sm ${
-                                movement.movementType ===
-                                CashMovementTypeEnum.Income
-                                  ? "text-green-600"
-                                  : "text-red-600"
-                              }`}
-                            >
-                              {movement.movementType ===
-                              CashMovementTypeEnum.Income
-                                ? "+"
-                                : "-"}
-                              {formatCurrency(movement.amount)}
-                            </span>
-                          </td>
-                        </tr>
-                      ))}
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            ) : (
-              <div className="text-center py-6 bg-gray-50 rounded-lg">
-                <FaCalendar className="w-8 h-8 text-gray-400 mx-auto mb-2" />
-                <p className="text-gray-500">
-                  Bu kasa hesabında henüz hareket bulunmamaktadır.
-                </p>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default CashAccountDetails;
diff --git a/ui/src/views/accounting/components/CashAccountForm.tsx b/ui/src/views/accounting/components/CashAccountForm.tsx
deleted file mode 100644
index 8622f5be..00000000
--- a/ui/src/views/accounting/components/CashAccountForm.tsx
+++ /dev/null
@@ -1,291 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { FaSave, FaTimes, FaWallet } from "react-icons/fa";
-import { FiCashAccount } from "../../../types/fi";
-import { mockCurrencies } from "../../../mocks/mockCurrencies";
-
-interface CashAccountFormProps {
-  account?: FiCashAccount;
-  onSave: (account: Omit<FiCashAccount, "id">) => void;
-  onCancel: () => void;
-  isEdit?: boolean;
-}
-
-const CashAccountForm: React.FC<CashAccountFormProps> = ({
-  account,
-  onSave,
-  onCancel,
-  isEdit = false,
-}) => {
-  const [formData, setFormData] = useState({
-    accountCode: "",
-    name: "",
-    description: "",
-    currency: "TRY",
-    initialBalance: 0,
-    isActive: true,
-  });
-
-  const [errors, setErrors] = useState<{ [key: string]: string }>({});
-
-  useEffect(() => {
-    if (account) {
-      setFormData({
-        accountCode: account.accountCode,
-        name: account.name,
-        description: account.description || "",
-        currency: account.currency,
-        initialBalance: account.balance,
-        isActive: account.isActive,
-      });
-    }
-  }, [account]);
-
-  const validateForm = () => {
-    const newErrors: { [key: string]: string } = {};
-
-    if (!formData.accountCode.trim()) {
-      newErrors.accountCode = "Hesap kodu zorunludur";
-    }
-
-    if (!formData.name.trim()) {
-      newErrors.name = "Kasa adı zorunludur";
-    }
-
-    if (!formData.currency) {
-      newErrors.currency = "Para birimi zorunludur";
-    }
-
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-
-    if (!validateForm()) {
-      return;
-    }
-
-    const accountData = {
-      accountCode: formData.accountCode,
-      name: formData.name,
-      description: formData.description,
-      currency: formData.currency,
-      balance: formData.initialBalance,
-      isActive: formData.isActive,
-      creationTime: account?.creationTime || new Date(),
-      lastModificationTime: new Date(),
-    };
-
-    onSave(accountData);
-  };
-
-  const handleInputChange = (
-    e: React.ChangeEvent<
-      HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement
-    >
-  ) => {
-    const { name, value, type } = e.target;
-    setFormData((prev) => ({
-      ...prev,
-      [name]:
-        type === "checkbox"
-          ? (e.target as HTMLInputElement).checked
-          : type === "number"
-          ? parseFloat(value) || 0
-          : value,
-    }));
-
-    // Clear error when user starts typing
-    if (errors[name]) {
-      setErrors((prev) => ({ ...prev, [name]: "" }));
-    }
-  };
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl w-full max-w-lg mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div className="flex items-center gap-2.5">
-            <FaWallet className="w-5 h-5 text-blue-600" />
-            <h2 className="text-lg font-semibold text-gray-900">
-              {isEdit ? "Kasa Hesabını Düzenle" : "Yeni Kasa Hesabı"}
-            </h2>
-          </div>
-          <button
-            onClick={onCancel}
-            className="p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-md transition-colors"
-          >
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Form */}
-        <form onSubmit={handleSubmit} className="p-4 space-y-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Account Code */}
-            <div>
-              <label
-                htmlFor="accountCode"
-                className="block text-sm font-medium text-gray-700 mb-2"
-              >
-                Hesap Kodu *
-              </label>
-              <input
-                type="text"
-                id="accountCode"
-                name="accountCode"
-                value={formData.accountCode}
-                onChange={handleInputChange}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.accountCode ? "border-red-500" : "border-gray-300"
-                }`}
-                placeholder="Örn: KASA001"
-              />
-              {errors.accountCode && (
-                <p className="mt-1 text-xs text-red-600">
-                  {errors.accountCode}
-                </p>
-              )}
-            </div>
-
-            {/* Currency */}
-            <div>
-              <label
-                htmlFor="currency"
-                className="block text-sm font-medium text-gray-700 mb-2"
-              >
-                Para Birimi *
-              </label>
-              <select
-                id="currency"
-                name="currency"
-                value={formData.currency}
-                onChange={handleInputChange}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.currency ? "border-red-500" : "border-gray-300"
-                }`}
-              >
-                {mockCurrencies.map((currency) => (
-                  <option key={currency.value} value={currency.value}>
-                    {currency.label}
-                  </option>
-                ))}
-              </select>
-              {errors.currency && (
-                <p className="mt-1 text-xs text-red-600">{errors.currency}</p>
-              )}
-            </div>
-          </div>
-
-          {/* Name */}
-          <div>
-            <label
-              htmlFor="name"
-              className="block text-sm font-medium text-gray-700 mb-2"
-            >
-              Kasa Adı *
-            </label>
-            <input
-              type="text"
-              id="name"
-              name="name"
-              value={formData.name}
-              onChange={handleInputChange}
-              className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                errors.name ? "border-red-500" : "border-gray-300"
-              }`}
-              placeholder="Kasa adını girin"
-            />
-            {errors.name && (
-              <p className="mt-1 text-xs text-red-600">{errors.name}</p>
-            )}
-          </div>
-
-          {/* Description */}
-          <div>
-            <label
-              htmlFor="description"
-              className="block text-sm font-medium text-gray-700 mb-2"
-            >
-              Açıklama
-            </label>
-            <textarea
-              id="description"
-              name="description"
-              value={formData.description}
-              onChange={handleInputChange}
-              rows={3}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              placeholder="Kasa hakkında açıklama (opsiyonel)"
-            />
-          </div>
-
-          {/* Initial Balance */}
-          <div>
-            <label
-              htmlFor="initialBalance"
-              className="block text-sm font-medium text-gray-700 mb-2"
-            >
-              {isEdit ? "Mevcut Bakiye" : "Başlangıç Bakiyesi"}
-            </label>
-            <div className="relative">
-              <input
-                type="number"
-                id="initialBalance"
-                name="initialBalance"
-                value={formData.initialBalance}
-                onChange={handleInputChange}
-                step="0.01"
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                placeholder="0.00"
-              />
-              <span className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-500">
-                {formData.currency}
-              </span>
-            </div>
-          </div>
-
-          {/* Status */}
-          <div className="flex items-center">
-            <input
-              type="checkbox"
-              id="isActive"
-              name="isActive"
-              checked={formData.isActive}
-              onChange={handleInputChange}
-              className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-            />
-            <label
-              htmlFor="isActive"
-              className="ml-2 block text-sm text-gray-900"
-            >
-              Kasa hesabı aktif
-            </label>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end gap-3 pt-4 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onCancel}
-              className="px-4 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              {isEdit ? "Güncelle" : "Kaydet"}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
-
-export default CashAccountForm;
diff --git a/ui/src/views/accounting/components/CashManagement.tsx b/ui/src/views/accounting/components/CashManagement.tsx
deleted file mode 100644
index d36c3890..00000000
--- a/ui/src/views/accounting/components/CashManagement.tsx
+++ /dev/null
@@ -1,543 +0,0 @@
-import React, { useState } from "react";
-import { FaWallet, FaPlus, FaSearch, FaCalendar, FaEdit } from "react-icons/fa";
-import {
-  FiCashAccount,
-  FiCashMovement,
-  CashMovementTypeEnum,
-} from "../../../types/fi";
-import DataTable, { Column } from "../../../components/common/DataTable";
-import Widget from "../../../components/common/Widget";
-import {
-  getCashMovementTypeColor,
-  getCashMovementTypeText,
-  getFiDocumentTypeText,
-} from "../../../utils/erp";
-
-interface CashManagementProps {
-  cashAccounts: FiCashAccount[];
-  cashMovements: FiCashMovement[];
-  onAddAccount: () => void;
-  onEditAccount: (account: FiCashAccount) => void;
-  onAddMovement: () => void;
-  onEditMovement: (movement: FiCashMovement) => void;
-  onViewDetails: (account: FiCashAccount) => void;
-}
-
-const CashManagement: React.FC<CashManagementProps> = ({
-  cashAccounts,
-  cashMovements,
-  onAddAccount,
-  onEditAccount,
-  onAddMovement,
-  onEditMovement,
-  onViewDetails,
-}) => {
-  const [activeTab, setActiveTab] = useState<"accounts" | "movements">(
-    "accounts"
-  );
-  const [searchTerm, setSearchTerm] = useState("");
-  const [selectedMovementType, setSelectedMovementType] = useState<
-    CashMovementTypeEnum | "all"
-  >("all");
-  const [sortBy, setSortBy] = useState<"date" | "amount">("date");
-
-  const filteredAccounts = cashAccounts.filter((account) => {
-    if (
-      searchTerm &&
-      !account.name.toLowerCase().includes(searchTerm.toLowerCase()) &&
-      !account.accountCode.toLowerCase().includes(searchTerm.toLowerCase())
-    ) {
-      return false;
-    }
-    return true;
-  });
-
-  const filteredMovements = cashMovements
-    .filter((movement) => {
-      if (
-        searchTerm &&
-        !movement.description
-          .toLowerCase()
-          .includes(searchTerm.toLowerCase()) &&
-        !movement.referenceNumber
-          ?.toLowerCase()
-          .includes(searchTerm.toLowerCase()) &&
-        !movement.cashAccount?.name
-          ?.toLowerCase()
-          .includes(searchTerm.toLowerCase())
-      ) {
-        return false;
-      }
-      if (
-        selectedMovementType !== "all" &&
-        movement.movementType !== selectedMovementType
-      ) {
-        return false;
-      }
-      return true;
-    })
-    .sort((a, b) => {
-      switch (sortBy) {
-        case "date":
-          return (
-            new Date(b.transactionDate).getTime() -
-            new Date(a.transactionDate).getTime()
-          );
-        case "amount":
-          return b.amount - a.amount;
-        default:
-          return 0;
-      }
-    });
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString("tr-TR", {
-      style: "currency",
-      currency: "TRY",
-      minimumFractionDigits: 2,
-    });
-  };
-
-  const accountColumns: Column<FiCashAccount>[] = [
-    {
-      key: "accountCode",
-      header: "Hesap Kodu",
-      sortable: true,
-      render: (account: FiCashAccount) => (
-        <span className="font-mono text-sm">{account.accountCode}</span>
-      ),
-    },
-    {
-      key: "name",
-      header: "Kasa Adı",
-      sortable: true,
-      render: (account: FiCashAccount) => (
-        <div>
-          <div className="font-medium text-gray-900">{account.name}</div>
-          {account.description && (
-            <div className="text-sm text-gray-500">{account.description}</div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: "currency",
-      header: "Para Birimi",
-      render: (account: FiCashAccount) => (
-        <span className="px-2 py-1 text-xs font-medium bg-gray-100 text-gray-800 rounded-full">
-          {account.currency}
-        </span>
-      ),
-    },
-    {
-      key: "balance",
-      header: "Bakiye",
-      sortable: true,
-      render: (account: FiCashAccount) => (
-        <div className="text-right">
-          <span
-            className={`font-medium ${
-              account.balance >= 0 ? "text-green-600" : "text-red-600"
-            }`}
-          >
-            {formatCurrency(account.balance)}
-          </span>
-        </div>
-      ),
-    },
-    {
-      key: "status",
-      header: "Durum",
-      render: (account: FiCashAccount) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${
-            account.isActive
-              ? "bg-green-100 text-green-800"
-              : "bg-gray-100 text-gray-800"
-          }`}
-        >
-          {account.isActive ? "Aktif" : "Pasif"}
-        </span>
-      ),
-    },
-    {
-      key: "lastUpdate",
-      header: "Son Güncelleme",
-      render: (account: FiCashAccount) => (
-        <div className="text-sm text-gray-500">
-          {new Date(account.lastModificationTime).toLocaleDateString("tr-TR")}
-        </div>
-      ),
-    },
-    {
-      key: "actions",
-      header: "İşlemler",
-      render: (account: FiCashAccount) => (
-        <div className="flex gap-1">
-          <button
-            onClick={() => onViewDetails(account)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaCalendar className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => onEditAccount(account)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ];
-
-  const movementColumns: Column<FiCashMovement>[] = [
-    {
-      key: "transactionDate",
-      header: "Tarih",
-      sortable: true,
-      render: (movement: FiCashMovement) => (
-        <div className="text-sm">
-          {new Date(movement.transactionDate).toLocaleDateString("tr-TR")}
-        </div>
-      ),
-    },
-    {
-      key: "cashAccount",
-      header: "Kasa",
-      render: (movement: FiCashMovement) => (
-        <div className="font-medium text-gray-900">
-          {movement.cashAccount?.name || "Bilinmeyen"}
-        </div>
-      ),
-    },
-    {
-      key: "type",
-      header: "Tür",
-      render: (movement: FiCashMovement) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getCashMovementTypeColor(
-            movement.movementType
-          )}`}
-        >
-          {getCashMovementTypeText(movement.movementType)}
-        </span>
-      ),
-    },
-    {
-      key: "description",
-      header: "Açıklama",
-      render: (movement: FiCashMovement) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {movement.description}
-          </div>
-          {movement.referenceNumber && (
-            <div className="text-sm text-gray-500">
-              Ref: {movement.referenceNumber}
-            </div>
-          )}
-          {movement.documentType && (
-            <div className="text-sm text-blue-600">
-              {getFiDocumentTypeText(movement.documentType)}
-              {movement.documentNumber && `: ${movement.documentNumber}`}
-            </div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: "currentAccount",
-      header: "Cari Hesap",
-      render: (movement: FiCashMovement) => (
-        <div className="text-sm text-gray-900">
-          {movement.currentAccount?.accountCode || "-"}
-        </div>
-      ),
-    },
-    {
-      key: "amount",
-      header: "Tutar",
-      sortable: true,
-      render: (movement: FiCashMovement) => (
-        <div className="text-right">
-          <span
-            className={`font-medium ${
-              movement.movementType === CashMovementTypeEnum.Income
-                ? "text-green-600"
-                : "text-red-600"
-            }`}
-          >
-            {movement.movementType === CashMovementTypeEnum.Income ? "+" : "-"}
-            {formatCurrency(movement.amount)}
-          </span>
-        </div>
-      ),
-    },
-    {
-      key: "actions",
-      header: "İşlemler",
-      render: (movement: FiCashMovement) => (
-        <div className="flex gap-1">
-          <button
-            onClick={() => onEditMovement(movement)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ];
-
-  // Calculate statistics
-  const totalCashBalance = cashAccounts.reduce(
-    (sum, account) => sum + account.balance,
-    0
-  );
-  const activeCashAccounts = cashAccounts.filter(
-    (account) => account.isActive
-  ).length;
-
-  const todayMovements = cashMovements.filter((movement) => {
-    const today = new Date();
-    const movementDate = new Date(movement.transactionDate);
-    return movementDate.toDateString() === today.toDateString();
-  });
-
-  const todayIncome = todayMovements
-    .filter((m) => m.movementType === CashMovementTypeEnum.Income)
-    .reduce((sum, m) => sum + m.amount, 0);
-
-  const todayExpense = todayMovements
-    .filter((m) => m.movementType === CashMovementTypeEnum.Expense)
-    .reduce((sum, m) => sum + m.amount, 0);
-
-  // Monthly movements
-  const currentMonth = new Date().getMonth();
-  const currentYear = new Date().getFullYear();
-  const monthlyMovements = cashMovements.filter((movement) => {
-    const movementDate = new Date(movement.transactionDate);
-    return (
-      movementDate.getMonth() === currentMonth &&
-      movementDate.getFullYear() === currentYear
-    );
-  });
-
-  const monthlyIncome = monthlyMovements
-    .filter((m) => m.movementType === CashMovementTypeEnum.Income)
-    .reduce((sum, m) => sum + m.amount, 0);
-
-  const monthlyExpense = monthlyMovements
-    .filter((m) => m.movementType === CashMovementTypeEnum.Expense)
-    .reduce((sum, m) => sum + m.amount, 0);
-
-  return (
-    <div className="space-y-2">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h2 className="text-2xl font-bold text-gray-900">Kasa Yönetimi</h2>
-          <p className="text-gray-600">
-            Nakit giriş-çıkış işlemleri yönetimi
-          </p>
-        </div>
-        <div className="flex gap-2 text-sm">
-          <button
-            onClick={onAddMovement}
-            className="flex items-center gap-2 px-3 py-1.5 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
-          >
-            <FaPlus className="w-4 h-4" />
-            Nakit Hareketi
-          </button>
-          <button
-            onClick={onAddAccount}
-            className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni Kasa
-          </button>
-        </div>
-      </div>
-
-      {/* Stats Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <Widget
-          title="Toplam Kasa Bakiyesi"
-          value={formatCurrency(totalCashBalance)}
-          color="blue"
-          icon="FaWallet"
-          subTitle={`${activeCashAccounts} aktif kasa`}
-        />
-        <Widget
-          title="Günlük Giriş"
-          value={formatCurrency(todayIncome)}
-          color="green"
-          icon="FaArrowUp"
-          subTitle="Bugün"
-        />
-        <Widget
-          title="Günlük Çıkış"
-          value={formatCurrency(todayExpense)}
-          color="red"
-          icon="FaArrowDown"
-          subTitle="Bugün"
-        />
-        <Widget
-          title="Aylık Net"
-          value={formatCurrency(monthlyIncome - monthlyExpense)}
-          color={monthlyIncome - monthlyExpense >= 0 ? "green" : "red"}
-          icon="FaDollarSign"
-          subTitle="Bu ay"
-        />
-      </div>
-
-      {/* Monthly Performance */}
-      <div className="bg-white rounded-lg shadow-sm border p-4">
-        <h3 className="text-base font-semibold text-gray-900 mb-3">
-          Aylık Performans
-        </h3>
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-          <div>
-            <div className="flex items-center justify-between mb-2">
-              <span className="text-sm font-medium text-gray-600">
-                Toplam Giriş
-              </span>
-              <span className="text-lg font-bold text-green-600">
-                {formatCurrency(monthlyIncome)}
-              </span>
-            </div>
-            <div className="w-full bg-gray-200 rounded-full h-2">
-              <div
-                className="bg-green-600 h-2 rounded-full"
-                style={{ width: monthlyIncome > 0 ? "100%" : "0%" }}
-              ></div>
-            </div>
-          </div>
-          <div>
-            <div className="flex items-center justify-between mb-2">
-              <span className="text-sm font-medium text-gray-600">
-                Toplam Çıkış
-              </span>
-              <span className="text-lg font-bold text-red-600">
-                {formatCurrency(monthlyExpense)}
-              </span>
-            </div>
-            <div className="w-full bg-gray-200 rounded-full h-2">
-              <div
-                className="bg-red-600 h-2 rounded-full"
-                style={{ width: monthlyExpense > 0 ? "100%" : "0%" }}
-              ></div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* Tabs */}
-      <div className="border-b border-gray-200">
-        <nav className="-mb-px flex space-x-6">
-          <button
-            onClick={() => setActiveTab("accounts")}
-            className={`py-3 px-1 border-b-2 font-medium text-sm ${
-              activeTab === "accounts"
-                ? "border-blue-500 text-blue-600"
-                : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
-            }`}
-          >
-            Kasa Hesapları ({cashAccounts.length})
-          </button>
-          <button
-            onClick={() => setActiveTab("movements")}
-            className={`py-3 px-1 border-b-2 font-medium text-sm ${
-              activeTab === "movements"
-                ? "border-blue-500 text-blue-600"
-                : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
-            }`}
-          >
-            Nakit Hareketleri ({cashMovements.length})
-          </button>
-        </nav>
-      </div>
-
-      {/* Filters */}
-      <div className="flex gap-3 items-center">
-        <div className="flex-1 relative">
-          <FaSearch className="w-4 h-4 absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" />
-          <input
-            type="text"
-            placeholder={
-              activeTab === "accounts"
-                ? "Kasa adı veya hesap kodu ara..."
-                : "Açıklama, referans no veya kasa ara..."
-            }
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full pl-10 pr-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          />
-        </div>
-
-        {activeTab === "movements" && (
-          <>
-            <select
-              value={selectedMovementType}
-              onChange={(e) =>
-                setSelectedMovementType(
-                  e.target.value as CashMovementTypeEnum | "all"
-                )
-              }
-              className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            >
-              <option value="all">Tüm Hareketler</option>
-              {Object.values(CashMovementTypeEnum).map((type) => (
-                <option key={type} value={type}>
-                  {getCashMovementTypeText(type)}
-                </option>
-              ))}
-            </select>
-
-            <select
-              value={sortBy}
-              onChange={(e) => setSortBy(e.target.value as "date" | "amount")}
-              className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            >
-              <option value="date">Tarihe Göre</option>
-              <option value="amount">Tutara Göre</option>
-            </select>
-          </>
-        )}
-      </div>
-
-      {/* Data Table */}
-      <div className="bg-white rounded-lg shadow-sm border overflow-x-auto">
-        {activeTab === "accounts" ? (
-          <DataTable data={filteredAccounts} columns={accountColumns} />
-        ) : (
-          <DataTable data={filteredMovements} columns={movementColumns} />
-        )}
-      </div>
-
-      {/* Empty State */}
-      {((activeTab === "accounts" && filteredAccounts.length === 0) ||
-        (activeTab === "movements" && filteredMovements.length === 0)) && (
-        <div className="text-center py-10">
-          <FaWallet className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-          <h3 className="text-base font-medium text-gray-900 mb-2">
-            {activeTab === "accounts"
-              ? "Kasa hesabı bulunamadı"
-              : "Nakit hareketi bulunamadı"}
-          </h3>
-          <p className="text-sm text-gray-500">
-            {activeTab === "accounts"
-              ? "Yeni bir kasa hesabı ekleyin veya arama kriterlerinizi değiştirin."
-              : "Yeni bir nakit hareketi ekleyin veya arama kriterlerinizi değiştirin."}
-          </p>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default CashManagement;
diff --git a/ui/src/views/accounting/components/CashMovementForm.tsx b/ui/src/views/accounting/components/CashMovementForm.tsx
deleted file mode 100644
index 91edd8b1..00000000
--- a/ui/src/views/accounting/components/CashMovementForm.tsx
+++ /dev/null
@@ -1,374 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { FaSave, FaTimes, FaExchangeAlt } from "react-icons/fa";
-import {
-  FiCashMovement,
-  CashMovementTypeEnum,
-  FiDocumentTypeEnum,
-  FiCashAccount,
-} from "../../../types/fi";
-import {
-  getCashMovementTypeText,
-  getFiDocumentTypeText,
-} from "../../../utils/erp";
-
-interface CashMovementFormProps {
-  movement?: FiCashMovement;
-  cashAccounts: FiCashAccount[];
-  onSave: (movement: Omit<FiCashMovement, "id">) => void;
-  onCancel: () => void;
-  isEdit?: boolean;
-}
-
-const CashMovementForm: React.FC<CashMovementFormProps> = ({
-  movement,
-  cashAccounts,
-  onSave,
-  onCancel,
-  isEdit = false,
-}) => {
-  const [formData, setFormData] = useState({
-    cashAccountId: "",
-    movementType: CashMovementTypeEnum.Income,
-    amount: 0,
-    description: "",
-    referenceNumber: "",
-    documentType: undefined as FiDocumentTypeEnum | undefined,
-    documentNumber: "",
-    transactionDate: new Date().toISOString().split("T")[0],
-    currentAccountId: "",
-  });
-
-  const [errors, setErrors] = useState<{ [key: string]: string }>({});
-
-  useEffect(() => {
-    if (movement) {
-      setFormData({
-        cashAccountId: movement.cashAccount?.id || "",
-        movementType: movement.movementType,
-        amount: movement.amount,
-        description: movement.description,
-        referenceNumber: movement.referenceNumber || "",
-        documentType: movement.documentType,
-        documentNumber: movement.documentNumber || "",
-        transactionDate: new Date(movement.transactionDate)
-          .toISOString()
-          .split("T")[0],
-        currentAccountId: movement.currentAccount?.id || "",
-      });
-    }
-  }, [movement]);
-
-  const validateForm = () => {
-    const newErrors: { [key: string]: string } = {};
-
-    if (!formData.cashAccountId) {
-      newErrors.cashAccountId = "Kasa hesabı seçimi zorunludur";
-    }
-
-    if (!formData.description.trim()) {
-      newErrors.description = "Açıklama zorunludur";
-    }
-
-    if (formData.amount <= 0) {
-      newErrors.amount = "Tutar 0'dan büyük olmalıdır";
-    }
-
-    if (!formData.transactionDate) {
-      newErrors.transactionDate = "İşlem tarihi zorunludur";
-    }
-
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-
-    if (!validateForm()) {
-      return;
-    }
-
-    const selectedCashAccount = cashAccounts.find(
-      (acc) => acc.id === formData.cashAccountId
-    );
-
-    const movementData = {
-      cashAccountId: formData.cashAccountId,
-      cashAccount: selectedCashAccount,
-      movementType: formData.movementType,
-      amount: formData.amount,
-      currency: selectedCashAccount?.currency || "TRY",
-      description: formData.description,
-      referenceNumber: formData.referenceNumber || undefined,
-      documentType: formData.documentType,
-      documentNumber: formData.documentNumber || undefined,
-      transactionDate: new Date(formData.transactionDate),
-      currentAccountId: formData.currentAccountId || undefined,
-      currentAccount: undefined, // This would be populated from currentAccountId if needed
-      creationTime: movement?.creationTime || new Date(),
-    };
-
-    onSave(movementData);
-  };
-
-  const handleInputChange = (
-    e: React.ChangeEvent<
-      HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement
-    >
-  ) => {
-    const { name, value, type } = e.target;
-    setFormData((prev) => ({
-      ...prev,
-      [name]: type === "number" ? parseFloat(value) || 0 : value,
-    }));
-
-    // Clear error when user starts typing
-    if (errors[name]) {
-      setErrors((prev) => ({ ...prev, [name]: "" }));
-    }
-  };
-
-  const activeCashAccounts = cashAccounts.filter((account) => account.isActive);
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div className="flex items-center gap-2.5">
-            <FaExchangeAlt className="w-5 h-5 text-green-600" />
-            <h2 className="text-lg font-semibold text-gray-900">
-              {isEdit ? "Nakit Hareketini Düzenle" : "Yeni Nakit Hareketi"}
-            </h2>
-          </div>
-          <button
-            onClick={onCancel}
-            className="p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-md transition-colors"
-          >
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Form */}
-        <form onSubmit={handleSubmit} className="p-4 space-y-4">
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-            {/* Cash Account */}
-            <div>
-              <label
-                htmlFor="cashAccountId"
-                className="block text-sm font-medium text-gray-700 mb-2"
-              >
-                Kasa Hesabı *
-              </label>
-              <select
-                id="cashAccountId"
-                name="cashAccountId"
-                value={formData.cashAccountId}
-                onChange={handleInputChange}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.cashAccountId ? "border-red-500" : "border-gray-300"
-                }`}
-              >
-                <option value="">Kasa hesabı seçin</option>
-                {activeCashAccounts.map((account) => (
-                  <option key={account.id} value={account.id}>
-                    {account.name} ({account.accountCode})
-                  </option>
-                ))}
-              </select>
-              {errors.cashAccountId && (
-                <p className="mt-1 text-xs text-red-600">
-                  {errors.cashAccountId}
-                </p>
-              )}
-            </div>
-
-            {/* Movement Type */}
-            <div>
-              <label
-                htmlFor="movementType"
-                className="block text-sm font-medium text-gray-700 mb-2"
-              >
-                Hareket Türü *
-              </label>
-              <select
-                id="movementType"
-                name="movementType"
-                value={formData.movementType}
-                onChange={handleInputChange}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(CashMovementTypeEnum).map((type) => (
-                  <option key={type} value={type}>
-                    {getCashMovementTypeText(type)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            {/* Transaction Date */}
-            <div>
-              <label
-                htmlFor="transactionDate"
-                className="block text-sm font-medium text-gray-700 mb-2"
-              >
-                İşlem Tarihi *
-              </label>
-              <input
-                type="date"
-                id="transactionDate"
-                name="transactionDate"
-                value={formData.transactionDate}
-                onChange={handleInputChange}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.transactionDate ? "border-red-500" : "border-gray-300"
-                }`}
-              />
-              {errors.transactionDate && (
-                <p className="mt-1 text-xs text-red-600">
-                  {errors.transactionDate}
-                </p>
-              )}
-            </div>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Amount */}
-            <div>
-              <label
-                htmlFor="amount"
-                className="block text-sm font-medium text-gray-700 mb-2"
-              >
-                Tutar *
-              </label>
-              <input
-                type="number"
-                id="amount"
-                name="amount"
-                value={formData.amount}
-                onChange={handleInputChange}
-                step="0.01"
-                min="0"
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.amount ? "border-red-500" : "border-gray-300"
-                }`}
-                placeholder="0.00"
-              />
-              {errors.amount && (
-                <p className="mt-1 text-xs text-red-600">{errors.amount}</p>
-              )}
-            </div>
-
-            {/* Reference Number */}
-            <div>
-              <label
-                htmlFor="referenceNumber"
-                className="block text-sm font-medium text-gray-700 mb-2"
-              >
-                Referans No
-              </label>
-              <input
-                type="text"
-                id="referenceNumber"
-                name="referenceNumber"
-                value={formData.referenceNumber}
-                onChange={handleInputChange}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                placeholder="Referans numarası (opsiyonel)"
-              />
-            </div>
-          </div>
-
-          {/* Description */}
-          <div>
-            <label
-              htmlFor="description"
-              className="block text-sm font-medium text-gray-700 mb-2"
-            >
-              Açıklama *
-            </label>
-            <input
-              type="text"
-              id="description"
-              name="description"
-              value={formData.description}
-              onChange={handleInputChange}
-              className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                errors.description ? "border-red-500" : "border-gray-300"
-              }`}
-              placeholder="İşlem açıklaması"
-            />
-            {errors.description && (
-              <p className="mt-1 text-xs text-red-600">{errors.description}</p>
-            )}
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Document Type */}
-            <div>
-              <label
-                htmlFor="documentType"
-                className="block text-sm font-medium text-gray-700 mb-2"
-              >
-                Belge Türü
-              </label>
-              <select
-                id="documentType"
-                name="documentType"
-                value={formData.documentType || ""}
-                onChange={handleInputChange}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Belge türü seçin</option>
-                {Object.values(FiDocumentTypeEnum).map((type) => (
-                  <option key={type} value={type}>
-                    {getFiDocumentTypeText(type)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            {/* Document Number */}
-            <div>
-              <label
-                htmlFor="documentNumber"
-                className="block text-sm font-medium text-gray-700 mb-2"
-              >
-                Belge No
-              </label>
-              <input
-                type="text"
-                id="documentNumber"
-                name="documentNumber"
-                value={formData.documentNumber}
-                onChange={handleInputChange}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                placeholder="Belge numarası (opsiyonel)"
-              />
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end gap-3 pt-4 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onCancel}
-              className="px-4 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              {isEdit ? "Güncelle" : "Kaydet"}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
-
-export default CashMovementForm;
diff --git a/ui/src/views/accounting/components/CheckForm.tsx b/ui/src/views/accounting/components/CheckForm.tsx
deleted file mode 100644
index f96c2d94..00000000
--- a/ui/src/views/accounting/components/CheckForm.tsx
+++ /dev/null
@@ -1,390 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaCreditCard, FaSave, FaTimes } from 'react-icons/fa'
-import { FiCheck, TypeEnum, CheckStatusEnum, FiCurrentAccount } from '../../../types/fi'
-import { getCheckStatusText, getTypeText } from '@/utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-interface CheckFormProps {
-  check?: FiCheck
-  currentAccounts: FiCurrentAccount[]
-  onSave: (check: Omit<FiCheck, 'id' | 'creationTime' | 'lastModificationTime'>) => void
-  onCancel: () => void
-  isOpen: boolean
-}
-
-const CheckForm: React.FC<CheckFormProps> = ({
-  check,
-  currentAccounts,
-  onSave,
-  onCancel,
-  isOpen,
-}) => {
-  const [formData, setFormData] = useState({
-    checkNumber: '',
-    bankName: '',
-    branchName: '',
-    accountNumber: '',
-    drawerName: '',
-    payeeName: '',
-    currentAccountId: '',
-    issueDate: new Date().toISOString().split('T')[0],
-    dueDate: new Date().toISOString().split('T')[0],
-    amount: 0,
-    currency: 'TRY',
-    status: CheckStatusEnum.InHand,
-    type: TypeEnum.Received,
-    notes: '',
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  useEffect(() => {
-    if (check) {
-      setFormData({
-        checkNumber: check.checkNumber,
-        bankName: check.bankName,
-        branchName: check.branchName,
-        accountNumber: check.accountNumber,
-        drawerName: check.drawerName,
-        payeeName: check.payeeName,
-        currentAccountId: check.currentAccountId || '',
-        issueDate: new Date(check.issueDate).toISOString().split('T')[0],
-        dueDate: new Date(check.dueDate).toISOString().split('T')[0],
-        amount: check.amount,
-        currency: check.currency,
-        status: check.status,
-        type: check.type,
-        notes: check.notes || '',
-      })
-    } else {
-      setFormData({
-        checkNumber: '',
-        bankName: '',
-        branchName: '',
-        accountNumber: '',
-        drawerName: '',
-        payeeName: '',
-        currentAccountId: '',
-        issueDate: new Date().toISOString().split('T')[0],
-        dueDate: new Date().toISOString().split('T')[0],
-        amount: 0,
-        currency: 'TRY',
-        status: CheckStatusEnum.InHand,
-        type: TypeEnum.Received,
-        notes: '',
-      })
-    }
-    setErrors({})
-  }, [check, isOpen])
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.checkNumber.trim()) {
-      newErrors.checkNumber = 'Çek numarası gereklidir'
-    }
-    if (!formData.bankName.trim()) {
-      newErrors.bankName = 'Banka adı gereklidir'
-    }
-    if (!formData.drawerName.trim()) {
-      newErrors.drawerName = 'Keşideci adı gereklidir'
-    }
-    if (!formData.payeeName.trim()) {
-      newErrors.payeeName = 'Lehtar adı gereklidir'
-    }
-    if (formData.amount <= 0) {
-      newErrors.amount = "Tutar 0'dan büyük olmalıdır"
-    }
-    if (new Date(formData.dueDate) < new Date(formData.issueDate)) {
-      newErrors.dueDate = 'Vade tarihi düzenleme tarihinden sonra olmalıdır'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (validateForm()) {
-      const checkData = {
-        ...formData,
-        issueDate: new Date(formData.issueDate),
-        dueDate: new Date(formData.dueDate),
-        currentAccount: formData.currentAccountId
-          ? currentAccounts.find((acc) => acc.id === formData.currentAccountId)
-          : undefined,
-      }
-      onSave(checkData)
-    }
-  }
-
-  const handleInputChange = (
-    field: string,
-    value: string | number | TypeEnum | CheckStatusEnum,
-  ) => {
-    setFormData((prev) => ({ ...prev, [field]: value }))
-    if (errors[field]) {
-      setErrors((prev) => ({ ...prev, [field]: '' }))
-    }
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b">
-          <div className="flex items-center gap-2.5">
-            <FaCreditCard className="w-5 h-5 text-blue-600" />
-            <h2 className="text-lg font-semibold text-gray-900">
-              {check ? 'Çek Düzenle' : 'Yeni Çek'}
-            </h2>
-          </div>
-          <button onClick={onCancel} className="p-2 hover:bg-gray-100 rounded-md">
-            <FaTimes className="w-5 h-5 text-gray-500" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4 space-y-4">
-          {/* Çek Bilgileri */}
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Çek Numarası *</label>
-              <input
-                type="text"
-                value={formData.checkNumber}
-                onChange={(e) => handleInputChange('checkNumber', e.target.value)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.checkNumber ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Çek numarasını giriniz"
-              />
-              {errors.checkNumber && (
-                <p className="text-red-500 text-xs mt-1">{errors.checkNumber}</p>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Tür *</label>
-              <select
-                value={formData.type}
-                onChange={(e) => handleInputChange('type', e.target.value as TypeEnum)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(TypeEnum).map((type) => (
-                  <option key={type} value={type}>
-                    {getTypeText(type)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Durum</label>
-              <select
-                value={formData.status}
-                onChange={(e) => handleInputChange('status', e.target.value as CheckStatusEnum)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(CheckStatusEnum).map((status) => (
-                  <option key={status} value={status}>
-                    {getCheckStatusText(status)}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          {/* Banka Bilgileri */}
-          <div className="bg-gray-50 p-3 rounded-lg">
-            <h3 className="text-base font-medium text-gray-900 mb-3">Banka Bilgileri</h3>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Banka Adı *</label>
-                <input
-                  type="text"
-                  value={formData.bankName}
-                  onChange={(e) => handleInputChange('bankName', e.target.value)}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.bankName ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Banka adını giriniz"
-                />
-                {errors.bankName && <p className="text-red-500 text-xs mt-1">{errors.bankName}</p>}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Şube Adı</label>
-                <input
-                  type="text"
-                  value={formData.branchName}
-                  onChange={(e) => handleInputChange('branchName', e.target.value)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="Şube adını giriniz"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Hesap Numarası
-                </label>
-                <input
-                  type="text"
-                  value={formData.accountNumber}
-                  onChange={(e) => handleInputChange('accountNumber', e.target.value)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="Hesap numarasını giriniz"
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Taraf Bilgileri */}
-          <div className="bg-gray-50 p-3 rounded-lg">
-            <h3 className="text-base font-medium text-gray-900 mb-3">Taraf Bilgileri</h3>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Keşideci *</label>
-                <input
-                  type="text"
-                  value={formData.drawerName}
-                  onChange={(e) => handleInputChange('drawerName', e.target.value)}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.drawerName ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Keşideci adını giriniz"
-                />
-                {errors.drawerName && (
-                  <p className="text-red-500 text-xs mt-1">{errors.drawerName}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Lehtar *</label>
-                <input
-                  type="text"
-                  value={formData.payeeName}
-                  onChange={(e) => handleInputChange('payeeName', e.target.value)}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.payeeName ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Lehtar adını giriniz"
-                />
-                {errors.payeeName && (
-                  <p className="text-red-500 text-xs mt-1">{errors.payeeName}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Cari Hesap</label>
-                <select
-                  value={formData.currentAccountId}
-                  onChange={(e) => handleInputChange('currentAccountId', e.target.value)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  <option value="">Cari hesap seçiniz</option>
-                  {currentAccounts.map((account) => (
-                    <option key={account.id} value={account.id}>
-                      {account.accountCode} - {account.businessParty?.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-            </div>
-          </div>
-
-          {/* Tutar ve Tarih Bilgileri */}
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Tutar *</label>
-              <input
-                type="number"
-                step="0.01"
-                min="0"
-                value={formData.amount}
-                onChange={(e) => handleInputChange('amount', parseFloat(e.target.value) || 0)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.amount ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="0.00"
-              />
-              {errors.amount && <p className="text-red-500 text-xs mt-1">{errors.amount}</p>}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Para Birimi</label>
-              <select
-                value={formData.currency}
-                onChange={(e) => handleInputChange('currency', e.target.value)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {mockCurrencies.map((currency) => (
-                  <option key={currency.value} value={currency.value}>
-                    {currency.value} - {currency.label}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Düzenleme Tarihi *
-              </label>
-              <input
-                type="date"
-                value={formData.issueDate}
-                onChange={(e) => handleInputChange('issueDate', e.target.value)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Vade Tarihi *</label>
-              <input
-                type="date"
-                value={formData.dueDate}
-                onChange={(e) => handleInputChange('dueDate', e.target.value)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.dueDate ? 'border-red-500' : 'border-gray-300'
-                }`}
-              />
-              {errors.dueDate && <p className="text-red-500 text-xs mt-1">{errors.dueDate}</p>}
-            </div>
-          </div>
-
-          {/* Notlar */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Notlar</label>
-            <textarea
-              value={formData.notes}
-              onChange={(e) => handleInputChange('notes', e.target.value)}
-              rows={3}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              placeholder="Ek notlar..."
-            />
-          </div>
-
-          {/* Butonlar */}
-          <div className="flex justify-end gap-3 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onCancel}
-              className="px-4 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-4 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              {check ? 'Güncelle' : 'Kaydet'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default CheckForm
diff --git a/ui/src/views/accounting/components/CheckNoteDetails.tsx b/ui/src/views/accounting/components/CheckNoteDetails.tsx
deleted file mode 100644
index 3dbb8c42..00000000
--- a/ui/src/views/accounting/components/CheckNoteDetails.tsx
+++ /dev/null
@@ -1,321 +0,0 @@
-import React from 'react'
-import {
-  FaCreditCard,
-  FaFileAlt,
-  FaTimes,
-  FaCalendar,
-  FaUser,
-  FaMoneyBillWave,
-  FaInfoCircle,
-} from 'react-icons/fa'
-import {
-  FiCheck,
-  PromissoryNote,
-  CheckStatusEnum,
-  NoteStatusEnum,
-  TypeEnum,
-} from '../../../types/fi'
-import {
-  getCheckStatusColor,
-  getCheckStatusText,
-  getNoteStatusColor,
-  getNoteStatusText,
-} from '@/utils/erp'
-
-interface CheckNoteDetailsProps {
-  item: FiCheck | PromissoryNote
-  onClose: () => void
-  isOpen: boolean
-}
-
-const CheckNoteDetails: React.FC<CheckNoteDetailsProps> = ({ item, onClose, isOpen }) => {
-  if (!isOpen) return null
-
-  const isCheck = 'checkNumber' in item
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString('tr-TR', {
-      style: 'currency',
-      currency: 'TRY',
-      minimumFractionDigits: 2,
-    })
-  }
-
-  const getStatusLabel = (status: CheckStatusEnum | NoteStatusEnum) => {
-    if (isCheck) {
-      return getCheckStatusText(status as CheckStatusEnum)
-    } else {
-      return getNoteStatusText(status as NoteStatusEnum)
-    }
-  }
-
-  const getStatusColor = (status: CheckStatusEnum | NoteStatusEnum) => {
-    if (isCheck) {
-      return getCheckStatusColor(status as CheckStatusEnum)
-    } else {
-      return getNoteStatusColor(status as NoteStatusEnum)
-    }
-  }
-
-  const getTypeLabel = (type: TypeEnum) => {
-    if (type === TypeEnum.Received) {
-      return 'Alınan'
-    } else if (type === TypeEnum.Issued) {
-      return 'Verilen'
-    }
-    return 'Bilinmeyen'
-  }
-
-  const getTypeColor = (type: TypeEnum) => {
-    if (type === TypeEnum.Received) {
-      return 'bg-green-100 text-green-800'
-    } else if (type === TypeEnum.Issued) {
-      return 'bg-orange-100 text-orange-800'
-    }
-    return 'bg-gray-100 text-gray-800'
-  }
-
-  const getDaysUntilDue = (dueDate: Date) => {
-    const today = new Date()
-    const due = new Date(dueDate)
-    const diffTime = due.getTime() - today.getTime()
-    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
-    return diffDays
-  }
-
-  const daysUntilDue = getDaysUntilDue(item.dueDate)
-  const isOverdue = daysUntilDue < 0
-  const isDueSoon = daysUntilDue <= 7 && daysUntilDue >= 0
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b">
-          <div className="flex items-center gap-2.5">
-            {isCheck ? (
-              <FaCreditCard className="w-5 h-5 text-blue-600" />
-            ) : (
-              <FaFileAlt className="w-5 h-5 text-green-600" />
-            )}
-            <div>
-              <h2 className="text-lg font-semibold text-gray-900">
-                {isCheck ? 'Çek Detayları' : 'Senet Detayları'}
-              </h2>
-              <p className="text-sm text-gray-600">
-                {isCheck ? (item as FiCheck).checkNumber : (item as PromissoryNote).noteNumber}
-              </p>
-            </div>
-          </div>
-          <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-md">
-            <FaTimes className="w-5 h-5 text-gray-500" />
-          </button>
-        </div>
-
-        <div className="p-4 space-y-4">
-          {/* Durum ve Tür */}
-          <div className="flex items-center gap-3">
-            <span
-              className={`px-2 py-1 text-xs font-medium rounded-full ${getStatusColor(
-                item.status,
-              )}`}
-            >
-              {getStatusLabel(item.status)}
-            </span>
-            <span
-              className={`px-2 py-1 text-xs font-medium rounded-full ${getTypeColor(item.type)}`}
-            >
-              {getTypeLabel(item.type)}
-            </span>
-            {isOverdue && (
-              <span className="px-2 py-1 text-xs font-medium rounded-full bg-red-100 text-red-800">
-                {Math.abs(daysUntilDue)} gün gecikme
-              </span>
-            )}
-            {isDueSoon && !isOverdue && (
-              <span className="px-2 py-1 text-xs font-medium rounded-full bg-orange-100 text-orange-800">
-                {daysUntilDue} gün kaldı
-              </span>
-            )}
-          </div>
-
-          {/* Temel Bilgiler */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Genel Bilgiler */}
-            <div className="bg-gray-50 p-3 rounded-lg">
-              <h3 className="text-base font-medium text-gray-900 mb-3 flex items-center gap-2">
-                <FaInfoCircle className="w-4 h-4" />
-                Genel Bilgiler
-              </h3>
-              <div className="space-y-2 text-sm">
-                <div className="flex justify-between">
-                  <span className="text-gray-600">{isCheck ? 'Çek No:' : 'Senet No:'}</span>
-                  <span className="font-medium">
-                    {isCheck ? (item as FiCheck).checkNumber : (item as PromissoryNote).noteNumber}
-                  </span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Tutar:</span>
-                  <span className="font-bold text-base text-green-600">
-                    {formatCurrency(item.amount)}
-                  </span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Para Birimi:</span>
-                  <span className="font-medium">{item.currency}</span>
-                </div>
-                {!isCheck && (item as PromissoryNote).location && (
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Konum:</span>
-                    <span className="font-medium">{(item as PromissoryNote).location}</span>
-                  </div>
-                )}
-              </div>
-            </div>
-
-            {/* Tarih Bilgileri */}
-            <div className="bg-gray-50 p-3 rounded-lg">
-              <h3 className="text-base font-medium text-gray-900 mb-3 flex items-center gap-2">
-                <FaCalendar className="w-4 h-4" />
-                Tarih Bilgileri
-              </h3>
-              <div className="space-y-2 text-sm">
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Düzenleme Tarihi:</span>
-                  <span className="font-medium">
-                    {new Date(item.issueDate).toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Vade Tarihi:</span>
-                  <span
-                    className={`font-medium ${
-                      isOverdue ? 'text-red-600' : isDueSoon ? 'text-orange-600' : 'text-gray-900'
-                    }`}
-                  >
-                    {new Date(item.dueDate).toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Oluşturma Tarihi:</span>
-                  <span className="font-medium">
-                    {new Date(item.creationTime).toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Son Güncelleme:</span>
-                  <span className="font-medium">
-                    {new Date(item.lastModificationTime).toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Banka Bilgileri (Sadece Çek için) */}
-          {isCheck && (
-            <div className="bg-gray-50 p-3 rounded-lg">
-              <h3 className="text-base font-medium text-gray-900 mb-3 flex items-center gap-2">
-                <FaCreditCard className="w-4 h-4" />
-                Banka Bilgileri
-              </h3>
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-3 text-sm">
-                <div>
-                  <span className="text-gray-600 block text-sm">Banka Adı:</span>
-                  <span className="font-medium">{(item as FiCheck).bankName}</span>
-                </div>
-                <div>
-                  <span className="text-gray-600 block text-sm">Şube Adı:</span>
-                  <span className="font-medium">{(item as FiCheck).branchName}</span>
-                </div>
-                <div>
-                  <span className="text-gray-600 block text-sm">Hesap No:</span>
-                  <span className="font-medium">{(item as FiCheck).accountNumber}</span>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {/* Taraf Bilgileri */}
-          <div className="bg-gray-50 p-3 rounded-lg">
-            <h3 className="text-base font-medium text-gray-900 mb-3 flex items-center gap-2">
-              <FaUser className="w-4 h-4" />
-              Taraf Bilgileri
-            </h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-3 text-sm">
-              <div>
-                <span className="text-gray-600 block text-sm">Keşideci:</span>
-                <span className="font-medium">{item.drawerName}</span>
-              </div>
-              <div>
-                <span className="text-gray-600 block text-sm">Lehtar:</span>
-                <span className="font-medium">{item.payeeName}</span>
-              </div>
-            </div>
-            {item.currentAccount && (
-              <div className="mt-3 p-2 bg-blue-50 rounded-lg text-sm">
-                <span className="text-gray-600 block text-sm">Bağlı Cari Hesap:</span>
-                <span className="font-medium text-blue-600">
-                  {item.currentAccount.accountCode} - {item.currentAccount.accountCode}
-                </span>
-              </div>
-            )}
-          </div>
-
-          {/* İşlem Geçmişi */}
-          <div className="bg-gray-50 p-3 rounded-lg">
-            <h3 className="text-base font-medium text-gray-900 mb-3 flex items-center gap-2">
-              <FaMoneyBillWave className="w-4 h-4" />
-              İşlem Geçmişi
-            </h3>
-            <div className="space-y-2 text-sm">
-              {isCheck && (item as FiCheck).bankingDate && (
-                <div className="flex justify-between items-center p-3 bg-yellow-50 rounded-lg">
-                  <span className="text-gray-700">Bankaya Verilme Tarihi:</span>
-                  <span className="font-medium">
-                    {new Date((item as FiCheck).bankingDate!).toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-              )}
-              {item.collectionDate && (
-                <div className="flex justify-between items-center p-3 bg-green-50 rounded-lg">
-                  <span className="text-gray-700">Tahsil Tarihi:</span>
-                  <span className="font-medium">
-                    {new Date(item.collectionDate).toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-              )}
-              {item.endorsedTo && (
-                <div className="flex justify-between items-center p-3 bg-purple-50 rounded-lg">
-                  <span className="text-gray-700">Ciro Edildiği Kişi/Kuruluş:</span>
-                  <span className="font-medium">{item.endorsedTo}</span>
-                </div>
-              )}
-              {(!isCheck || !(item as FiCheck).bankingDate) &&
-                !item.collectionDate &&
-                !item.endorsedTo && <p className="text-gray-500 italic">Henüz işlem yapılmamış</p>}
-            </div>
-          </div>
-
-          {/* Notlar */}
-          {item.notes && (
-            <div className="bg-gray-50 p-3 rounded-lg">
-              <h3 className="text-base font-medium text-gray-900 mb-2">Notlar</h3>
-              <p className="text-sm text-gray-700 whitespace-pre-wrap">{item.notes}</p>
-            </div>
-          )}
-        </div>
-
-        {/* Footer */}
-        <div className="flex justify-end p-4 border-t">
-          <button
-            onClick={onClose}
-            className="px-6 py-2 bg-gray-600 text-white rounded-lg hover:bg-gray-700 transition-colors"
-          >
-            Kapat
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default CheckNoteDetails
diff --git a/ui/src/views/accounting/components/CheckNoteManagement.tsx b/ui/src/views/accounting/components/CheckNoteManagement.tsx
deleted file mode 100644
index 7526be94..00000000
--- a/ui/src/views/accounting/components/CheckNoteManagement.tsx
+++ /dev/null
@@ -1,877 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaCreditCard,
-  FaFileAlt,
-  FaSearch,
-  FaCalendar,
-  FaExclamationTriangle,
-  FaClock,
-  FaEdit,
-  FaMoneyBillWave,
-  FaSignature,
-} from 'react-icons/fa'
-import {
-  FiCheck,
-  PromissoryNote,
-  CheckStatusEnum,
-  NoteStatusEnum,
-  TypeEnum,
-  FiCurrentAccount,
-} from '../../../types/fi'
-import DataTable, { Column } from '../../../components/common/DataTable'
-import CheckForm from './CheckForm'
-import PromissoryNoteForm from './PromissoryNoteForm'
-import CheckNoteDetails from './CheckNoteDetails'
-import CollectionDialog from './CollectionDialog'
-import EndorsementDialog from './EndorsementDialog'
-import Widget from '../../../components/common/Widget'
-import { Container } from '@/components/shared'
-import {
-  getCheckStatusColor,
-  getCheckStatusText,
-  getNoteStatusColor,
-  getNoteStatusText,
-} from '@/utils/erp'
-
-interface CheckNoteManagementProps {
-  checks: FiCheck[]
-  promissoryNotes: PromissoryNote[]
-  currentAccounts: FiCurrentAccount[]
-  onAddCheck: (check: Omit<FiCheck, 'id' | 'creationTime' | 'lastModificationTime'>) => void
-  onEditCheck: (
-    id: string,
-    check: Omit<FiCheck, 'id' | 'creationTime' | 'lastModificationTime'>,
-  ) => void
-  onAddNote: (note: Omit<PromissoryNote, 'id' | 'creationTime' | 'lastModificationTime'>) => void
-  onEditNote: (
-    id: string,
-    note: Omit<PromissoryNote, 'id' | 'creationTime' | 'lastModificationTime'>,
-  ) => void
-  onCollectCheck: (id: string, collectionDate: Date) => void
-  onCollectNote: (id: string, collectionDate: Date) => void
-  onEndorseCheck: (id: string, endorsedTo: string) => void
-  onEndorseNote: (id: string, endorsedTo: string) => void
-}
-
-const CheckNoteManagement: React.FC<CheckNoteManagementProps> = ({
-  checks,
-  promissoryNotes,
-  currentAccounts,
-  onAddCheck,
-  onEditCheck,
-  onAddNote,
-  onEditNote,
-  onCollectCheck,
-  onCollectNote,
-  onEndorseCheck,
-  onEndorseNote,
-}) => {
-  const [activeTab, setActiveTab] = useState<'checks' | 'notes'>('checks')
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedCheckStatus, setSelectedCheckStatus] = useState<CheckStatusEnum | 'all'>('all')
-  const [selectedNoteStatus, setSelectedNoteStatus] = useState<NoteStatusEnum | 'all'>('all')
-  const [selectedType, setSelectedType] = useState<TypeEnum | 'all'>('all')
-  const [sortBy, setSortBy] = useState<'dueDate' | 'amount' | 'issueDate'>('dueDate')
-
-  // Dialog states
-  const [showCheckForm, setShowCheckForm] = useState(false)
-  const [showNoteForm, setShowNoteForm] = useState(false)
-  const [showDetails, setShowDetails] = useState(false)
-  const [showCollectionDialog, setShowCollectionDialog] = useState(false)
-  const [showEndorsementDialog, setShowEndorsementDialog] = useState(false)
-  const [selectedItem, setSelectedItem] = useState<FiCheck | PromissoryNote | null>(null)
-  const [editingCheck, setEditingCheck] = useState<FiCheck | null>(null)
-  const [editingNote, setEditingNote] = useState<PromissoryNote | null>(null)
-
-  // Handler functions
-  const handleAddCheck = () => {
-    setEditingCheck(null)
-    setShowCheckForm(true)
-  }
-
-  const handleEditCheck = (check: FiCheck) => {
-    setEditingCheck(check)
-    setShowCheckForm(true)
-  }
-
-  const handleAddNote = () => {
-    setEditingNote(null)
-    setShowNoteForm(true)
-  }
-
-  const handleEditNote = (note: PromissoryNote) => {
-    setEditingNote(note)
-    setShowNoteForm(true)
-  }
-
-  const handleViewDetails = (item: FiCheck | PromissoryNote) => {
-    setSelectedItem(item)
-    setShowDetails(true)
-  }
-
-  const handleCollectItem = (item: FiCheck | PromissoryNote) => {
-    setSelectedItem(item)
-    setShowCollectionDialog(true)
-  }
-
-  const handleEndorseItem = (item: FiCheck | PromissoryNote) => {
-    setSelectedItem(item)
-    setShowEndorsementDialog(true)
-  }
-
-  const handleSaveCheck = (
-    checkData: Omit<FiCheck, 'id' | 'creationTime' | 'lastModificationTime'>,
-  ) => {
-    if (editingCheck) {
-      onEditCheck(editingCheck.id, checkData)
-    } else {
-      onAddCheck(checkData)
-    }
-    setShowCheckForm(false)
-    setEditingCheck(null)
-  }
-
-  const handleSaveNote = (
-    noteData: Omit<PromissoryNote, 'id' | 'creationTime' | 'lastModificationTime'>,
-  ) => {
-    if (editingNote) {
-      onEditNote(editingNote.id, noteData)
-    } else {
-      onAddNote(noteData)
-    }
-    setShowNoteForm(false)
-    setEditingNote(null)
-  }
-
-  const handleConfirmCollection = (collectionDate: Date) => {
-    if (selectedItem) {
-      if ('checkNumber' in selectedItem) {
-        onCollectCheck(selectedItem.id, collectionDate)
-      } else {
-        onCollectNote(selectedItem.id, collectionDate)
-      }
-    }
-    setShowCollectionDialog(false)
-    setSelectedItem(null)
-  }
-
-  const handleConfirmEndorsement = (endorsedTo: string) => {
-    if (selectedItem) {
-      if ('checkNumber' in selectedItem) {
-        onEndorseCheck(selectedItem.id, endorsedTo)
-      } else {
-        onEndorseNote(selectedItem.id, endorsedTo)
-      }
-    }
-    setShowEndorsementDialog(false)
-    setSelectedItem(null)
-  }
-
-  const handleCloseDialogs = () => {
-    setShowCheckForm(false)
-    setShowNoteForm(false)
-    setShowDetails(false)
-    setShowCollectionDialog(false)
-    setShowEndorsementDialog(false)
-    setSelectedItem(null)
-    setEditingCheck(null)
-    setEditingNote(null)
-  }
-
-  const filteredChecks = checks
-    .filter((check) => {
-      if (
-        searchTerm &&
-        !check.checkNumber.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !check.drawerName.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !check.payeeName.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !check.bankName.toLowerCase().includes(searchTerm.toLowerCase())
-      ) {
-        return false
-      }
-      if (selectedCheckStatus !== 'all' && check.status !== selectedCheckStatus) {
-        return false
-      }
-      if (selectedType !== 'all' && check.type !== selectedType) {
-        return false
-      }
-      return true
-    })
-    .sort((a, b) => {
-      switch (sortBy) {
-        case 'dueDate':
-          return new Date(a.dueDate).getTime() - new Date(b.dueDate).getTime()
-        case 'amount':
-          return b.amount - a.amount
-        case 'issueDate':
-          return new Date(b.issueDate).getTime() - new Date(a.issueDate).getTime()
-        default:
-          return 0
-      }
-    })
-
-  const filteredNotes = promissoryNotes
-    .filter((note) => {
-      if (
-        searchTerm &&
-        !note.noteNumber.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !note.drawerName.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !note.payeeName.toLowerCase().includes(searchTerm.toLowerCase())
-      ) {
-        return false
-      }
-      if (selectedNoteStatus !== 'all' && note.status !== selectedNoteStatus) {
-        return false
-      }
-      if (selectedType !== 'all' && note.type !== selectedType) {
-        return false
-      }
-      return true
-    })
-    .sort((a, b) => {
-      switch (sortBy) {
-        case 'dueDate':
-          return new Date(a.dueDate).getTime() - new Date(b.dueDate).getTime()
-        case 'amount':
-          return b.amount - a.amount
-        case 'issueDate':
-          return new Date(b.issueDate).getTime() - new Date(a.issueDate).getTime()
-        default:
-          return 0
-      }
-    })
-
-  const getTypeLabel = (type: TypeEnum) => {
-    if (type === TypeEnum.Received) {
-      return 'Alınan'
-    } else if (type === TypeEnum.Issued) {
-      return 'Verilen'
-    }
-    return 'Bilinmeyen'
-  }
-
-  const getTypeColor = (type: TypeEnum) => {
-    if (type === TypeEnum.Received) {
-      return 'bg-green-100 text-green-800'
-    } else if (type === TypeEnum.Issued) {
-      return 'bg-orange-100 text-orange-800'
-    }
-    return 'bg-gray-100 text-gray-800'
-  }
-
-  const getDaysUntilDue = (dueDate: Date) => {
-    const today = new Date()
-    const due = new Date(dueDate)
-    const diffTime = due.getTime() - today.getTime()
-    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
-    return diffDays
-  }
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString('tr-TR', {
-      style: 'currency',
-      currency: 'TRY',
-      minimumFractionDigits: 2,
-    })
-  }
-
-  const checkColumns: Column<FiCheck>[] = [
-    {
-      key: 'checkNumber',
-      header: 'Çek No',
-      sortable: true,
-      render: (check: FiCheck) => (
-        <div>
-          <div className="font-medium text-gray-900">{check.checkNumber}</div>
-          <div className="text-sm text-gray-500">{check.bankName}</div>
-        </div>
-      ),
-    },
-    {
-      key: 'type',
-      header: 'Tür',
-      render: (check: FiCheck) => (
-        <span className={`px-2 py-1 text-xs font-medium rounded-full ${getTypeColor(check.type)}`}>
-          {getTypeLabel(check.type)}
-        </span>
-      ),
-    },
-    {
-      key: 'parties',
-      header: 'Taraflar',
-      render: (check: FiCheck) => (
-        <div className="text-sm">
-          <div>
-            <span className="text-gray-600">Keşideci:</span>
-            <span className="ml-1 font-medium">{check.drawerName}</span>
-          </div>
-          <div>
-            <span className="text-gray-600">Lehtar:</span>
-            <span className="ml-1 font-medium">{check.payeeName}</span>
-          </div>
-          {check.currentAccount && (
-            <div>
-              <span className="text-gray-600">Cari:</span>
-              <span className="ml-1 text-blue-600">{check.currentAccount.businessParty?.name}</span>
-            </div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'dates',
-      header: 'Tarihler',
-      render: (check: FiCheck) => {
-        const daysUntilDue = getDaysUntilDue(check.dueDate)
-        const isOverdue = daysUntilDue < 0
-        const isDueSoon = daysUntilDue <= 7 && daysUntilDue >= 0
-
-        return (
-          <div className="text-sm">
-            <div className="flex items-center gap-1">
-              <FaCalendar className="w-3 h-3 text-gray-400" />
-              <span>Düzenleme: {new Date(check.issueDate).toLocaleDateString('tr-TR')}</span>
-            </div>
-            <div className="flex items-center gap-1">
-              <FaClock className="w-3 h-3 text-gray-400" />
-              <span
-                className={
-                  isOverdue ? 'text-red-600' : isDueSoon ? 'text-orange-600' : 'text-gray-600'
-                }
-              >
-                Vade: {new Date(check.dueDate).toLocaleDateString('tr-TR')}
-              </span>
-            </div>
-            {isOverdue && (
-              <div className="text-xs text-red-600">{Math.abs(daysUntilDue)} gün gecikme</div>
-            )}
-            {isDueSoon && !isOverdue && (
-              <div className="text-xs text-orange-600">{daysUntilDue} gün kaldı</div>
-            )}
-          </div>
-        )
-      },
-    },
-    {
-      key: 'amount',
-      header: 'Tutar',
-      sortable: true,
-      render: (check: FiCheck) => (
-        <div className="text-right">
-          <span className="font-medium text-gray-900">{formatCurrency(check.amount)}</span>
-        </div>
-      ),
-    },
-    {
-      key: 'status',
-      header: 'Durum',
-      render: (check: FiCheck) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getCheckStatusColor(
-            check.status,
-          )}`}
-        >
-          {getCheckStatusText(check.status)}
-        </span>
-      ),
-    },
-    {
-      key: 'processing',
-      header: 'İşlemler',
-      render: (check: FiCheck) => (
-        <div className="text-sm">
-          {check.bankingDate && (
-            <div>Banka: {new Date(check.bankingDate).toLocaleDateString('tr-TR')}</div>
-          )}
-          {check.collectionDate && (
-            <div>Tahsil: {new Date(check.collectionDate).toLocaleDateString('tr-TR')}</div>
-          )}
-          {check.endorsedTo && <div>Ciro: {check.endorsedTo}</div>}
-        </div>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (check: FiCheck) => (
-        <div className="flex gap-1">
-          {check.status === CheckStatusEnum.InHand && (
-            <>
-              <button
-                onClick={() => handleCollectItem(check)}
-                className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-                title="Tahsil Et"
-              >
-                <FaMoneyBillWave className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => handleEndorseItem(check)}
-                className="p-1 text-green-600 hover:bg-green-50 rounded"
-                title="Ciro Et"
-              >
-                <FaSignature className="w-4 h-4" />
-              </button>
-            </>
-          )}
-
-          <button
-            onClick={() => handleViewDetails(check)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaCalendar className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleEditCheck(check)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  const noteColumns: Column<PromissoryNote>[] = [
-    {
-      key: 'noteNumber',
-      header: 'Senet No',
-      sortable: true,
-      render: (note: PromissoryNote) => (
-        <div>
-          <div className="font-medium text-gray-900">{note.noteNumber}</div>
-          {note.location && <div className="text-sm text-gray-500">{note.location}</div>}
-        </div>
-      ),
-    },
-    {
-      key: 'type',
-      header: 'Tür',
-      render: (note: PromissoryNote) => (
-        <span className={`px-2 py-1 text-xs font-medium rounded-full ${getTypeColor(note.type)}`}>
-          {getTypeLabel(note.type)}
-        </span>
-      ),
-    },
-    {
-      key: 'parties',
-      header: 'Taraflar',
-      render: (note: PromissoryNote) => (
-        <div className="text-sm">
-          <div>
-            <span className="text-gray-600">Keşideci:</span>
-            <span className="ml-1 font-medium">{note.drawerName}</span>
-          </div>
-          <div>
-            <span className="text-gray-600">Lehtar:</span>
-            <span className="ml-1 font-medium">{note.payeeName}</span>
-          </div>
-          {note.currentAccount && (
-            <div>
-              <span className="text-gray-600">Cari:</span>
-              <span className="ml-1 text-blue-600">{note.currentAccount.businessParty?.name}</span>
-            </div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'dates',
-      header: 'Tarihler',
-      render: (note: PromissoryNote) => {
-        const daysUntilDue = getDaysUntilDue(note.dueDate)
-        const isOverdue = daysUntilDue < 0
-        const isDueSoon = daysUntilDue <= 7 && daysUntilDue >= 0
-
-        return (
-          <div className="text-sm">
-            <div className="flex items-center gap-1">
-              <FaCalendar className="w-3 h-3 text-gray-400" />
-              <span>Düzenleme: {new Date(note.issueDate).toLocaleDateString('tr-TR')}</span>
-            </div>
-            <div className="flex items-center gap-1">
-              <FaClock className="w-3 h-3 text-gray-400" />
-              <span
-                className={
-                  isOverdue ? 'text-red-600' : isDueSoon ? 'text-orange-600' : 'text-gray-600'
-                }
-              >
-                Vade: {new Date(note.dueDate).toLocaleDateString('tr-TR')}
-              </span>
-            </div>
-            {isOverdue && (
-              <div className="text-xs text-red-600">{Math.abs(daysUntilDue)} gün gecikme</div>
-            )}
-            {isDueSoon && !isOverdue && (
-              <div className="text-xs text-orange-600">{daysUntilDue} gün kaldı</div>
-            )}
-          </div>
-        )
-      },
-    },
-    {
-      key: 'amount',
-      header: 'Tutar',
-      sortable: true,
-      render: (note: PromissoryNote) => (
-        <div className="text-right">
-          <span className="font-medium text-gray-900">{formatCurrency(note.amount)}</span>
-        </div>
-      ),
-    },
-    {
-      key: 'status',
-      header: 'Durum',
-      render: (note: PromissoryNote) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getNoteStatusColor(
-            note.status,
-          )}`}
-        >
-          {getNoteStatusText(note.status)}
-        </span>
-      ),
-    },
-    {
-      key: 'processing',
-      header: 'İşlemler',
-      render: (note: PromissoryNote) => (
-        <div className="text-sm">
-          {note.collectionDate && (
-            <div>Tahsil: {new Date(note.collectionDate).toLocaleDateString('tr-TR')}</div>
-          )}
-          {note.endorsedTo && <div>Ciro: {note.endorsedTo}</div>}
-        </div>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (note: PromissoryNote) => (
-        <div className="flex gap-1">
-          {note.status === NoteStatusEnum.InHand && (
-            <>
-              <button
-                onClick={() => handleCollectItem(note)}
-                className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-                title="Tahsil Et"
-              >
-                <FaMoneyBillWave className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => handleEndorseItem(note)}
-                className="p-1 text-green-600 hover:bg-green-50 rounded"
-                title="Ciro Et"
-              >
-                <FaSignature className="w-4 h-4" />
-              </button>
-            </>
-          )}
-          <button
-            onClick={() => handleViewDetails(note)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaCalendar className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleEditNote(note)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  // Calculate statistics
-  const totalCheckAmount = checks.reduce((sum, check) => sum + check.amount, 0)
-  const totalNoteAmount = promissoryNotes.reduce((sum, note) => sum + note.amount, 0)
-
-  const receivedCheckAmount = checks
-    .filter((c) => c.type === TypeEnum.Received && c.status !== CheckStatusEnum.Collected)
-    .reduce((sum, c) => sum + c.amount, 0)
-
-  const receivedNoteAmount = promissoryNotes
-    .filter((n) => n.type === TypeEnum.Received && n.status !== NoteStatusEnum.Collected)
-    .reduce((sum, n) => sum + n.amount, 0)
-
-  // Due items
-  const dueChecks = checks.filter((c) => {
-    const daysUntilDue = getDaysUntilDue(c.dueDate)
-    return daysUntilDue <= 7 && c.status === CheckStatusEnum.InHand
-  })
-
-  const dueNotes = promissoryNotes.filter((n) => {
-    const daysUntilDue = getDaysUntilDue(n.dueDate)
-    return daysUntilDue <= 7 && n.status === NoteStatusEnum.InHand
-  })
-
-  // Overdue items
-  const overdueChecks = checks.filter((c) => {
-    const daysUntilDue = getDaysUntilDue(c.dueDate)
-    return daysUntilDue < 0 && c.status === CheckStatusEnum.InHand
-  })
-
-  const overdueNotes = promissoryNotes.filter((n) => {
-    const daysUntilDue = getDaysUntilDue(n.dueDate)
-    return daysUntilDue < 0 && n.status === NoteStatusEnum.InHand
-  })
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Çek & Senet Takibi</h2>
-            <p className="text-gray-600">Alınan ve verilen çek & senet yönetimi</p>
-          </div>
-          <div className="flex gap-2 text-sm">
-            <button
-              onClick={handleAddNote}
-              className="flex items-center gap-2 px-3 py-1.5 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
-            >
-              <FaFileAlt className="w-4 h-4" />
-              Yeni Senet
-            </button>
-            <button
-              onClick={handleAddCheck}
-              className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaCreditCard className="w-4 h-4" />
-              Yeni Çek
-            </button>
-          </div>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <Widget
-            title="Toplam Çek"
-            value={formatCurrency(totalCheckAmount)}
-            color="blue"
-            icon="FaCreditCard"
-            subTitle={`${checks.length} adet`}
-          />
-          <Widget
-            title="Toplam Senet"
-            value={formatCurrency(totalNoteAmount)}
-            color="green"
-            icon="FaFileAlt"
-            subTitle={`${promissoryNotes.length} adet`}
-          />
-          <Widget
-            title="Alacak Çek"
-            value={formatCurrency(receivedCheckAmount)}
-            color="green"
-            icon="FaCreditCard"
-          />
-          <Widget
-            title="Alacak Senet"
-            value={formatCurrency(receivedNoteAmount)}
-            color="green"
-            icon="FaFileAlt"
-          />
-        </div>
-
-        {/* Alerts */}
-        {(dueChecks.length > 0 ||
-          dueNotes.length > 0 ||
-          overdueChecks.length > 0 ||
-          overdueNotes.length > 0) && (
-          <div className="space-y-3">
-            {(dueChecks.length > 0 || dueNotes.length > 0) && (
-              <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-3">
-                <div className="flex items-center gap-2">
-                  <FaClock className="w-5 h-5 text-yellow-600" />
-                  <h3 className="text-base font-semibold text-yellow-900">Vadesi Yaklaşan</h3>
-                </div>
-                <p className="text-sm text-yellow-700 mt-1">
-                  {dueChecks.length} çek ve {dueNotes.length} senet 7 gün içinde vadesi dolacak.
-                </p>
-              </div>
-            )}
-
-            {(overdueChecks.length > 0 || overdueNotes.length > 0) && (
-              <div className="bg-red-50 border border-red-200 rounded-lg p-3">
-                <div className="flex items-center gap-2">
-                  <FaExclamationTriangle className="w-5 h-5 text-red-600" />
-                  <h3 className="text-base font-semibold text-red-900">Vadesi Geçmiş</h3>
-                </div>
-                <p className="text-sm text-red-700 mt-1">
-                  {overdueChecks.length} çek ve {overdueNotes.length} senet vadesi geçmiş durumda.
-                </p>
-              </div>
-            )}
-          </div>
-        )}
-
-        {/* Tabs */}
-        <div className="border-b border-gray-200">
-          <nav className="-mb-px flex space-x-6">
-            <button
-              onClick={() => setActiveTab('checks')}
-              className={`py-3 px-1 border-b-2 font-medium text-sm ${
-                activeTab === 'checks'
-                  ? 'border-blue-500 text-blue-600'
-                  : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-              }`}
-            >
-              Çekler ({checks.length})
-            </button>
-            <button
-              onClick={() => setActiveTab('notes')}
-              className={`py-3 px-1 border-b-2 font-medium text-sm ${
-                activeTab === 'notes'
-                  ? 'border-blue-500 text-blue-600'
-                  : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-              }`}
-            >
-              Senetler ({promissoryNotes.length})
-            </button>
-          </nav>
-        </div>
-
-        {/* Filters */}
-        <div className="flex gap-3 items-center">
-          <div className="flex-1 relative">
-            <FaSearch className="w-4 h-4 absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" />
-            <input
-              type="text"
-              placeholder={
-                activeTab === 'checks'
-                  ? 'Çek no, keşideci, lehtar veya banka ara...'
-                  : 'Senet no, keşideci veya lehtar ara...'
-              }
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-10 pr-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-
-          <select
-            value={selectedType}
-            onChange={(e) => setSelectedType(e.target.value as TypeEnum | 'all')}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">Tüm Türler</option>
-            <option value="RECEIVED">Alınan</option>
-            <option value="ISSUED">Verilen</option>
-          </select>
-
-          {activeTab === 'checks' ? (
-            <select
-              value={selectedCheckStatus}
-              onChange={(e) => setSelectedCheckStatus(e.target.value as CheckStatusEnum | 'all')}
-              className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            >
-              <option value="all">Tüm Durumlar</option>
-              {Object.values(CheckStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getCheckStatusText(status)}
-                </option>
-              ))}
-            </select>
-          ) : (
-            <select
-              value={selectedNoteStatus}
-              onChange={(e) => setSelectedNoteStatus(e.target.value as NoteStatusEnum | 'all')}
-              className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            >
-              <option value="all">Tüm Durumlar</option>
-              {Object.values(NoteStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getNoteStatusText(status)}
-                </option>
-              ))}
-            </select>
-          )}
-
-          <select
-            value={sortBy}
-            onChange={(e) => setSortBy(e.target.value as 'dueDate' | 'amount' | 'issueDate')}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="dueDate">Vade Tarihine Göre</option>
-            <option value="amount">Tutara Göre</option>
-            <option value="issueDate">Düzenleme Tarihine Göre</option>
-          </select>
-        </div>
-
-        {/* Data Table */}
-        <div className="bg-white rounded-lg shadow-sm border overflow-x-auto">
-          {activeTab === 'checks' ? (
-            <DataTable data={filteredChecks} columns={checkColumns} />
-          ) : (
-            <DataTable data={filteredNotes} columns={noteColumns} />
-          )}
-        </div>
-
-        {/* Empty State */}
-        {((activeTab === 'checks' && filteredChecks.length === 0) ||
-          (activeTab === 'notes' && filteredNotes.length === 0)) && (
-          <div className="text-center py-10">
-            {activeTab === 'checks' ? (
-              <FaCreditCard className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-            ) : (
-              <FaFileAlt className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-            )}
-            <h3 className="text-lg font-medium text-gray-900 mb-2">
-              {activeTab === 'checks' ? 'Çek bulunamadı' : 'Senet bulunamadı'}
-            </h3>
-            <p className="text-sm text-gray-500">
-              {activeTab === 'checks'
-                ? 'Yeni bir çek ekleyin veya arama kriterlerinizi değiştirin.'
-                : 'Yeni bir senet ekleyin veya arama kriterlerinizi değiştirin.'}
-            </p>
-          </div>
-        )}
-      </div>
-
-      {/* Modal Components */}
-      <CheckForm
-        check={editingCheck || undefined}
-        currentAccounts={currentAccounts}
-        onSave={handleSaveCheck}
-        onCancel={handleCloseDialogs}
-        isOpen={showCheckForm}
-      />
-
-      <PromissoryNoteForm
-        note={editingNote || undefined}
-        currentAccounts={currentAccounts}
-        onSave={handleSaveNote}
-        onCancel={handleCloseDialogs}
-        isOpen={showNoteForm}
-      />
-
-      {selectedItem && (
-        <CheckNoteDetails item={selectedItem} onClose={handleCloseDialogs} isOpen={showDetails} />
-      )}
-
-      {selectedItem && (
-        <CollectionDialog
-          item={selectedItem}
-          onConfirm={handleConfirmCollection}
-          onCancel={handleCloseDialogs}
-          isOpen={showCollectionDialog}
-        />
-      )}
-
-      {selectedItem && (
-        <EndorsementDialog
-          item={selectedItem}
-          onConfirm={handleConfirmEndorsement}
-          onCancel={handleCloseDialogs}
-          isOpen={showEndorsementDialog}
-        />
-      )}
-    </Container>
-  )
-}
-
-export default CheckNoteManagement
diff --git a/ui/src/views/accounting/components/CollectionDialog.tsx b/ui/src/views/accounting/components/CollectionDialog.tsx
deleted file mode 100644
index 4778e1b2..00000000
--- a/ui/src/views/accounting/components/CollectionDialog.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-import React, { useState } from "react";
-import { FaMoneyBillWave, FaTimes, FaSave, FaCalendar } from "react-icons/fa";
-import { FiCheck, PromissoryNote } from "../../../types/fi";
-
-interface CollectionDialogProps {
-  item: FiCheck | PromissoryNote;
-  onConfirm: (collectionDate: Date) => void;
-  onCancel: () => void;
-  isOpen: boolean;
-}
-
-const CollectionDialog: React.FC<CollectionDialogProps> = ({
-  item,
-  onConfirm,
-  onCancel,
-  isOpen,
-}) => {
-  const [collectionDate, setCollectionDate] = useState(
-    new Date().toISOString().split("T")[0]
-  );
-  const [error, setError] = useState("");
-
-  const isCheck = "checkNumber" in item;
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString("tr-TR", {
-      style: "currency",
-      currency: "TRY",
-      minimumFractionDigits: 2,
-    });
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    
-    const selectedDate = new Date(collectionDate);
-    const today = new Date();
-    today.setHours(0, 0, 0, 0);
-    
-    if (selectedDate > today) {
-      setError("Tahsil tarihi bugünden sonra olamaz");
-      return;
-    }
-    
-    if (selectedDate < new Date(item.issueDate)) {
-      setError("Tahsil tarihi düzenleme tarihinden önce olamaz");
-      return;
-    }
-
-    setError("");
-    onConfirm(selectedDate);
-  };
-
-  const handleDateChange = (value: string) => {
-    setCollectionDate(value);
-    setError("");
-  };
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl w-full max-w-sm">
-        <div className="flex items-center justify-between p-4 border-b">
-          <div className="flex items-center gap-2.5">
-            <FaMoneyBillWave className="w-5 h-5 text-green-600" />
-            <h2 className="text-lg font-semibold text-gray-900">
-              {isCheck ? "Çek Tahsil Et" : "Senet Tahsil Et"}
-            </h2>
-          </div>
-          <button
-            onClick={onCancel}
-            className="p-2 hover:bg-gray-100 rounded-md"
-          >
-            <FaTimes className="w-5 h-5 text-gray-500" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4 space-y-4">
-          {/* Özet Bilgiler */}
-          <div className="bg-gray-50 p-3 rounded-lg">
-            <h3 className="text-base font-medium text-gray-900 mb-2">
-              {isCheck ? "Çek Bilgileri" : "Senet Bilgileri"}
-            </h3>
-            <div className="space-y-2">
-              <div className="flex justify-between">
-                <span className="text-gray-600">
-                  {isCheck ? "Çek No:" : "Senet No:"}
-                </span>
-                <span className="font-medium">
-                  {isCheck ? (item as FiCheck).checkNumber : (item as PromissoryNote).noteNumber}
-                </span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">Tutar:</span>
-                <span className="font-bold text-green-600">
-                  {formatCurrency(item.amount)}
-                </span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">Vade Tarihi:</span>
-                <span className="font-medium">
-                  {new Date(item.dueDate).toLocaleDateString("tr-TR")}
-                </span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">Keşideci:</span>
-                <span className="font-medium">{item.drawerName}</span>
-              </div>
-            </div>
-          </div>
-
-          {/* Tahsil Tarihi */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              <FaCalendar className="w-4 h-4 inline mr-2" />
-              Tahsil Tarihi *
-            </label>
-            <input
-              type="date"
-              value={collectionDate}
-              onChange={(e) => handleDateChange(e.target.value)}
-              className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 ${
-                error ? "border-red-500" : "border-gray-300"
-              }`}
-              required
-            />
-            {error && (
-              <p className="text-red-500 text-xs mt-1">{error}</p>
-            )}
-          </div>
-
-          {/* Uyarı */}
-          <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-3">
-            <div className="flex items-start">
-              <div className="flex-shrink-0">
-                <FaMoneyBillWave className="w-5 h-5 text-yellow-600 mt-0.5" />
-              </div>
-              <div className="ml-3">
-                <h3 className="text-sm font-medium text-yellow-800">
-                  Dikkat!
-                </h3>
-                <div className="mt-2 text-sm text-yellow-700">
-                  <p>
-                    Bu işlem {isCheck ? "çekin" : "senedin"} tahsil edildiğini belirtir.
-                    İşlem tamamlandıktan sonra durum "Tahsil Edildi" olarak değiştirilecektir.
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Butonlar */}
-          <div className="flex justify-end gap-3 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onCancel}
-              className="px-4 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-4 py-1.5 text-sm bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              Tahsil Et
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
-
-export default CollectionDialog;
diff --git a/ui/src/views/accounting/components/CurrentAccountDetails.tsx b/ui/src/views/accounting/components/CurrentAccountDetails.tsx
deleted file mode 100644
index 265faa30..00000000
--- a/ui/src/views/accounting/components/CurrentAccountDetails.tsx
+++ /dev/null
@@ -1,312 +0,0 @@
-import React from "react";
-import {
-  FaTimes,
-  FaUser,
-  FaBuilding,
-  FaCreditCard,
-  FaPhoneAlt,
-  FaEnvelope,
-  FaMapMarkerAlt,
-  FaCalendar,
-  FaExclamationTriangle,
-} from "react-icons/fa";
-import { FiCurrentAccount, RiskGroupEnum } from "../../../types/fi";
-import {
-  getAccountTypeColor,
-  getAccountTypeText,
-  getRiskGroupColor,
-  getRiskGroupText,
-} from "../../../utils/erp";
-
-interface CurrentAccountDetailsProps {
-  account: FiCurrentAccount;
-  isOpen: boolean;
-  onClose: () => void;
-  onEdit: () => void;
-}
-
-const CurrentAccountDetails: React.FC<CurrentAccountDetailsProps> = ({
-  account,
-  isOpen,
-  onClose,
-  onEdit,
-}) => {
-  const formatBalance = (balance: number) => {
-    const isDebit = balance > 0;
-    const absBalance = Math.abs(balance);
-    return {
-      amount: absBalance.toLocaleString("tr-TR", {
-        style: "currency",
-        currency: "TRY",
-        minimumFractionDigits: 2,
-      }),
-      type: isDebit ? "Borçlu" : "Alacaklı",
-      isDebit,
-    };
-  };
-
-  const isOverLimit = Math.abs(account.balance) > account.creditLimit;
-  const balanceInfo = formatBalance(account.balance);
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b">
-          <h2 className="text-lg font-semibold text-gray-900">
-            Cari Hesap Detayları
-          </h2>
-          <button
-            onClick={onClose}
-            className="text-gray-400 hover:text-gray-600"
-          >
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        <div className="p-4">
-          {/* Header with Account Info */}
-          <div className="bg-gray-50 rounded-lg p-4 mb-4">
-            <div className="flex items-start justify-between">
-              <div>
-                <h3 className="text-xl font-bold text-gray-900">
-                  {account.businessParty?.name}
-                </h3>
-                <p className="text-base text-gray-600 mt-1">
-                  {account.accountCode}
-                </p>
-                <div className="flex items-center gap-2 mt-2">
-                  <span
-                    className={`px-2 py-1 text-xs font-medium rounded-full ${getAccountTypeColor(
-                      account.type
-                    )}`}
-                  >
-                    {getAccountTypeText(account.type)}
-                  </span>
-                  <span
-                    className={`px-2 py-1 text-xs font-medium rounded-full ${getRiskGroupColor(
-                      account.riskGroup
-                    )}`}
-                  >
-                    {getRiskGroupText(account.riskGroup)}
-                  </span>
-                  {!account.isActive && (
-                    <span className="px-2 py-1 text-xs font-medium rounded-full bg-red-100 text-red-800">
-                      Pasif
-                    </span>
-                  )}
-                </div>
-              </div>
-              <div className="text-right">
-                <div className="text-sm text-gray-500 mb-1">Güncel Bakiye</div>
-                <div
-                  className={`text-2xl font-bold ${
-                    balanceInfo.isDebit ? "text-red-600" : "text-green-600"
-                  }`}
-                >
-                  {balanceInfo.amount}
-                </div>
-                <div className="text-sm text-gray-500">{balanceInfo.type}</div>
-                {isOverLimit && (
-                  <div className="flex items-center gap-1 text-red-600 mt-2">
-                    <FaExclamationTriangle className="w-4 h-4" />
-                    <span className="text-sm">Limit Aşımı</span>
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-            {/* İletişim Bilgileri */}
-            <div className="space-y-4">
-              <h4 className="text-base font-semibold text-gray-900 flex items-center gap-2">
-                <FaPhoneAlt className="w-4 h-4 text-green-600" />
-                İletişim Bilgileri
-              </h4>
-
-              <div className="space-y-3 text-sm">
-                {account.contactPerson && (
-                  <div className="flex items-center gap-3">
-                    <FaUser className="w-4 h-4 text-gray-400" />
-                    <div>
-                      <div className="text-sm text-gray-500">Yetkili Kişi</div>
-                      <div className="font-medium">{account.contactPerson}</div>
-                    </div>
-                  </div>
-                )}
-
-                {account.phoneNumber && (
-                  <div className="flex items-center gap-3">
-                    <FaPhoneAlt className="w-4 h-4 text-gray-400" />
-                    <div>
-                      <div className="text-sm text-gray-500">Telefon</div>
-                      <div className="font-medium">{account.phoneNumber}</div>
-                    </div>
-                  </div>
-                )}
-
-                {account.email && (
-                  <div className="flex items-center gap-3">
-                    <FaEnvelope className="w-4 h-4 text-gray-400" />
-                    <div>
-                      <div className="text-sm text-gray-500">E-posta</div>
-                      <div className="font-medium">{account.email}</div>
-                    </div>
-                  </div>
-                )}
-
-                {account.address && (
-                  <div className="flex items-start gap-3">
-                    <FaMapMarkerAlt className="w-4 h-4 text-gray-400 mt-1" />
-                    <div>
-                      <div className="text-sm text-gray-500">Adres</div>
-                      <div className="font-medium">{account.address}</div>
-                    </div>
-                  </div>
-                )}
-              </div>
-            </div>
-
-            {/* Vergi ve Mali Bilgiler */}
-            <div className="space-y-4">
-              <h4 className="text-base font-semibold text-gray-900 flex items-center gap-2">
-                <FaCreditCard className="w-4 h-4 text-purple-600" />
-                Mali Bilgiler
-              </h4>
-
-              <div className="space-y-3 text-sm">
-                {account.taxNumber && (
-                  <div className="flex items-center gap-3">
-                    <FaBuilding className="w-4 h-4 text-gray-400" />
-                    <div>
-                      <div className="text-sm text-gray-500">
-                        Vergi Numarası
-                      </div>
-                      <div className="font-medium">{account.taxNumber}</div>
-                    </div>
-                  </div>
-                )}
-
-                {account.taxOffice && (
-                  <div className="flex items-center gap-3">
-                    <FaBuilding className="w-4 h-4 text-gray-400" />
-                    <div>
-                      <div className="text-sm text-gray-500">Vergi Dairesi</div>
-                      <div className="font-medium">{account.taxOffice}</div>
-                    </div>
-                  </div>
-                )}
-
-                <div className="flex items-center gap-3">
-                  <FaCreditCard className="w-4 h-4 text-gray-400" />
-                  <div>
-                    <div className="text-sm text-gray-500">Kredi Limiti</div>
-                    <div className="font-medium">
-                      {account.creditLimit.toLocaleString("tr-TR", {
-                        style: "currency",
-                        currency: account.currency,
-                        minimumFractionDigits: 0,
-                      })}
-                    </div>
-                  </div>
-                </div>
-
-                <div className="flex items-center gap-3">
-                  <FaCalendar className="w-4 h-4 text-gray-400" />
-                  <div>
-                    <div className="text-sm text-gray-500">Ödeme Vadesi</div>
-                    <div className="font-medium">{account.paymentTerm} gün</div>
-                  </div>
-                </div>
-
-                <div className="flex items-center gap-3">
-                  <FaCreditCard className="w-4 h-4 text-gray-400" />
-                  <div>
-                    <div className="text-sm text-gray-500">Para Birimi</div>
-                    <div className="font-medium">{account.currency}</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Tarih Bilgileri */}
-          <div className="mt-6 pt-4 border-t">
-            <h4 className="text-base font-semibold text-gray-900 flex items-center gap-2 mb-3">
-              <FaCalendar className="w-4 h-4 text-blue-600" />
-              Tarih Bilgileri
-            </h4>
-
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
-              <div>
-                <div className="text-sm text-gray-500">Oluşturulma Tarihi</div>
-                <div className="font-medium">
-                  {account.creationTime.toLocaleDateString("tr-TR")}
-                </div>
-              </div>
-
-              <div>
-                <div className="text-sm text-gray-500">Son Güncelleme</div>
-                <div className="font-medium">
-                  {account.lastModificationTime.toLocaleDateString("tr-TR")}
-                </div>
-              </div>
-
-              {account.lastTransactionDate && (
-                <div>
-                  <div className="text-sm text-gray-500">Son Hareket</div>
-                  <div className="font-medium">
-                    {account.lastTransactionDate.toLocaleDateString("tr-TR")}
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-
-          {/* Uyarılar */}
-          {(isOverLimit ||
-            account.riskGroup === RiskGroupEnum.High ||
-            account.riskGroup === RiskGroupEnum.Blocked) && (
-            <div className="mt-4 p-3 bg-orange-50 border border-orange-200 rounded-lg">
-              <div className="flex items-center gap-2 mb-2">
-                <FaExclamationTriangle className="w-5 h-5 text-orange-600" />
-                <h5 className="font-semibold text-orange-900">Dikkat</h5>
-              </div>
-              <div className="space-y-1 text-sm text-orange-700">
-                {isOverLimit && (
-                  <div>• Bu hesap kredi limitini aşmış durumda.</div>
-                )}
-                {account.riskGroup === RiskGroupEnum.High && (
-                  <div>• Bu hesap yüksek risk grubunda yer almaktadır.</div>
-                )}
-                {account.riskGroup === RiskGroupEnum.Blocked && (
-                  <div>• Bu hesap blokeli olarak işaretlenmiştir.</div>
-                )}
-              </div>
-            </div>
-          )}
-        </div>
-
-        {/* Actions */}
-        <div className="flex justify-end gap-3 p-4 border-t bg-gray-50">
-          <button
-            onClick={onClose}
-            className="px-4 py-1.5 text-sm text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 transition-colors"
-          >
-            Kapat
-          </button>
-          <button
-            onClick={onEdit}
-            className="px-4 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-          >
-            Düzenle
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default CurrentAccountDetails;
diff --git a/ui/src/views/accounting/components/CurrentAccountForm.tsx b/ui/src/views/accounting/components/CurrentAccountForm.tsx
deleted file mode 100644
index c5aba55a..00000000
--- a/ui/src/views/accounting/components/CurrentAccountForm.tsx
+++ /dev/null
@@ -1,424 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaUser, FaBuilding, FaCreditCard, FaPhoneAlt } from 'react-icons/fa'
-import { FiCurrentAccount, AccountTypeEnum, RiskGroupEnum } from '../../../types/fi'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { getAccountTypeText, getRiskGroupText } from '../../../utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-interface CurrentAccountFormProps {
-  account?: FiCurrentAccount
-  isOpen: boolean
-  onClose: () => void
-  onSave: (account: Partial<FiCurrentAccount>) => void
-}
-
-const CurrentAccountForm: React.FC<CurrentAccountFormProps> = ({
-  account,
-  isOpen,
-  onClose,
-  onSave,
-}) => {
-  const [formData, setFormData] = useState<
-    Partial<FiCurrentAccount> & {
-      id?: string
-    }
-  >({
-    accountCode: '',
-    businessPartyId: '',
-    type: AccountTypeEnum.Customer,
-    contactPerson: '',
-    phoneNumber: '',
-    email: '',
-    address: '',
-    taxNumber: '',
-    taxOffice: '',
-    creditLimit: 0,
-    currency: 'TRY',
-    riskGroup: RiskGroupEnum.Low,
-    paymentTerm: 30,
-    isActive: true,
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  useEffect(() => {
-    if (account) {
-      setFormData({
-        ...account,
-        creditLimit: account.creditLimit || 0,
-        paymentTerm: account.paymentTerm || 30,
-      })
-    } else {
-      setFormData({
-        accountCode: '',
-        businessPartyId: '',
-        type: AccountTypeEnum.Customer,
-        contactPerson: '',
-        phoneNumber: '',
-        email: '',
-        address: '',
-        taxNumber: '',
-        taxOffice: '',
-        creditLimit: 0,
-        currency: 'TRY',
-        riskGroup: RiskGroupEnum.Low,
-        paymentTerm: 30,
-        isActive: true,
-      })
-    }
-    setErrors({})
-  }, [account, isOpen])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    let parsedValue: string | number | boolean = value
-
-    if (type === 'number') {
-      parsedValue = value === '' ? 0 : parseFloat(value)
-    } else if (type === 'checkbox') {
-      parsedValue = (e.target as HTMLInputElement).checked
-    }
-
-    setFormData((prev) => ({
-      ...prev,
-      [name]: parsedValue,
-    }))
-
-    // Clear error when user starts typing
-    if (errors[name]) {
-      setErrors((prev) => ({
-        ...prev,
-        [name]: '',
-      }))
-    }
-  }
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.accountCode?.trim()) {
-      newErrors.accountCode = 'Hesap kodu zorunludur'
-    }
-    if (!formData.businessPartyId?.trim()) {
-      newErrors.businessPartyId = 'Ünvan zorunludur'
-    }
-    if (formData.email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(formData.email)) {
-      newErrors.email = 'Geçerli bir e-posta adresi giriniz'
-    }
-    if (formData.creditLimit && formData.creditLimit < 0) {
-      newErrors.creditLimit = 'Kredi limiti negatif olamaz'
-    }
-    if (formData.paymentTerm && formData.paymentTerm < 0) {
-      newErrors.paymentTerm = 'Ödeme vadesi negatif olamaz'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (validateForm()) {
-      onSave(formData)
-      onClose()
-    }
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b">
-          <h2 className="text-lg font-semibold text-gray-900">
-            {account ? 'Cari Hesap Düzenle' : 'Yeni Cari Hesap'}
-          </h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Temel Bilgiler */}
-            <div className="space-y-3">
-              <h3 className="text-base font-medium text-gray-900 flex items-center gap-2">
-                <FaUser className="w-4 h-4 text-blue-600" />
-                Temel Bilgiler
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Hesap Kodu *</label>
-                <input
-                  type="text"
-                  name="accountCode"
-                  value={formData.accountCode || ''}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.accountCode ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="CA001"
-                />
-                {errors.accountCode && (
-                  <p className="text-red-500 text-xs mt-1">{errors.accountCode}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Ünvan *</label>
-
-                <select
-                  name="businessPartyId"
-                  value={formData.businessPartyId || ''}
-                  onChange={handleInputChange}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-3 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                  required
-                >
-                  <option value="">Tedarikçi Seçiniz</option>
-                  {mockBusinessParties.map((businessParty) => (
-                    <option key={businessParty.id} value={businessParty.id}>
-                      {businessParty.name} ({businessParty.code})
-                    </option>
-                  ))}
-                </select>
-                {errors.title && <p className="text-red-500 text-xs mt-1">{errors.title}</p>}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Hesap Türü</label>
-                <select
-                  name="type"
-                  value={formData.type}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {Object.values(AccountTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getAccountTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Yetkili Kişi</label>
-                <input
-                  type="text"
-                  name="contactPerson"
-                  value={formData.contactPerson || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="Yetkili kişi adı"
-                />
-              </div>
-            </div>
-
-            {/* İletişim Bilgileri */}
-            <div className="space-y-3">
-              <h3 className="text-base font-medium text-gray-900 flex items-center gap-2">
-                <FaPhoneAlt className="w-4 h-4 text-green-600" />
-                İletişim Bilgileri
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Telefon</label>
-                <input
-                  type="text"
-                  name="phoneNumber"
-                  value={formData.phoneNumber || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="+90 212 555 1234"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">E-posta</label>
-                <input
-                  type="email"
-                  name="email"
-                  value={formData.email || ''}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.email ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="info@company.com"
-                />
-                {errors.email && <p className="text-red-500 text-xs mt-1">{errors.email}</p>}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Adres</label>
-                <textarea
-                  name="address"
-                  value={formData.address || ''}
-                  onChange={handleInputChange}
-                  rows={3}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="Tam adres"
-                />
-              </div>
-
-              <div className="grid grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Vergi Numarası
-                  </label>
-                  <input
-                    type="text"
-                    name="taxNumber"
-                    value={formData.taxNumber || ''}
-                    onChange={handleInputChange}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    placeholder="1234567890"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Vergi Dairesi
-                  </label>
-                  <input
-                    type="text"
-                    name="taxOffice"
-                    value={formData.taxOffice || ''}
-                    onChange={handleInputChange}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    placeholder="Beylikdüzü V.D."
-                  />
-                </div>
-              </div>
-            </div>
-
-            {/* Mali Bilgiler */}
-            <div className="space-y-3">
-              <h3 className="text-base font-medium text-gray-900 flex items-center gap-2">
-                <FaCreditCard className="w-4 h-4 text-purple-600" />
-                Mali Bilgiler
-              </h3>
-
-              <div className="grid grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Kredi Limiti
-                  </label>
-                  <input
-                    type="number"
-                    name="creditLimit"
-                    value={formData.creditLimit || 0}
-                    onChange={handleInputChange}
-                    min="0"
-                    step="0.01"
-                    className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                      errors.creditLimit ? 'border-red-500' : 'border-gray-300'
-                    }`}
-                    placeholder="0.00"
-                  />
-                  {errors.creditLimit && (
-                    <p className="text-red-500 text-xs mt-1">{errors.creditLimit}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Para Birimi
-                  </label>
-                  <select
-                    name="currency"
-                    value={formData.currency}
-                    onChange={handleInputChange}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    {mockCurrencies.map((currency) => (
-                      <option key={currency.value} value={currency.value}>
-                        {currency.value} - {currency.label}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              <div className="grid grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Risk Grubu</label>
-                  <select
-                    name="riskGroup"
-                    value={formData.riskGroup}
-                    onChange={handleInputChange}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    {Object.values(RiskGroupEnum).map((risk) => (
-                      <option key={risk} value={risk}>
-                        {getRiskGroupText(risk)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Ödeme Vadesi (Gün)
-                  </label>
-                  <input
-                    type="number"
-                    name="paymentTerm"
-                    value={formData.paymentTerm || 30}
-                    onChange={handleInputChange}
-                    min="0"
-                    className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                      errors.paymentTerm ? 'border-red-500' : 'border-gray-300'
-                    }`}
-                    placeholder="30"
-                  />
-                  {errors.paymentTerm && (
-                    <p className="text-red-500 text-xs mt-1">{errors.paymentTerm}</p>
-                  )}
-                </div>
-              </div>
-            </div>
-
-            {/* Durum */}
-            <div className="space-y-3">
-              <h3 className="text-base font-medium text-gray-900 flex items-center gap-2">
-                <FaBuilding className="w-4 h-4 text-orange-600" />
-                Durum
-              </h3>
-
-              <div className="flex items-center">
-                <input
-                  type="checkbox"
-                  name="isActive"
-                  checked={formData.isActive || false}
-                  onChange={handleInputChange}
-                  className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                />
-                <label className="ml-2 block text-sm text-gray-700">Aktif hesap</label>
-              </div>
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end gap-3 mt-6 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-4 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              {account ? 'Güncelle' : 'Ekle'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default CurrentAccountForm
diff --git a/ui/src/views/accounting/components/CurrentAccountManagement.tsx b/ui/src/views/accounting/components/CurrentAccountManagement.tsx
deleted file mode 100644
index 4474440a..00000000
--- a/ui/src/views/accounting/components/CurrentAccountManagement.tsx
+++ /dev/null
@@ -1,753 +0,0 @@
-import React, { useState } from 'react'
-import { FaUsers, FaPlus, FaSearch, FaEdit, FaEye, FaReceipt } from 'react-icons/fa'
-import {
-  FiCurrentAccount,
-  AccountTypeEnum,
-  RiskGroupEnum,
-  FiCurrentAccountMovement,
-  FiDocumentTypeEnum,
-} from '../../../types/fi'
-import DataTable, { Column } from '../../../components/common/DataTable'
-import CurrentAccountForm from './CurrentAccountForm'
-import CurrentAccountDetails from './CurrentAccountDetails'
-import CurrentAccountMovementForm from './CurrentAccountMovementForm'
-import Widget from '../../../components/common/Widget'
-import {
-  getAccountTypeColor,
-  getAccountTypeText,
-  getFiDocumentTypeColor,
-  getFiDocumentTypeText,
-  getRiskGroupColor,
-  getRiskGroupText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-interface CurrentAccountManagementProps {
-  accounts: FiCurrentAccount[]
-  accountMovements: FiCurrentAccountMovement[]
-}
-
-const CurrentAccountManagement: React.FC<CurrentAccountManagementProps> = ({
-  accounts,
-  accountMovements,
-}) => {
-  const [activeTab, setActiveTab] = useState<'accounts' | 'movements'>('accounts')
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedType, setSelectedType] = useState<AccountTypeEnum | 'all'>('all')
-  const [selectedRiskGroup, setSelectedRiskGroup] = useState<RiskGroupEnum | 'all'>('all')
-  const [sortBy, setSortBy] = useState<'title' | 'balance' | 'lastTransaction'>('title')
-  const [selectedAccount, setSelectedAccount] = useState<FiCurrentAccount | null>(null)
-  const [showForm, setShowForm] = useState(false)
-  const [showDetails, setShowDetails] = useState(false)
-  const [editingAccount, setEditingAccount] = useState<FiCurrentAccount | null>(null)
-
-  // Movement form states
-  const [showMovementForm, setShowMovementForm] = useState(false)
-  const [editingMovement, setEditingMovement] = useState<FiCurrentAccountMovement | null>(null)
-
-  // Movement filters
-  const [movementSearchTerm, setMovementSearchTerm] = useState('')
-  const [selectedDocumentType, setSelectedDocumentType] = useState<FiDocumentTypeEnum | 'all'>(
-    'all',
-  )
-  const [movementSortBy, setMovementSortBy] = useState<'date' | 'amount'>('date')
-
-  // Handler functions
-  const handleAdd = () => {
-    setEditingAccount(null)
-    setShowForm(true)
-  }
-
-  const handleEdit = (account: FiCurrentAccount) => {
-    setEditingAccount(account)
-    setShowForm(true)
-  }
-
-  const handleViewDetails = (account: FiCurrentAccount) => {
-    setSelectedAccount(account)
-    setShowDetails(true)
-  }
-
-  const handleViewMovements = (account: FiCurrentAccount) => {
-    setSelectedAccount(account)
-    setActiveTab('movements')
-  }
-
-  const handleSaveAccount = (accountData: Partial<FiCurrentAccount>) => {
-    // This would normally call the parent's save function
-    console.log('Saving account:', accountData)
-    setShowForm(false)
-    setEditingAccount(null)
-  }
-
-  const handleCloseForm = () => {
-    setShowForm(false)
-    setEditingAccount(null)
-  }
-
-  const handleCloseDetails = () => {
-    setShowDetails(false)
-    setSelectedAccount(null)
-  }
-
-  const handleEditFromDetails = () => {
-    if (selectedAccount) {
-      setShowDetails(false)
-      setEditingAccount(selectedAccount)
-      setShowForm(true)
-    }
-  }
-
-  const handleEditMovement = (movement: FiCurrentAccountMovement) => {
-    setEditingMovement(movement)
-    setShowMovementForm(true)
-  }
-
-  const handleSaveMovement = (movementData: Partial<FiCurrentAccountMovement>) => {
-    // This would normally call the parent's save function
-    console.log('Saving movement:', movementData)
-    setShowMovementForm(false)
-    setEditingMovement(null)
-  }
-
-  const handleCloseMovementForm = () => {
-    setShowMovementForm(false)
-    setEditingMovement(null)
-  }
-
-  const handleAddMovement = () => {
-    setEditingMovement(null)
-    setShowMovementForm(true)
-  }
-
-  // Filter movements
-  const filteredMovements = accountMovements
-    .filter((movement) => {
-      if (selectedAccount && movement.accountId !== selectedAccount.id) {
-        return false
-      }
-      if (
-        movementSearchTerm &&
-        !movement.description.toLowerCase().includes(movementSearchTerm.toLowerCase()) &&
-        !movement.referenceNumber?.toLowerCase().includes(movementSearchTerm.toLowerCase())
-      ) {
-        return false
-      }
-      if (selectedDocumentType !== 'all' && movement.documentType !== selectedDocumentType) {
-        return false
-      }
-      return true
-    })
-    .sort((a, b) => {
-      switch (movementSortBy) {
-        case 'date':
-          return new Date(b.transactionDate).getTime() - new Date(a.transactionDate).getTime()
-        case 'amount':
-          return (
-            Math.abs(b.debitAmount || b.creditAmount) - Math.abs(a.debitAmount || a.creditAmount)
-          )
-        default:
-          return 0
-      }
-    })
-
-  // Movement columns
-  const movementColumns: Column<FiCurrentAccountMovement>[] = [
-    {
-      key: 'transactionDate',
-      header: 'Tarih',
-      sortable: true,
-      render: (movement: FiCurrentAccountMovement) => (
-        <span className="text-sm">{movement.transactionDate.toLocaleDateString('tr-TR')}</span>
-      ),
-    },
-    {
-      key: 'documentType',
-      header: 'Belge Türü',
-      render: (movement: FiCurrentAccountMovement) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getFiDocumentTypeColor(
-            movement.documentType,
-          )}`}
-        >
-          {getFiDocumentTypeText(movement.documentType)}
-        </span>
-      ),
-    },
-    {
-      key: 'referenceNumber',
-      header: 'Belge No',
-      render: (movement: FiCurrentAccountMovement) => (
-        <span className="font-mono text-sm">
-          {movement.referenceNumber || movement.documentNumber || '-'}
-        </span>
-      ),
-    },
-    {
-      key: 'description',
-      header: 'Açıklama',
-      render: (movement: FiCurrentAccountMovement) => (
-        <div className="max-w-xs">
-          <div className="font-medium text-gray-900 truncate">{movement.description}</div>
-        </div>
-      ),
-    },
-    {
-      key: 'debitAmount',
-      header: 'Borç',
-      render: (movement: FiCurrentAccountMovement) => (
-        <div className="text-right">
-          {movement.debitAmount > 0 ? (
-            <span className="text-red-600 font-medium">
-              {movement.debitAmount.toLocaleString('tr-TR', {
-                style: 'currency',
-                currency: movement.currency,
-                minimumFractionDigits: 2,
-              })}
-            </span>
-          ) : (
-            <span className="text-gray-400">-</span>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'creditAmount',
-      header: 'Alacak',
-      render: (movement: FiCurrentAccountMovement) => (
-        <div className="text-right">
-          {movement.creditAmount > 0 ? (
-            <span className="text-green-600 font-medium">
-              {movement.creditAmount.toLocaleString('tr-TR', {
-                style: 'currency',
-                currency: movement.currency,
-                minimumFractionDigits: 2,
-              })}
-            </span>
-          ) : (
-            <span className="text-gray-400">-</span>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'balance',
-      header: 'Bakiye',
-      render: (movement: FiCurrentAccountMovement) => {
-        const isDebit = movement.balance > 0
-        return (
-          <div className="text-right">
-            <span className={`font-medium ${isDebit ? 'text-red-600' : 'text-green-600'}`}>
-              {Math.abs(movement.balance).toLocaleString('tr-TR', {
-                style: 'currency',
-                currency: movement.currency,
-                minimumFractionDigits: 2,
-              })}
-            </span>
-            <div className="text-xs text-gray-500">{isDebit ? 'Borçlu' : 'Alacaklı'}</div>
-          </div>
-        )
-      },
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (movement: FiCurrentAccountMovement) => (
-        <div className="flex gap-1">
-          <button
-            onClick={() => handleEditMovement(movement)}
-            className="p-1 text-orange-600 hover:bg-orange-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  const filteredAccounts = accounts
-    .filter((account) => {
-      if (
-        searchTerm &&
-        !account.businessParty?.name.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !account.accountCode.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !account.taxNumber?.toLowerCase().includes(searchTerm.toLowerCase())
-      ) {
-        return false
-      }
-      if (selectedType !== 'all' && account.type !== selectedType) {
-        return false
-      }
-      if (selectedRiskGroup !== 'all' && account.riskGroup !== selectedRiskGroup) {
-        return false
-      }
-      return true
-    })
-    .sort((a, b) => {
-      switch (sortBy) {
-        case 'title':
-          return a.businessParty?.name?.localeCompare(b.businessParty?.name || '') || 0
-        case 'balance':
-          return Math.abs(b.balance) - Math.abs(a.balance)
-        case 'lastTransaction': {
-          const aDate = a.lastTransactionDate ? new Date(a.lastTransactionDate).getTime() : 0
-          const bDate = b.lastTransactionDate ? new Date(b.lastTransactionDate).getTime() : 0
-          return bDate - aDate
-        }
-        default:
-          return 0
-      }
-    })
-
-  const formatBalance = (balance: number) => {
-    const isDebit = balance > 0
-    const absBalance = Math.abs(balance)
-    return {
-      amount: absBalance.toLocaleString('tr-TR', {
-        style: 'currency',
-        currency: 'TRY',
-        minimumFractionDigits: 2,
-      }),
-      type: isDebit ? 'Borçlu' : 'Alacaklı',
-      isDebit,
-    }
-  }
-
-  const columns: Column<FiCurrentAccount>[] = [
-    {
-      key: 'accountCode',
-      header: 'Hesap Kodu',
-      sortable: true,
-      render: (account: FiCurrentAccount) => (
-        <span className="font-mono text-sm">{account.accountCode}</span>
-      ),
-    },
-    {
-      key: 'title',
-      header: 'Ünvan',
-      sortable: true,
-      render: (account: FiCurrentAccount) => (
-        <div>
-          <div className="font-medium text-gray-900">{account.businessParty?.name}</div>
-          {account.contactPerson && (
-            <div className="text-sm text-gray-500">{account.contactPerson}</div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'type',
-      header: 'Tür',
-      render: (account: FiCurrentAccount) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getAccountTypeColor(
-            account.type,
-          )}`}
-        >
-          {getAccountTypeText(account.type)}
-        </span>
-      ),
-    },
-    {
-      key: 'balance',
-      header: 'Bakiye',
-      sortable: true,
-      render: (account: FiCurrentAccount) => {
-        const balanceInfo = formatBalance(account.balance)
-        return (
-          <div className="text-right">
-            <div
-              className={`font-medium ${balanceInfo.isDebit ? 'text-red-600' : 'text-green-600'}`}
-            >
-              {balanceInfo.amount}
-            </div>
-            <div className="text-xs text-gray-500">{balanceInfo.type}</div>
-          </div>
-        )
-      },
-    },
-    {
-      key: 'creditLimit',
-      header: 'Kredi Limiti',
-      render: (account: FiCurrentAccount) => (
-        <div className="text-right">
-          <span className="text-sm text-gray-900">
-            {account.creditLimit.toLocaleString('tr-TR', {
-              style: 'currency',
-              currency: 'TRY',
-              minimumFractionDigits: 0,
-            })}
-          </span>
-        </div>
-      ),
-    },
-    {
-      key: 'riskGroup',
-      header: 'Risk Grubu',
-      render: (account: FiCurrentAccount) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getRiskGroupColor(
-            account.riskGroup,
-          )}`}
-        >
-          {getRiskGroupText(account.riskGroup)}
-        </span>
-      ),
-    },
-    {
-      key: 'contact',
-      header: 'İletişim',
-      render: (account: FiCurrentAccount) => (
-        <div className="text-sm">
-          {account.phoneNumber && <div className="text-gray-900">{account.phoneNumber}</div>}
-          {account.email && <div className="text-gray-500">{account.email}</div>}
-        </div>
-      ),
-    },
-    {
-      key: 'lastTransaction',
-      header: 'Son Hareket',
-      render: (account: FiCurrentAccount) => (
-        <div className="text-sm text-gray-500">
-          {account.lastTransactionDate
-            ? new Date(account.lastTransactionDate).toLocaleDateString('tr-TR')
-            : 'Hareket yok'}
-        </div>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (account: FiCurrentAccount) => (
-        <div className="flex gap-1">
-          <button
-            onClick={() => handleViewMovements(account)}
-            className="px-2 py-1 text-xs bg-blue-50 text-blue-600 rounded hover:bg-blue-100 transition-colors"
-            title="Hareketleri Görüntüle"
-          >
-            <FaReceipt className="w-4 h-4" />
-          </button>
-
-          <button
-            onClick={() => handleViewDetails(account)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaEye className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleEdit(account)}
-            className="p-1 text-orange-600 hover:bg-orange-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  // Calculate statistics
-  const totalAccounts = accounts.length
-  const activeAccounts = accounts.filter((a) => a.isActive).length
-  const totalDebitBalance = accounts
-    .filter((a) => a.balance > 0)
-    .reduce((sum, a) => sum + a.balance, 0)
-  const totalCreditBalance = accounts
-    .filter((a) => a.balance < 0)
-    .reduce((sum, a) => sum + Math.abs(a.balance), 0)
-
-  // High risk accounts
-  const highRiskAccounts = accounts.filter(
-    (a) =>
-      a.riskGroup === RiskGroupEnum.High ||
-      a.riskGroup === RiskGroupEnum.Blocked ||
-      Math.abs(a.balance) > a.creditLimit,
-  )
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Cari Hesap Yönetimi</h2>
-            <p className="text-gray-600">Müşteri ve tedarikçi cari hesaplarının yönetimi</p>
-          </div>
-          <button
-            onClick={handleAdd}
-            className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni Cari Hesap
-          </button>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <Widget
-            title="Toplam Hesap"
-            value={totalAccounts}
-            color="blue"
-            icon="FaUsers"
-            subTitle={`${activeAccounts} aktif`}
-          />
-          <Widget
-            title="Toplam Borç"
-            value={totalDebitBalance.toLocaleString('tr-TR', {
-              style: 'currency',
-              currency: 'TRY',
-              minimumFractionDigits: 0,
-            })}
-            color="red"
-            icon="FaArrowUp"
-          />
-          <Widget
-            title="Toplam Alacak"
-            value={totalCreditBalance.toLocaleString('tr-TR', {
-              style: 'currency',
-              currency: 'TRY',
-              minimumFractionDigits: 0,
-            })}
-            color="green"
-            icon="FaArrowDown"
-          />
-          <Widget
-            title="Riskli Hesap"
-            value={highRiskAccounts.length}
-            color="orange"
-            icon="FaExclamationCircle"
-          />
-        </div>
-
-        {/* Tabs */}
-        <div className="bg-white rounded-lg shadow-sm border">
-          <div className="border-b border-gray-200">
-            <nav className="-mb-px flex space-x-6 px-4">
-              <button
-                onClick={() => setActiveTab('accounts')}
-                className={`py-3 px-1 border-b-2 font-medium text-sm ${
-                  activeTab === 'accounts'
-                    ? 'border-blue-500 text-blue-600'
-                    : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-                }`}
-              >
-                <div className="flex items-center gap-2">
-                  <FaUsers className="w-4 h-4" />
-                  Cari Hesaplar ({accounts.length})
-                </div>
-              </button>
-              <button
-                onClick={() => setActiveTab('movements')}
-                className={`py-3 px-1 border-b-2 font-medium text-sm ${
-                  activeTab === 'movements'
-                    ? 'border-blue-500 text-blue-600'
-                    : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-                }`}
-              >
-                <div className="flex items-center gap-2">
-                  <FaReceipt className="w-4 h-4" />
-                  Cari Hesap Hareketleri ({accountMovements.length})
-                </div>
-              </button>
-            </nav>
-          </div>
-
-          <div className="p-4">
-            {activeTab === 'accounts' && (
-              <div className="space-y-4">
-                {/* Filters */}
-                <div className="flex gap-3 items-center">
-                  <div className="flex-1 relative">
-                    <FaSearch className="w-4 h-4 absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" />
-                    <input
-                      type="text"
-                      placeholder="Ünvan, hesap kodu veya vergi numarası ara..."
-                      value={searchTerm}
-                      onChange={(e) => setSearchTerm(e.target.value)}
-                      className="w-full pl-10 pr-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <select
-                    value={selectedType}
-                    onChange={(e) => setSelectedType(e.target.value as AccountTypeEnum | 'all')}
-                    className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    <option value="all">Tüm Türler</option>
-                    {Object.values(AccountTypeEnum).map((type) => (
-                      <option key={type} value={type}>
-                        {getAccountTypeText(type)}
-                      </option>
-                    ))}
-                  </select>
-
-                  <select
-                    value={selectedRiskGroup}
-                    onChange={(e) => setSelectedRiskGroup(e.target.value as RiskGroupEnum | 'all')}
-                    className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    <option value="all">Tüm Risk Grupları</option>
-                    {Object.values(RiskGroupEnum).map((risk) => (
-                      <option key={risk} value={risk}>
-                        {getRiskGroupText(risk)}
-                      </option>
-                    ))}
-                  </select>
-
-                  <select
-                    value={sortBy}
-                    onChange={(e) =>
-                      setSortBy(e.target.value as 'title' | 'balance' | 'lastTransaction')
-                    }
-                    className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    <option value="title">Ünvana Göre</option>
-                    <option value="balance">Bakiyeye Göre</option>
-                    <option value="lastTransaction">Son Harekete Göre</option>
-                  </select>
-                </div>
-
-                {/* Data Table */}
-                <div className="bg-white rounded-lg shadow-sm border overflow-x-auto">
-                  <DataTable data={filteredAccounts} columns={columns} />
-                </div>
-
-                {filteredAccounts.length === 0 && (
-                  <div className="text-center py-10">
-                    <FaUsers className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-                    <h3 className="text-base font-medium text-gray-900 mb-2">
-                      Cari hesap bulunamadı
-                    </h3>
-                    <p className="text-sm text-gray-500">
-                      Yeni bir cari hesap ekleyin veya arama kriterlerinizi değiştirin.
-                    </p>
-                  </div>
-                )}
-              </div>
-            )}
-
-            {activeTab === 'movements' && (
-              <div className="space-y-4">
-                {/* Movement Header */}
-                <div className="flex items-center justify-between">
-                  <div>
-                    <h3 className="text-base font-semibold text-gray-900">
-                      Cari Hesap Hareketleri
-                    </h3>
-                    <p className="text-gray-600 text-sm">
-                      {selectedAccount
-                        ? `${selectedAccount.businessParty?.name} (${selectedAccount.accountCode}) hesabının hareketleri`
-                        : 'Tüm cari hesap hareketleri'}
-                    </p>
-                  </div>
-                  <button
-                    onClick={handleAddMovement}
-                    className="flex items-center gap-2 px-3 py-1.5 text-sm bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
-                  >
-                    <FaPlus className="w-4 h-4" />
-                    Yeni Hareket
-                  </button>
-                </div>
-
-                {/* Movement Filters */}
-                <div className="flex gap-3 items-center">
-                  {selectedAccount && (
-                    <button
-                      onClick={() => setSelectedAccount(null)}
-                      className="px-3 py-1.5 bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200 transition-colors text-sm"
-                    >
-                      Tüm Hareketleri Göster
-                    </button>
-                  )}
-
-                  <div className="flex-1 relative">
-                    <FaSearch className="w-4 h-4 absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" />
-                    <input
-                      type="text"
-                      placeholder="Açıklama veya belge numarası ara..."
-                      value={movementSearchTerm}
-                      onChange={(e) => setMovementSearchTerm(e.target.value)}
-                      className="w-full pl-10 pr-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <select
-                    value={selectedDocumentType}
-                    onChange={(e) =>
-                      setSelectedDocumentType(e.target.value as FiDocumentTypeEnum | 'all')
-                    }
-                    className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    <option value="all">Tüm Belge Türleri</option>
-                    {Object.values(FiDocumentTypeEnum).map((type) => (
-                      <option key={type} value={type}>
-                        {getFiDocumentTypeText(type)}
-                      </option>
-                    ))}
-                  </select>
-
-                  <select
-                    value={movementSortBy}
-                    onChange={(e) => setMovementSortBy(e.target.value as 'date' | 'amount')}
-                    className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    <option value="date">Tarihe Göre</option>
-                    <option value="amount">Tutara Göre</option>
-                  </select>
-                </div>
-
-                {/* Movement Data Table */}
-                <div className="bg-white rounded-lg shadow-sm border overflow-x-auto">
-                  <DataTable data={filteredMovements} columns={movementColumns} />
-                </div>
-
-                {filteredMovements.length === 0 && (
-                  <div className="text-center py-10">
-                    <FaReceipt className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-                    <h3 className="text-base font-medium text-gray-900 mb-2">Hareket bulunamadı</h3>
-                    <p className="text-sm text-gray-500">
-                      Seçili kriterlere uygun hareket bulunmamaktadır.
-                    </p>
-                  </div>
-                )}
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-
-      {/* Forms and Modals */}
-      {showForm && (
-        <CurrentAccountForm
-          account={editingAccount || undefined}
-          isOpen={showForm}
-          onClose={handleCloseForm}
-          onSave={handleSaveAccount}
-        />
-      )}
-
-      {showDetails && selectedAccount && (
-        <CurrentAccountDetails
-          account={selectedAccount}
-          isOpen={showDetails}
-          onClose={handleCloseDetails}
-          onEdit={handleEditFromDetails}
-        />
-      )}
-
-      {showMovementForm && (
-        <CurrentAccountMovementForm
-          movement={editingMovement || undefined}
-          accounts={accounts}
-          isOpen={showMovementForm}
-          onClose={handleCloseMovementForm}
-          onSave={handleSaveMovement}
-        />
-      )}
-    </Container>
-  )
-}
-
-export default CurrentAccountManagement
diff --git a/ui/src/views/accounting/components/CurrentAccountMovementForm.tsx b/ui/src/views/accounting/components/CurrentAccountMovementForm.tsx
deleted file mode 100644
index c7c901ed..00000000
--- a/ui/src/views/accounting/components/CurrentAccountMovementForm.tsx
+++ /dev/null
@@ -1,359 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaFileInvoice, FaMoneyBill } from 'react-icons/fa'
-import { FiCurrentAccountMovement, FiDocumentTypeEnum, FiCurrentAccount } from '../../../types/fi'
-import { getFiDocumentTypeText } from '../../../utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-interface CurrentAccountMovementFormProps {
-  movement?: FiCurrentAccountMovement
-  accounts: FiCurrentAccount[]
-  isOpen: boolean
-  onClose: () => void
-  onSave: (movement: Partial<FiCurrentAccountMovement>) => void
-}
-
-const CurrentAccountMovementForm: React.FC<CurrentAccountMovementFormProps> = ({
-  movement,
-  accounts,
-  isOpen,
-  onClose,
-  onSave,
-}) => {
-  const [formData, setFormData] = useState<
-    Partial<FiCurrentAccountMovement> & {
-      id?: string
-    }
-  >({
-    accountId: '',
-    transactionDate: new Date(),
-    description: '',
-    referenceNumber: '',
-    documentType: FiDocumentTypeEnum.Invoice,
-    documentNumber: '',
-    debitAmount: 0,
-    creditAmount: 0,
-    balance: 0,
-    currency: 'TRY',
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  useEffect(() => {
-    if (movement) {
-      setFormData({
-        ...movement,
-        debitAmount: movement.debitAmount || 0,
-        creditAmount: movement.creditAmount || 0,
-        balance: movement.balance || 0,
-      })
-    } else {
-      setFormData({
-        accountId: '',
-        transactionDate: new Date(),
-        description: '',
-        referenceNumber: '',
-        documentType: FiDocumentTypeEnum.Invoice,
-        documentNumber: '',
-        debitAmount: 0,
-        creditAmount: 0,
-        balance: 0,
-        currency: 'TRY',
-      })
-    }
-    setErrors({})
-  }, [movement, isOpen])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    let parsedValue: string | number | Date = value
-
-    if (type === 'number') {
-      parsedValue = value === '' ? 0 : parseFloat(value)
-    } else if (type === 'date') {
-      parsedValue = new Date(value)
-    }
-
-    setFormData((prev) => ({
-      ...prev,
-      [name]: parsedValue,
-    }))
-
-    // Clear error when user starts typing
-    if (errors[name]) {
-      setErrors((prev) => ({
-        ...prev,
-        [name]: '',
-      }))
-    }
-  }
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.accountId) {
-      newErrors.accountId = 'Cari hesap seçimi zorunludur'
-    }
-    if (!formData.description?.trim()) {
-      newErrors.description = 'Açıklama zorunludur'
-    }
-    if (!formData.transactionDate) {
-      newErrors.transactionDate = 'İşlem tarihi zorunludur'
-    }
-    if ((formData.debitAmount || 0) === 0 && (formData.creditAmount || 0) === 0) {
-      newErrors.amount = 'Borç veya alacak tutarından biri girilmelidir'
-    }
-    if ((formData.debitAmount || 0) > 0 && (formData.creditAmount || 0) > 0) {
-      newErrors.amount = 'Borç ve alacak tutarı aynı anda girilemez'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (validateForm()) {
-      // Calculate balance based on debit/credit amounts
-      const balance = (formData.debitAmount || 0) - (formData.creditAmount || 0)
-
-      const movementData = {
-        ...formData,
-        balance,
-        creationTime: movement?.creationTime || new Date(),
-      }
-
-      onSave(movementData)
-      onClose()
-    }
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-2xl max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b">
-          <h2 className="text-lg font-semibold text-gray-900">
-            {movement ? 'Cari Hesap Hareketi Düzenle' : 'Yeni Cari Hesap Hareketi'}
-          </h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Temel Bilgiler */}
-            <div className="space-y-3">
-              <h3 className="text-base font-medium text-gray-900 flex items-center gap-2">
-                <FaFileInvoice className="w-4 h-4 text-blue-600" />
-                Hareket Bilgileri
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Cari Hesap *</label>
-                <select
-                  name="accountId"
-                  value={formData.accountId || ''}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.accountId ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                >
-                  <option value="">Cari hesap seçiniz</option>
-                  {accounts.map((account) => (
-                    <option key={account.id} value={account.id}>
-                      {account.accountCode} - {account.businessParty?.name}
-                    </option>
-                  ))}
-                </select>
-                {errors.accountId && (
-                  <p className="text-red-500 text-xs mt-1">{errors.accountId}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  İşlem Tarihi *
-                </label>
-                <input
-                  type="date"
-                  name="transactionDate"
-                  value={
-                    formData.transactionDate
-                      ? new Date(formData.transactionDate).toISOString().split('T')[0]
-                      : ''
-                  }
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.transactionDate ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                />
-                {errors.transactionDate && (
-                  <p className="text-red-500 text-xs mt-1">{errors.transactionDate}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Belge Türü</label>
-                <select
-                  name="documentType"
-                  value={formData.documentType}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {Object.values(FiDocumentTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getFiDocumentTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div className="grid grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Referans No
-                  </label>
-                  <input
-                    type="text"
-                    name="referenceNumber"
-                    value={formData.referenceNumber || ''}
-                    onChange={handleInputChange}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    placeholder="REF001"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Belge No</label>
-                  <input
-                    type="text"
-                    name="documentNumber"
-                    value={formData.documentNumber || ''}
-                    onChange={handleInputChange}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    placeholder="DOC001"
-                  />
-                </div>
-              </div>
-            </div>
-
-            {/* Tutar Bilgileri */}
-            <div className="space-y-3">
-              <h3 className="text-base font-medium text-gray-900 flex items-center gap-2">
-                <FaMoneyBill className="w-4 h-4 text-green-600" />
-                Tutar Bilgileri
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Borç Tutarı</label>
-                <input
-                  type="number"
-                  name="debitAmount"
-                  value={formData.debitAmount || 0}
-                  onChange={handleInputChange}
-                  min="0"
-                  step="0.01"
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="0.00"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Alacak Tutarı
-                </label>
-                <input
-                  type="number"
-                  name="creditAmount"
-                  value={formData.creditAmount || 0}
-                  onChange={handleInputChange}
-                  min="0"
-                  step="0.01"
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="0.00"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Para Birimi</label>
-                <select
-                  name="currency"
-                  value={formData.currency}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {mockCurrencies.map((currency) => (
-                    <option key={currency.value} value={currency.value}>
-                      {currency.value} - {currency.label}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              {errors.amount && (
-                <div className="p-2 bg-red-50 border border-red-200 rounded-md">
-                  <p className="text-red-600 text-xs">{errors.amount}</p>
-                </div>
-              )}
-
-              <div className="p-2 bg-blue-50 border border-blue-200 rounded-md">
-                <p className="text-blue-800 text-sm">
-                  <strong>Hesaplanan Bakiye:</strong>{' '}
-                  {((formData.debitAmount || 0) - (formData.creditAmount || 0)).toLocaleString(
-                    'tr-TR',
-                    {
-                      style: 'currency',
-                      currency: formData.currency || 'TRY',
-                      minimumFractionDigits: 2,
-                    },
-                  )}
-                </p>
-              </div>
-            </div>
-
-            {/* Açıklama */}
-            <div className="md:col-span-2">
-              <label className="block text-sm font-medium text-gray-700 mb-1">Açıklama *</label>
-              <textarea
-                name="description"
-                value={formData.description || ''}
-                onChange={handleInputChange}
-                rows={3}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.description ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Hareket açıklaması"
-              />
-              {errors.description && (
-                <p className="text-red-500 text-xs mt-1">{errors.description}</p>
-              )}
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end gap-3 mt-6 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-4 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              {movement ? 'Güncelle' : 'Ekle'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default CurrentAccountMovementForm
diff --git a/ui/src/views/accounting/components/EndorsementDialog.tsx b/ui/src/views/accounting/components/EndorsementDialog.tsx
deleted file mode 100644
index 06994483..00000000
--- a/ui/src/views/accounting/components/EndorsementDialog.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-import React, { useState } from "react";
-import { FaSignature, FaTimes, FaSave, FaUser } from "react-icons/fa";
-import { FiCheck, PromissoryNote } from "../../../types/fi";
-
-interface EndorsementDialogProps {
-  item: FiCheck | PromissoryNote;
-  onConfirm: (endorsedTo: string) => void;
-  onCancel: () => void;
-  isOpen: boolean;
-}
-
-const EndorsementDialog: React.FC<EndorsementDialogProps> = ({
-  item,
-  onConfirm,
-  onCancel,
-  isOpen,
-}) => {
-  const [endorsedTo, setEndorsedTo] = useState("");
-  const [error, setError] = useState("");
-
-  const isCheck = "checkNumber" in item;
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString("tr-TR", {
-      style: "currency",
-      currency: "TRY",
-      minimumFractionDigits: 2,
-    });
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    
-    if (!endorsedTo.trim()) {
-      setError("Ciro edilecek kişi/kuruluş adı gereklidir");
-      return;
-    }
-
-    if (endorsedTo.trim().length < 2) {
-      setError("Kişi/kuruluş adı en az 2 karakter olmalıdır");
-      return;
-    }
-
-    setError("");
-    onConfirm(endorsedTo.trim());
-  };
-
-  const handleNameChange = (value: string) => {
-    setEndorsedTo(value);
-    setError("");
-  };
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl w-full max-w-sm">
-        <div className="flex items-center justify-between p-4 border-b">
-          <div className="flex items-center gap-2.5">
-            <FaSignature className="w-5 h-5 text-purple-600" />
-            <h2 className="text-lg font-semibold text-gray-900">
-              {isCheck ? "Çek Ciro Et" : "Senet Ciro Et"}
-            </h2>
-          </div>
-          <button
-            onClick={onCancel}
-            className="p-2 hover:bg-gray-100 rounded-md"
-          >
-            <FaTimes className="w-5 h-5 text-gray-500" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4 space-y-4">
-          {/* Özet Bilgiler */}
-          <div className="bg-gray-50 p-3 rounded-lg">
-            <h3 className="text-base font-medium text-gray-900 mb-2">
-              {isCheck ? "Çek Bilgileri" : "Senet Bilgileri"}
-            </h3>
-            <div className="space-y-2">
-              <div className="flex justify-between">
-                <span className="text-gray-600">
-                  {isCheck ? "Çek No:" : "Senet No:"}
-                </span>
-                <span className="font-medium">
-                  {isCheck ? (item as FiCheck).checkNumber : (item as PromissoryNote).noteNumber}
-                </span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">Tutar:</span>
-                <span className="font-bold text-green-600">
-                  {formatCurrency(item.amount)}
-                </span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">Vade Tarihi:</span>
-                <span className="font-medium">
-                  {new Date(item.dueDate).toLocaleDateString("tr-TR")}
-                </span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">Keşideci:</span>
-                <span className="font-medium">{item.drawerName}</span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">Mevcut Lehtar:</span>
-                <span className="font-medium">{item.payeeName}</span>
-              </div>
-            </div>
-          </div>
-
-          {/* Ciro Edilecek Kişi/Kuruluş */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              <FaUser className="w-4 h-4 inline mr-2" />
-              Ciro Edilecek Kişi/Kuruluş *
-            </label>
-            <input
-              type="text"
-              value={endorsedTo}
-              onChange={(e) => handleNameChange(e.target.value)}
-              className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500 ${
-                error ? "border-red-500" : "border-gray-300"
-              }`}
-              placeholder="Kişi/kuruluş adını giriniz"
-              required
-            />
-            {error && (
-              <p className="text-red-500 text-xs mt-1">{error}</p>
-            )}
-          </div>
-
-          {/* Bilgilendirme */}
-          <div className="bg-blue-50 border border-blue-200 rounded-lg p-3">
-            <div className="flex items-start">
-              <div className="flex-shrink-0">
-                <FaSignature className="w-5 h-5 text-blue-600 mt-0.5" />
-              </div>
-              <div className="ml-3">
-                <h3 className="text-sm font-medium text-blue-800">
-                  Ciro İşlemi Hakkında
-                </h3>
-                <div className="mt-2 text-sm text-blue-700">
-                  <ul className="list-disc list-inside space-y-1">
-                    <li>
-                      Ciro işlemi ile {isCheck ? "çek" : "senet"} belirtilen kişi/kuruluşa devredilir.
-                    </li>
-                    <li>
-                      İşlem sonrası durum "Ciro Edildi" olarak değiştirilir.
-                    </li>
-                    <li>
-                      Ciro edilecek kişi/kuruluş adı doğru olarak girilmelidir.
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Butonlar */}
-          <div className="flex justify-end gap-3 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onCancel}
-              className="px-4 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-4 py-1.5 text-sm bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              Ciro Et
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
-
-export default EndorsementDialog;
diff --git a/ui/src/views/accounting/components/InvoiceDetails.tsx b/ui/src/views/accounting/components/InvoiceDetails.tsx
deleted file mode 100644
index a6f612e0..00000000
--- a/ui/src/views/accounting/components/InvoiceDetails.tsx
+++ /dev/null
@@ -1,394 +0,0 @@
-import React from "react";
-import {
-  FaTimes,
-  FaFileAlt,
-  FaCalendar,
-  FaPrint,
-  FaEnvelope,
-  FaDownload,
-} from "react-icons/fa";
-import { FiInvoice } from "../../../types/fi";
-import {
-  getInvoiceStatusColor,
-  getInvoiceStatusText,
-  getInvoiceTypeColor,
-  getInvoiceTypeText,
-  getPaymentStatusColor,
-  getPaymentStatusText,
-} from "../../../utils/erp";
-
-interface InvoiceDetailsProps {
-  invoice: FiInvoice;
-  onClose: () => void;
-  isVisible: boolean;
-}
-
-const InvoiceDetails: React.FC<InvoiceDetailsProps> = ({
-  invoice,
-  onClose,
-  isVisible,
-}) => {
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString("tr-TR", {
-      style: "currency",
-      currency: "TRY",
-      minimumFractionDigits: 2,
-    });
-  };
-
-  const formatDate = (date: Date) => {
-    return new Date(date).toLocaleDateString("tr-TR");
-  };
-
-  const handlePrint = () => {
-    window.print();
-  };
-
-  const handleSendEmail = () => {
-    // Email gönderme işlemi
-    alert("E-posta gönderme özelliği yakında eklenecek");
-  };
-
-  const handleDownloadPDF = () => {
-    // PDF indirme işlemi
-    alert("PDF indirme özelliği yakında eklenecek");
-  };
-
-  if (!isVisible) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4">
-      <div className="bg-white rounded-lg shadow-xl max-w-4xl w-full max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="p-4 border-b border-gray-200">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-2.5">
-              <FaFileAlt className="w-5 h-5 text-blue-600" />
-              <div>
-                <h2 className="text-lg font-semibold text-gray-900">
-                  Fatura Detayları
-                </h2>
-                <p className="text-sm text-gray-600">{invoice.invoiceNumber}</p>
-              </div>
-            </div>
-            <div className="flex items-center gap-1">
-              <button
-                onClick={handlePrint}
-                className="p-2 text-gray-600 hover:bg-gray-100 rounded-lg transition-colors"
-                title="Yazdır"
-              >
-                <FaPrint className="w-5 h-5" />
-              </button>
-              <button
-                onClick={handleSendEmail}
-                className="p-2 text-gray-600 hover:bg-gray-100 rounded-lg transition-colors"
-                title="E-posta Gönder"
-              >
-                <FaEnvelope className="w-5 h-5" />
-              </button>
-              <button
-                onClick={handleDownloadPDF}
-                className="p-2 text-gray-600 hover:bg-gray-100 rounded-lg transition-colors"
-                title="PDF İndir"
-              >
-                <FaDownload className="w-5 h-5" />
-              </button>
-              <button
-                onClick={onClose}
-                className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
-              >
-                <FaTimes className="w-5 h-5 text-gray-500" />
-              </button>
-            </div>
-          </div>
-        </div>
-
-        {/* Content */}
-        <div className="p-4">
-          {/* Invoice Header Information */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
-            <div className="space-y-3">
-              <div>
-                <h3 className="text-base font-semibold text-gray-900 mb-2">
-                  Fatura Bilgileri
-                </h3>
-                <div className="space-y-1.5 text-sm">
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Fatura No:</span>
-                    <span className="font-medium">{invoice.invoiceNumber}</span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Fatura Türü:</span>
-                    <span
-                      className={`px-2 py-1 text-xs font-medium rounded-full ${getInvoiceTypeColor(
-                        invoice.invoiceType
-                      )}`}
-                    >
-                      {getInvoiceTypeText(invoice.invoiceType)}
-                    </span>
-                  </div>
-                  {invoice.waybillNumber && (
-                    <div className="flex justify-between">
-                      <span className="text-gray-600">İrsaliye No:</span>
-                      <span className="font-medium">
-                        {invoice.waybillNumber}
-                      </span>
-                    </div>
-                  )}
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Para Birimi:</span>
-                    <span className="font-medium">{invoice.currency}</span>
-                  </div>
-                </div>
-              </div>
-
-              <div>
-                <h3 className="text-base font-semibold text-gray-900 mb-2">
-                  Cari Hesap
-                </h3>
-                <div className="bg-gray-50 p-3 rounded-lg text-sm">
-                  <div className="font-medium text-gray-900">
-                    {invoice.currentAccount?.accountCode || "Bilinmeyen"}
-                  </div>
-                  {invoice.currentAccount?.contactPerson && (
-                    <div className="text-sm text-gray-600 mt-1">
-                      {invoice.currentAccount.contactPerson}
-                    </div>
-                  )}
-                  {invoice.currentAccount?.phoneNumber && (
-                    <div className="text-sm text-gray-600">
-                      Tel: {invoice.currentAccount.phoneNumber}
-                    </div>
-                  )}
-                  {invoice.currentAccount?.email && (
-                    <div className="text-sm text-gray-600">
-                      E-posta: {invoice.currentAccount.email}
-                    </div>
-                  )}
-                  {invoice.currentAccount?.address && (
-                    <div className="text-sm text-gray-600 mt-2">
-                      {invoice.currentAccount.address}
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-
-            <div className="space-y-3">
-              <div>
-                <h3 className="text-base font-semibold text-gray-900 mb-2">
-                  Tarihler
-                </h3>
-                <div className="space-y-1.5 text-sm">
-                  <div className="flex justify-between items-center">
-                    <span className="text-gray-600 flex items-center gap-2">
-                      <FaCalendar className="w-4 h-4" />
-                      Fatura Tarihi:
-                    </span>
-                    <span className="font-medium">
-                      {formatDate(invoice.invoiceDate)}
-                    </span>
-                  </div>
-                  <div className="flex justify-between items-center">
-                    <span className="text-gray-600 flex items-center gap-2">
-                      <FaCalendar className="w-4 h-4" />
-                      Vade Tarihi:
-                    </span>
-                    <span className="font-medium">
-                      {formatDate(invoice.dueDate)}
-                    </span>
-                  </div>
-                  {invoice.deliveryDate && (
-                    <div className="flex justify-between items-center">
-                      <span className="text-gray-600 flex items-center gap-2">
-                        <FaCalendar className="w-4 h-4" />
-                        Teslim Tarihi:
-                      </span>
-                      <span className="font-medium">
-                        {formatDate(invoice.deliveryDate)}
-                      </span>
-                    </div>
-                  )}
-                </div>
-              </div>
-
-              <div>
-                <h3 className="text-base font-semibold text-gray-900 mb-2">
-                  Durum
-                </h3>
-                <div className="space-y-1.5 text-sm">
-                  <div className="flex justify-between items-center">
-                    <span className="text-gray-600">Fatura Durumu:</span>
-                    <span
-                      className={`px-2 py-1 text-xs font-medium rounded-full ${getInvoiceStatusColor(
-                        invoice.status
-                      )}`}
-                    >
-                      {getInvoiceStatusText(invoice.status)}
-                    </span>
-                  </div>
-                  <div className="flex justify-between items-center">
-                    <span className="text-gray-600">Ödeme Durumu:</span>
-                    <span
-                      className={`px-2 py-1 text-xs font-medium rounded-full ${getPaymentStatusColor(
-                        invoice.paymentStatus
-                      )}`}
-                    >
-                      {getPaymentStatusText(invoice.paymentStatus)}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Invoice Items */}
-          <div className="mb-6">
-            <h3 className="text-base font-semibold text-gray-900 mb-3">
-              Fatura Kalemleri
-            </h3>
-            <div className="border border-gray-200 rounded-lg overflow-hidden">
-              <table className="w-full">
-                <thead className="bg-gray-50">
-                  <tr>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-700 uppercase">
-                      Açıklama
-                    </th>
-                    <th className="px-3 py-2 text-center text-xs font-medium text-gray-700 uppercase">
-                      Miktar
-                    </th>
-                    <th className="px-3 py-2 text-center text-xs font-medium text-gray-700 uppercase">
-                      Birim
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                      Birim Fiyat
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                      İndirim %
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                      KDV %
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                      Toplam
-                    </th>
-                  </tr>
-                </thead>
-                <tbody className="divide-y divide-gray-200">
-                  {invoice.items.map((item) => (
-                    <tr key={item.id} className="hover:bg-gray-50 text-sm">
-                      <td className="px-3 py-2 text-gray-900">
-                        {item.description}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-center">
-                        {item.quantity.toLocaleString("tr-TR")}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-center">
-                        {item.unit}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-right">
-                        {formatCurrency(item.unitPrice)}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-right">
-                        %{item.discountRate}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-right">
-                        %{item.taxRate}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-right font-medium">
-                        {formatCurrency(item.lineTotal)}
-                      </td>
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-          </div>
-
-          {/* Financial Summary */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-            <div>
-              {invoice.notes && (
-                <div>
-                  <h3 className="text-base font-semibold text-gray-900 mb-2">
-                    Notlar
-                  </h3>
-                  <div className="bg-gray-50 p-3 rounded-lg text-sm">
-                    <p className="text-gray-700 whitespace-pre-wrap">
-                      {invoice.notes}
-                    </p>
-                  </div>
-                </div>
-              )}
-            </div>
-            <div>
-              <h3 className="text-base font-semibold text-gray-900 mb-2">
-                Mali Özet
-              </h3>
-              <div className="bg-gray-50 p-3 rounded-lg space-y-2 text-sm">
-                <div className="flex justify-between items-center">
-                  <span className="text-gray-600">Ara Toplam:</span>
-                  <span className="font-medium">
-                    {formatCurrency(invoice.subtotal)}
-                  </span>
-                </div>
-                {invoice.discountAmount > 0 && (
-                  <div className="flex justify-between items-center">
-                    <span className="text-gray-600">İndirim:</span>
-                    <span className="font-medium text-red-600">
-                      -{formatCurrency(invoice.discountAmount)}
-                    </span>
-                  </div>
-                )}
-                <div className="flex justify-between items-center">
-                  <span className="text-gray-600">KDV:</span>
-                  <span className="font-medium">
-                    {formatCurrency(invoice.taxAmount)}
-                  </span>
-                </div>
-                <div className="border-t pt-3">
-                  <div className="flex justify-between items-center">
-                    <span className="text-base font-semibold text-gray-900">
-                      Genel Toplam:
-                    </span>
-                    <span className="text-base font-bold text-blue-600">
-                      {formatCurrency(invoice.totalAmount)}
-                    </span>
-                  </div>
-                </div>
-                {invoice.paidAmount > 0 && (
-                  <div className="border-t pt-3">
-                    <div className="flex justify-between items-center">
-                      <span className="text-gray-600">Ödenen:</span>
-                      <span className="font-medium text-green-600">
-                        {formatCurrency(invoice.paidAmount)}
-                      </span>
-                    </div>
-                    <div className="flex justify-between items-center mt-2">
-                      <span className="text-gray-600">Kalan:</span>
-                      <span className="font-medium text-orange-600">
-                        {formatCurrency(invoice.remainingAmount)}
-                      </span>
-                    </div>
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-
-          {/* Action Buttons */}
-          <div className="flex justify-end gap-3 pt-4 border-t border-gray-200">
-            <button
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              Kapat
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default InvoiceDetails;
diff --git a/ui/src/views/accounting/components/InvoiceForm.tsx b/ui/src/views/accounting/components/InvoiceForm.tsx
deleted file mode 100644
index 47afe9fe..00000000
--- a/ui/src/views/accounting/components/InvoiceForm.tsx
+++ /dev/null
@@ -1,508 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaSave, FaTimes, FaPlus, FaTrash, FaFileAlt } from 'react-icons/fa'
-import {
-  FiInvoice,
-  FiInvoiceItem,
-  InvoiceTypeEnum,
-  InvoiceStatusEnum,
-  PaymentStatusEnum,
-} from '../../../types/fi'
-import { mockCurrentAccounts } from '../../../mocks/mockCurrentAccounts'
-import { getInvoiceTypeText } from '@/utils/erp'
-
-interface InvoiceFormProps {
-  invoice?: FiInvoice
-  onSave: (invoice: Partial<FiInvoice>) => void
-  onCancel: () => void
-  isVisible: boolean
-}
-
-const InvoiceForm: React.FC<InvoiceFormProps> = ({ invoice, onSave, onCancel, isVisible }) => {
-  const [formData, setFormData] = useState<Partial<FiInvoice>>({
-    invoiceNumber: '',
-    invoiceType: InvoiceTypeEnum.Sales,
-    currentAccountId: '',
-    invoiceDate: new Date(),
-    dueDate: new Date(),
-    deliveryDate: new Date(),
-    subtotal: 0,
-    taxAmount: 0,
-    discountAmount: 0,
-    totalAmount: 0,
-    paidAmount: 0,
-    remainingAmount: 0,
-    currency: 'TRY',
-    status: InvoiceStatusEnum.Draft,
-    paymentStatus: PaymentStatusEnum.Unpaid,
-    items: [],
-    waybillNumber: '',
-    notes: '',
-  })
-
-  const [newItem, setNewItem] = useState<Partial<FiInvoiceItem>>({
-    description: '',
-    quantity: 1,
-    unitPrice: 0,
-    taxRate: 18,
-    discountRate: 0,
-    unit: 'Adet',
-  })
-
-  useEffect(() => {
-    if (invoice) {
-      setFormData({
-        ...invoice,
-        invoiceDate: new Date(invoice.invoiceDate),
-        dueDate: new Date(invoice.dueDate),
-        deliveryDate: invoice.deliveryDate ? new Date(invoice.deliveryDate) : new Date(),
-      })
-    } else {
-      // Generate new invoice number
-      const now = new Date()
-      const year = now.getFullYear()
-      const month = String(now.getMonth() + 1).padStart(2, '0')
-      const invoiceNumber = `FT${year}${month}${String(Math.floor(Math.random() * 10000)).padStart(
-        4,
-        '0',
-      )}`
-
-      setFormData((prev) => ({
-        ...prev,
-        invoiceNumber,
-        invoiceDate: now,
-        dueDate: new Date(now.getTime() + 30 * 24 * 60 * 60 * 1000), // 30 days
-        deliveryDate: now,
-      }))
-    }
-  }, [invoice])
-
-  const calculateItemTotal = (item: Partial<FiInvoiceItem>) => {
-    const subtotal = (item.quantity || 0) * (item.unitPrice || 0)
-    const discountAmount = subtotal * ((item.discountRate || 0) / 100)
-    const taxableAmount = subtotal - discountAmount
-    const taxAmount = taxableAmount * ((item.taxRate || 0) / 100)
-    return taxableAmount + taxAmount
-  }
-
-  const calculateInvoiceTotals = (items: FiInvoiceItem[]) => {
-    const subtotal = items.reduce((sum, item) => sum + item.quantity * item.unitPrice, 0)
-    const discountAmount = items.reduce((sum, item) => sum + item.discountAmount, 0)
-    const taxAmount = items.reduce((sum, item) => sum + item.taxAmount, 0)
-    const totalAmount = items.reduce((sum, item) => sum + item.lineTotal, 0)
-
-    return {
-      subtotal,
-      discountAmount,
-      taxAmount,
-      totalAmount,
-    }
-  }
-
-  const handleAddItem = () => {
-    if (!newItem.description || !newItem.quantity || !newItem.unitPrice) {
-      alert('Lütfen ürün bilgilerini doldurun')
-      return
-    }
-
-    const item: FiInvoiceItem = {
-      id: Date.now().toString(),
-      invoiceId: formData.id || '',
-      description: newItem.description!,
-      quantity: newItem.quantity!,
-      unitPrice: newItem.unitPrice!,
-      unit: newItem.unit || 'Adet',
-      taxRate: newItem.taxRate || 18,
-      discountRate: newItem.discountRate || 0,
-      lineTotal: calculateItemTotal(newItem),
-      discountAmount:
-        (newItem.quantity || 0) * (newItem.unitPrice || 0) * ((newItem.discountRate || 0) / 100),
-      taxAmount:
-        ((newItem.quantity || 0) * (newItem.unitPrice || 0) -
-          (newItem.quantity || 0) *
-            (newItem.unitPrice || 0) *
-            ((newItem.discountRate || 0) / 100)) *
-        ((newItem.taxRate || 0) / 100),
-      netAmount: calculateItemTotal(newItem),
-    }
-
-    const updatedItems = [...(formData.items || []), item]
-    const totals = calculateInvoiceTotals(updatedItems)
-
-    setFormData((prev) => ({
-      ...prev,
-      items: updatedItems,
-      ...totals,
-      remainingAmount: totals.totalAmount - (prev.paidAmount || 0),
-    }))
-
-    setNewItem({
-      description: '',
-      quantity: 1,
-      unitPrice: 0,
-      taxRate: 18,
-      discountRate: 0,
-      unit: 'Adet',
-    })
-  }
-
-  const handleRemoveItem = (itemId: string) => {
-    const updatedItems = formData.items?.filter((item) => item.id !== itemId) || []
-    const totals = calculateInvoiceTotals(updatedItems)
-
-    setFormData((prev) => ({
-      ...prev,
-      items: updatedItems,
-      ...totals,
-      remainingAmount: totals.totalAmount - (prev.paidAmount || 0),
-    }))
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (!formData.currentAccountId) {
-      alert('Lütfen cari hesap seçin')
-      return
-    }
-    if (!formData.items?.length) {
-      alert('Lütfen en az bir ürün ekleyin')
-      return
-    }
-
-    onSave({
-      ...formData,
-      id: invoice?.id || Date.now().toString(),
-      creationTime: invoice?.creationTime || new Date(),
-      lastModificationTime: new Date(),
-    })
-  }
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString('tr-TR', {
-      style: 'currency',
-      currency: 'TRY',
-      minimumFractionDigits: 2,
-    })
-  }
-
-  if (!isVisible) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4">
-      <div className="bg-white rounded-lg shadow-xl max-w-5xl w-full max-h-[90vh] overflow-y-auto">
-        <div className="p-4 border-b border-gray-200">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-2.5">
-              <FaFileAlt className="w-5 h-5 text-blue-600" />
-              <h2 className="text-lg font-semibold text-gray-900">
-                {invoice ? 'Fatura Düzenle' : 'Yeni Fatura'}
-              </h2>
-            </div>
-            <button
-              onClick={onCancel}
-              className="p-2 hover:bg-gray-100 rounded-md transition-colors"
-            >
-              <FaTimes className="w-5 h-5 text-gray-500" />
-            </button>
-          </div>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4">
-          {/* Basic Information */}
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Fatura No</label>
-              <input
-                type="text"
-                value={formData.invoiceNumber}
-                onChange={(e) => setFormData({ ...formData, invoiceNumber: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                required
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Fatura Türü</label>
-              <select
-                value={formData.invoiceType}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    invoiceType: e.target.value as InvoiceTypeEnum,
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(InvoiceTypeEnum).map((type) => (
-                  <option key={type} value={type}>
-                    {getInvoiceTypeText(type)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">İrsaliye No</label>
-              <input
-                type="text"
-                value={formData.waybillNumber || ''}
-                onChange={(e) => setFormData({ ...formData, waybillNumber: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Cari Hesap</label>
-              <select
-                value={formData.currentAccountId}
-                onChange={(e) => setFormData({ ...formData, currentAccountId: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                required
-              >
-                <option value="">Cari Hesap Seçin</option>
-                {mockCurrentAccounts.map((account) => (
-                  <option key={account.id} value={account.id}>
-                    {account.accountCode}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Fatura Tarihi</label>
-              <input
-                type="date"
-                value={formData.invoiceDate?.toISOString().split('T')[0]}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    invoiceDate: new Date(e.target.value),
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                required
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Vade Tarihi</label>
-              <input
-                type="date"
-                value={formData.dueDate?.toISOString().split('T')[0]}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    dueDate: new Date(e.target.value),
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                required
-              />
-            </div>
-          </div>
-
-          {/* Invoice Items */}
-          <div className="mb-6">
-            <h3 className="text-base font-semibold text-gray-900 mb-3">Fatura Kalemleri</h3>
-
-            {/* Add New Item */}
-            <div className="bg-gray-50 p-3 rounded-lg mb-3">
-              <div className="grid grid-cols-1 md:grid-cols-6 gap-3">
-                <div className="md:col-span-2">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Ürün/Hizmet Açıklaması
-                  </label>
-                  <input
-                    type="text"
-                    value={newItem.description || ''}
-                    onChange={(e) => setNewItem({ ...newItem, description: e.target.value })}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    placeholder="Ürün/Hizmet açıklaması"
-                  />
-                </div>
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Miktar</label>
-                  <input
-                    type="number"
-                    value={newItem.quantity || ''}
-                    onChange={(e) =>
-                      setNewItem({
-                        ...newItem,
-                        quantity: parseFloat(e.target.value) || 0,
-                      })
-                    }
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    step="0.01"
-                    min="0"
-                  />
-                </div>
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Birim Fiyat
-                  </label>
-                  <input
-                    type="number"
-                    value={newItem.unitPrice || ''}
-                    onChange={(e) =>
-                      setNewItem({
-                        ...newItem,
-                        unitPrice: parseFloat(e.target.value) || 0,
-                      })
-                    }
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    step="0.01"
-                    min="0"
-                  />
-                </div>
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">KDV (%)</label>
-                  <select
-                    value={newItem.taxRate || 20}
-                    onChange={(e) =>
-                      setNewItem({
-                        ...newItem,
-                        taxRate: parseFloat(e.target.value),
-                      })
-                    }
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    <option value={0}>0%</option>
-                    <option value={1}>1%</option>
-                    <option value={8}>8%</option>
-                    <option value={18}>18%</option>
-                    <option value={20}>20%</option>
-                  </select>
-                </div>
-                <div className="flex items-end">
-                  <button
-                    type="button"
-                    onClick={handleAddItem}
-                    className="w-full px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors flex items-center justify-center gap-2"
-                  >
-                    <FaPlus className="w-4 h-4" />
-                    Ekle
-                  </button>
-                </div>
-              </div>
-            </div>
-
-            {/* Items List */}
-            {formData.items && formData.items.length > 0 && (
-              <div className="border border-gray-200 rounded-lg overflow-hidden">
-                <table className="w-full">
-                  <thead className="bg-gray-50">
-                    <tr>
-                      <th className="px-3 py-2 text-left text-xs font-medium text-gray-700 uppercase">
-                        Açıklama
-                      </th>
-                      <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                        Miktar
-                      </th>
-                      <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                        Birim Fiyat
-                      </th>
-                      <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                        KDV %
-                      </th>
-                      <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                        Toplam
-                      </th>
-                      <th className="px-3 py-2 text-center text-xs font-medium text-gray-700 uppercase">
-                        İşlem
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody className="divide-y divide-gray-200">
-                    {formData.items.map((item) => (
-                      <tr key={item.id} className="text-sm">
-                        <td className="px-3 py-2 text-gray-900">{item.description}</td>
-                        <td className="px-3 py-2 text-gray-900 text-right">
-                          {item.quantity.toLocaleString('tr-TR')}
-                        </td>
-                        <td className="px-3 py-2 text-gray-900 text-right">
-                          {formatCurrency(item.unitPrice)}
-                        </td>
-                        <td className="px-3 py-2 text-gray-900 text-right">%{item.taxRate}</td>
-                        <td className="px-3 py-2 text-gray-900 text-right font-medium">
-                          {formatCurrency(item.lineTotal)}
-                        </td>
-                        <td className="px-3 py-2 text-center">
-                          <button
-                            type="button"
-                            onClick={() => handleRemoveItem(item.id)}
-                            className="p-1 text-red-600 hover:bg-red-50 rounded"
-                          >
-                            <FaTrash className="w-4 h-4" />
-                          </button>
-                        </td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              </div>
-            )}
-          </div>
-
-          {/* Totals */}
-          <div className="bg-gray-50 p-4 rounded-lg mb-4">
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Notlar</label>
-                <textarea
-                  value={formData.notes || ''}
-                  onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
-                  rows={4}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="Fatura ile ilgili notlar..."
-                />
-              </div>
-              <div className="space-y-2 text-sm">
-                <div className="flex justify-between items-center">
-                  <span className="text-sm text-gray-600">Ara Toplam:</span>
-                  <span className="font-medium">{formatCurrency(formData.subtotal || 0)}</span>
-                </div>
-                <div className="flex justify-between items-center">
-                  <span className="text-sm text-gray-600">İndirim:</span>
-                  <span className="font-medium text-red-600">
-                    -{formatCurrency(formData.discountAmount || 0)}
-                  </span>
-                </div>
-                <div className="flex justify-between items-center">
-                  <span className="text-sm text-gray-600">KDV:</span>
-                  <span className="font-medium">{formatCurrency(formData.taxAmount || 0)}</span>
-                </div>
-                <div className="border-t pt-3">
-                  <div className="flex justify-between items-center">
-                    <span className="text-base font-semibold text-gray-900">Genel Toplam:</span>
-                    <span className="text-base font-bold text-blue-600">
-                      {formatCurrency(formData.totalAmount || 0)}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Actions */}
-          <div className="flex justify-end gap-3">
-            <button
-              type="button"
-              onClick={onCancel}
-              className="px-4 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-4 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors flex items-center gap-2"
-            >
-              <FaSave className="w-4 h-4" />
-              {invoice ? 'Güncelle' : 'Kaydet'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default InvoiceForm
diff --git a/ui/src/views/accounting/components/InvoiceManagement.tsx b/ui/src/views/accounting/components/InvoiceManagement.tsx
deleted file mode 100644
index 021fd07e..00000000
--- a/ui/src/views/accounting/components/InvoiceManagement.tsx
+++ /dev/null
@@ -1,506 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaCalendar,
-  FaClock,
-  FaExclamationTriangle,
-  FaFileAlt,
-  FaEdit,
-  FaSave,
-} from 'react-icons/fa'
-import { FiInvoice, InvoiceTypeEnum, InvoiceStatusEnum, PaymentStatusEnum } from '../../../types/fi'
-import DataTable, { Column } from '../../../components/common/DataTable'
-import Widget from '../../../components/common/Widget'
-import {
-  getInvoiceTypeColor,
-  getInvoiceTypeText,
-  getInvoiceStatusColor,
-  getInvoiceStatusText,
-  getPaymentStatusColor,
-  getPaymentStatusText,
-} from '../../../utils/erp'
-
-interface InvoiceManagementProps {
-  invoices: FiInvoice[]
-  onAdd: () => void
-  onEdit: (invoice: FiInvoice) => void
-  onConvertFromWaybill: () => void
-  onCreatePayment: (invoice: FiInvoice) => void
-  onViewDetails: (invoice: FiInvoice) => void
-}
-
-const InvoiceManagement: React.FC<InvoiceManagementProps> = ({
-  invoices,
-  onAdd,
-  onEdit,
-  onConvertFromWaybill,
-  onCreatePayment,
-  onViewDetails,
-}) => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedType, setSelectedType] = useState<InvoiceTypeEnum | 'all'>('all')
-  const [selectedStatus, setSelectedStatus] = useState<InvoiceStatusEnum | 'all'>('all')
-  const [selectedPaymentStatus, setSelectedPaymentStatus] = useState<PaymentStatusEnum | 'all'>(
-    'all',
-  )
-  const [sortBy, setSortBy] = useState<'date' | 'amount' | 'dueDate'>('date')
-
-  const filteredInvoices = invoices
-    .filter((invoice) => {
-      if (
-        searchTerm &&
-        !invoice.invoiceNumber.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !invoice.currentAccount?.accountCode?.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !invoice.waybillNumber?.toLowerCase().includes(searchTerm.toLowerCase())
-      ) {
-        return false
-      }
-      if (selectedType !== 'all' && invoice.invoiceType !== selectedType) {
-        return false
-      }
-      if (selectedStatus !== 'all' && invoice.status !== selectedStatus) {
-        return false
-      }
-      if (selectedPaymentStatus !== 'all' && invoice.paymentStatus !== selectedPaymentStatus) {
-        return false
-      }
-      return true
-    })
-    .sort((a, b) => {
-      switch (sortBy) {
-        case 'date':
-          return new Date(b.invoiceDate).getTime() - new Date(a.invoiceDate).getTime()
-        case 'amount':
-          return b.totalAmount - a.totalAmount
-        case 'dueDate':
-          return new Date(a.dueDate).getTime() - new Date(b.dueDate).getTime()
-        default:
-          return 0
-      }
-    })
-
-  const getDaysUntilDue = (dueDate: Date) => {
-    const today = new Date()
-    const due = new Date(dueDate)
-    const diffTime = due.getTime() - today.getTime()
-    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
-    return diffDays
-  }
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString('tr-TR', {
-      style: 'currency',
-      currency: 'TRY',
-      minimumFractionDigits: 2,
-    })
-  }
-
-  const columns: Column<FiInvoice>[] = [
-    {
-      key: 'invoiceNumber',
-      header: 'Fatura No',
-      sortable: true,
-      render: (invoice: FiInvoice) => (
-        <div>
-          <div className="font-medium text-gray-900">{invoice.invoiceNumber}</div>
-          {invoice.waybillNumber && (
-            <div className="text-sm text-gray-500">İrs: {invoice.waybillNumber}</div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'type',
-      header: 'Tür',
-      render: (invoice: FiInvoice) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getInvoiceTypeColor(
-            invoice.invoiceType,
-          )}`}
-        >
-          {getInvoiceTypeText(invoice.invoiceType)}
-        </span>
-      ),
-    },
-    {
-      key: 'currentAccount',
-      header: 'Cari Hesap',
-      render: (invoice: FiInvoice) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {invoice.currentAccount?.accountCode || 'Bilinmeyen'}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: 'dates',
-      header: 'Tarihler',
-      render: (invoice: FiInvoice) => {
-        const daysUntilDue = getDaysUntilDue(invoice.dueDate)
-        return (
-          <div className="text-sm">
-            <div className="flex items-center gap-1">
-              <FaCalendar className="w-3 h-3 text-gray-400" />
-              <span>Fatura: {new Date(invoice.invoiceDate).toLocaleDateString('tr-TR')}</span>
-            </div>
-            <div className="flex items-center gap-1">
-              <FaClock className="w-3 h-3 text-gray-400" />
-              <span
-                className={
-                  daysUntilDue < 0
-                    ? 'text-red-600'
-                    : daysUntilDue <= 7
-                      ? 'text-orange-600'
-                      : 'text-gray-600'
-                }
-              >
-                Vade: {new Date(invoice.dueDate).toLocaleDateString('tr-TR')}
-              </span>
-            </div>
-            {daysUntilDue < 0 && (
-              <div className="text-xs text-red-600">{Math.abs(daysUntilDue)} gün gecikme</div>
-            )}
-          </div>
-        )
-      },
-    },
-    {
-      key: 'amounts',
-      header: 'Tutarlar',
-      render: (invoice: FiInvoice) => (
-        <div className="text-right">
-          <div className="font-medium text-gray-900">{formatCurrency(invoice.totalAmount)}</div>
-          {invoice.paidAmount > 0 && (
-            <div className="text-sm text-green-600">
-              Ödenen: {formatCurrency(invoice.paidAmount)}
-            </div>
-          )}
-          {invoice.remainingAmount > 0 && (
-            <div className="text-sm text-orange-600">
-              Kalan: {formatCurrency(invoice.remainingAmount)}
-            </div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'status',
-      header: 'Durum',
-      render: (invoice: FiInvoice) => (
-        <div className="space-y-1">
-          <span
-            className={`px-2 py-1 text-xs font-medium rounded-full ${getInvoiceStatusColor(
-              invoice.status,
-            )}`}
-          >
-            {getInvoiceStatusText(invoice.status)}
-          </span>
-          <br />
-          <span
-            className={`px-2 py-1 text-xs font-medium rounded-full ${getPaymentStatusColor(
-              invoice.paymentStatus,
-            )}`}
-          >
-            {getPaymentStatusText(invoice.paymentStatus)}
-          </span>
-        </div>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (invoice: FiInvoice) => (
-        <div className="flex gap-1">
-          {invoice.paymentStatus !== PaymentStatusEnum.Paid && (
-            <button
-              onClick={() => onCreatePayment(invoice)}
-              className="px-2 py-1 text-xs bg-green-50 text-green-600 rounded hover:bg-green-100 transition-colors"
-              title="Ödeme Kaydet"
-            >
-              <FaSave className="w-4 h-4" />
-            </button>
-          )}
-          <button
-            onClick={() => onViewDetails(invoice)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaFileAlt className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => onEdit(invoice)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  // Calculate statistics
-  const totalInvoices = invoices.length
-  const totalSalesAmount = invoices
-    .filter((i) => i.invoiceType === InvoiceTypeEnum.Sales)
-    .reduce((sum, i) => sum + i.totalAmount, 0)
-  const totalPurchaseAmount = invoices
-    .filter((i) => i.invoiceType === InvoiceTypeEnum.Purchase)
-    .reduce((sum, i) => sum + i.totalAmount, 0)
-  const totalUnpaidAmount = invoices
-    .filter((i) => i.paymentStatus !== PaymentStatusEnum.Paid)
-    .reduce((sum, i) => sum + i.remainingAmount, 0)
-
-  // Overdue invoices
-  const overdueInvoices = invoices.filter(
-    (i) => i.paymentStatus !== PaymentStatusEnum.Paid && new Date(i.dueDate) < new Date(),
-  )
-
-  // Payment status distribution
-  const paymentDistribution = Object.values(PaymentStatusEnum).map((status) => ({
-    status,
-    count: invoices.filter((i) => i.paymentStatus === status).length,
-    amount: invoices
-      .filter((i) => i.paymentStatus === status)
-      .reduce((sum, i) => sum + i.totalAmount, 0),
-  }))
-
-  // Invoice type distribution
-  const typeDistribution = Object.values(InvoiceTypeEnum).map((type) => ({
-    type,
-    count: invoices.filter((i) => i.invoiceType === type).length,
-    amount: invoices
-      .filter((i) => i.invoiceType === type)
-      .reduce((sum, i) => sum + i.totalAmount, 0),
-  }))
-
-  return (
-    <div className="space-y-2">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h2 className="text-2xl font-bold text-gray-900">Fatura Yönetimi</h2>
-          <p className="text-gray-600">Alış ve satış faturaları yönetimi</p>
-        </div>
-        <div className="flex gap-2 text-sm">
-          <button
-            onClick={onConvertFromWaybill}
-            className="flex items-center gap-2 px-3 py-1.5 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
-          >
-            <FaFileAlt className="w-4 h-4" />
-            İrsaliyeden Fatura
-          </button>
-          <button
-            onClick={onAdd}
-            className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni Fatura
-          </button>
-        </div>
-      </div>
-
-      {/* Stats Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <Widget title="Toplam Fatura" value={totalInvoices} color="blue" icon="FaFileAlt" />
-
-        <Widget
-          title="Satış Tutarı"
-          value={formatCurrency(totalSalesAmount)}
-          color="green"
-          icon="FaDollarSign"
-        />
-
-        <Widget
-          title="Alış Tutarı"
-          value={formatCurrency(totalPurchaseAmount)}
-          color="red"
-          icon="FaDollarSign"
-        />
-
-        <Widget
-          title="Ödenmemiş"
-          value={formatCurrency(totalUnpaidAmount)}
-          color="orange"
-          icon="FaExclamationTriangle"
-        />
-      </div>
-
-      {/* Distribution Charts */}
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-        <div className="bg-white rounded-lg shadow-sm border p-4">
-          <h3 className="text-base font-semibold text-gray-900 mb-3">Fatura Türü Dağılımı</h3>
-          <div className="space-y-2">
-            {typeDistribution.map(({ type, count, amount }) => (
-              <div key={type} className="flex items-center justify-between">
-                <div className="flex items-center gap-2">
-                  <span
-                    className={`px-2 py-1 text-xs font-medium rounded-full ${getInvoiceTypeColor(
-                      type,
-                    )}`}
-                  >
-                    {getInvoiceTypeText(type)}
-                  </span>
-                </div>
-                <div className="flex items-center gap-4">
-                  <span className="text-sm text-gray-600">{count} fatura</span>
-                  <span className="text-sm font-medium text-gray-900">
-                    {formatCurrency(amount)}
-                  </span>
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        <div className="bg-white rounded-lg shadow-sm border p-4">
-          <h3 className="text-base font-semibold text-gray-900 mb-3">Ödeme Durumu Dağılımı</h3>
-          <div className="space-y-2">
-            {paymentDistribution.map(({ status, count, amount }) => (
-              <div key={status} className="flex items-center justify-between">
-                <div className="flex items-center gap-2">
-                  <span
-                    className={`px-2 py-1 text-xs font-medium rounded-full ${getPaymentStatusColor(
-                      status,
-                    )}`}
-                  >
-                    {getPaymentStatusText(status)}
-                  </span>
-                </div>
-                <div className="flex items-center gap-4">
-                  <span className="text-sm text-gray-600">{count} fatura</span>
-                  <span className="text-sm font-medium text-gray-900">
-                    {formatCurrency(amount)}
-                  </span>
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-      </div>
-
-      {/* Overdue Invoices Alert */}
-      {overdueInvoices.length > 0 && (
-        <div className="bg-red-50 border border-red-200 rounded-lg p-3">
-          <div className="flex items-center gap-2">
-            <FaExclamationTriangle className="w-5 h-5 text-red-600" />
-            <h3 className="text-base font-semibold text-red-900">Vadesi Geçmiş Faturalar</h3>
-          </div>
-          <p className="text-sm text-red-700 mt-1">
-            {overdueInvoices.length} adet fatura vadesi geçmiş durumda. Toplam tutar:{' '}
-            {formatCurrency(overdueInvoices.reduce((sum, i) => sum + i.remainingAmount, 0))}
-          </p>
-          <div className="mt-2 space-y-1.5">
-            {overdueInvoices.slice(0, 3).map((invoice) => {
-              const daysOverdue = Math.abs(getDaysUntilDue(invoice.dueDate))
-
-              return (
-                <div
-                  key={invoice.id}
-                  className="flex items-center justify-between p-2 bg-white rounded border"
-                >
-                  <div>
-                    <span className="font-medium">{invoice.invoiceNumber}</span>
-                    <span className="ml-2 text-sm text-gray-500">
-                      - {invoice.currentAccount?.accountCode}
-                    </span>
-                  </div>
-                  <div className="flex items-center gap-2">
-                    <span className="text-xs bg-red-100 text-red-800 px-2 py-1 rounded">
-                      {daysOverdue} gün gecikme
-                    </span>
-                    <span className="text-sm text-red-600">
-                      {formatCurrency(invoice.remainingAmount)}
-                    </span>
-                  </div>
-                </div>
-              )
-            })}
-          </div>
-        </div>
-      )}
-
-      {/* Filters */}
-      <div className="flex gap-3 items-center">
-        <div className="flex-1 relative">
-          <FaSearch className="w-4 h-4 absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" />
-          <input
-            type="text"
-            placeholder="Fatura no, cari hesap veya irsaliye no ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full pl-10 pr-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          />
-        </div>
-
-        <select
-          value={selectedType}
-          onChange={(e) => setSelectedType(e.target.value as InvoiceTypeEnum | 'all')}
-          className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="all">Tüm Türler</option>
-          {Object.values(InvoiceTypeEnum).map((type) => (
-            <option key={type} value={type}>
-              {getInvoiceTypeText(type)}
-            </option>
-          ))}
-        </select>
-
-        <select
-          value={selectedStatus}
-          onChange={(e) => setSelectedStatus(e.target.value as InvoiceStatusEnum | 'all')}
-          className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="all">Tüm Durumlar</option>
-          {Object.values(InvoiceStatusEnum).map((status) => (
-            <option key={status} value={status}>
-              {getInvoiceStatusText(status)}
-            </option>
-          ))}
-        </select>
-
-        <select
-          value={selectedPaymentStatus}
-          onChange={(e) => setSelectedPaymentStatus(e.target.value as PaymentStatusEnum | 'all')}
-          className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="all">Tüm Ödeme Durumları</option>
-          {Object.values(PaymentStatusEnum).map((status) => (
-            <option key={status} value={status}>
-              {getPaymentStatusText(status)}
-            </option>
-          ))}
-        </select>
-
-        <select
-          value={sortBy}
-          onChange={(e) => setSortBy(e.target.value as 'date' | 'amount' | 'dueDate')}
-          className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="date">Tarihe Göre</option>
-          <option value="amount">Tutara Göre</option>
-          <option value="dueDate">Vade Tarihine Göre</option>
-        </select>
-      </div>
-
-      {/* Data Table */}
-      <div className="bg-white rounded-lg shadow-sm border overflow-x-auto">
-        <DataTable data={filteredInvoices} columns={columns} />
-      </div>
-
-      {filteredInvoices.length === 0 && (
-        <div className="text-center py-10">
-          <FaFileAlt className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-          <h3 className="text-base font-medium text-gray-900 mb-2">Fatura bulunamadı</h3>
-          <p className="text-sm text-gray-500">
-            Yeni bir fatura ekleyin veya arama kriterlerinizi değiştirin.
-          </p>
-        </div>
-      )}
-    </div>
-  )
-}
-
-export default InvoiceManagement
diff --git a/ui/src/views/accounting/components/PaymentForm.tsx b/ui/src/views/accounting/components/PaymentForm.tsx
deleted file mode 100644
index a9c819b2..00000000
--- a/ui/src/views/accounting/components/PaymentForm.tsx
+++ /dev/null
@@ -1,362 +0,0 @@
-import React, { useState } from "react";
-import {
-  FaSave,
-  FaTimes,
-  FaDollarSign,
-  FaCalendar,
-  FaMoneyBillWave,
-} from "react-icons/fa";
-import { FiInvoice, PaymentStatusEnum } from "../../../types/fi";
-import { PaymentMethodEnum } from "../../../types/fi";
-import { getPaymentMethodText } from "../../../utils/erp";
-
-interface PaymentData {
-  amount: number;
-  paymentDate: Date;
-  paymentMethod: PaymentMethodEnum;
-  description: string;
-  referenceNumber?: string;
-}
-
-interface PaymentFormProps {
-  invoice: FiInvoice;
-  onSave: (paymentData: PaymentData) => void;
-  onCancel: () => void;
-  isVisible: boolean;
-}
-
-const PaymentForm: React.FC<PaymentFormProps> = ({
-  invoice,
-  onSave,
-  onCancel,
-  isVisible,
-}) => {
-  const [formData, setFormData] = useState<PaymentData>({
-    amount: invoice.remainingAmount,
-    paymentDate: new Date(),
-    paymentMethod: PaymentMethodEnum.Cash,
-    description: `${invoice.invoiceNumber} numaralı fatura ödemesi`,
-    referenceNumber: "",
-  });
-
-  const [errors, setErrors] = useState<Record<string, string>>({});
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {};
-
-    if (!formData.amount || formData.amount <= 0) {
-      newErrors.amount = "Ödeme tutarı geçerli olmalıdır";
-    }
-
-    if (formData.amount > invoice.remainingAmount) {
-      newErrors.amount = "Ödeme tutarı kalan tutardan fazla olamaz";
-    }
-
-    if (!formData.description.trim()) {
-      newErrors.description = "Açıklama zorunludur";
-    }
-
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (validateForm()) {
-      onSave(formData);
-    }
-  };
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString("tr-TR", {
-      style: "currency",
-      currency: "TRY",
-      minimumFractionDigits: 2,
-    });
-  };
-
-  const calculateNewPaymentStatus = () => {
-    const newPaidAmount = invoice.paidAmount + formData.amount;
-    const newRemainingAmount = invoice.totalAmount - newPaidAmount;
-
-    if (newRemainingAmount <= 0) {
-      return PaymentStatusEnum.Paid;
-    } else if (newPaidAmount > 0) {
-      return PaymentStatusEnum.PartiallyPaid;
-    } else {
-      return PaymentStatusEnum.Unpaid;
-    }
-  };
-
-  if (!isVisible) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4">
-      <div className="bg-white rounded-lg shadow-xl max-w-lg w-full overflow-y-auto max-h-[90vh]">
-        <div className="p-4 border-b border-gray-200">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-2.5">
-              <FaDollarSign className="w-5 h-5 text-green-600" />
-              <div>
-                <h2 className="text-lg font-semibold text-gray-900">
-                  Ödeme Kaydet
-                </h2>
-                <p className="text-sm text-gray-500">
-                  {invoice.invoiceNumber} -{" "}
-                  {invoice.currentAccount?.businessParty?.name}
-                </p>
-              </div>
-            </div>
-            <button
-              onClick={onCancel}
-              className="p-2 hover:bg-gray-100 rounded-md transition-colors"
-            >
-              <FaTimes className="w-5 h-5 text-gray-500" />
-            </button>
-          </div>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4 text-sm">
-          {/* Invoice Summary */}
-          <div className="bg-gray-50 p-3 rounded-lg mb-4">
-            <h3 className="text-base font-semibold text-gray-900 mb-2">
-              Fatura Özeti
-            </h3>
-            <div className="grid grid-cols-2 gap-3">
-              <div className="space-y-1.5">
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Toplam Tutar:</span>
-                  <span className="font-medium">
-                    {formatCurrency(invoice.totalAmount)}
-                  </span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Ödenen:</span>
-                  <span className="font-medium text-green-600">
-                    {formatCurrency(invoice.paidAmount)}
-                  </span>
-                </div>
-                <div className="flex justify-between border-t pt-2">
-                  <span className="text-gray-600">Kalan:</span>
-                  <span className="font-bold text-orange-600">
-                    {formatCurrency(invoice.remainingAmount)}
-                  </span>
-                </div>
-              </div>
-              <div className="space-y-1.5">
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Vade Tarihi:</span>
-                  <span className="font-medium">
-                    {new Date(invoice.dueDate).toLocaleDateString("tr-TR")}
-                  </span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Mevcut Durum:</span>
-                  <span className="font-medium">
-                    {invoice.paymentStatus === PaymentStatusEnum.Paid
-                      ? "Ödenmiş"
-                      : invoice.paymentStatus ===
-                        PaymentStatusEnum.PartiallyPaid
-                      ? "Kısmi Ödeme"
-                      : invoice.paymentStatus === PaymentStatusEnum.Overdue
-                      ? "Vadesi Geçmiş"
-                      : "Ödenmemiş"}
-                  </span>
-                </div>
-                <div className="flex justify-between border-t pt-2">
-                  <span className="text-gray-600">Yeni Durum:</span>
-                  <span className="font-bold text-blue-600">
-                    {calculateNewPaymentStatus() === PaymentStatusEnum.Paid
-                      ? "Ödenmiş"
-                      : calculateNewPaymentStatus() ===
-                        PaymentStatusEnum.PartiallyPaid
-                      ? "Kısmi Ödeme"
-                      : "Ödenmemiş"}
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Payment Form */}
-          <div className="space-y-4">
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Ödeme Tutarı <span className="text-red-500">*</span>
-                </label>
-                <div className="relative">
-                  <FaDollarSign className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-                  <input
-                    type="number"
-                    value={formData.amount}
-                    onChange={(e) =>
-                      setFormData({
-                        ...formData,
-                        amount: parseFloat(e.target.value) || 0,
-                      })
-                    }
-                    className={`w-full pl-8 pr-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                      errors.amount ? "border-red-300" : "border-gray-300"
-                    }`}
-                    step="0.01"
-                    min="0"
-                    max={invoice.remainingAmount}
-                    required
-                  />
-                </div>
-                {errors.amount && (
-                  <p className="text-red-500 text-xs mt-1">{errors.amount}</p>
-                )}
-                <p className="text-gray-500 text-sm mt-1">
-                  Maksimum: {formatCurrency(invoice.remainingAmount)}
-                </p>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Ödeme Tarihi <span className="text-red-500">*</span>
-                </label>
-                <div className="relative">
-                  <FaCalendar className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-                  <input
-                    type="date"
-                    value={formData.paymentDate.toISOString().split("T")[0]}
-                    onChange={(e) =>
-                      setFormData({
-                        ...formData,
-                        paymentDate: new Date(e.target.value),
-                      })
-                    }
-                    className="w-full pl-10 pr-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    required
-                  />
-                </div>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Ödeme Yöntemi <span className="text-red-500">*</span>
-                </label>
-                <div className="relative">
-                  <FaMoneyBillWave className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-                  <select
-                    value={formData.paymentMethod}
-                    onChange={(e) =>
-                      setFormData({
-                        ...formData,
-                        paymentMethod: e.target.value as PaymentMethodEnum,
-                      })
-                    }
-                    className="w-full pl-10 pr-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    required
-                  >
-                    {Object.values(PaymentMethodEnum).map((method) => (
-                      <option key={method} value={method}>
-                        {getPaymentMethodText(method)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Referans Numarası
-                </label>
-                <input
-                  type="text"
-                  value={formData.referenceNumber || ""}
-                  onChange={(e) =>
-                    setFormData({
-                      ...formData,
-                      referenceNumber: e.target.value,
-                    })
-                  }
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="Dekont/Makbuz numarası vb."
-                />
-              </div>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Açıklama <span className="text-red-500">*</span>
-              </label>
-              <textarea
-                value={formData.description}
-                onChange={(e) =>
-                  setFormData({ ...formData, description: e.target.value })
-                }
-                rows={3}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.description ? "border-red-300" : "border-gray-300"
-                }`}
-                placeholder="Ödeme açıklaması..."
-                required
-              />
-              {errors.description && (
-                <p className="text-red-500 text-xs mt-1">
-                  {errors.description}
-                </p>
-              )}
-            </div>
-          </div>
-
-          {/* Quick Amount Buttons */}
-          <div className="mt-4">
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Hızlı Tutar Seçimi
-            </label>
-            <div className="flex gap-2 flex-wrap">
-              <button
-                type="button"
-                onClick={() =>
-                  setFormData({ ...formData, amount: invoice.remainingAmount })
-                }
-                className="px-2 py-1 text-xs bg-blue-100 text-blue-600 rounded hover:bg-blue-200 transition-colors"
-              >
-                Tamamını Öde ({formatCurrency(invoice.remainingAmount)})
-              </button>
-              {invoice.remainingAmount >= 1000 && (
-                <button
-                  type="button"
-                  onClick={() =>
-                    setFormData({
-                      ...formData,
-                      amount: Math.round(invoice.remainingAmount / 2),
-                    })
-                  }
-                  className="px-2 py-1 text-xs bg-green-100 text-green-600 rounded hover:bg-green-200 transition-colors"
-                >
-                  Yarısını Öde (
-                  {formatCurrency(Math.round(invoice.remainingAmount / 2))})
-                </button>
-              )}
-            </div>
-          </div>
-
-          {/* Action Buttons */}
-          <div className="flex justify-end gap-3 mt-6 pt-4 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onCancel}
-              className="px-4 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-4 py-1.5 text-sm bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors flex items-center gap-2"
-            >
-              <FaSave className="w-4 h-4" />
-              Ödeme Kaydet
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
-
-export default PaymentForm;
diff --git a/ui/src/views/accounting/components/PromissoryNoteForm.tsx b/ui/src/views/accounting/components/PromissoryNoteForm.tsx
deleted file mode 100644
index 0fce4494..00000000
--- a/ui/src/views/accounting/components/PromissoryNoteForm.tsx
+++ /dev/null
@@ -1,348 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaFileAlt, FaSave, FaTimes } from 'react-icons/fa'
-import { PromissoryNote, NoteStatusEnum, FiCurrentAccount, TypeEnum } from '../../../types/fi'
-import { getNoteStatusText, getTypeText } from '@/utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-interface PromissoryNoteFormProps {
-  note?: PromissoryNote
-  currentAccounts: FiCurrentAccount[]
-  onSave: (note: Omit<PromissoryNote, 'id' | 'creationTime' | 'lastModificationTime'>) => void
-  onCancel: () => void
-  isOpen: boolean
-}
-
-const PromissoryNoteForm: React.FC<PromissoryNoteFormProps> = ({
-  note,
-  currentAccounts,
-  onSave,
-  onCancel,
-  isOpen,
-}) => {
-  const [formData, setFormData] = useState({
-    noteNumber: '',
-    drawerName: '',
-    payeeName: '',
-    currentAccountId: '',
-    issueDate: new Date().toISOString().split('T')[0],
-    dueDate: new Date().toISOString().split('T')[0],
-    amount: 0,
-    currency: 'TRY',
-    status: NoteStatusEnum.InHand,
-    type: TypeEnum.Received,
-    location: '',
-    notes: '',
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  useEffect(() => {
-    if (note) {
-      setFormData({
-        noteNumber: note.noteNumber,
-        drawerName: note.drawerName,
-        payeeName: note.payeeName,
-        currentAccountId: note.currentAccountId || '',
-        issueDate: new Date(note.issueDate).toISOString().split('T')[0],
-        dueDate: new Date(note.dueDate).toISOString().split('T')[0],
-        amount: note.amount,
-        currency: note.currency,
-        status: note.status,
-        type: note.type,
-        location: note.location || '',
-        notes: note.notes || '',
-      })
-    } else {
-      setFormData({
-        noteNumber: '',
-        drawerName: '',
-        payeeName: '',
-        currentAccountId: '',
-        issueDate: new Date().toISOString().split('T')[0],
-        dueDate: new Date().toISOString().split('T')[0],
-        amount: 0,
-        currency: 'TRY',
-        status: NoteStatusEnum.InHand,
-        type: TypeEnum.Received,
-        location: '',
-        notes: '',
-      })
-    }
-    setErrors({})
-  }, [note, isOpen])
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.noteNumber.trim()) {
-      newErrors.noteNumber = 'Senet numarası gereklidir'
-    }
-    if (!formData.drawerName.trim()) {
-      newErrors.drawerName = 'Keşideci adı gereklidir'
-    }
-    if (!formData.payeeName.trim()) {
-      newErrors.payeeName = 'Lehtar adı gereklidir'
-    }
-    if (formData.amount <= 0) {
-      newErrors.amount = "Tutar 0'dan büyük olmalıdır"
-    }
-    if (new Date(formData.dueDate) < new Date(formData.issueDate)) {
-      newErrors.dueDate = 'Vade tarihi düzenleme tarihinden sonra olmalıdır'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (validateForm()) {
-      const noteData = {
-        ...formData,
-        issueDate: new Date(formData.issueDate),
-        dueDate: new Date(formData.dueDate),
-        currentAccount: formData.currentAccountId
-          ? currentAccounts.find((acc) => acc.id === formData.currentAccountId)
-          : undefined,
-      }
-      onSave(noteData)
-    }
-  }
-
-  const handleInputChange = (field: string, value: string | number | TypeEnum | NoteStatusEnum) => {
-    setFormData((prev) => ({ ...prev, [field]: value }))
-    if (errors[field]) {
-      setErrors((prev) => ({ ...prev, [field]: '' }))
-    }
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b">
-          <div className="flex items-center gap-2.5">
-            <FaFileAlt className="w-5 h-5 text-green-600" />
-            <h2 className="text-lg font-semibold text-gray-900">
-              {note ? 'Senet Düzenle' : 'Yeni Senet'}
-            </h2>
-          </div>
-          <button onClick={onCancel} className="p-2 hover:bg-gray-100 rounded-md">
-            <FaTimes className="w-5 h-5 text-gray-500" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4 space-y-4">
-          {/* Senet Bilgileri */}
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Senet Numarası *
-              </label>
-              <input
-                type="text"
-                value={formData.noteNumber}
-                onChange={(e) => handleInputChange('noteNumber', e.target.value)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 ${
-                  errors.noteNumber ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Senet numarasını giriniz"
-              />
-              {errors.noteNumber && (
-                <p className="text-red-500 text-xs mt-1">{errors.noteNumber}</p>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Tür *</label>
-              <select
-                value={formData.type}
-                onChange={(e) => handleInputChange('type', e.target.value as TypeEnum)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
-              >
-                {Object.values(TypeEnum).map((type) => (
-                  <option key={type} value={type}>
-                    {getTypeText(type)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Durum</label>
-              <select
-                value={formData.status}
-                onChange={(e) => handleInputChange('status', e.target.value as NoteStatusEnum)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
-              >
-                {Object.values(NoteStatusEnum).map((status) => (
-                  <option key={status} value={status}>
-                    {getNoteStatusText(status)}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          {/* Taraf Bilgileri */}
-          <div className="bg-gray-50 p-3 rounded-lg">
-            <h3 className="text-base font-medium text-gray-900 mb-3">Taraf Bilgileri</h3>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Keşideci *</label>
-                <input
-                  type="text"
-                  value={formData.drawerName}
-                  onChange={(e) => handleInputChange('drawerName', e.target.value)}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 ${
-                    errors.drawerName ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Keşideci adını giriniz"
-                />
-                {errors.drawerName && (
-                  <p className="text-red-500 text-xs mt-1">{errors.drawerName}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Lehtar *</label>
-                <input
-                  type="text"
-                  value={formData.payeeName}
-                  onChange={(e) => handleInputChange('payeeName', e.target.value)}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 ${
-                    errors.payeeName ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Lehtar adını giriniz"
-                />
-                {errors.payeeName && (
-                  <p className="text-red-500 text-xs mt-1">{errors.payeeName}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Cari Hesap</label>
-                <select
-                  value={formData.currentAccountId}
-                  onChange={(e) => handleInputChange('currentAccountId', e.target.value)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
-                >
-                  <option value="">Cari hesap seçiniz</option>
-                  {currentAccounts.map((account) => (
-                    <option key={account.id} value={account.id}>
-                      {account.accountCode} - {account.businessParty?.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-            </div>
-          </div>
-
-          {/* Tutar ve Tarih Bilgileri */}
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Tutar *</label>
-              <input
-                type="number"
-                step="0.01"
-                min="0"
-                value={formData.amount}
-                onChange={(e) => handleInputChange('amount', parseFloat(e.target.value) || 0)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 ${
-                  errors.amount ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="0.00"
-              />
-              {errors.amount && <p className="text-red-500 text-xs mt-1">{errors.amount}</p>}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Para Birimi</label>
-              <select
-                value={formData.currency}
-                onChange={(e) => handleInputChange('currency', e.target.value)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
-              >
-                {mockCurrencies.map((currency) => (
-                  <option key={currency.value} value={currency.value}>
-                    {currency.value} - {currency.label}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Düzenleme Tarihi *
-              </label>
-              <input
-                type="date"
-                value={formData.issueDate}
-                onChange={(e) => handleInputChange('issueDate', e.target.value)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Vade Tarihi *</label>
-              <input
-                type="date"
-                value={formData.dueDate}
-                onChange={(e) => handleInputChange('dueDate', e.target.value)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 ${
-                  errors.dueDate ? 'border-red-500' : 'border-gray-300'
-                }`}
-              />
-              {errors.dueDate && <p className="text-red-500 text-xs mt-1">{errors.dueDate}</p>}
-            </div>
-          </div>
-
-          {/* Konum */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Konum</label>
-            <input
-              type="text"
-              value={formData.location}
-              onChange={(e) => handleInputChange('location', e.target.value)}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
-              placeholder="Senetin bulunduğu konum"
-            />
-          </div>
-
-          {/* Notlar */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Notlar</label>
-            <textarea
-              value={formData.notes}
-              onChange={(e) => handleInputChange('notes', e.target.value)}
-              rows={3}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
-              placeholder="Ek notlar..."
-            />
-          </div>
-
-          {/* Butonlar */}
-          <div className="flex justify-end gap-3 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onCancel}
-              className="px-4 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-4 py-1.5 text-sm bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              {note ? 'Güncelle' : 'Kaydet'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default PromissoryNoteForm
diff --git a/ui/src/views/accounting/components/WaybillDetails.tsx b/ui/src/views/accounting/components/WaybillDetails.tsx
deleted file mode 100644
index 15b3041c..00000000
--- a/ui/src/views/accounting/components/WaybillDetails.tsx
+++ /dev/null
@@ -1,380 +0,0 @@
-import React from "react";
-import {
-  FaTimes,
-  FaPrint,
-  FaDownload,
-  FaEnvelope,
-  FaTruck,
-  FaFileInvoice,
-  FaMapMarkerAlt,
-  FaUser,
-  FaCalendarAlt,
-  FaBarcode,
-} from "react-icons/fa";
-import { FiWaybill } from "../../../types/fi";
-import { mockCurrentAccounts } from "../../../mocks/mockCurrentAccounts";
-import {
-  getWaybillStatusColor,
-  getWaybillStatusText,
-  getWaybillTypeText,
-} from "../../../utils/erp";
-
-interface WaybillDetailsProps {
-  waybill: FiWaybill;
-  onClose: () => void;
-  onCreateInvoice?: (waybillId: string) => void;
-  isVisible: boolean;
-}
-
-const WaybillDetails: React.FC<WaybillDetailsProps> = ({
-  waybill,
-  onClose,
-  onCreateInvoice,
-  isVisible,
-}) => {
-  const account = mockCurrentAccounts.find(
-    (acc) => acc.id === waybill.currentAccountId
-  );
-
-  const formatDate = (date: Date) => {
-    return new Date(date).toLocaleDateString("tr-TR");
-  };
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString("tr-TR", {
-      style: "currency",
-      currency: waybill.currency || "TRY",
-      minimumFractionDigits: 2,
-    });
-  };
-
-  const handlePrint = () => {
-    window.print();
-  };
-
-  const handleDownload = () => {
-    // PDF indirme işlemi
-    alert("PDF indirme özelliği yakında eklenecek");
-  };
-
-  const handleEmail = () => {
-    // E-posta gönderme işlemi
-    alert("E-posta gönderme özelliği yakında eklenecek");
-  };
-
-  if (!isVisible) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4">
-      <div className="bg-white rounded-lg shadow-xl max-w-5xl w-full max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="p-4 border-b border-gray-200">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-2.5">
-              <FaTruck className="w-5 h-5 text-blue-600" />
-              <div>
-                <h2 className="text-lg font-semibold text-gray-900">
-                  İrsaliye Detayları
-                </h2>
-                <p className="text-gray-600">{waybill.waybillNumber}</p>
-              </div>
-            </div>
-            <div className="flex items-center gap-1">
-              <button
-                onClick={handlePrint}
-                className="p-2 text-gray-600 hover:bg-gray-100 rounded-lg transition-colors"
-                title="Yazdır"
-              >
-                <FaPrint className="w-5 h-5" />
-              </button>
-              <button
-                onClick={handleDownload}
-                className="p-2 text-gray-600 hover:bg-gray-100 rounded-lg transition-colors"
-                title="PDF İndir"
-              >
-                <FaDownload className="w-5 h-5" />
-              </button>
-              <button
-                onClick={handleEmail}
-                className="p-2 text-gray-600 hover:bg-gray-100 rounded-lg transition-colors"
-                title="E-posta Gönder"
-              >
-                <FaEnvelope className="w-5 h-5" />
-              </button>
-              {!waybill.isInvoiced && onCreateInvoice && (
-                <button
-                  onClick={() => onCreateInvoice(waybill.id)}
-                  className="px-3 py-1.5 text-sm bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors flex items-center gap-2"
-                >
-                  <FaFileInvoice className="w-4 h-4" />
-                  Fatura Oluştur
-                </button>
-              )}
-              <button
-                onClick={onClose}
-                className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
-              >
-                <FaTimes className="w-5 h-5 text-gray-500" />
-              </button>
-            </div>
-          </div>
-        </div>
-
-        <div className="p-4">
-          {/* Status and Type */}
-          <div className="flex items-center gap-3 mb-4">
-            <span
-              className={`px-2 py-1 rounded-full text-xs font-medium ${getWaybillStatusColor(
-                waybill.status
-              )}`}
-            >
-              {getWaybillStatusText(waybill.status)}
-            </span>
-            <span className="px-2 py-1 bg-blue-100 text-blue-800 rounded-full text-xs font-medium">
-              {getWaybillTypeText(waybill.waybillType)}
-            </span>
-            {waybill.isInvoiced && (
-              <span className="px-2 py-1 bg-green-100 text-green-800 rounded-full text-xs font-medium">
-                Faturalandı
-              </span>
-            )}
-          </div>
-
-          {/* Basic Information */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
-            <div>
-              <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                <FaCalendarAlt className="w-4 h-4 text-blue-600" />
-                Tarih Bilgileri
-              </h3>
-              <div className="space-y-2 text-sm">
-                <div className="flex justify-between">
-                  <span className="text-gray-600">İrsaliye Tarihi:</span>
-                  <span className="font-medium">
-                    {formatDate(waybill.waybillDate)}
-                  </span>
-                </div>
-                {waybill.deliveryDate && (
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Teslim Tarihi:</span>
-                    <span className="font-medium">
-                      {formatDate(waybill.deliveryDate)}
-                    </span>
-                  </div>
-                )}
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Oluşturulma:</span>
-                  <span className="font-medium">
-                    {formatDate(waybill.creationTime)}
-                  </span>
-                </div>
-              </div>
-            </div>
-
-            <div>
-              <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                <FaUser className="w-4 h-4 text-blue-600" />
-                Cari Hesap
-              </h3>
-              {account && (
-                <div className="space-y-2 text-sm">
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Hesap Kodu:</span>
-                    <span className="font-medium">{account.accountCode}</span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Hesap Adı:</span>
-                    <span className="font-medium">
-                      {account.businessParty?.name}
-                    </span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Telefon:</span>
-                    <span className="font-medium">{account.phoneNumber || "-"}</span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">E-posta:</span>
-                    <span className="font-medium">{account.email || "-"}</span>
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-
-          {/* Delivery Information */}
-          {(waybill.deliveryAddress ||
-            waybill.receiverName ||
-            waybill.carrierCompany) && (
-            <div className="mb-6">
-              <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                <FaMapMarkerAlt className="w-4 h-4 text-blue-600" />
-                Teslimat Bilgileri
-              </h3>
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
-                {waybill.deliveryAddress && (
-                  <div>
-                    <span className="text-sm text-gray-600 block mb-1">
-                      Teslimat Adresi:
-                    </span>
-                    <p className="text-gray-900 bg-gray-50 p-2 rounded-md">
-                      {waybill.deliveryAddress}
-                    </p>
-                  </div>
-                )}
-                <div className="space-y-3">
-                  {waybill.receiverName && (
-                    <div className="flex justify-between">
-                      <span className="text-gray-600">Alıcı:</span>
-                      <span className="font-medium">
-                        {waybill.receiverName}
-                      </span>
-                    </div>
-                  )}
-                  {waybill.receiverPhone && (
-                    <div className="flex justify-between">
-                      <span className="text-gray-600">Telefon:</span>
-                      <span className="font-medium">
-                        {waybill.receiverPhone}
-                      </span>
-                    </div>
-                  )}
-                  {waybill.carrierCompany && (
-                    <div className="flex justify-between">
-                      <span className="text-gray-600">Kargo:</span>
-                      <span className="font-medium">
-                        {waybill.carrierCompany}
-                      </span>
-                    </div>
-                  )}
-                  {waybill.trackingNumber && (
-                    <div className="flex justify-between">
-                      <span className="text-gray-600">Takip No:</span>
-                      <span className="font-medium flex items-center gap-1">
-                        <FaBarcode className="w-4 h-4" />
-                        {waybill.trackingNumber}
-                      </span>
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-          )}
-
-          {/* Items */}
-          <div className="mb-6">
-            <h3 className="text-base font-semibold text-gray-900 mb-3">
-              İrsaliye Kalemleri
-            </h3>
-            <div className="border border-gray-200 rounded-lg overflow-hidden">
-              <table className="w-full">
-                <thead className="bg-gray-50">
-                  <tr>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-700 uppercase">
-                      Açıklama
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                      Miktar
-                    </th>
-                    <th className="px-3 py-2 text-center text-xs font-medium text-gray-700 uppercase">
-                      Birim
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                      Birim Fiyat
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                      İndirim
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                      KDV
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                      Toplam
-                    </th>
-                  </tr>
-                </thead>
-                <tbody className="divide-y divide-gray-200">
-                  {waybill.items.map((item) => (
-                    <tr key={item.id} className="text-sm">
-                      <td className="px-3 py-2 text-gray-900">
-                        {item.description}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-right">
-                        {item.quantity.toLocaleString("tr-TR")}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-center">
-                        {item.unit}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-right">
-                        {formatCurrency(item.unitPrice)}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-right">
-                        %{item.discountRate}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-right">
-                        %{item.taxRate}
-                      </td>
-                      <td className="px-3 py-2 text-gray-900 text-right font-medium">
-                        {formatCurrency(item.lineTotal)}
-                      </td>
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-          </div>
-
-          {/* Notes */}
-          {waybill.notes && (
-            <div className="mb-6">
-              <h3 className="text-base font-semibold text-gray-900 mb-2">
-                Notlar
-              </h3>
-              <div className="bg-gray-50 p-3 rounded-lg">
-                <p className="text-sm text-gray-700">{waybill.notes}</p>
-              </div>
-            </div>
-          )}
-
-          {/* Totals */}
-          <div className="bg-gray-50 p-4 rounded-lg">
-            <h3 className="text-base font-semibold text-gray-900 mb-3">
-              Toplam Bilgileri
-            </h3>
-            <div className="space-y-2 text-sm">
-              <div className="flex justify-between">
-                <span className="text-gray-600">Ara Toplam:</span>
-                <span className="font-medium">
-                  {formatCurrency(waybill.subtotal)}
-                </span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">İndirim:</span>
-                <span className="font-medium text-red-600">
-                  -{formatCurrency(waybill.discountAmount)}
-                </span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">KDV:</span>
-                <span className="font-medium">
-                  {formatCurrency(waybill.taxAmount)}
-                </span>
-              </div>
-              <div className="border-t border-gray-300 pt-3">
-                <div className="flex justify-between">
-                  <span className="text-base font-semibold text-gray-900">
-                    Genel Toplam:
-                  </span>
-                  <span className="text-base font-bold text-blue-600">
-                    {formatCurrency(waybill.totalAmount)}
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default WaybillDetails;
diff --git a/ui/src/views/accounting/components/WaybillForm.tsx b/ui/src/views/accounting/components/WaybillForm.tsx
deleted file mode 100644
index c0a0632d..00000000
--- a/ui/src/views/accounting/components/WaybillForm.tsx
+++ /dev/null
@@ -1,572 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaSave, FaTimes, FaPlus, FaTrash, FaTruck } from 'react-icons/fa'
-import { FiWaybill, FiWaybillItem, WaybillTypeEnum, WaybillStatusEnum } from '../../../types/fi'
-import { mockCurrentAccounts } from '../../../mocks/mockCurrentAccounts'
-import { getWaybillStatusText, getWaybillTypeText } from '@/utils/erp'
-
-interface WaybillFormProps {
-  waybill?: FiWaybill
-  onSave: (waybill: Partial<FiWaybill>) => void
-  onCancel: () => void
-  isVisible: boolean
-}
-
-const WaybillForm: React.FC<WaybillFormProps> = ({ waybill, onSave, onCancel, isVisible }) => {
-  const [formData, setFormData] = useState<Partial<FiWaybill>>({
-    waybillNumber: '',
-    waybillType: WaybillTypeEnum.Outgoing,
-    currentAccountId: '',
-    waybillDate: new Date(),
-    deliveryDate: new Date(),
-    subtotal: 0,
-    taxAmount: 0,
-    discountAmount: 0,
-    totalAmount: 0,
-    currency: 'TRY',
-    status: WaybillStatusEnum.Draft,
-    isInvoiced: false,
-    items: [],
-    deliveryAddress: '',
-    receiverName: '',
-    receiverPhone: '',
-    carrierCompany: '',
-    trackingNumber: '',
-    notes: '',
-  })
-
-  const [newItem, setNewItem] = useState<Partial<FiWaybillItem>>({
-    description: '',
-    quantity: 1,
-    unitPrice: 0,
-    taxRate: 18,
-    discountRate: 0,
-    unit: 'Adet',
-  })
-
-  useEffect(() => {
-    if (waybill) {
-      setFormData({
-        ...waybill,
-        waybillDate: new Date(waybill.waybillDate),
-        deliveryDate: waybill.deliveryDate ? new Date(waybill.deliveryDate) : new Date(),
-      })
-    } else {
-      // Generate new waybill number
-      const now = new Date()
-      const year = now.getFullYear()
-      const month = String(now.getMonth() + 1).padStart(2, '0')
-      const waybillNumber = `IRS${year}${month}${String(Math.floor(Math.random() * 10000)).padStart(
-        4,
-        '0',
-      )}`
-
-      setFormData((prev) => ({
-        ...prev,
-        waybillNumber,
-        waybillDate: now,
-        deliveryDate: now,
-      }))
-    }
-  }, [waybill])
-
-  const calculateItemTotal = (item: Partial<FiWaybillItem>) => {
-    const subtotal = (item.quantity || 0) * (item.unitPrice || 0)
-    const discountAmount = subtotal * ((item.discountRate || 0) / 100)
-    const taxableAmount = subtotal - discountAmount
-    const taxAmount = taxableAmount * ((item.taxRate || 0) / 100)
-    return taxableAmount + taxAmount
-  }
-
-  const calculateWaybillTotals = (items: FiWaybillItem[]) => {
-    const subtotal = items.reduce((sum, item) => sum + item.quantity * item.unitPrice, 0)
-    const discountAmount = items.reduce((sum, item) => sum + item.discountAmount, 0)
-    const taxAmount = items.reduce((sum, item) => sum + item.taxAmount, 0)
-    const totalAmount = items.reduce((sum, item) => sum + item.lineTotal, 0)
-
-    return {
-      subtotal,
-      discountAmount,
-      taxAmount,
-      totalAmount,
-    }
-  }
-
-  const handleAddItem = () => {
-    if (!newItem.description || !newItem.quantity || !newItem.unitPrice) {
-      alert('Lütfen ürün bilgilerini doldurun')
-      return
-    }
-
-    const subtotal = (newItem.quantity || 0) * (newItem.unitPrice || 0)
-    const discountAmount = subtotal * ((newItem.discountRate || 0) / 100)
-    const taxableAmount = subtotal - discountAmount
-    const taxAmount = taxableAmount * ((newItem.taxRate || 0) / 100)
-
-    const item: FiWaybillItem = {
-      id: Date.now().toString(),
-      waybillId: formData.id || '',
-      description: newItem.description!,
-      quantity: newItem.quantity!,
-      unitPrice: newItem.unitPrice!,
-      unit: newItem.unit || 'Adet',
-      taxRate: newItem.taxRate || 18,
-      discountRate: newItem.discountRate || 0,
-      lineTotal: calculateItemTotal(newItem),
-      discountAmount,
-      taxAmount,
-      netAmount: taxableAmount,
-    }
-
-    const updatedItems = [...(formData.items || []), item]
-    const totals = calculateWaybillTotals(updatedItems)
-
-    setFormData((prev) => ({
-      ...prev,
-      items: updatedItems,
-      ...totals,
-    }))
-
-    setNewItem({
-      description: '',
-      quantity: 1,
-      unitPrice: 0,
-      taxRate: 18,
-      discountRate: 0,
-      unit: 'Adet',
-    })
-  }
-
-  const handleRemoveItem = (itemId: string) => {
-    const updatedItems = formData.items?.filter((item) => item.id !== itemId) || []
-    const totals = calculateWaybillTotals(updatedItems)
-
-    setFormData((prev) => ({
-      ...prev,
-      items: updatedItems,
-      ...totals,
-    }))
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (!formData.currentAccountId) {
-      alert('Lütfen cari hesap seçin')
-      return
-    }
-    if (!formData.items?.length) {
-      alert('Lütfen en az bir ürün ekleyin')
-      return
-    }
-
-    onSave({
-      ...formData,
-      id: waybill?.id || Date.now().toString(),
-      creationTime: waybill?.creationTime || new Date(),
-      lastModificationTime: new Date(),
-    })
-  }
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString('tr-TR', {
-      style: 'currency',
-      currency: 'TRY',
-      minimumFractionDigits: 2,
-    })
-  }
-
-  if (!isVisible) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4">
-      <div className="bg-white rounded-lg shadow-xl max-w-5xl w-full max-h-[90vh] overflow-y-auto">
-        <div className="p-4 border-b border-gray-200">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-2.5">
-              <FaTruck className="w-5 h-5 text-blue-600" />
-              <h2 className="text-lg font-semibold text-gray-900">
-                {waybill ? 'İrsaliye Düzenle' : 'Yeni İrsaliye'}
-              </h2>
-            </div>
-            <button
-              onClick={onCancel}
-              className="p-2 hover:bg-gray-100 rounded-md transition-colors"
-            >
-              <FaTimes className="w-5 h-5 text-gray-500" />
-            </button>
-          </div>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4">
-          {/* Basic Information */}
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">İrsaliye No</label>
-              <input
-                type="text"
-                value={formData.waybillNumber}
-                onChange={(e) => setFormData({ ...formData, waybillNumber: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                required
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">İrsaliye Türü</label>
-              <select
-                value={formData.waybillType}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    waybillType: e.target.value as WaybillTypeEnum,
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(WaybillTypeEnum).map((type) => (
-                  <option key={type} value={type}>
-                    {getWaybillTypeText(type)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Durum</label>
-              <select
-                value={formData.status}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    status: e.target.value as WaybillStatusEnum,
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(WaybillStatusEnum).map((status) => (
-                  <option key={status} value={status}>
-                    {getWaybillStatusText(status)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Cari Hesap</label>
-              <select
-                value={formData.currentAccountId}
-                onChange={(e) => setFormData({ ...formData, currentAccountId: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                required
-              >
-                <option value="">Cari Hesap Seçin</option>
-                {mockCurrentAccounts.map((account) => (
-                  <option key={account.id} value={account.id}>
-                    {account.accountCode}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                İrsaliye Tarihi
-              </label>
-              <input
-                type="date"
-                value={formData.waybillDate?.toISOString().split('T')[0]}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    waybillDate: new Date(e.target.value),
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                required
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Teslim Tarihi</label>
-              <input
-                type="date"
-                value={formData.deliveryDate?.toISOString().split('T')[0]}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    deliveryDate: new Date(e.target.value),
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-          </div>
-
-          {/* Delivery Information */}
-          <div className="mb-6">
-            <h3 className="text-base font-semibold text-gray-900 mb-3">Teslimat Bilgileri</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Teslimat Adresi
-                </label>
-                <textarea
-                  value={formData.deliveryAddress || ''}
-                  onChange={(e) =>
-                    setFormData({
-                      ...formData,
-                      deliveryAddress: e.target.value,
-                    })
-                  }
-                  rows={3}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                />
-              </div>
-              <div className="space-y-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-2">Alıcı Adı</label>
-                  <input
-                    type="text"
-                    value={formData.receiverName || ''}
-                    onChange={(e) => setFormData({ ...formData, receiverName: e.target.value })}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  />
-                </div>
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-2">
-                    Alıcı Telefon
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.receiverPhone || ''}
-                    onChange={(e) =>
-                      setFormData({
-                        ...formData,
-                        receiverPhone: e.target.value,
-                      })
-                    }
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  />
-                </div>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Kargo Firması
-                </label>
-                <input
-                  type="text"
-                  value={formData.carrierCompany || ''}
-                  onChange={(e) => setFormData({ ...formData, carrierCompany: e.target.value })}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Takip Numarası
-                </label>
-                <input
-                  type="text"
-                  value={formData.trackingNumber || ''}
-                  onChange={(e) => setFormData({ ...formData, trackingNumber: e.target.value })}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Waybill Items */}
-          <div className="mb-6">
-            <h3 className="text-base font-semibold text-gray-900 mb-3">İrsaliye Kalemleri</h3>
-
-            {/* Add New Item */}
-            <div className="bg-gray-50 p-3 rounded-lg mb-3">
-              <div className="grid grid-cols-1 md:grid-cols-6 gap-3 text-sm">
-                <div className="md:col-span-2">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Ürün/Hizmet Açıklaması
-                  </label>
-                  <input
-                    type="text"
-                    value={newItem.description || ''}
-                    onChange={(e) => setNewItem({ ...newItem, description: e.target.value })}
-                    className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    placeholder="Ürün/Hizmet açıklaması"
-                  />
-                </div>
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Miktar</label>
-                  <input
-                    type="number"
-                    value={newItem.quantity || ''}
-                    onChange={(e) =>
-                      setNewItem({
-                        ...newItem,
-                        quantity: parseFloat(e.target.value) || 0,
-                      })
-                    }
-                    className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    step="0.01"
-                    min="0"
-                  />
-                </div>
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Birim</label>
-                  <input
-                    type="text"
-                    value={newItem.unit || ''}
-                    onChange={(e) => setNewItem({ ...newItem, unit: e.target.value })}
-                    className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    placeholder="Adet"
-                  />
-                </div>
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Birim Fiyat
-                  </label>
-                  <input
-                    type="number"
-                    value={newItem.unitPrice || ''}
-                    onChange={(e) =>
-                      setNewItem({
-                        ...newItem,
-                        unitPrice: parseFloat(e.target.value) || 0,
-                      })
-                    }
-                    className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    step="0.01"
-                    min="0"
-                  />
-                </div>
-                <div className="flex items-end">
-                  <button
-                    type="button"
-                    onClick={handleAddItem}
-                    className="w-full px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors flex items-center justify-center gap-2"
-                  >
-                    <FaPlus className="w-4 h-4" />
-                    Ekle
-                  </button>
-                </div>
-              </div>
-            </div>
-
-            {/* Items List */}
-            {formData.items && formData.items.length > 0 && (
-              <div className="border border-gray-200 rounded-lg overflow-hidden">
-                <table className="w-full">
-                  <thead className="bg-gray-50">
-                    <tr>
-                      <th className="px-3 py-2 text-left text-xs font-medium text-gray-700 uppercase">
-                        Açıklama
-                      </th>
-                      <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                        Miktar
-                      </th>
-                      <th className="px-3 py-2 text-center text-xs font-medium text-gray-700 uppercase">
-                        Birim
-                      </th>
-                      <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                        Birim Fiyat
-                      </th>
-                      <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                        Toplam
-                      </th>
-                      <th className="px-3 py-2 text-center text-xs font-medium text-gray-700 uppercase">
-                        İşlem
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody className="divide-y divide-gray-200">
-                    {formData.items.map((item) => (
-                      <tr key={item.id} className="text-sm">
-                        <td className="px-3 py-2 text-gray-900">{item.description}</td>
-                        <td className="px-3 py-2 text-gray-900 text-right">
-                          {item.quantity.toLocaleString('tr-TR')}
-                        </td>
-                        <td className="px-3 py-2 text-gray-900 text-center">{item.unit}</td>
-                        <td className="px-3 py-2 text-gray-900 text-right">
-                          {formatCurrency(item.unitPrice)}
-                        </td>
-                        <td className="px-3 py-2 text-gray-900 text-right font-medium">
-                          {formatCurrency(item.lineTotal)}
-                        </td>
-                        <td className="px-3 py-2 text-center">
-                          <button
-                            type="button"
-                            onClick={() => handleRemoveItem(item.id)}
-                            className="p-1 text-red-600 hover:bg-red-50 rounded"
-                          >
-                            <FaTrash className="w-4 h-4" />
-                          </button>
-                        </td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              </div>
-            )}
-          </div>
-
-          {/* Totals */}
-          <div className="bg-gray-50 p-4 rounded-lg mb-4">
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Notlar</label>
-                <textarea
-                  value={formData.notes || ''}
-                  onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
-                  rows={4}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="İrsaliye ile ilgili notlar..."
-                />
-              </div>
-              <div className="space-y-2 text-sm">
-                <div className="flex justify-between items-center">
-                  <span className="text-sm text-gray-600">Ara Toplam:</span>
-                  <span className="font-medium">{formatCurrency(formData.subtotal || 0)}</span>
-                </div>
-                <div className="flex justify-between items-center">
-                  <span className="text-sm text-gray-600">İndirim:</span>
-                  <span className="font-medium text-red-600">
-                    -{formatCurrency(formData.discountAmount || 0)}
-                  </span>
-                </div>
-                <div className="flex justify-between items-center">
-                  <span className="text-sm text-gray-600">KDV:</span>
-                  <span className="font-medium">{formatCurrency(formData.taxAmount || 0)}</span>
-                </div>
-                <div className="border-t pt-3">
-                  <div className="flex justify-between items-center">
-                    <span className="text-base font-semibold text-gray-900">Genel Toplam:</span>
-                    <span className="text-base font-bold text-blue-600">
-                      {formatCurrency(formData.totalAmount || 0)}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Actions */}
-          <div className="flex justify-end gap-3">
-            <button
-              type="button"
-              onClick={onCancel}
-              className="px-4 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-4 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors flex items-center gap-2"
-            >
-              <FaSave className="w-4 h-4" />
-              {waybill ? 'Güncelle' : 'Kaydet'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default WaybillForm
diff --git a/ui/src/views/accounting/components/WaybillManagement.tsx b/ui/src/views/accounting/components/WaybillManagement.tsx
deleted file mode 100644
index 7106f53d..00000000
--- a/ui/src/views/accounting/components/WaybillManagement.tsx
+++ /dev/null
@@ -1,460 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaCalendar,
-  FaExclamationTriangle,
-  FaFileAlt,
-  FaEdit,
-  FaTruck,
-  FaCheck,
-  FaEye,
-} from 'react-icons/fa'
-import { FiWaybill, WaybillTypeEnum, WaybillStatusEnum } from '../../../types/fi'
-import DataTable, { Column } from '../../../components/common/DataTable'
-import Widget from '../../../components/common/Widget'
-import {
-  getWaybillStatusColor,
-  getWaybillStatusText,
-  getWaybillTypeColor,
-  getWaybillTypeText,
-} from '../../../utils/erp'
-
-interface WaybillManagementProps {
-  waybills: FiWaybill[]
-  onAdd: () => void
-  onEdit: (waybill: FiWaybill) => void
-  onViewDetails: (waybill: FiWaybill) => void
-  onCreateInvoice: (waybill: FiWaybill) => void
-  onMarkAsDelivered: (waybill: FiWaybill) => void
-}
-
-const WaybillManagement: React.FC<WaybillManagementProps> = ({
-  waybills,
-  onAdd,
-  onEdit,
-  onViewDetails,
-  onCreateInvoice,
-  onMarkAsDelivered,
-}) => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedType, setSelectedType] = useState<WaybillTypeEnum | 'all'>('all')
-  const [selectedStatus, setSelectedStatus] = useState<WaybillStatusEnum | 'all'>('all')
-  const [showInvoicedOnly, setShowInvoicedOnly] = useState<'all' | 'invoiced' | 'not_invoiced'>(
-    'not_invoiced',
-  )
-  const [sortBy, setSortBy] = useState<'date' | 'amount' | 'deliveryDate'>('date')
-
-  const filteredWaybills = waybills
-    .filter((waybill) => {
-      if (
-        searchTerm &&
-        !waybill.waybillNumber.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !waybill.currentAccount?.accountCode?.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !waybill.trackingNumber?.toLowerCase().includes(searchTerm.toLowerCase())
-      ) {
-        return false
-      }
-      if (selectedType !== 'all' && waybill.waybillType !== selectedType) {
-        return false
-      }
-      if (selectedStatus !== 'all' && waybill.status !== selectedStatus) {
-        return false
-      }
-      if (showInvoicedOnly === 'invoiced' && !waybill.isInvoiced) {
-        return false
-      }
-      if (showInvoicedOnly === 'not_invoiced' && waybill.isInvoiced) {
-        return false
-      }
-      return true
-    })
-    .sort((a, b) => {
-      switch (sortBy) {
-        case 'date':
-          return new Date(b.waybillDate).getTime() - new Date(a.waybillDate).getTime()
-        case 'amount':
-          return b.totalAmount - a.totalAmount
-        case 'deliveryDate':
-          if (!a.deliveryDate && !b.deliveryDate) return 0
-          if (!a.deliveryDate) return 1
-          if (!b.deliveryDate) return -1
-          return new Date(a.deliveryDate).getTime() - new Date(b.deliveryDate).getTime()
-        default:
-          return 0
-      }
-    })
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString('tr-TR', {
-      style: 'currency',
-      currency: 'TRY',
-      minimumFractionDigits: 2,
-    })
-  }
-
-  const formatDate = (date: Date) => {
-    return new Date(date).toLocaleDateString('tr-TR')
-  }
-
-  const columns: Column<FiWaybill>[] = [
-    {
-      key: 'waybillNumber',
-      header: 'İrsaliye No',
-      sortable: true,
-      render: (waybill: FiWaybill) => (
-        <div>
-          <div className="font-medium text-gray-900">{waybill.waybillNumber}</div>
-          {waybill.trackingNumber && (
-            <div className="text-sm text-gray-500">Takip: {waybill.trackingNumber}</div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'type',
-      header: 'Tür',
-      render: (waybill: FiWaybill) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getWaybillTypeColor(
-            waybill.waybillType,
-          )}`}
-        >
-          {getWaybillTypeText(waybill.waybillType)}
-        </span>
-      ),
-    },
-    {
-      key: 'currentAccount',
-      header: 'Cari Hesap',
-      render: (waybill: FiWaybill) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {waybill.currentAccount?.accountCode || 'Bilinmeyen'}
-          </div>
-          <div className="text-sm text-gray-500">{waybill.currentAccount?.accountCode}</div>
-        </div>
-      ),
-    },
-    {
-      key: 'dates',
-      header: 'Tarihler',
-      render: (waybill: FiWaybill) => (
-        <div className="text-sm">
-          <div className="flex items-center gap-1">
-            <FaCalendar className="w-3 h-3 text-gray-400" />
-            <span>İrsaliye: {formatDate(waybill.waybillDate)}</span>
-          </div>
-          {waybill.deliveryDate && (
-            <div className="flex items-center gap-1">
-              <FaTruck className="w-3 h-3 text-gray-400" />
-              <span>Teslim: {formatDate(waybill.deliveryDate)}</span>
-            </div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'amounts',
-      header: 'Tutarlar',
-      render: (waybill: FiWaybill) => (
-        <div className="text-right">
-          <div className="font-medium text-gray-900">{formatCurrency(waybill.totalAmount)}</div>
-          <div className="text-sm text-gray-500">{waybill.items.length} kalem</div>
-        </div>
-      ),
-    },
-    {
-      key: 'status',
-      header: 'Durum',
-      render: (waybill: FiWaybill) => (
-        <div className="space-y-1">
-          <span
-            className={`px-2 py-1 text-xs font-medium rounded-full ${getWaybillStatusColor(
-              waybill.status,
-            )}`}
-          >
-            {getWaybillStatusText(waybill.status)}
-          </span>
-          <br />
-          <span
-            className={`px-2 py-1 text-xs font-medium rounded-full ${
-              waybill.isInvoiced ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800'
-            }`}
-          >
-            {waybill.isInvoiced ? 'Faturalandı' : 'Faturalanmadı'}
-          </span>
-        </div>
-      ),
-    },
-    {
-      key: 'carrier',
-      header: 'Kargo',
-      render: (waybill: FiWaybill) => (
-        <div className="text-sm">
-          {waybill.carrierCompany && (
-            <div className="font-medium text-gray-900">{waybill.carrierCompany}</div>
-          )}
-          {waybill.receiverName && (
-            <div className="text-gray-500">Alıcı: {waybill.receiverName}</div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (waybill: FiWaybill) => (
-        <div className="flex gap-1">
-          <button
-            onClick={() => onViewDetails(waybill)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaEye className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => onEdit(waybill)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-          {!waybill.isInvoiced && waybill.status === WaybillStatusEnum.Delivered && (
-            <button
-              onClick={() => onCreateInvoice(waybill)}
-              className="p-1 text-purple-600 hover:bg-purple-50 rounded"
-              title="Fatura Oluştur"
-            >
-              <FaFileAlt className="w-4 h-4" />
-            </button>
-          )}
-          {waybill.status === WaybillStatusEnum.Confirmed && (
-            <button
-              onClick={() => onMarkAsDelivered(waybill)}
-              className="p-1 text-green-600 hover:bg-green-50 rounded"
-              title="Teslim Edildi Olarak İşaretle"
-            >
-              <FaCheck className="w-4 h-4" />
-            </button>
-          )}
-        </div>
-      ),
-    },
-  ]
-
-  // Calculate statistics
-  const totalWaybills = waybills.length
-  const notInvoicedWaybills = waybills.filter((w) => !w.isInvoiced)
-  const deliveredWaybills = waybills.filter((w) => w.status === WaybillStatusEnum.Delivered)
-  const totalNotInvoicedAmount = notInvoicedWaybills.reduce((sum, w) => sum + w.totalAmount, 0)
-
-  // Waybill type distribution
-  const typeDistribution = Object.values(WaybillTypeEnum).map((type) => ({
-    type,
-    count: waybills.filter((w) => w.waybillType === type).length,
-    amount: waybills
-      .filter((w) => w.waybillType === type)
-      .reduce((sum, w) => sum + w.totalAmount, 0),
-  }))
-
-  // Status distribution
-  const statusDistribution = Object.values(WaybillStatusEnum).map((status) => ({
-    status,
-    count: waybills.filter((w) => w.status === status).length,
-    amount: waybills.filter((w) => w.status === status).reduce((sum, w) => sum + w.totalAmount, 0),
-  }))
-
-  return (
-    <div className="space-y-2">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h2 className="text-2xl font-bold text-gray-900">İrsaliye Yönetimi</h2>
-          <p className="text-gray-600">Giriş ve çıkış irsaliyeleri yönetimi</p>
-        </div>
-        <div className="flex gap-2 text-sm">
-          <button
-            onClick={onAdd}
-            className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni İrsaliye
-          </button>
-        </div>
-      </div>
-
-      {/* Stats Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <Widget title="Toplam İrsaliye" value={totalWaybills} color="blue" icon="FaFileAlt" />
-
-        <Widget
-          title="Faturalanmamış"
-          value={notInvoicedWaybills.length}
-          color="orange"
-          icon="FaExclamationTriangle"
-        />
-
-        <Widget
-          title="Teslim Edildi"
-          value={deliveredWaybills.length}
-          color="green"
-          icon="FaCheck"
-        />
-
-        <Widget
-          title="Faturalanmamış Tutar"
-          value={formatCurrency(totalNotInvoicedAmount)}
-          color="red"
-          icon="FaDollarSign"
-        />
-      </div>
-
-      {/* Distribution Charts */}
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-        <div className="bg-white rounded-lg shadow-sm border p-4">
-          <h3 className="text-base font-semibold text-gray-900 mb-3">İrsaliye Türü Dağılımı</h3>
-          <div className="space-y-2">
-            {typeDistribution.map(({ type, count, amount }) => (
-              <div key={type} className="flex items-center justify-between">
-                <div className="flex items-center gap-2">
-                  <span
-                    className={`px-2 py-1 text-xs font-medium rounded-full ${getWaybillTypeColor(
-                      type,
-                    )}`}
-                  >
-                    {getWaybillTypeText(type)}
-                  </span>
-                </div>
-                <div className="flex items-center gap-4">
-                  <span className="text-sm text-gray-600">{count} irsaliye</span>
-                  <span className="text-sm font-medium text-gray-900">
-                    {formatCurrency(amount)}
-                  </span>
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        <div className="bg-white rounded-lg shadow-sm border p-4">
-          <h3 className="text-base font-semibold text-gray-900 mb-3">Durum Dağılımı</h3>
-          <div className="space-y-2">
-            {statusDistribution.map(({ status, count, amount }) => (
-              <div key={status} className="flex items-center justify-between">
-                <div className="flex items-center gap-2">
-                  <span
-                    className={`px-2 py-1 text-xs font-medium rounded-full ${getWaybillStatusColor(
-                      status,
-                    )}`}
-                  >
-                    {getWaybillStatusText(status)}
-                  </span>
-                </div>
-                <div className="flex items-center gap-4">
-                  <span className="text-sm text-gray-600">{count} irsaliye</span>
-                  <span className="text-sm font-medium text-gray-900">
-                    {formatCurrency(amount)}
-                  </span>
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-      </div>
-
-      {/* Not Invoiced Alert */}
-      {notInvoicedWaybills.length > 0 && (
-        <div className="bg-orange-50 border border-orange-200 rounded-lg p-3">
-          <div className="flex items-center gap-2">
-            <FaExclamationTriangle className="w-5 h-5 text-orange-600" />
-            <h3 className="text-base font-semibold text-orange-900">Faturalanmamış İrsaliyeler</h3>
-          </div>
-          <p className="text-sm text-orange-700 mt-1">
-            {notInvoicedWaybills.length} adet irsaliye henüz faturalanmamış. Toplam tutar:{' '}
-            {formatCurrency(totalNotInvoicedAmount)}
-          </p>
-        </div>
-      )}
-
-      {/* Filters */}
-      <div className="flex gap-3 items-center">
-        <div className="flex-1 relative">
-          <FaSearch className="w-4 h-4 absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" />
-          <input
-            type="text"
-            placeholder="İrsaliye no, cari hesap veya takip no ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full pl-10 pr-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          />
-        </div>
-
-        <select
-          value={selectedType}
-          onChange={(e) => setSelectedType(e.target.value as WaybillTypeEnum | 'all')}
-          className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="all">Tüm Türler</option>
-          {Object.values(WaybillTypeEnum).map((type) => (
-            <option key={type} value={type}>
-              {getWaybillTypeText(type)}
-            </option>
-          ))}
-        </select>
-
-        <select
-          value={selectedStatus}
-          onChange={(e) => setSelectedStatus(e.target.value as WaybillStatusEnum | 'all')}
-          className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="all">Tüm Durumlar</option>
-          {Object.values(WaybillStatusEnum).map((status) => (
-            <option key={status} value={status}>
-              {getWaybillStatusText(status)}
-            </option>
-          ))}
-        </select>
-
-        <select
-          value={showInvoicedOnly}
-          onChange={(e) =>
-            setShowInvoicedOnly(e.target.value as 'all' | 'invoiced' | 'not_invoiced')
-          }
-          className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="not_invoiced">Faturalanmamış</option>
-          <option value="all">Tümü</option>
-          <option value="invoiced">Faturalanmış</option>
-        </select>
-
-        <select
-          value={sortBy}
-          onChange={(e) => setSortBy(e.target.value as 'date' | 'amount' | 'deliveryDate')}
-          className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="date">Tarihe Göre</option>
-          <option value="amount">Tutara Göre</option>
-          <option value="deliveryDate">Teslim Tarihine Göre</option>
-        </select>
-      </div>
-
-      {/* Data Table */}
-      <div className="bg-white rounded-lg shadow-sm border overflow-x-auto">
-        <DataTable data={filteredWaybills} columns={columns} />
-      </div>
-
-      {filteredWaybills.length === 0 && (
-        <div className="text-center py-10">
-          <FaFileAlt className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-          <h3 className="text-base font-medium text-gray-900 mb-2">İrsaliye bulunamadı</h3>
-          <p className="text-sm text-gray-500">
-            Yeni bir irsaliye ekleyin veya arama kriterlerinizi değiştirin.
-          </p>
-        </div>
-      )}
-    </div>
-  )
-}
-
-export default WaybillManagement
diff --git a/ui/src/views/accounting/components/WaybillToInvoice.tsx b/ui/src/views/accounting/components/WaybillToInvoice.tsx
deleted file mode 100644
index c974fa2d..00000000
--- a/ui/src/views/accounting/components/WaybillToInvoice.tsx
+++ /dev/null
@@ -1,275 +0,0 @@
-import React, { useState } from "react";
-import { FaSave, FaTimes, FaFileAlt, FaSearch, FaCheck } from "react-icons/fa";
-import { mockWaybills } from "../../../mocks/mockWaybills";
-
-interface WaybillToInvoiceProps {
-  selectedWaybills?: string[];
-  onClose: () => void;
-  onInvoiceCreated: () => void;
-  isVisible: boolean;
-}
-
-const WaybillToInvoice: React.FC<WaybillToInvoiceProps> = ({
-  selectedWaybills = [],
-  onClose,
-  onInvoiceCreated,
-  isVisible,
-}) => {
-  const [searchTerm, setSearchTerm] = useState("");
-  const [selectedWaybillIds, setSelectedWaybillIds] =
-    useState<string[]>(selectedWaybills);
-
-  const filteredWaybills = mockWaybills.filter(
-    (waybill) =>
-      !waybill.isInvoiced &&
-      (waybill.waybillNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-        waybill.notes?.toLowerCase().includes(searchTerm.toLowerCase()))
-  );
-
-  const selectedWaybillsData = mockWaybills.filter((waybill) =>
-    selectedWaybillIds.includes(waybill.id)
-  );
-
-  const handleWaybillToggle = (waybillId: string) => {
-    setSelectedWaybillIds((prev) =>
-      prev.includes(waybillId)
-        ? prev.filter((id) => id !== waybillId)
-        : [...prev, waybillId]
-    );
-  };
-
-  const handleSelectAll = () => {
-    if (selectedWaybillIds.length === filteredWaybills.length) {
-      setSelectedWaybillIds([]);
-    } else {
-      setSelectedWaybillIds(filteredWaybills.map((w) => w.id));
-    }
-  };
-
-  const calculateTotals = () => {
-    return selectedWaybillsData.reduce(
-      (totals, waybill) => ({
-        subtotal: totals.subtotal + waybill.subtotal,
-        taxAmount: totals.taxAmount + waybill.taxAmount,
-        totalAmount: totals.totalAmount + waybill.totalAmount,
-      }),
-      { subtotal: 0, taxAmount: 0, totalAmount: 0 }
-    );
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (selectedWaybillIds.length === 0) {
-      alert("Lütfen en az bir irsaliye seçin");
-      return;
-    }
-
-    // Simulate saving invoice
-    alert("Fatura başarıyla oluşturuldu!");
-    onInvoiceCreated();
-  };
-
-  const formatCurrency = (amount: number) => {
-    return amount.toLocaleString("tr-TR", {
-      style: "currency",
-      currency: "TRY",
-      minimumFractionDigits: 2,
-    });
-  };
-
-  const formatDate = (date: Date) => {
-    return new Date(date).toLocaleDateString("tr-TR");
-  };
-
-  const totals = calculateTotals();
-
-  if (!isVisible) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4">
-      <div className="bg-white rounded-lg shadow-xl max-w-6xl w-full max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="p-4 border-b border-gray-200">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-2.5">
-              <FaFileAlt className="w-5 h-5 text-blue-600" />
-              <div>
-                <h2 className="text-lg font-semibold text-gray-900">
-                  İrsaliyeden Fatura Oluştur
-                </h2>
-                <p className="text-sm text-gray-600">
-                  İrsaliyeleri seçerek fatura oluşturun
-                </p>
-              </div>
-            </div>
-            <button
-              onClick={onClose}
-              className="p-2 hover:bg-gray-100 rounded-md transition-colors"
-            >
-              <FaTimes className="w-5 h-5 text-gray-500" />
-            </button>
-          </div>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4">
-          {/* Search */}
-          <div className="mb-4">
-            <div className="relative">
-              <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" />
-              <input
-                type="text"
-                placeholder="İrsaliye numarası veya notlarda ara..."
-                value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-                className="w-full pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-          </div>
-
-          {/* Waybills List */}
-          <div className="mb-4">
-            <div className="flex items-center justify-between mb-3">
-              <h3 className="text-base font-semibold text-gray-900">
-                Faturalanacak İrsaliyeler
-              </h3>
-              <button
-                type="button"
-                onClick={handleSelectAll}
-                className="text-blue-600 hover:text-blue-800 text-sm font-medium"
-              >
-                {selectedWaybillIds.length === filteredWaybills.length
-                  ? "Tümünü Kaldır"
-                  : "Tümünü Seç"}
-              </button>
-            </div>
-
-            <div className="border border-gray-200 rounded-lg overflow-hidden">
-              <table className="w-full">
-                <thead className="bg-gray-50">
-                  <tr>
-                    <th className="p-2 text-left">
-                      <input
-                        type="checkbox"
-                        checked={
-                          selectedWaybillIds.length ===
-                            filteredWaybills.length &&
-                          filteredWaybills.length > 0
-                        }
-                        onChange={handleSelectAll}
-                        className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                      />
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-700 uppercase">
-                      İrsaliye No
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-700 uppercase">
-                      Tarih
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-700 uppercase">
-                      Tutar
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-700 uppercase">
-                      Durum
-                    </th>
-                  </tr>
-                </thead>
-                <tbody className="divide-y divide-gray-200">
-                  {filteredWaybills.map((waybill) => (
-                    <tr
-                      key={waybill.id}
-                      className={`hover:bg-gray-50 ${
-                        selectedWaybillIds.includes(waybill.id)
-                          ? "bg-blue-50"
-                          : ""
-                      }`}
-                    >
-                      <td className="p-2">
-                        <input
-                          type="checkbox"
-                          checked={selectedWaybillIds.includes(waybill.id)}
-                          onChange={() => handleWaybillToggle(waybill.id)}
-                          className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                        />
-                      </td>
-                      <td className="px-3 py-2 text-sm font-medium text-gray-900">
-                        {waybill.waybillNumber}
-                      </td>
-                      <td className="px-3 py-2 text-sm text-gray-600">
-                        {formatDate(waybill.waybillDate)}
-                      </td>
-                      <td className="px-3 py-2 text-sm text-gray-900 text-right font-medium">
-                        {formatCurrency(waybill.totalAmount)}
-                      </td>
-                      <td className="px-3 py-2">
-                        <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
-                          <FaCheck className="w-3 h-3 mr-1" />
-                          Hazır
-                        </span>
-                      </td>
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-
-            {filteredWaybills.length === 0 && (
-              <div className="text-center py-8 text-gray-500">
-                Faturalanamabilecek irsaliye bulunamadı
-              </div>
-            )}
-          </div>
-
-          {/* Selected Summary */}
-          {selectedWaybillIds.length > 0 && (
-            <div className="bg-gray-50 p-4 rounded-lg mb-4">
-              <h3 className="text-base font-semibold text-gray-900 mb-3">
-                Seçilen İrsaliyeler Özeti
-              </h3>
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-                <div className="text-center">
-                  <div className="text-xl font-bold text-blue-600">
-                    {selectedWaybillIds.length}
-                  </div>
-                  <div className="text-sm text-gray-600">İrsaliye</div>
-                </div>
-                <div className="text-center">
-                  <div className="text-xl font-bold text-green-600">
-                    {formatCurrency(totals.subtotal)}
-                  </div>
-                  <div className="text-sm text-gray-600">Ara Toplam</div>
-                </div>
-                <div className="text-center">
-                  <div className="text-xl font-bold text-purple-600">
-                    {formatCurrency(totals.totalAmount)}
-                  </div>
-                  <div className="text-sm text-gray-600">Genel Toplam</div>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {/* Actions */}
-          <div className="flex justify-end gap-3">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              disabled={selectedWaybillIds.length === 0}
-              className="px-4 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:bg-gray-300 disabled:cursor-not-allowed transition-colors flex items-center gap-2"
-            >
-              <FaSave className="w-4 h-4" />
-              Fatura Oluştur ({selectedWaybillIds.length})
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
-
-export default WaybillToInvoice;
diff --git a/ui/src/views/crm/components/ActivityDetails.tsx b/ui/src/views/crm/components/ActivityDetails.tsx
deleted file mode 100644
index 64b290b1..00000000
--- a/ui/src/views/crm/components/ActivityDetails.tsx
+++ /dev/null
@@ -1,363 +0,0 @@
-import React from 'react'
-import {
-  FaTimes,
-  FaCalendar,
-  FaPhone,
-  FaEnvelope,
-  FaUsers,
-  FaClock,
-  FaEdit,
-  FaUser,
-  FaBuilding,
-  FaFlag,
-  FaFileAlt,
-  FaHistory,
-} from 'react-icons/fa'
-import { CrmActivity } from '../../../types/crm'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import {
-  getActivityStatusColor,
-  getActivityStatusText,
-  getActivityTypeIcon,
-  getPriorityColor,
-  getPriorityText,
-  getActivityTypeText,
-} from '../../../utils/erp'
-
-interface ActivityDetailsProps {
-  isOpen: boolean
-  onClose: () => void
-  onEdit: (activity: CrmActivity) => void
-  activity: CrmActivity | null
-}
-
-const ActivityDetails: React.FC<ActivityDetailsProps> = ({ isOpen, onClose, onEdit, activity }) => {
-  if (!isOpen || !activity) return null
-
-  const customer = mockBusinessParties.find((c) => c.id === activity.customerId)
-
-  const ActivityIcon = getActivityTypeIcon(activity.activityType)
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-4xl max-h-[90vh] overflow-y-auto m-4">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b bg-gray-50">
-          <div className="flex items-center gap-3">
-            <div className="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center">
-              <ActivityIcon className="w-6 h-6 text-blue-600" />
-            </div>
-            <div>
-              <h2 className="text-lg font-semibold text-gray-900">{activity.subject}</h2>
-              <p className="text-gray-600">{getActivityTypeText(activity.activityType)}</p>
-            </div>
-          </div>
-          <div className="flex items-center gap-3">
-            <button
-              onClick={() => onEdit(activity)}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaEdit className="w-4 h-4" />
-              Düzenle
-            </button>
-            <button onClick={onClose} className="text-gray-400 hover:text-gray-600 p-2">
-              <FaTimes className="w-5 h-5" />
-            </button>
-          </div>
-        </div>
-
-        <div className="p-4">
-          {/* Status and Key Info */}
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
-            <div className="text-center">
-              <div
-                className={`inline-flex px-3 py-1.5 rounded-full text-xs font-medium border ${getActivityStatusColor(
-                  activity.status,
-                )}`}
-              >
-                {getActivityStatusText(activity.status)}
-              </div>
-              <p className="text-xs text-gray-500 mt-1">Durum</p>
-            </div>
-
-            <div className="text-center">
-              <div className={`text-base font-semibold ${getPriorityColor(activity.priority)}`}>
-                <div className="flex items-center justify-center gap-2">
-                  <FaFlag className="w-4 h-4" />
-                  {getPriorityText(activity.priority)}
-                </div>
-              </div>
-              <p className="text-xs text-gray-500 mt-1">Öncelik</p>
-            </div>
-
-            <div className="text-center">
-              <div className="flex items-center justify-center gap-2 text-base font-semibold text-gray-900">
-                <FaCalendar className="w-4 h-4 text-gray-400" />
-                {new Date(activity.activityDate).toLocaleDateString('tr-TR')}
-              </div>
-              <p className="text-xs text-gray-500 mt-1">Tarih</p>
-            </div>
-
-            <div className="text-center">
-              {activity.duration && (
-                <div className="flex items-center justify-center gap-2 text-base font-semibold text-gray-900">
-                  <FaClock className="w-4 h-4 text-gray-400" />
-                  {activity.duration} dk
-                </div>
-              )}
-              <p className="text-xs text-gray-500 mt-1">Süre</p>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-            {/* Left Column */}
-            <div className="space-y-4">
-              {/* Activity Information */}
-              <div className="bg-gray-50 rounded-lg p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                  <FaFileAlt className="w-5 h-5 text-blue-600" />
-                  Aktivite Bilgileri
-                </h3>
-                <div className="space-y-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-600 mb-1">Konu</label>
-                    <p className="text-gray-900">{activity.subject}</p>
-                  </div>
-
-                  {activity.description && (
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Açıklama
-                      </label>
-                      <p className="text-gray-900 whitespace-pre-wrap">{activity.description}</p>
-                    </div>
-                  )}
-
-                  <div className="grid grid-cols-2 gap-4">
-                    {activity.startTime && (
-                      <div>
-                        <label className="block text-sm font-medium text-gray-600 mb-1">
-                          Başlangıç Saati
-                        </label>
-                        <p className="text-gray-900">
-                          {new Date(activity.startTime).toLocaleTimeString('tr-TR', {
-                            hour: '2-digit',
-                            minute: '2-digit',
-                          })}
-                        </p>
-                      </div>
-                    )}
-
-                    {activity.endTime && (
-                      <div>
-                        <label className="block text-sm font-medium text-gray-600 mb-1">
-                          Bitiş Saati
-                        </label>
-                        <p className="text-gray-900">
-                          {new Date(activity.endTime).toLocaleTimeString('tr-TR', {
-                            hour: '2-digit',
-                            minute: '2-digit',
-                          })}
-                        </p>
-                      </div>
-                    )}
-                  </div>
-                </div>
-              </div>
-
-              {/* Customer Information */}
-              {customer && (
-                <div className="bg-gray-50 rounded-lg p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                    <FaBuilding className="w-5 h-5 text-blue-600" />
-                    Müşteri Bilgileri
-                  </h3>
-                  <div className="space-y-3">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Şirket Adı
-                      </label>
-                      <p className="text-gray-900">{customer.name}</p>
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Müşteri Kodu
-                      </label>
-                      <p className="text-gray-900">{customer.code}</p>
-                    </div>
-
-                    {customer.industry && (
-                      <div>
-                        <label className="block text-sm font-medium text-gray-600 mb-1">
-                          Sektör
-                        </label>
-                        <p className="text-gray-900">{customer.industry}</p>
-                      </div>
-                    )}
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        İletişim
-                      </label>
-                      <div className="space-y-1.5">
-                        <div className="flex items-center gap-2">
-                          <FaEnvelope className="w-4 h-4 text-gray-400" />
-                          <span className="text-gray-900">{customer.primaryContact?.email}</span>
-                        </div>
-                        {customer.primaryContact?.phoneNumber && (
-                          <div className="flex items-center gap-2">
-                            <FaPhone className="w-4 h-4 text-gray-400" />
-                            <span className="text-gray-900">{customer.primaryContact.phoneNumber}</span>
-                          </div>
-                        )}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              )}
-            </div>
-
-            {/* Right Column */}
-            <div className="space-y-4">
-              {/* Assignment & Participants */}
-              <div className="bg-gray-50 rounded-lg p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                  <FaUser className="w-5 h-5 text-blue-600" />
-                  Atama & Katılımcılar
-                </h3>
-                <div className="space-y-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-600 mb-1">Sorumlu</label>
-                    <div className="flex items-center gap-2">
-                      <FaUser className="w-4 h-4 text-gray-400" />
-                      <span className="text-gray-900">{activity.assigned?.name}</span>
-                    </div>
-                  </div>
-
-                  {activity.participants.length > 0 && (
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Katılımcılar
-                      </label>
-                      <div className="space-y-1.5">
-                        {activity.participants.map((participantId, index) => {
-                          const employee = mockEmployees.find((emp) => emp.id === participantId)
-                          return (
-                            <div key={index} className="flex items-center gap-2">
-                              <FaUsers className="w-4 h-4 text-gray-400" />
-                              <span className="text-gray-900">
-                                {employee ? employee.name : participantId}
-                              </span>
-                            </div>
-                          )
-                        })}
-                      </div>
-                    </div>
-                  )}
-                </div>
-              </div>
-
-              {/* Follow-up Information */}
-              {(activity.followUpDate || activity.followUpActivity) && (
-                <div className="bg-gray-50 rounded-lg p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                    <FaFlag className="w-5 h-5 text-blue-600" />
-                    Takip Bilgileri
-                  </h3>
-                  <div className="space-y-3">
-                    {activity.followUpDate && (
-                      <div>
-                        <label className="block text-sm font-medium text-gray-600 mb-1">
-                          Takip Tarihi
-                        </label>
-                        <div className="flex items-center gap-2">
-                          <FaCalendar className="w-4 h-4 text-gray-400" />
-                          <span className="text-gray-900">
-                            {new Date(activity.followUpDate).toLocaleDateString('tr-TR')}
-                          </span>
-                        </div>
-                      </div>
-                    )}
-
-                    {activity.followUpActivity && (
-                      <div>
-                        <label className="block text-sm font-medium text-gray-600 mb-1">
-                          Takip Aktivitesi
-                        </label>
-                        <p className="text-gray-900">{activity.followUpActivity}</p>
-                      </div>
-                    )}
-                  </div>
-                </div>
-              )}
-
-              {/* Results */}
-              {(activity.outcome || activity.nextSteps) && (
-                <div className="bg-gray-50 rounded-lg p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                    <FaFileAlt className="w-5 h-5 text-blue-600" />
-                    Sonuçlar
-                  </h3>
-                  <div className="space-y-3">
-                    {activity.outcome && (
-                      <div>
-                        <label className="block text-sm font-medium text-gray-600 mb-1">
-                          Sonuç
-                        </label>
-                        <p className="text-gray-900 whitespace-pre-wrap">{activity.outcome}</p>
-                      </div>
-                    )}
-
-                    {activity.nextSteps && (
-                      <div>
-                        <label className="block text-sm font-medium text-gray-600 mb-1">
-                          Sonraki Adımlar
-                        </label>
-                        <p className="text-gray-900 whitespace-pre-wrap">{activity.nextSteps}</p>
-                      </div>
-                    )}
-                  </div>
-                </div>
-              )}
-
-              {/* Timeline */}
-              <div className="bg-gray-50 rounded-lg p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                  <FaHistory className="w-5 h-5 text-blue-600" />
-                  Zaman Çizelgesi
-                </h3>
-                <div className="space-y-3">
-                  <div className="flex items-start gap-3 border-l-2 border-blue-200 pl-4">
-                    <div className="w-3 h-3 bg-blue-600 rounded-full mt-1.5 -ml-6 border-2 border-white"></div>
-                    <div>
-                      <p className="text-sm font-medium text-gray-900">Aktivite Oluşturuldu</p>
-                      <p className="text-xs text-gray-500 flex items-center gap-1">
-                        <FaClock className="w-3 h-3" />
-                        {new Date(activity.creationTime).toLocaleDateString('tr-TR')}
-                      </p>
-                    </div>
-                  </div>
-
-                  <div className="flex items-start gap-3 border-l-2 border-gray-200 pl-4">
-                    <div className="w-3 h-3 bg-gray-400 rounded-full mt-1.5 -ml-6 border-2 border-white"></div>
-                    <div>
-                      <p className="text-sm font-medium text-gray-900">Son Güncelleme</p>
-                      <p className="text-xs text-gray-500 flex items-center gap-1">
-                        <FaClock className="w-3 h-3" />
-                        {new Date(activity.lastModificationTime).toLocaleDateString('tr-TR')}
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default ActivityDetails
diff --git a/ui/src/views/crm/components/ActivityForm.tsx b/ui/src/views/crm/components/ActivityForm.tsx
deleted file mode 100644
index 4111d787..00000000
--- a/ui/src/views/crm/components/ActivityForm.tsx
+++ /dev/null
@@ -1,481 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaCalendar, FaFileAlt, FaFlag } from 'react-icons/fa'
-import { CrmActivity, CrmActivityTypeEnum, ActivityStatusEnum } from '../../../types/crm'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import MultiSelectEmployee from '../../../components/common/MultiSelectEmployee'
-import { BusinessParty, PriorityEnum } from '../../../types/common'
-import { getActivityStatusText, getPriorityText, getActivityTypeText } from '../../../utils/erp'
-
-interface ActivityFormProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (activity: CrmActivity) => void
-  activity?: CrmActivity | null
-  mode: 'create' | 'edit'
-}
-
-const ActivityForm: React.FC<ActivityFormProps> = ({ isOpen, onClose, onSave, activity, mode }) => {
-  const [formData, setFormData] = useState({
-    id: '',
-    activityType: CrmActivityTypeEnum.Call,
-    subject: '',
-    description: '',
-    customerId: '',
-    contactId: '',
-    activityDate: '',
-    startTime: '',
-    endTime: '',
-    duration: '',
-    assignedTo: '',
-    participants: [] as string[], // Array of employee IDs
-    status: ActivityStatusEnum.Planned,
-    priority: PriorityEnum.Normal,
-    followUpDate: '',
-    followUpActivity: '',
-    outcome: '',
-    nextSteps: '',
-  })
-
-  const [customers] = useState<BusinessParty[]>(mockBusinessParties)
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  useEffect(() => {
-    if (activity && mode === 'edit') {
-      setFormData({
-        id: activity.id,
-        activityType: activity.activityType,
-        subject: activity.subject,
-        description: activity.description || '',
-        customerId: activity.customerId || '',
-        contactId: activity.contactId || '',
-        activityDate: activity.activityDate.toISOString().split('T')[0],
-        startTime: activity.startTime ? activity.startTime.toISOString().slice(11, 16) : '',
-        endTime: activity.endTime ? activity.endTime.toISOString().slice(11, 16) : '',
-        duration: activity.duration?.toString() || '',
-        assignedTo: activity.assignedTo,
-        participants: activity.participants || [], // Keep as array of IDs
-        status: activity.status,
-        priority: activity.priority,
-        followUpDate: activity.followUpDate
-          ? activity.followUpDate.toISOString().split('T')[0]
-          : '',
-        followUpActivity: activity.followUpActivity || '',
-        outcome: activity.outcome || '',
-        nextSteps: activity.nextSteps || '',
-      })
-    } else if (mode === 'create') {
-      const today = new Date().toISOString().split('T')[0]
-      setFormData({
-        id: `act_${Date.now()}`,
-        activityType: CrmActivityTypeEnum.Call,
-        subject: '',
-        description: '',
-        customerId: '',
-        contactId: '',
-        activityDate: today,
-        startTime: '',
-        endTime: '',
-        duration: '',
-        assignedTo: 'Mevcut Kullanıcı',
-        participants: [], // Empty array for new activities
-        status: ActivityStatusEnum.Planned,
-        priority: PriorityEnum.Normal,
-        followUpDate: '',
-        followUpActivity: '',
-        outcome: '',
-        nextSteps: '',
-      })
-    }
-  }, [activity, mode, isOpen])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]: value,
-    }))
-
-    // Clear error when user starts typing
-    if (errors[name]) {
-      setErrors((prev) => ({
-        ...prev,
-        [name]: '',
-      }))
-    }
-  }
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.subject.trim()) {
-      newErrors.subject = 'Aktivite konusu zorunludur'
-    }
-
-    if (!formData.activityDate) {
-      newErrors.activityDate = 'Aktivite tarihi zorunludur'
-    }
-
-    if (!formData.assignedTo.trim()) {
-      newErrors.assignedTo = 'Sorumlu kişi zorunludur'
-    }
-
-    if (formData.duration && (isNaN(Number(formData.duration)) || Number(formData.duration) <= 0)) {
-      newErrors.duration = 'Süre geçerli bir sayı olmalıdır'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-
-    if (!validateForm()) {
-      return
-    }
-
-    const activityData: CrmActivity = {
-      id: formData.id,
-      activityType: formData.activityType,
-      subject: formData.subject,
-      description: formData.description || undefined,
-      customerId: formData.customerId || undefined,
-      contactId: formData.contactId || undefined,
-      activityDate: new Date(formData.activityDate),
-      startTime: formData.startTime
-        ? new Date(`${formData.activityDate}T${formData.startTime}`)
-        : undefined,
-      endTime: formData.endTime
-        ? new Date(`${formData.activityDate}T${formData.endTime}`)
-        : undefined,
-      duration: formData.duration ? Number(formData.duration) : undefined,
-      assignedTo: formData.assignedTo,
-      participants: formData.participants, // Already an array of IDs
-      status: formData.status,
-      priority: formData.priority,
-      followUpDate: formData.followUpDate ? new Date(formData.followUpDate) : undefined,
-      followUpActivity: formData.followUpActivity || undefined,
-      outcome: formData.outcome || undefined,
-      nextSteps: formData.nextSteps || undefined,
-      creationTime: activity?.creationTime || new Date(),
-      lastModificationTime: new Date(),
-    }
-
-    onSave(activityData)
-    onClose()
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-4xl max-h-[90vh] overflow-y-auto m-4">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b">
-          <h2 className="text-lg font-semibold text-gray-900">
-            {mode === 'create' ? 'Yeni Aktivite Oluştur' : 'Aktivite Düzenle'}
-          </h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Form */}
-        <form onSubmit={handleSubmit} className="p-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Basic Information */}
-            <div className="space-y-3">
-              <h3 className="text-base font-medium text-gray-900 flex items-center gap-2">
-                <FaFileAlt className="w-5 h-5" />
-                Temel Bilgiler
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Aktivite Türü *
-                </label>
-                <select
-                  name="activityType"
-                  value={formData.activityType}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {Object.values(CrmActivityTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getActivityTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Konu *</label>
-                <input
-                  type="text"
-                  name="subject"
-                  value={formData.subject}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.subject ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Aktivite konusunu girin"
-                />
-                {errors.subject && <p className="text-red-500 text-sm mt-1">{errors.subject}</p>}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Açıklama</label>
-                <textarea
-                  name="description"
-                  value={formData.description}
-                  onChange={handleInputChange}
-                  rows={3}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="Aktivite açıklaması"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Müşteri</label>
-                <select
-                  name="customerId"
-                  value={formData.customerId}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  <option value="">Müşteri seçin</option>
-                  {customers.map((customer) => (
-                    <option key={customer.id} value={customer.id}>
-                      {customer.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Öncelik</label>
-                <select
-                  name="priority"
-                  value={formData.priority}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {Object.values(PriorityEnum).map((priority) => (
-                    <option key={priority} value={priority}>
-                      {getPriorityText(priority)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-            </div>
-
-            {/* Scheduling & Assignment */}
-            <div className="space-y-3">
-              <h3 className="text-base font-medium text-gray-900 flex items-center gap-2">
-                <FaCalendar className="w-5 h-5" />
-                Zamanlama & Atama
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Aktivite Tarihi *
-                </label>
-                <input
-                  type="date"
-                  name="activityDate"
-                  value={formData.activityDate}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.activityDate ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                />
-                {errors.activityDate && (
-                  <p className="text-red-500 text-sm mt-1">{errors.activityDate}</p>
-                )}
-              </div>
-
-              <div className="grid grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Başlangıç Saati
-                  </label>
-                  <input
-                    type="time"
-                    name="startTime"
-                    value={formData.startTime}
-                    onChange={handleInputChange}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Bitiş Saati
-                  </label>
-                  <input
-                    type="time"
-                    name="endTime"
-                    value={formData.endTime}
-                    onChange={handleInputChange}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  />
-                </div>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Süre (dakika)
-                </label>
-                <input
-                  type="number"
-                  name="duration"
-                  value={formData.duration}
-                  onChange={handleInputChange}
-                  min="1"
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.duration ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="60"
-                />
-                {errors.duration && <p className="text-red-500 text-sm mt-1">{errors.duration}</p>}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Sorumlu *</label>
-                <select
-                  value={formData.assignedTo}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                >
-                  <option value="">Çalışan seçin</option>
-                  {mockEmployees.map((employee) => (
-                    <option key={employee.id} value={employee.id}>
-                      {employee.name}
-                    </option>
-                  ))}
-                </select>
-                {errors.assignedTo && (
-                  <p className="text-red-500 text-sm mt-1">{errors.assignedTo}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Katılımcılar</label>
-                <MultiSelectEmployee
-                  selectedEmployees={formData.participants}
-                  onChange={(employeeIds) =>
-                    setFormData((prev) => ({
-                      ...prev,
-                      participants: employeeIds,
-                    }))
-                  }
-                  placeholder="Katılımcı seçin"
-                  className="w-full"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Durum</label>
-                <select
-                  name="status"
-                  value={formData.status}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {Object.values(ActivityStatusEnum).map((status) => (
-                    <option key={status} value={status}>
-                      {getActivityStatusText(status)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-            </div>
-          </div>
-
-          {/* Follow-up & Results */}
-          <div className="mt-4 space-y-3">
-            <h3 className="text-base font-medium text-gray-900 flex items-center gap-2">
-              <FaFlag className="w-5 h-5" />
-              Takip & Sonuçlar
-            </h3>
-
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Takip Tarihi</label>
-                <input
-                  type="date"
-                  name="followUpDate"
-                  value={formData.followUpDate}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Takip Aktivitesi
-                </label>
-                <input
-                  type="text"
-                  name="followUpActivity"
-                  value={formData.followUpActivity}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="Takip aktivitesi açıklaması"
-                />
-              </div>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Sonuç</label>
-              <textarea
-                name="outcome"
-                value={formData.outcome}
-                onChange={handleInputChange}
-                rows={2}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                placeholder="Aktivite sonucu"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Sonraki Adımlar
-              </label>
-              <textarea
-                name="nextSteps"
-                value={formData.nextSteps}
-                onChange={handleInputChange}
-                rows={2}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                placeholder="Sonraki adımlar"
-              />
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-4 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              {mode === 'create' ? 'Oluştur' : 'Güncelle'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default ActivityForm
diff --git a/ui/src/views/crm/components/ActivityRecords.tsx b/ui/src/views/crm/components/ActivityRecords.tsx
deleted file mode 100644
index ecc8890a..00000000
--- a/ui/src/views/crm/components/ActivityRecords.tsx
+++ /dev/null
@@ -1,597 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaCalendar,
-  FaPlus,
-  FaEdit,
-  FaTrash,
-  FaClock,
-  FaUser,
-  FaBuilding,
-  FaList,
-  FaTh,
-  FaFlag,
-} from 'react-icons/fa'
-import { CrmActivity, CrmActivityTypeEnum, ActivityStatusEnum } from '../../../types/crm'
-import DataTable, { Column } from '../../../components/common/DataTable'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { mockActivities } from '../../../mocks/mockActivities'
-import ActivityForm from './ActivityForm'
-import ActivityDetails from './ActivityDetails'
-import { BusinessParty, PriorityEnum } from '../../../types/common'
-import Widget from '../../../components/common/Widget'
-import {
-  getActivityStatusColor,
-  getActivityStatusText,
-  getActivityTypeIcon,
-  getActivityTypeText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const ActivityRecords: React.FC = () => {
-  const [activities, setActivities] = useState<CrmActivity[]>(mockActivities)
-  const [customers] = useState<BusinessParty[]>(mockBusinessParties)
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedType, setSelectedType] = useState<CrmActivityTypeEnum | 'all'>('all')
-  const [selectedStatus, setSelectedStatus] = useState<ActivityStatusEnum | 'all'>('all')
-  const [viewMode, setViewMode] = useState<'list' | 'cards'>('list')
-
-  // Modal states
-  const [isFormOpen, setIsFormOpen] = useState(false)
-  const [isDetailsOpen, setIsDetailsOpen] = useState(false)
-  const [selectedActivity, setSelectedActivity] = useState<CrmActivity | null>(null)
-  const [formMode, setFormMode] = useState<'create' | 'edit'>('create')
-
-  const handleAdd = () => {
-    setSelectedActivity(null)
-    setFormMode('create')
-    setIsFormOpen(true)
-  }
-
-  const handleEdit = (activity: CrmActivity) => {
-    setSelectedActivity(activity)
-    setFormMode('edit')
-    setIsFormOpen(true)
-  }
-
-  const handleDelete = (id: string) => {
-    if (confirm('Bu aktiviteyi silmek istediğinizden emin misiniz?')) {
-      setActivities((prev) => prev.filter((act) => act.id !== id))
-    }
-  }
-
-  const handleViewDetails = (activity: CrmActivity) => {
-    setSelectedActivity(activity)
-    setIsDetailsOpen(true)
-  }
-
-  const handleSaveActivity = (activity: CrmActivity) => {
-    if (formMode === 'create') {
-      setActivities((prev) => [...prev, activity])
-    } else {
-      setActivities((prev) => prev.map((act) => (act.id === activity.id ? activity : act)))
-    }
-  }
-
-  const handleCloseForm = () => {
-    setIsFormOpen(false)
-    setSelectedActivity(null)
-  }
-
-  const handleCloseDetails = () => {
-    setIsDetailsOpen(false)
-    setSelectedActivity(null)
-  }
-
-  const handleEditFromDetails = (activity: CrmActivity) => {
-    setIsDetailsOpen(false)
-    handleEdit(activity)
-  }
-
-  const filteredActivities = activities.filter((activity) => {
-    if (
-      searchTerm &&
-      !activity.subject.toLowerCase().includes(searchTerm.toLowerCase()) &&
-      !activity.description?.toLowerCase().includes(searchTerm.toLowerCase())
-    ) {
-      return false
-    }
-    if (selectedType !== 'all' && activity.activityType !== selectedType) {
-      return false
-    }
-    if (selectedStatus !== 'all' && activity.status !== selectedStatus) {
-      return false
-    }
-    return true
-  })
-
-  const columns: Column<CrmActivity>[] = [
-    {
-      key: 'subject',
-      header: 'Aktivite',
-      sortable: true,
-      render: (activity: CrmActivity) => {
-        const Icon = getActivityTypeIcon(activity.activityType)
-        return (
-          <div className="flex items-center gap-3">
-            <div className="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center">
-              <Icon className="w-5 h-5 text-blue-600" />
-            </div>
-            <div>
-              <div className="font-medium text-gray-900">{activity.subject}</div>
-              <div className="text-sm text-gray-500">
-                {getActivityTypeText(activity.activityType)}
-              </div>
-            </div>
-          </div>
-        )
-      },
-    },
-    {
-      key: 'customer',
-      header: 'Müşteri',
-      render: (activity: CrmActivity) => {
-        const customer = customers.find((c) => c.id === activity.customerId)
-        return customer ? (
-          <div className="flex items-center gap-2">
-            <FaBuilding className="w-4 h-4 text-gray-400" />
-            <span>{customer.name}</span>
-          </div>
-        ) : (
-          '-'
-        )
-      },
-    },
-    {
-      key: 'activityDate',
-      header: 'Tarih & Saat',
-      render: (activity: CrmActivity) => (
-        <div className="flex items-center gap-1 text-sm">
-          <FaCalendar className="w-3 h-3 text-gray-400" />
-          <div>
-            <div>{new Date(activity.activityDate).toLocaleDateString('tr-TR')}</div>
-            <div className="text-gray-500">
-              {activity.startTime
-                ? new Date(activity.startTime).toLocaleTimeString('tr-TR', {
-                    hour: '2-digit',
-                    minute: '2-digit',
-                  })
-                : '-'}
-            </div>
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: 'duration',
-      header: 'Süre',
-      render: (activity: CrmActivity) =>
-        activity.duration ? (
-          <div className="flex items-center gap-1">
-            <FaClock className="w-4 h-4 text-gray-400" />
-            <span>{activity.duration} dk</span>
-          </div>
-        ) : (
-          '-'
-        ),
-    },
-    {
-      key: 'assignedTo',
-      header: 'Sorumlu',
-      render: (activity: CrmActivity) => (
-        <div className="flex items-center gap-1">
-          <FaUser className="w-4 h-4 text-gray-400" />
-          <span>{activity.assigned?.name}</span>
-        </div>
-      ),
-    },
-    {
-      key: 'status',
-      header: 'Durum',
-      render: (activity: CrmActivity) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getActivityStatusColor(
-            activity.status,
-          )}`}
-        >
-          {getActivityStatusText(activity.status)}
-        </span>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (activity: CrmActivity) => (
-        <div className="flex gap-2">
-          <button
-            onClick={() => handleViewDetails(activity)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaCalendar className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleEdit(activity)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleDelete(activity.id)}
-            className="p-1 text-red-600 hover:bg-red-50 rounded"
-            title="Sil"
-          >
-            <FaTrash className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  // Calculate statistics
-  const totalActivities = activities.length
-  const completedActivities = activities.filter(
-    (a) => a.status === ActivityStatusEnum.Completed,
-  ).length
-  const pendingActivities = activities.filter(
-    (a) => a.status === ActivityStatusEnum.Planned || a.status === ActivityStatusEnum.InProgress,
-  ).length
-  const todayActivities = activities.filter((a) => {
-    const today = new Date()
-    const activityDate = new Date(a.activityDate)
-    return activityDate.toDateString() === today.toDateString()
-  }).length
-
-  // Activity type distribution
-  const typeDistribution = Object.values(CrmActivityTypeEnum).map((type) => ({
-    type,
-    count: activities.filter((a) => a.activityType === type).length,
-    completed: activities.filter(
-      (a) => a.activityType === type && a.status === ActivityStatusEnum.Completed,
-    ).length,
-  }))
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Görüşme / Aktivite Kayıtları</h2>
-            <p className="text-gray-600">Müşteri etkileşimleri ve aktivite takibi</p>
-          </div>
-          <div className="flex items-center gap-4">
-            <button
-              onClick={handleAdd}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaPlus className="w-4 h-4" />
-              Yeni Aktivite
-            </button>
-          </div>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <Widget title="Toplam Aktivite" value={totalActivities} color="blue" icon="FaCalendar" />
-
-          <Widget title="Bekleyen" value={pendingActivities} color="orange" icon="FaClock" />
-
-          <Widget title="Tamamlanan" value={completedActivities} color="green" icon="FaUsers" />
-
-          <Widget title="Bugün" value={todayActivities} color="purple" icon="FaCalendar" />
-        </div>
-
-        {/* Activity Types Distribution */}
-        <div className="bg-white rounded-lg shadow-sm border p-4">
-          <h3 className="text-base font-semibold text-gray-900 mb-3">Aktivite Türü Dağılımı</h3>
-          <div className="grid grid-cols-2 md:grid-cols-7 gap-3">
-            {typeDistribution.map(({ type, count, completed }) => {
-              const Icon = getActivityTypeIcon(type)
-              const completionRate = count > 0 ? Math.round((completed / count) * 100) : 0
-
-              return (
-                <div key={type} className="text-center p-4 border rounded-lg">
-                  <div className="flex justify-center mb-1">
-                    <Icon className="w-5 h-5 text-blue-600" />
-                  </div>
-                  <div className="text-sm font-medium text-gray-600 mb-1">
-                    {getActivityTypeText(type)}
-                  </div>
-                  <div className="text-xl font-bold text-gray-900 mb-1">{count}</div>
-                  <div className="text-xxs text-gray-500">%{completionRate} tamamlandı</div>
-                </div>
-              )
-            })}
-          </div>
-        </div>
-
-        {/* Recent Activities */}
-        <div className="bg-white rounded-lg shadow-sm border p-4">
-          <h3 className="text-base font-semibold text-gray-900 mb-3">Son Aktiviteler</h3>
-          <div className="space-y-4 pt-2">
-            {activities
-              .sort(
-                (a, b) => new Date(b.activityDate).getTime() - new Date(a.activityDate).getTime(),
-              )
-              .slice(0, 5)
-              .map((activity) => {
-                const Icon = getActivityTypeIcon(activity.activityType)
-                const customer = customers.find((c) => c.id === activity.customerId)
-
-                return (
-                  <div
-                    key={activity.id}
-                    className="flex items-center justify-between p-4 bg-gray-50 rounded-lg"
-                  >
-                    <div className="flex items-center gap-4">
-                      <div className="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center">
-                        <Icon className="w-5 h-5 text-blue-600" />
-                      </div>
-                      <div>
-                        <h4 className="font-medium text-gray-900">{activity.subject}</h4>
-                        <p className="text-sm text-gray-500">
-                          {customer?.name} • {getActivityTypeText(activity.activityType)}
-                        </p>
-                      </div>
-                    </div>
-                    <div className="text-right">
-                      <div className="text-sm text-gray-900">
-                        {new Date(activity.activityDate).toLocaleDateString('tr-TR')}
-                      </div>
-                      <span
-                        className={`px-2 py-1 text-xs font-medium rounded-full ${getActivityStatusColor(
-                          activity.status,
-                        )}`}
-                      >
-                        {getActivityStatusText(activity.status)}
-                      </span>
-                    </div>
-                  </div>
-                )
-              })}
-          </div>
-        </div>
-
-        {/* Filters */}
-        <div className="flex gap-4 items-center">
-          <div className="flex-1">
-            <input
-              type="text"
-              placeholder="Aktivite başlığı ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-
-          <select
-            value={selectedType}
-            onChange={(e) => setSelectedType(e.target.value as CrmActivityTypeEnum | 'all')}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">Tüm Türler</option>
-            {Object.values(CrmActivityTypeEnum).map((type) => (
-              <option key={type} value={type}>
-                {getActivityTypeText(type)}
-              </option>
-            ))}
-          </select>
-
-          <select
-            value={selectedStatus}
-            onChange={(e) => setSelectedStatus(e.target.value as ActivityStatusEnum | 'all')}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">Tüm Durumlar</option>
-            {Object.values(ActivityStatusEnum).map((status) => (
-              <option key={status} value={status}>
-                {getActivityStatusText(status)}
-              </option>
-            ))}
-          </select>
-
-          <div className="flex bg-gray-100 rounded-md p-1">
-            <button
-              onClick={() => setViewMode('list')}
-              className={`px-3 py-1.5 flex items-center gap-2 text-sm ${
-                viewMode === 'list'
-                  ? 'bg-blue-600 text-white'
-                  : 'bg-white text-gray-700 hover:bg-gray-50'
-              }`}
-            >
-              <FaList className="w-4 h-4" />
-            </button>
-            <button
-              onClick={() => setViewMode('cards')}
-              className={`px-3 py-1.5 flex items-center gap-2 text-sm ${
-                viewMode === 'cards'
-                  ? 'bg-blue-600 text-white'
-                  : 'bg-white text-gray-700 hover:bg-gray-50'
-              }`}
-            >
-              <FaTh className="w-4 h-4" />
-            </button>
-          </div>
-        </div>
-
-        {/* Data Display */}
-        {viewMode === 'list' ? (
-          <div className="bg-white rounded-lg shadow-sm border">
-            <DataTable data={filteredActivities} columns={columns} />
-          </div>
-        ) : (
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-            {filteredActivities.map((activity) => {
-              const customer = customers.find((c) => c.id === activity.customerId)
-              const ActivityIcon = getActivityTypeIcon(activity.activityType)
-
-              return (
-                <div
-                  key={activity.id}
-                  className="bg-white rounded-lg shadow-sm border p-4 hover:shadow-md transition-shadow"
-                >
-                  {/* Card Header */}
-                  <div className="flex items-start justify-between mb-3">
-                    <div className="flex items-center gap-3">
-                      <div className="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center">
-                        <ActivityIcon className="w-4 h-4 text-blue-600" />
-                      </div>
-                      <div>
-                        <h3 className="font-semibold text-gray-900 text-sm leading-tight">
-                          {activity.subject}
-                        </h3>
-                        <p className="text-sm text-gray-600">
-                          {getActivityTypeText(activity.activityType)}
-                        </p>
-                      </div>
-                    </div>
-                    <span
-                      className={`px-2 py-1 text-xs font-medium rounded-full ${getActivityStatusColor(
-                        activity.status,
-                      )}`}
-                    >
-                      {getActivityStatusText(activity.status)}
-                    </span>
-                  </div>
-
-                  {/* Card Content */}
-                  <div className="space-y-2 mb-3">
-                    {customer && (
-                      <div className="flex items-center gap-2 text-sm">
-                        <FaBuilding className="w-4 h-4 text-gray-400" />
-                        <span className="text-gray-900 truncate">{customer.name}</span>
-                      </div>
-                    )}
-
-                    <div className="flex items-center gap-2 text-sm">
-                      <FaCalendar className="w-4 h-4 text-gray-400" />
-                      <span className="text-gray-900">
-                        {new Date(activity.activityDate).toLocaleDateString('tr-TR')}
-                        {activity.startTime && (
-                          <span className="text-gray-500 ml-1">
-                            •{' '}
-                            {new Date(activity.startTime).toLocaleTimeString('tr-TR', {
-                              hour: '2-digit',
-                              minute: '2-digit',
-                            })}
-                          </span>
-                        )}
-                      </span>
-                    </div>
-
-                    <div className="flex items-center gap-2 text-sm">
-                      <FaUser className="w-4 h-4 text-gray-400" />
-                      <span className="text-gray-900">{activity.assignedTo}</span>
-                    </div>
-
-                    {activity.duration && (
-                      <div className="flex items-center gap-2 text-sm">
-                        <FaClock className="w-4 h-4 text-gray-400" />
-                        <span className="text-gray-900">{activity.duration} dk</span>
-                      </div>
-                    )}
-
-                    <div className="flex items-center gap-2 text-sm">
-                      <FaFlag
-                        className={`w-4 h-4 ${
-                          activity.priority === PriorityEnum.High ||
-                          activity.priority === PriorityEnum.Urgent
-                            ? 'text-red-500'
-                            : activity.priority === PriorityEnum.Normal
-                              ? 'text-blue-500'
-                              : 'text-gray-400'
-                        }`}
-                      />
-                      <span
-                        className={`${
-                          activity.priority === PriorityEnum.High ||
-                          activity.priority === PriorityEnum.Urgent
-                            ? 'text-red-600'
-                            : activity.priority === PriorityEnum.Normal
-                              ? 'text-blue-600'
-                              : 'text-gray-600'
-                        }`}
-                      >
-                        {activity.priority === PriorityEnum.Low
-                          ? 'Düşük'
-                          : activity.priority === PriorityEnum.Normal
-                            ? 'Normal'
-                            : activity.priority === PriorityEnum.High
-                              ? 'Yüksek'
-                              : 'Acil'}
-                      </span>
-                    </div>
-
-                    {activity.description && (
-                      <p
-                        className="text-sm text-gray-600 overflow-hidden"
-                        style={{
-                          display: '-webkit-box',
-                          WebkitLineClamp: 2,
-                          WebkitBoxOrient: 'vertical',
-                          lineHeight: '1.4em',
-                          maxHeight: '2.8em',
-                        }}
-                      >
-                        {activity.description}
-                      </p>
-                    )}
-                  </div>
-
-                  {/* Card Actions */}
-                  <div className="flex gap-2 pt-3 border-t justify-end">
-                    <button
-                      onClick={() => handleViewDetails(activity)}
-                      className="flex items-center justify-center gap-2 px-2.5 py-1.5 text-blue-600 bg-blue-50 rounded-md hover:bg-blue-100 transition-colors text-xs"
-                    >
-                      <FaCalendar className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleEdit(activity)}
-                      className="flex items-center justify-center gap-2 px-2.5 py-1.5 text-green-600 bg-green-50 rounded-md hover:bg-green-100 transition-colors text-xs"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleDelete(activity.id)}
-                      className="px-2.5 py-1.5 text-red-600 bg-red-50 rounded-md hover:bg-red-100 transition-colors"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-              )
-            })}
-          </div>
-        )}
-
-        {filteredActivities.length === 0 && (
-          <div className="text-center py-12">
-            <FaCalendar className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-            <h3 className="text-lg font-medium text-gray-900 mb-2">Aktivite bulunamadı</h3>
-            <p className="text-gray-500">Arama kriterlerinizi değiştirmeyi deneyin.</p>
-          </div>
-        )}
-      </div>
-
-      {/* Modals */}
-      <ActivityForm
-        isOpen={isFormOpen}
-        onClose={handleCloseForm}
-        onSave={handleSaveActivity}
-        activity={selectedActivity}
-        mode={formMode}
-      />
-
-      <ActivityDetails
-        isOpen={isDetailsOpen}
-        onClose={handleCloseDetails}
-        onEdit={handleEditFromDetails}
-        activity={selectedActivity}
-      />
-    </Container>
-  )
-}
-
-export default ActivityRecords
diff --git a/ui/src/views/crm/components/CustomerCards.tsx b/ui/src/views/crm/components/CustomerCards.tsx
deleted file mode 100644
index 55ce7167..00000000
--- a/ui/src/views/crm/components/CustomerCards.tsx
+++ /dev/null
@@ -1,484 +0,0 @@
-import React, { useState } from 'react'
-import { Link } from 'react-router-dom'
-import { useQuery } from '@tanstack/react-query'
-import {
-  FaUserCheck,
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaDownload,
-  FaEdit,
-  FaEye,
-  FaPhone,
-  FaEnvelope,
-  FaMapMarkerAlt,
-  FaBuilding,
-  FaExclamationTriangle,
-  FaStar,
-  FaCalendar,
-  FaGlobe,
-  FaUser,
-  FaChartLine,
-} from 'react-icons/fa'
-import classNames from 'classnames'
-import { CustomerSegmentEnum } from '../../../types/crm'
-import dayjs from 'dayjs'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import Widget from '../../../components/common/Widget'
-import { BusinessPartyStatusEnum, PartyType } from '../../../types/common'
-import {
-  getBusinessPartyStatusColor,
-  getBusinessPartyStatusText,
-  getCustomerSegmentText,
-} from '../../../utils/erp'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import useLocale from '@/utils/hooks/useLocale'
-
-const CustomerCards: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [filterStatus, setFilterStatus] = useState('all')
-  const [filterSegment, setFilterSegment] = useState('all')
-  const [showFilters, setShowFilters] = useState(false)
-  const currentLocale = useLocale()
-
-  const {
-    data: customers,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ['customers', searchTerm, filterStatus, filterSegment],
-    queryFn: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-
-      const mockCustomers = mockBusinessParties.filter(
-        (customer) => customer.partyType === PartyType.Customer,
-      )
-
-      return mockCustomers.filter((customer) => {
-        const matchesSearch =
-          customer.code?.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          customer.name?.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          customer.primaryContact?.name?.toLowerCase().includes(searchTerm.toLowerCase())
-        const matchesStatus = filterStatus === 'all' || customer.status === filterStatus
-        const matchesSegment = filterSegment === 'all' || customer.customerSegment === filterSegment
-        return matchesSearch && matchesStatus && matchesSegment
-      })
-    },
-  })
-
-  if (isLoading) {
-    return (
-      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-6">
-        {[...Array(12)].map((_, index) => (
-          <div key={index} className="bg-white rounded-xl shadow-sm border animate-pulse">
-            <div className="p-6">
-              <div className="flex items-center justify-between mb-4">
-                <div className="flex items-center space-x-3">
-                  <div className="h-12 w-12 bg-gray-200 rounded-xl"></div>
-                  <div className="space-y-2">
-                    <div className="h-4 bg-gray-200 rounded w-20"></div>
-                    <div className="h-3 bg-gray-200 rounded w-16"></div>
-                  </div>
-                </div>
-                <div className="h-6 w-16 bg-gray-200 rounded-full"></div>
-              </div>
-              <div className="space-y-3 mb-4">
-                <div className="h-5 bg-gray-200 rounded w-3/4"></div>
-                <div className="h-3 bg-gray-200 rounded w-1/2"></div>
-              </div>
-              <div className="space-y-2 mb-4">
-                <div className="h-3 bg-gray-200 rounded w-full"></div>
-                <div className="h-3 bg-gray-200 rounded w-3/4"></div>
-                <div className="h-3 bg-gray-200 rounded w-2/3"></div>
-              </div>
-              <div className="grid grid-cols-2 gap-3 mb-4">
-                <div className="h-16 bg-gray-200 rounded-lg"></div>
-                <div className="h-16 bg-gray-200 rounded-lg"></div>
-              </div>
-              <div className="h-2 bg-gray-200 rounded-full mb-4"></div>
-              <div className="h-12 bg-gray-200 rounded-b-xl"></div>
-            </div>
-          </div>
-        ))}
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="bg-red-50 border border-red-200 rounded-lg p-4">
-        <div className="flex items-center">
-          <FaExclamationTriangle className="h-5 w-5 text-red-600 mr-2" />
-          <span className="text-red-800">Müşteriler yüklenirken hata oluştu.</span>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <div className="space-y-2">
-      {/* Header Actions */}
-      <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-        <div className="flex items-center space-x-2">
-          <div className="relative">
-            <FaSearch
-              size={16}
-              className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4"
-            />
-            <input
-              type="text"
-              placeholder="Müşteri kodu, firma adı veya kişi..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="pl-10 pr-4 py-1.5 text-sm w-64 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            />
-          </div>
-
-          <button
-            onClick={() => setShowFilters(!showFilters)}
-            className={classNames(
-              'flex items-center px-3 py-1.5 text-sm border rounded-lg transition-colors',
-              showFilters
-                ? 'border-blue-500 bg-blue-50 text-blue-700'
-                : 'border-gray-300 bg-white text-gray-700 hover:bg-gray-50',
-            )}
-          >
-            <FaFilter size={14} className="mr-2" />
-            Filtreler
-          </button>
-        </div>
-
-        <div className="flex items-center space-x-2">
-          <button
-            onClick={() => alert('Dışa aktarma özelliği yakında eklenecek')}
-            className="flex items-center px-3 py-1.5 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            <FaDownload size={14} className="mr-2" />
-            Dışa Aktar
-          </button>
-
-          <Link
-            to={ROUTES_ENUM.protected.crm.customersNew}
-            className="flex items-center px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          >
-            <FaPlus size={14} className="mr-2" />
-            Yeni Müşteri
-          </Link>
-        </div>
-      </div>
-
-      {/* Filters Panel */}
-      {showFilters && (
-        <div className="bg-white border border-gray-200 rounded-lg p-3">
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-            <div>
-              <label className="block text-xs font-medium text-gray-700 mb-1">Durum</label>
-              <select
-                value={filterStatus}
-                onChange={(e) => setFilterStatus(e.target.value)}
-                className="w-full border border-gray-300 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              >
-                <option value="all">Tümü</option>
-                {Object.values(BusinessPartyStatusEnum).map((status) => (
-                  <option key={status} value={status}>
-                    {getBusinessPartyStatusText(status)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-xs font-medium text-gray-700 mb-1">Segment</label>
-              <select
-                value={filterSegment}
-                onChange={(e) => setFilterSegment(e.target.value)}
-                className="w-full border border-gray-300 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              >
-                <option value="all">Tümü</option>
-                {Object.values(CustomerSegmentEnum).map((segment) => (
-                  <option key={segment} value={segment}>
-                    {getCustomerSegmentText(segment)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div className="flex items-end">
-              <button
-                onClick={() => {
-                  setFilterStatus('all')
-                  setFilterSegment('all')
-                  setSearchTerm('')
-                }}
-                className="w-full px-4 py-1.5 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-              >
-                Filtreleri Temizle
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* Statistics Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <Widget
-          title="Toplam Müşteri"
-          value={customers?.length || 0}
-          color="blue"
-          icon="FaBuilding"
-        />
-
-        <Widget
-          title="Aktif Müşteri"
-          value={customers?.filter((c) => c.status === BusinessPartyStatusEnum.Active).length || 0}
-          color="green"
-          icon="FaUserCheck"
-        />
-
-        <Widget
-          title="Toplam Ciro"
-          value={`₺${
-            customers?.reduce((acc, c) => acc + (c.totalRevenue ?? 0), 0).toLocaleString() || 0
-          }`}
-          color="purple"
-          icon="FaDollarSign"
-        />
-
-        <Widget
-          title="Ortalama Sipariş"
-          value={`₺${
-            customers?.length
-              ? Math.round(
-                  customers.reduce((acc, c) => acc + (c.averageOrderValue ?? 0), 0) /
-                    customers.length,
-                ).toLocaleString()
-              : 0
-          }`}
-          color="yellow"
-          icon="FaArrowUp"
-        />
-      </div>
-
-      {/* Customer Cards Grid */}
-      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4">
-        {/* Açıklama: Responsive grid - mobile'da 1, tablet'te 2, desktop'ta 3-4-5 kolon */}
-        {customers?.map((customer) => (
-          <div
-            key={customer.id}
-            className="bg-white rounded-xl shadow-sm border border-gray-200 hover:shadow-xl hover:border-blue-200 transition-all duration-300 group relative overflow-hidden"
-          >
-            {/* Status Indicator */}
-            <div
-              className={classNames(
-                'absolute top-0 left-0 w-full h-1',
-                customer.status === BusinessPartyStatusEnum.Active
-                  ? 'bg-green-500'
-                  : customer.status === BusinessPartyStatusEnum.Prospect
-                    ? 'bg-blue-500'
-                    : customer.status === BusinessPartyStatusEnum.Blocked
-                      ? 'bg-red-500'
-                      : 'bg-gray-400',
-              )}
-            ></div>
-
-            {/* Card Header */}
-            <div className="p-4 pb-3">
-              <div className="flex items-start justify-between mb-3">
-                <div className="flex items-center space-x-3">
-                  <div className="w-10 h-10 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center text-white shadow-sm group-hover:scale-105 transition-transform duration-200">
-                    <FaBuilding className="w-5 h-5" />
-                  </div>
-                  <div className="flex-1 min-w-0">
-                    <h3 className="text-sm font-semibold text-gray-900 truncate">
-                      {customer.code}
-                    </h3>
-                    <p className="text-sm text-gray-600">
-                      {getCustomerSegmentText(customer.customerSegment!)}
-                    </p>
-                  </div>
-                </div>
-                <span
-                  className={classNames(
-                    'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border',
-                    getBusinessPartyStatusColor(customer.status!),
-                  )}
-                >
-                  {getBusinessPartyStatusText(customer.status!)}
-                </span>
-              </div>
-
-              {/* Company Name */}
-              <div className="mb-3">
-                <h2 className="text-base font-bold text-gray-900 line-clamp-2 leading-tight">
-                  {customer.name}
-                </h2>
-                {customer.industry && (
-                  <p className="text-xs text-gray-500 mt-1">{customer.industry}</p>
-                )}
-              </div>
-
-              {/* Contact Information */}
-              <div className="space-y-1.5 mb-3 text-xs">
-                <div className="flex items-center text-sm text-gray-600">
-                  <FaUser className="w-4 h-4 mr-2 text-gray-400" />
-                  <span className="truncate">{customer.primaryContact?.name}</span>
-                </div>
-                <div className="flex items-center text-sm text-gray-600">
-                  <FaEnvelope className="w-4 h-4 mr-2 text-gray-400" />
-                  <span className="truncate">{customer.primaryContact?.email}</span>
-                </div>
-                {customer.primaryContact?.phoneNumber && (
-                  <div className="flex items-center text-sm text-gray-600">
-                    <FaPhone className="w-4 h-4 mr-2 text-gray-400" />
-                    <span>{customer.primaryContact.phoneNumber}</span>
-                  </div>
-                )}
-                <div className="flex items-center text-sm text-gray-600">
-                  <FaMapMarkerAlt className="w-4 h-4 mr-2 text-gray-400" />
-                  <span className="truncate">
-                    {customer.address?.city}, {customer.address?.country}
-                  </span>
-                </div>
-                {customer.website && (
-                  <div className="flex items-center text-sm text-gray-600">
-                    <FaGlobe className="w-4 h-4 mr-2 text-gray-400" />
-                    <a
-                      href={customer.website}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="text-blue-600 hover:text-blue-800 truncate"
-                    >
-                      {customer.website}
-                    </a>
-                  </div>
-                )}
-              </div>
-
-              {/* Performance Metrics */}
-              <div className="grid grid-cols-2 gap-2 mb-3">
-                <div className="text-center p-2 bg-gradient-to-br from-green-50 to-emerald-50 rounded-lg border border-green-100">
-                  <div className="text-base font-bold text-green-700">
-                    ₺{(customer.totalRevenue! / 1000).toLocaleString()}K
-                  </div>
-                  <div className="text-xs text-green-600 font-medium">Toplam Ciro</div>
-                </div>
-                <div className="text-center p-2 bg-gradient-to-br from-blue-50 to-cyan-50 rounded-lg border border-blue-100">
-                  <div className="text-base font-bold text-blue-700">
-                    ₺{(customer.averageOrderValue! / 1000).toLocaleString()}K
-                  </div>
-                  <div className="text-xs text-blue-600 font-medium">Ort. Sipariş</div>
-                </div>
-              </div>
-
-              {/* Additional Info */}
-              <div className="flex items-center justify-between text-xs text-gray-500 mb-3">
-                <div className="flex items-center">
-                  <FaStar className="w-4 h-4 text-yellow-500 mr-1" />
-                  <span>LTV: ₺{(customer.lifetimeValue! / 1000000).toFixed(1)}M</span>
-                </div>
-                {customer.lastOrderDate && (
-                  <div className="flex items-center">
-                    <FaCalendar className="w-4 h-4 mr-1" />
-                    <span>
-                      {dayjs(customer.lastOrderDate).locale(currentLocale).format('LL')}</span>
-                  </div>
-                )}
-              </div>
-
-              {/* Credit Limit Progress */}
-              <div className="mb-3">
-                <div className="flex justify-between text-xs mb-1">
-                  <span className="text-gray-600 font-medium">Kredi Kullanımı</span>
-                  <span className="font-semibold text-gray-900">
-                    ₺{customer.creditLimit.toLocaleString()}
-                  </span>
-                </div>
-                <div className="w-full bg-gray-200 rounded-full h-2 overflow-hidden">
-                  <div
-                    className={classNames(
-                      'h-2.5 rounded-full transition-all duration-500',
-                      Math.min((customer.totalRevenue! / customer.creditLimit) * 100, 100) > 80
-                        ? 'bg-gradient-to-r from-red-500 to-red-600'
-                        : Math.min((customer.totalRevenue! / customer.creditLimit) * 100, 100) > 60
-                          ? 'bg-gradient-to-r from-yellow-400 to-yellow-500'
-                          : 'bg-gradient-to-r from-green-500 to-green-600',
-                    )}
-                    style={{
-                      width: `${Math.min(
-                        (customer.totalRevenue! / customer.creditLimit) * 100,
-                        100,
-                      )}%`,
-                    }}
-                  ></div>
-                </div>
-                <div className="flex justify-between text-xs text-gray-500 mt-1">
-                  <span>₺0</span>
-                  <span className="font-medium">
-                    {Math.round((customer.totalRevenue! / customer.creditLimit) * 100)}% kullanıldı
-                  </span>
-                </div>
-              </div>
-            </div>
-
-            {/* Card Footer */}
-            <div className="px-4 py-3 bg-gradient-to-r from-gray-50 to-gray-100 rounded-b-xl border-t border-gray-100">
-              <div className="flex items-center justify-between">
-                <div className="flex space-x-2">
-                  <Link
-                    to={ROUTES_ENUM.protected.crm.customersDetail.replace(':id', customer.id)}
-                    className="p-1.5 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-all duration-200 hover:scale-105"
-                    title="Detayları Görüntüle"
-                  >
-                    <FaEye className="w-4 h-4" />
-                  </Link>
-                  <Link
-                    to={ROUTES_ENUM.protected.crm.customersEdit.replace(':id', customer.id)}
-                    className="p-1.5 text-gray-600 hover:text-yellow-600 hover:bg-yellow-50 rounded-lg transition-all duration-200 hover:scale-105"
-                    title="Düzenle"
-                  >
-                    <FaEdit className="w-4 h-4" />
-                  </Link>
-                </div>
-                <div className="flex items-center text-xs">
-                  <div
-                    className={classNames(
-                      'flex items-center px-2 py-1 rounded-full text-xs font-medium',
-                      customer.status === BusinessPartyStatusEnum.Active
-                        ? 'bg-green-100 text-green-700'
-                        : 'bg-gray-100 text-gray-600',
-                    )}
-                  >
-                    <FaChartLine className="w-3 h-3 mr-1" />
-                    <span>
-                      {customer.status === BusinessPartyStatusEnum.Active ? 'Aktif' : 'Durgun'}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        ))}
-      </div>
-
-      {/* Empty State */}
-      {(!customers || customers.length === 0) && (
-        <div className="text-center py-10">
-          <FaUserCheck className="mx-auto h-12 w-12 text-gray-400 mb-3" />
-          <h3 className="text-lg font-medium text-gray-900 mb-2">Müşteri bulunamadı</h3>
-          <p className="text-sm text-gray-500 mb-4">
-            Yeni müşteri ekleyerek başlayın veya arama kriterlerinizi değiştirin.
-          </p>
-          <Link
-            to={ROUTES_ENUM.protected.crm.customersNew}
-            className="inline-flex items-center px-4 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          >
-            <FaPlus size={16} className="mr-2" />
-            Yeni Müşteri Ekle
-          </Link>
-        </div>
-      )}
-    </div>
-  )
-}
-
-export default CustomerCards
diff --git a/ui/src/views/crm/components/CustomerEdit.tsx b/ui/src/views/crm/components/CustomerEdit.tsx
deleted file mode 100644
index 76952e54..00000000
--- a/ui/src/views/crm/components/CustomerEdit.tsx
+++ /dev/null
@@ -1,691 +0,0 @@
-import React, { useState } from 'react'
-import { useParams, useNavigate, Link } from 'react-router-dom'
-import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
-import {
-  FaArrowLeft,
-  FaSave,
-  FaTimes,
-  FaBuilding,
-  FaUser,
-  FaMapMarkerAlt,
-  FaIdCard,
-  FaCreditCard,
-  FaExclamationTriangle,
-} from 'react-icons/fa'
-import classNames from 'classnames'
-import { CustomerSegmentEnum, CustomerTypeEnum } from '../../../types/crm'
-import { mockBusinessParties, mockBusinessPartyNew } from '../../../mocks/mockBusinessParties'
-import { BusinessParty, BusinessPartyStatusEnum, PaymentTerms } from '../../../types/common'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import {
-  getBusinessPartyStatusText,
-  getCustomerSegmentText,
-  getCustomerTypeText,
-  getPaymentTermsText,
-} from '@/utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-const CustomerEdit: React.FC = () => {
-  const { id } = useParams<{ id: string }>()
-  const navigate = useNavigate()
-  const queryClient = useQueryClient()
-  const [activeTab, setActiveTab] = useState('basic')
-  const [isDirty, setIsDirty] = useState(false)
-
-  const {
-    data: customer,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ['customer', id],
-    queryFn: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 300))
-      const found = mockBusinessParties.find((c) => c.id === id)
-      if (!found) throw new Error('Müşteri bulunamadı')
-      return found
-    },
-  })
-
-  const [formData, setFormData] = useState<BusinessParty>(mockBusinessPartyNew)
-
-  // Initialize form data when customer is loaded
-  React.useEffect(() => {
-    if (customer) {
-      setFormData(mockBusinessParties.find((c) => c.id === id) || mockBusinessPartyNew)
-    }
-  }, [customer, id])
-
-  const updateMutation = useMutation({
-    mutationFn: async (data: BusinessParty) => {
-      await new Promise((resolve) => setTimeout(resolve, 1000))
-      // Simulate API call
-      return { ...customer, ...data }
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['customers'] })
-      queryClient.invalidateQueries({ queryKey: ['customer', id] })
-      setIsDirty(false)
-      navigate(ROUTES_ENUM.protected.crm.customersDetail.replace(':id', id || 'new'))
-    },
-  })
-
-  const handleInputChange = (field: string, value: string | number) => {
-    const keys = field.split('.')
-    if (keys.length === 2) {
-      const [section, subField] = keys
-      setFormData((prev: any) => {
-        if (section === 'primaryContact') {
-          return {
-            ...prev,
-            primaryContact: {
-              ...prev.primaryContact,
-              [subField]: value,
-            },
-          }
-        } else if (section === 'address') {
-          return {
-            ...prev,
-            address: {
-              ...prev.address,
-              [subField]: value,
-            },
-          }
-        }
-        return prev
-      })
-    } else {
-      setFormData((prev) => ({
-        ...prev,
-        [field]: value,
-      }))
-    }
-    setIsDirty(true)
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-
-    updateMutation.mutate(formData)
-  }
-
-  const handleCancel = () => {
-    if (isDirty) {
-      if (window.confirm('Değişiklikleriniz kaydedilmedi. Çıkmak istediğinizden emin misiniz?')) {
-        navigate(ROUTES_ENUM.protected.crm.customersDetail.replace(':id', id!))
-      }
-    } else {
-      navigate(ROUTES_ENUM.protected.crm.customersDetail.replace(':id', id!))
-    }
-  }
-
-  if (isLoading) {
-    return (
-      <div className="min-h-screen bg-gray-50 p-6">
-        <div className="mx-auto">
-          <div className="animate-pulse">
-            <div className="h-8 bg-gray-200 rounded w-1/4 mb-6"></div>
-            <div className="bg-white rounded-lg shadow p-6">
-              <div className="space-y-4">
-                {[...Array(8)].map((_, i) => (
-                  <div key={i} className="h-10 bg-gray-200 rounded"></div>
-                ))}
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  if (error || !customer) {
-    return (
-      <div className="min-h-screen bg-gray-50 p-6">
-        <div className="mx-auto">
-          <div className="bg-red-50 border border-red-200 rounded-lg p-6">
-            <div className="flex items-center">
-              <FaExclamationTriangle className="h-8 w-8 text-red-600 mr-3" />
-              <div>
-                <h3 className="text-lg font-medium text-red-800">Müşteri Bulunamadı</h3>
-                <p className="text-red-600">Düzenlemek istediğiniz müşteri mevcut değil.</p>
-              </div>
-            </div>
-            <div className="mt-4">
-              <button
-                onClick={() => navigate(ROUTES_ENUM.protected.crm.customers)}
-                className="inline-flex items-center px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors"
-              >
-                <FaArrowLeft className="w-4 h-4 mr-2" />
-                Müşteri Listesine Dön
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  const tabs = [
-    { id: 'basic', label: 'Temel Bilgiler', icon: FaBuilding },
-    { id: 'contact', label: 'İletişim', icon: FaUser },
-    { id: 'business', label: 'İş Bilgileri', icon: FaIdCard },
-    { id: 'financial', label: 'Finansal', icon: FaCreditCard },
-  ]
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <form onSubmit={handleSubmit}>
-          {/* Header */}
-          <div className="bg-white border-b border-gray-200">
-            <div className="mx-auto px-4 py-3">
-              {/* Breadcrumb */}
-              <div className="flex items-center space-x-2 text-xs text-gray-500 mb-3">
-                <Link to={ROUTES_ENUM.protected.crm.customers} className="hover:text-blue-600">
-                  Müşteriler
-                </Link>
-                <span>/</span>
-                <Link
-                  to={ROUTES_ENUM.protected.crm.customersDetail.replace(':id', id || 'new')}
-                  className="hover:text-blue-600"
-                >
-                  {customer.name}
-                </Link>
-                <span>/</span>
-                <span className="text-gray-900">Düzenle</span>
-              </div>
-
-              {/* Header */}
-              <div className="flex items-center justify-between">
-                <div className="flex items-center space-x-4">
-                  <button
-                    type="button"
-                    onClick={handleCancel}
-                    className="p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
-                  >
-                    <FaArrowLeft className="w-5 h-5" />
-                  </button>
-
-                  <div className="flex items-center space-x-4">
-                    <div className="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center text-white shadow-lg">
-                      <FaBuilding className="w-8 h-8" />
-                    </div>
-
-                    <div>
-                      <h2 className="text-2xl font-bold text-gray-900">Müşteri Düzenle</h2>
-                      <p className="text-sm text-gray-600">{customer.name}</p>
-                    </div>
-                  </div>
-                </div>
-
-                <div className="flex items-center space-x-2">
-                  <button
-                    type="button"
-                    onClick={handleCancel}
-                    className="inline-flex items-center px-3 py-1.5 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-                  >
-                    <FaTimes className="w-4 h-4 mr-2" />
-                    İptal
-                  </button>
-                  <button
-                    type="submit"
-                    disabled={!isDirty || updateMutation.isPending}
-                    className={classNames(
-                      'inline-flex items-center px-3 py-1.5 text-sm rounded-lg transition-colors',
-                      isDirty && !updateMutation.isPending
-                        ? 'bg-blue-600 text-white hover:bg-blue-700'
-                        : 'bg-gray-300 text-gray-500 cursor-not-allowed',
-                    )}
-                  >
-                    {updateMutation.isPending ? (
-                      <>
-                        <div className="animate-spin w-4 h-4 mr-2 border-2 border-white border-t-transparent rounded-full"></div>
-                        Kaydediliyor...
-                      </>
-                    ) : (
-                      <>
-                        <FaSave className="w-4 h-4 mr-2" />
-                        Kaydet
-                      </>
-                    )}
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Tabs */}
-          <div className="bg-white border-b border-gray-200">
-            <div className="mx-auto px-4">
-              <nav className="flex space-x-8">
-                {tabs.map((tab) => (
-                  <button
-                    key={tab.id}
-                    type="button"
-                    onClick={() => setActiveTab(tab.id)}
-                    className={classNames(
-                      'flex items-center space-x-2 py-3 px-1 border-b-2 font-medium text-sm transition-colors',
-                      activeTab === tab.id
-                        ? 'border-blue-500 text-blue-600'
-                        : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300',
-                    )}
-                  >
-                    <tab.icon className="w-4 h-4" />
-                    <span>{tab.label}</span>
-                  </button>
-                ))}
-              </nav>
-            </div>
-          </div>
-
-          {/* Form Content */}
-          <div className="mx-auto py-4">
-            {activeTab === 'basic' && (
-              <div className="bg-white rounded-lg shadow p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                  <FaBuilding className="w-5 h-5 mr-2" />
-                  Temel Bilgiler
-                </h3>
-
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Müşteri Kodu *
-                    </label>
-                    <input
-                      type="text"
-                      value={formData.code}
-                      onChange={(e) => handleInputChange('code', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Şirket Adı *
-                    </label>
-                    <input
-                      type="text"
-                      value={formData.name}
-                      onChange={(e) => handleInputChange('name', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Müşteri Tipi
-                    </label>
-                    <select
-                      value={formData.customerType}
-                      onChange={(e) => handleInputChange('customerType', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                    >
-                      {Object.values(CustomerTypeEnum).map((type) => (
-                        <option key={type} value={type}>
-                          {getCustomerTypeText(type)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">Sektör</label>
-                    <input
-                      type="text"
-                      value={formData.industry}
-                      onChange={(e) => handleInputChange('industry', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      placeholder="Teknoloji, İmalat, Hizmet vb."
-                    />
-                  </div>
-
-                  <div className="md:col-span-2">
-                    <label className="block text-xs font-medium text-gray-700 mb-1">Website</label>
-                    <input
-                      type="url"
-                      value={formData.website}
-                      onChange={(e) => handleInputChange('website', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      placeholder="https://www.ornek.com"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Müşteri Durumu
-                    </label>
-                    <select
-                      value={formData.status}
-                      onChange={(e) => handleInputChange('status', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                    >
-                      {Object.values(BusinessPartyStatusEnum).map((status) => (
-                        <option key={status} value={status}>
-                          {getBusinessPartyStatusText(status)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Müşteri Segmenti
-                    </label>
-                    <select
-                      value={formData.customerSegment}
-                      onChange={(e) => handleInputChange('customerSegment', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                    >
-                      {Object.values(CustomerSegmentEnum).map((segment) => (
-                        <option key={segment} value={segment}>
-                          {getCustomerSegmentText(segment)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {activeTab === 'contact' && (
-              <div className="space-y-4">
-                {/* Primary Contact */}
-                <div className="bg-white rounded-lg shadow p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                    <FaUser className="w-5 h-5 mr-2" />
-                    Ana İletişim Kişisi
-                  </h3>
-
-                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">Ad *</label>
-                      <input
-                        type="text"
-                        value={formData.primaryContact?.firstName}
-                        onChange={(e) =>
-                          handleInputChange('primaryContact.firstName', e.target.value)
-                        }
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        required
-                      />
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Soyad *
-                      </label>
-                      <input
-                        type="text"
-                        value={formData.primaryContact?.lastName}
-                        onChange={(e) =>
-                          handleInputChange('primaryContact.lastName', e.target.value)
-                        }
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        required
-                      />
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">Ünvan</label>
-                      <input
-                        type="text"
-                        value={formData.primaryContact?.title}
-                        onChange={(e) => handleInputChange('primaryContact.title', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        placeholder="Genel Müdür, Satış Direktörü vb."
-                      />
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Departman
-                      </label>
-                      <input
-                        type="text"
-                        value={formData.primaryContact?.department}
-                        onChange={(e) =>
-                          handleInputChange('primaryContact.department', e.target.value)
-                        }
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        placeholder="Satış, Pazarlama, İnsan Kaynakları vb."
-                      />
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        E-posta *
-                      </label>
-                      <input
-                        type="email"
-                        value={formData.primaryContact?.email}
-                        onChange={(e) => handleInputChange('primaryContact.email', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        required
-                      />
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Telefon
-                      </label>
-                      <input
-                        type="tel"
-                        value={formData.primaryContact?.phoneNumber}
-                        onChange={(e) => handleInputChange('primaryContact.phoneNumber', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        placeholder="+90 (212) 555 0123"
-                      />
-                    </div>
-
-                    <div className="md:col-span-2">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Mobil Telefon
-                      </label>
-                      <input
-                        type="tel"
-                        value={formData.primaryContact?.mobileNumber}
-                        onChange={(e) => handleInputChange('primaryContact.mobile', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        placeholder="+90 (555) 123 4567"
-                      />
-                    </div>
-                  </div>
-                </div>
-
-                {/* Address */}
-                <div className="bg-white rounded-lg shadow p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                    <FaMapMarkerAlt className="w-5 h-5 mr-2" />
-                    Adres Bilgileri
-                  </h3>
-
-                  <div className="grid grid-cols-1 gap-4">
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Adres *
-                      </label>
-                      <textarea
-                        value={formData.address?.street}
-                        onChange={(e) => handleInputChange('address.street', e.target.value)}
-                        rows={3}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        placeholder="Sokak, cadde, mahalle, bina no vb."
-                        required
-                      />
-                    </div>
-
-                    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Şehir *
-                        </label>
-                        <input
-                          type="text"
-                          value={formData.address?.city}
-                          onChange={(e) => handleInputChange('address.city', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                          required
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          İl/Eyalet
-                        </label>
-                        <input
-                          type="text"
-                          value={formData.address?.state}
-                          onChange={(e) => handleInputChange('address.state', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Posta Kodu
-                        </label>
-                        <input
-                          type="text"
-                          value={formData.address?.postalCode}
-                          onChange={(e) => handleInputChange('address.postalCode', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Ülke *
-                        </label>
-                        <input
-                          type="text"
-                          value={formData.address?.country}
-                          onChange={(e) => handleInputChange('address.country', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                          required
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {activeTab === 'business' && (
-              <div className="bg-white rounded-lg shadow p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                  <FaIdCard className="w-5 h-5 mr-2" />
-                  İş Bilgileri
-                </h3>
-
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Vergi Numarası
-                    </label>
-                    <input
-                      type="text"
-                      value={formData.taxNumber}
-                      onChange={(e) => handleInputChange('taxNumber', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      placeholder="1234567890"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Sicil Numarası
-                    </label>
-                    <input
-                      type="text"
-                      value={formData.registrationNumber}
-                      onChange={(e) => handleInputChange('registrationNumber', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      placeholder="123456789"
-                    />
-                  </div>
-
-                  <div className="md:col-span-2">
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Atanmış Satış Temsilcisi
-                    </label>
-                    <input
-                      type="text"
-                      value={formData.assignedSalesRep}
-                      onChange={(e) => handleInputChange('assignedSalesRep', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      placeholder="Satış temsilcisi adı"
-                    />
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {activeTab === 'financial' && (
-              <div className="bg-white rounded-lg shadow p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                  <FaCreditCard className="w-5 h-5 mr-2" />
-                  Finansal Bilgiler
-                </h3>
-
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Kredi Limiti (₺)
-                    </label>
-                    <input
-                      type="number"
-                      value={formData.creditLimit}
-                      onChange={(e) => handleInputChange('creditLimit', Number(e.target.value))}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      min="0"
-                      step="1000"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Para Birimi
-                    </label>
-                    <select
-                      value={formData.currency}
-                      onChange={(e) => handleInputChange('currency', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                    >
-                      {mockCurrencies.map((currency) => (
-                        <option key={currency.value} value={currency.value}>
-                          {currency.value} - {currency.label}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div className="md:col-span-2">
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Ödeme Koşulları
-                    </label>
-                    <select
-                      value={formData.paymentTerms}
-                      onChange={(e) => handleInputChange('paymentTerms', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                    >
-                      {Object.values(PaymentTerms).map((term) => (
-                        <option key={term} value={term}>
-                          {getPaymentTermsText(term)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-                </div>
-              </div>
-            )}
-          </div>
-        </form>
-      </div>
-    </Container>
-  )
-}
-
-export default CustomerEdit
diff --git a/ui/src/views/crm/components/CustomerForm.tsx b/ui/src/views/crm/components/CustomerForm.tsx
deleted file mode 100644
index b58f50ad..00000000
--- a/ui/src/views/crm/components/CustomerForm.tsx
+++ /dev/null
@@ -1,522 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { useNavigate, useParams } from 'react-router-dom'
-import {
-  FaSave,
-  FaTimes,
-  FaBuilding,
-  FaUser,
-  FaMapMarkerAlt,
-  FaCreditCard,
-  FaEnvelope,
-} from 'react-icons/fa'
-import LoadingSpinner from '../../../components/common/LoadingSpinner'
-import { mockBusinessParties, mockBusinessPartyNew } from '../../../mocks/mockBusinessParties'
-import {
-  BusinessParty,
-  BusinessPartyIndustryEnum,
-  BusinessPartyStatusEnum,
-  PaymentTerms,
-} from '../../../types/common'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-import {
-  getBusinessPartyIndustryText,
-  getBusinessPartyStatusText,
-  getCustomerSegmentText,
-  getCustomerTypeText,
-  getPaymentTermsText,
-} from '@/utils/erp'
-import { CustomerSegmentEnum, CustomerTypeEnum } from '@/types/crm'
-
-interface ValidationErrors {
-  [key: string]: string
-}
-
-const CustomerForm: React.FC = () => {
-  const navigate = useNavigate()
-  const { id } = useParams<{ id: string }>()
-  const isEdit = Boolean(id)
-
-  const [loading, setLoading] = useState(false)
-  const [saving, setSaving] = useState(false)
-  const [errors, setErrors] = useState<ValidationErrors>({})
-
-  const [formData, setFormData] = useState<BusinessParty>(mockBusinessPartyNew)
-
-  const loadFormData = useCallback(async () => {
-    setLoading(true)
-    try {
-      if (isEdit && id) {
-        // Simulate API call
-        await new Promise((resolve) => setTimeout(resolve, 1000))
-
-        // Mock customer data
-        const mockCustomer = mockBusinessParties.find((cust) => cust.id === id)!
-        setFormData(mockCustomer)
-      }
-    } catch (error) {
-      console.error('Error loading form data:', error)
-    } finally {
-      setLoading(false)
-    }
-  }, [isEdit, id])
-
-  useEffect(() => {
-    loadFormData()
-  }, [loadFormData])
-
-  const validateForm = (): boolean => {
-    const newErrors: ValidationErrors = {}
-
-    if (!formData.code.trim()) {
-      newErrors.code = 'Müşteri kodu zorunludur'
-    }
-    if (!formData.name.trim()) {
-      newErrors.name = 'Şirket adı zorunludur'
-    }
-    if (formData.creditLimit < 0) {
-      newErrors.creditLimit = "Kredi limiti 0'dan küçük olamaz"
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleInputChange = (field: keyof BusinessParty, value: string | number | boolean) => {
-    setFormData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-
-    // Clear error when user starts typing
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-
-    if (!validateForm()) {
-      return
-    }
-
-    setSaving(true)
-    try {
-      // Simulate API call
-      await new Promise((resolve) => setTimeout(resolve, 2000))
-
-      console.log('Customer data:', {
-        ...formData,
-        id: isEdit ? id : undefined,
-      })
-
-      // Show success message
-      alert(isEdit ? 'Müşteri başarıyla güncellendi!' : 'Müşteri başarıyla oluşturuldu!')
-
-      // Navigate back to list
-      navigate(ROUTES_ENUM.protected.crm.customers)
-    } catch (error) {
-      console.error('Error saving customer:', error)
-      alert('Bir hata oluştu. Lütfen tekrar deneyin.')
-    } finally {
-      setSaving(false)
-    }
-  }
-
-  const handleCancel = () => {
-    navigate(ROUTES_ENUM.protected.crm.customers)
-  }
-
-  if (loading) {
-    return <LoadingSpinner />
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-lg font-semibold text-gray-900">
-              {isEdit ? 'Müşteri Düzenle' : 'Yeni Müşteri'}
-            </h2>
-            <p className="text-gray-600">
-              {isEdit ? 'Mevcut müşteri bilgilerini güncelleyin' : 'Yeni müşteri bilgilerini girin'}
-            </p>
-          </div>
-        </div>
-
-        {/* Form */}
-        <form onSubmit={handleSubmit} className="space-y-3">
-          {/* General Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaBuilding className="w-5 h-5 mr-2" />
-                Genel Bilgiler
-              </h3>
-            </div>
-
-            <div className="p-4 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Müşteri Kodu *
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.code}
-                    onChange={(e) => handleInputChange('code', e.target.value)}
-                    className={`block w-full px-3 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.code
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="Örn: MST001"
-                  />
-                  {errors.customerCode && (
-                    <p className="mt-1 text-sm text-red-600">{errors.customerCode}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Müşteri Tipi
-                  </label>
-                  <select
-                    value={formData.customerType}
-                    onChange={(e) =>
-                      handleInputChange('customerType', e.target.value as 'INDIVIDUAL' | 'COMPANY')
-                    }
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {Object.values(CustomerTypeEnum).map((type) => (
-                      <option key={type} value={type}>
-                        {getCustomerTypeText(type)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Şirket Adı *
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.name}
-                    onChange={(e) => handleInputChange('name', e.target.value)}
-                    className={`block w-full px-3 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.name
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="Şirket adını girin"
-                  />
-                  {errors.companyName && (
-                    <p className="mt-1 text-sm text-red-600">{errors.companyName}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">Sektör</label>
-                  <select
-                    value={formData.industry}
-                    onChange={(e) => handleInputChange('industry', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    <option value="">Sektör seçin</option>
-                    {Object.values(BusinessPartyIndustryEnum).map((industry) => (
-                      <option key={industry} value={industry}>
-                        {getBusinessPartyIndustryText(industry)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              <div>
-                <label className="block text-xs font-medium text-gray-700 mb-1">Website</label>
-                <input
-                  type="url"
-                  value={formData.website}
-                  onChange={(e) => handleInputChange('website', e.target.value)}
-                  className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  placeholder="https://www.ornek.com"
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Contact Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaUser className="w-5 h-5 mr-2" />
-                İletişim Bilgileri
-              </h3>
-            </div>
-
-            <div className="p-4 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">Email *</label>
-                  <input
-                    type="email"
-                    value={formData.email}
-                    onChange={(e) => handleInputChange('email', e.target.value)}
-                    className={`block w-full px-3 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.email
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="email@ornek.com"
-                  />
-                  {errors.email && <p className="mt-1 text-sm text-red-600">{errors.email}</p>}
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">Telefon *</label>
-                  <input
-                    type="tel"
-                    value={formData.phoneNumber}
-                    onChange={(e) => handleInputChange('phoneNumber', e.target.value)}
-                    className={`block w-full px-3 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.phoneNumber
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="+90 212 555 0123"
-                  />
-                  {errors.phoneNumber && <p className="mt-1 text-sm text-red-600">{errors.phoneNumber}</p>}
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Address Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaMapMarkerAlt className="w-5 h-5 mr-2" />
-                Adres Bilgileri
-              </h3>
-            </div>
-          </div>
-
-          {/* Business Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaCreditCard className="w-5 h-5 mr-2" />
-                İş Bilgileri
-              </h3>
-            </div>
-
-            <div className="p-4 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Vergi Numarası
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.taxNumber}
-                    onChange={(e) => handleInputChange('taxNumber', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="1234567890"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Ticaret Sicil No
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.registrationNumber}
-                    onChange={(e) => handleInputChange('registrationNumber', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="98765"
-                  />
-                </div>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Kredi Limiti
-                  </label>
-                  <input
-                    type="number"
-                    min="0"
-                    step="0.01"
-                    value={formData.creditLimit}
-                    onChange={(e) =>
-                      handleInputChange('creditLimit', parseFloat(e.target.value) || 0)
-                    }
-                    className={`block w-full px-3 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.creditLimit
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="0.00"
-                  />
-                  {errors.creditLimit && (
-                    <p className="mt-1 text-sm text-red-600">{errors.creditLimit}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Ödeme Koşulları
-                  </label>
-                  <select
-                    value={formData.paymentTerms}
-                    onChange={(e) => handleInputChange('paymentTerms', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {Object.values(PaymentTerms).map((term) => (
-                      <option key={term} value={term}>
-                        {getPaymentTermsText(term)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Para Birimi
-                  </label>
-                  <select
-                    value={formData.currency}
-                    onChange={(e) => handleInputChange('currency', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {mockCurrencies.map((currency) => (
-                      <option key={currency.value} value={currency.value}>
-                        {currency.value} - {currency.label}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Relationship Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaEnvelope className="w-5 h-5 mr-2" />
-                İlişki Yönetimi
-              </h3>
-            </div>
-
-            <div className="p-4 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Müşteri Durumu
-                  </label>
-                  <select
-                    value={formData.status}
-                    onChange={(e) => handleInputChange('status', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {Object.values(BusinessPartyStatusEnum).map((status) => (
-                      <option key={status} value={status}>
-                        {getBusinessPartyStatusText(status)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Müşteri Segmenti
-                  </label>
-                  <select
-                    value={formData.customerSegment}
-                    onChange={(e) => handleInputChange('customerSegment', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {Object.values(CustomerSegmentEnum).map((segment) => (
-                      <option key={segment} value={segment}>
-                        {getCustomerSegmentText(segment)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Sorumlu Satış Temsilcisi
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.assignedSalesRep}
-                    onChange={(e) => handleInputChange('assignedSalesRep', e.target.value)}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                    placeholder="Satış temsilcisi adı"
-                  />
-                </div>
-              </div>
-
-              <div className="flex items-center">
-                <input
-                  type="checkbox"
-                  id="isActive"
-                  checked={formData.isActive}
-                  onChange={(e) => handleInputChange('isActive', e.target.checked)}
-                  className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                />
-                <label htmlFor="isActive" className="ml-2 block text-sm text-gray-900">
-                  Aktif
-                </label>
-              </div>
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex items-center justify-end space-x-2 bg-gray-50 px-4 py-3 rounded-b-lg">
-            <button
-              type="button"
-              onClick={handleCancel}
-              className="inline-flex items-center px-4 py-1.5 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
-            >
-              <FaTimes className="w-4 h-4 mr-2" />
-              İptal
-            </button>
-            <button
-              type="submit"
-              disabled={saving}
-              className="inline-flex items-center px-4 py-1.5 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              {saving ? (
-                <>
-                  <div className="animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2"></div>
-                  Kaydediliyor...
-                </>
-              ) : (
-                <>
-                  <FaSave className="w-4 h-4 mr-2" />
-                  {isEdit ? 'Güncelle' : 'Kaydet'}
-                </>
-              )}
-            </button>
-          </div>
-        </form>
-      </div>
-    </Container>
-  )
-}
-
-export default CustomerForm
diff --git a/ui/src/views/crm/components/CustomerFormNew.tsx b/ui/src/views/crm/components/CustomerFormNew.tsx
deleted file mode 100644
index 4ea653a2..00000000
--- a/ui/src/views/crm/components/CustomerFormNew.tsx
+++ /dev/null
@@ -1,518 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { useNavigate, useParams } from 'react-router-dom'
-import {
-  FaSave,
-  FaTimes,
-  FaBuilding,
-  FaUser,
-  FaMapMarkerAlt,
-  FaCreditCard,
-  FaEnvelope,
-} from 'react-icons/fa'
-import LoadingSpinner from '../../../components/common/LoadingSpinner'
-import {
-  BusinessParty,
-  BusinessPartyIndustryEnum,
-  BusinessPartyStatusEnum,
-  PaymentTerms,
-} from '../../../types/common'
-import { mockBusinessPartyNew } from '../../../mocks/mockBusinessParties'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-import { CustomerSegmentEnum, CustomerTypeEnum } from '@/types/crm'
-import {
-  getBusinessPartyIndustryText,
-  getBusinessPartyStatusText,
-  getCustomerSegmentText,
-  getCustomerTypeText,
-  getPaymentTermsText,
-} from '@/utils/erp'
-
-interface ValidationErrors {
-  [key: string]: string
-}
-
-const CustomerForm: React.FC = () => {
-  const navigate = useNavigate()
-  const { id } = useParams<{ id: string }>()
-  const isEdit = Boolean(id)
-
-  const [loading, setLoading] = useState(false)
-  const [saving, setSaving] = useState(false)
-  const [errors, setErrors] = useState<ValidationErrors>({})
-
-  const [formData, setFormData] = useState<BusinessParty>(mockBusinessPartyNew)
-
-  const loadFormData = useCallback(async () => {
-    setLoading(true)
-    try {
-      if (isEdit && id) {
-        // Simulate API call
-        await new Promise((resolve) => setTimeout(resolve, 1000))
-
-        setFormData(mockBusinessPartyNew)
-      }
-    } catch (error) {
-      console.error('Error loading form data:', error)
-    } finally {
-      setLoading(false)
-    }
-  }, [isEdit, id])
-
-  useEffect(() => {
-    loadFormData()
-  }, [loadFormData])
-
-  const validateForm = (): boolean => {
-    const newErrors: ValidationErrors = {}
-
-    if (!formData.code.trim()) {
-      newErrors.code = 'Müşteri kodu zorunludur'
-    }
-    if (!formData.name.trim()) {
-      newErrors.name = 'Şirket adı zorunludur'
-    }
-    if (formData.creditLimit < 0) {
-      newErrors.creditLimit = "Kredi limiti 0'dan küçük olamaz"
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleInputChange = (field: keyof BusinessParty, value: string | number | boolean) => {
-    setFormData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-
-    // Clear error when user starts typing
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-
-    if (!validateForm()) {
-      return
-    }
-
-    setSaving(true)
-    try {
-      // Simulate API call
-      await new Promise((resolve) => setTimeout(resolve, 2000))
-
-      console.log('Customer data:', {
-        ...formData,
-        id: isEdit ? id : undefined,
-      })
-
-      // Show success message
-      alert(isEdit ? 'Müşteri başarıyla güncellendi!' : 'Müşteri başarıyla oluşturuldu!')
-
-      // Navigate back to list
-      navigate(ROUTES_ENUM.protected.crm.customers)
-    } catch (error) {
-      console.error('Error saving customer:', error)
-      alert('Bir hata oluştu. Lütfen tekrar deneyin.')
-    } finally {
-      setSaving(false)
-    }
-  }
-
-  const handleCancel = () => {
-    navigate(ROUTES_ENUM.protected.crm.customers)
-  }
-
-  if (loading) {
-    return <LoadingSpinner />
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-lg font-semibold text-gray-900">
-              {isEdit ? 'Müşteri Düzenle' : 'Yeni Müşteri'}
-            </h2>
-            <p className="text-gray-600">
-              {isEdit ? 'Mevcut müşteri bilgilerini güncelleyin' : 'Yeni müşteri bilgilerini girin'}
-            </p>
-          </div>
-        </div>
-
-        {/* Form */}
-        <form onSubmit={handleSubmit} className="space-y-3">
-          {/* General Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaBuilding className="w-5 h-5 mr-2" />
-                Genel Bilgiler
-              </h3>
-            </div>
-
-            <div className="p-4 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Müşteri Kodu *
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.code}
-                    onChange={(e) => handleInputChange('code', e.target.value)}
-                    className={`block w-full px-3 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.code
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="Örn: MST001"
-                  />
-                  {errors.customerCode && (
-                    <p className="mt-1 text-sm text-red-600">{errors.customerCode}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Müşteri Tipi
-                  </label>
-                  <select
-                    value={formData.customerType}
-                    onChange={(e) => handleInputChange('customerType', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {Object.values(CustomerTypeEnum).map((type) => (
-                      <option key={type} value={type}>
-                        {getCustomerTypeText(type)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Şirket Adı *
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.name}
-                    onChange={(e) => handleInputChange('name', e.target.value)}
-                    className={`block w-full px-3 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.name
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="Şirket adını girin"
-                  />
-                  {errors.companyName && (
-                    <p className="mt-1 text-sm text-red-600">{errors.companyName}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">Sektör</label>
-                  <select
-                    value={formData.industry}
-                    onChange={(e) => handleInputChange('industry', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    <option value="">Sektör seçin</option>
-                    {Object.values(BusinessPartyIndustryEnum).map((industry) => (
-                      <option key={industry} value={industry}>
-                        {getBusinessPartyIndustryText(industry)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              <div>
-                <label className="block text-xs font-medium text-gray-700 mb-1">Website</label>
-                <input
-                  type="url"
-                  value={formData.website}
-                  onChange={(e) => handleInputChange('website', e.target.value)}
-                  className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  placeholder="https://www.ornek.com"
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Contact Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaUser className="w-5 h-5 mr-2" />
-                İletişim Bilgileri
-              </h3>
-            </div>
-
-            <div className="p-4 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">Email *</label>
-                  <input
-                    type="email"
-                    value={formData.email}
-                    onChange={(e) => handleInputChange('email', e.target.value)}
-                    className={`block w-full px-3 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.email
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="email@ornek.com"
-                  />
-                  {errors.email && <p className="mt-1 text-sm text-red-600">{errors.email}</p>}
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">Telefon *</label>
-                  <input
-                    type="tel"
-                    value={formData.phoneNumber}
-                    onChange={(e) => handleInputChange('phoneNumber', e.target.value)}
-                    className={`block w-full px-3 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.phoneNumber
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="+90 212 555 0123"
-                  />
-                  {errors.phoneNumber && <p className="mt-1 text-sm text-red-600">{errors.phoneNumber}</p>}
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Address Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaMapMarkerAlt className="w-5 h-5 mr-2" />
-                Adres Bilgileri
-              </h3>
-            </div>
-          </div>
-
-          {/* Business Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaCreditCard className="w-5 h-5 mr-2" />
-                İş Bilgileri
-              </h3>
-            </div>
-
-            <div className="p-4 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Vergi Numarası
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.taxNumber}
-                    onChange={(e) => handleInputChange('taxNumber', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="1234567890"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Ticaret Sicil No
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.registrationNumber}
-                    onChange={(e) => handleInputChange('registrationNumber', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="98765"
-                  />
-                </div>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Kredi Limiti
-                  </label>
-                  <input
-                    type="number"
-                    min="0"
-                    step="0.01"
-                    value={formData.creditLimit}
-                    onChange={(e) =>
-                      handleInputChange('creditLimit', parseFloat(e.target.value) || 0)
-                    }
-                    className={`block w-full px-3 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.creditLimit
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="0.00"
-                  />
-                  {errors.creditLimit && (
-                    <p className="mt-1 text-sm text-red-600">{errors.creditLimit}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Ödeme Koşulları
-                  </label>
-                  <select
-                    value={formData.paymentTerms}
-                    onChange={(e) => handleInputChange('paymentTerms', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {Object.values(PaymentTerms).map((term) => (
-                      <option key={term} value={term}>
-                        {getPaymentTermsText(term)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Para Birimi
-                  </label>
-                  <select
-                    value={formData.currency}
-                    onChange={(e) => handleInputChange('currency', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {mockCurrencies.map((currency) => (
-                      <option key={currency.value} value={currency.value}>
-                        {currency.value} - {currency.label}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Relationship Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaEnvelope className="w-5 h-5 mr-2" />
-                İlişki Yönetimi
-              </h3>
-            </div>
-
-            <div className="p-4 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Müşteri Durumu
-                  </label>
-                  <select
-                    value={formData.status}
-                    onChange={(e) => handleInputChange('status', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {Object.values(BusinessPartyStatusEnum).map((status) => (
-                      <option key={status} value={status}>
-                        {getBusinessPartyStatusText(status)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Müşteri Segmenti
-                  </label>
-                  <select
-                    value={formData.customerSegment}
-                    onChange={(e) => handleInputChange('customerSegment', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {Object.values(CustomerSegmentEnum).map((segment) => (
-                      <option key={segment} value={segment}>
-                        {getCustomerSegmentText(segment)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Sorumlu Satış Temsilcisi
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.assignedSalesRep}
-                    onChange={(e) => handleInputChange('assignedSalesRep', e.target.value)}
-                    className="block w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="Satış temsilcisi adı"
-                  />
-                </div>
-              </div>
-
-              <div className="flex items-center">
-                <input
-                  type="checkbox"
-                  id="isActive"
-                  checked={formData.isActive}
-                  onChange={(e) => handleInputChange('isActive', e.target.checked)}
-                  className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                />
-                <label htmlFor="isActive" className="ml-2 block text-sm text-gray-900">
-                  Aktif
-                </label>
-              </div>
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex items-center justify-end space-x-2 bg-gray-50 px-4 py-3 rounded-b-lg">
-            <button
-              type="button"
-              onClick={handleCancel}
-              className="inline-flex items-center px-4 py-1.5 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
-            >
-              <FaTimes className="w-4 h-4 mr-2" />
-              İptal
-            </button>
-            <button
-              type="submit"
-              disabled={saving}
-              className="inline-flex items-center px-4 py-1.5 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              {saving ? (
-                <>
-                  <div className="animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2"></div>
-                  Kaydediliyor...
-                </>
-              ) : (
-                <>
-                  <FaSave className="w-4 h-4 mr-2" />
-                  {isEdit ? 'Güncelle' : 'Kaydet'}
-                </>
-              )}
-            </button>
-          </div>
-        </form>
-      </div>
-    </Container>
-  )
-}
-
-export default CustomerForm
diff --git a/ui/src/views/crm/components/CustomerList.tsx b/ui/src/views/crm/components/CustomerList.tsx
deleted file mode 100644
index a9d33ae4..00000000
--- a/ui/src/views/crm/components/CustomerList.tsx
+++ /dev/null
@@ -1,418 +0,0 @@
-import React, { useState } from 'react'
-import { Link } from 'react-router-dom'
-import { useQuery } from '@tanstack/react-query'
-import {
-  FaUserCheck,
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaDownload,
-  FaEdit,
-  FaEye,
-  FaPhone,
-  FaEnvelope,
-  FaMapMarkerAlt,
-  FaBuilding,
-  FaExclamationTriangle,
-  FaStar,
-  FaCalendar,
-} from 'react-icons/fa'
-import classNames from 'classnames'
-import { CustomerSegmentEnum } from '../../../types/crm'
-import dayjs from 'dayjs'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { BusinessPartyStatusEnum, PartyType } from '../../../types/common'
-import Widget from '../../../components/common/Widget'
-import {
-  getBusinessPartyStatusColor,
-  getBusinessPartyStatusText,
-  getCustomerSegmentColor,
-  getCustomerSegmentText,
-} from '../../../utils/erp'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import useLocale from '@/utils/hooks/useLocale'
-
-const CustomerList: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [filterStatus, setFilterStatus] = useState('all')
-  const [filterSegment, setFilterSegment] = useState('all')
-  const [showFilters, setShowFilters] = useState(false)
-  const currentLocale = useLocale()
-
-  const {
-    data: customers,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ['customers', searchTerm, filterStatus, filterSegment],
-    queryFn: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-
-      const mockCustomers = mockBusinessParties.filter(
-        (customer) => customer.partyType === PartyType.Customer,
-      )
-
-      return mockCustomers.filter((customer) => {
-        const matchesSearch =
-          customer.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          customer.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          customer.primaryContact?.name.toLowerCase().includes(searchTerm.toLowerCase())
-        const matchesStatus = filterStatus === 'all' || customer.status === filterStatus
-        const matchesSegment = filterSegment === 'all' || customer.customerSegment === filterSegment
-        return matchesSearch && matchesStatus && matchesSegment
-      })
-    },
-  })
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center py-12">
-        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
-        <span className="ml-3 text-gray-600">Müşteriler yükleniyor...</span>
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="bg-red-50 border border-red-200 rounded-lg p-4">
-        <div className="flex items-center">
-          <FaExclamationTriangle className="h-5 w-5 text-red-600 mr-2" />
-          <span className="text-red-800">Müşteriler yüklenirken hata oluştu.</span>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <div className="space-y-2">
-      {/* Header Actions */}
-      <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-        <div className="flex items-center space-x-2">
-          <div className="relative">
-            <FaSearch
-              size={16}
-              className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4"
-            />
-            <input
-              type="text"
-              placeholder="Müşteri kodu, firma adı veya kişi..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="pl-10 pr-4 py-1.5 text-sm w-64 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            />
-          </div>
-
-          <button
-            onClick={() => setShowFilters(!showFilters)}
-            className={classNames(
-              'flex items-center px-3 py-1.5 text-sm border rounded-lg transition-colors',
-              showFilters
-                ? 'border-blue-500 bg-blue-50 text-blue-700'
-                : 'border-gray-300 bg-white text-gray-700 hover:bg-gray-50',
-            )}
-          >
-            <FaFilter size={14} className="mr-2" />
-            Filtreler
-          </button>
-        </div>
-
-        <div className="flex items-center space-x-2">
-          <button
-            onClick={() => alert('Dışa aktarma özelliği yakında eklenecek')}
-            className="flex items-center px-3 py-1.5 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            <FaDownload size={14} className="mr-2" />
-            Dışa Aktar
-          </button>
-
-          <Link
-            to={ROUTES_ENUM.protected.crm.customersNew}
-            className="flex items-center px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          >
-            <FaPlus size={14} className="mr-2" />
-            Yeni Müşteri
-          </Link>
-        </div>
-      </div>
-
-      {/* Filters Panel */}
-      {showFilters && (
-        <div className="bg-white border border-gray-200 rounded-lg p-3">
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-            <div>
-              <label className="block text-xs font-medium text-gray-700 mb-1">Durum</label>
-              <select
-                value={filterStatus}
-                onChange={(e) => setFilterStatus(e.target.value)}
-                className="w-full border border-gray-300 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              >
-                <option value="all">Tümü</option>
-                {Object.values(BusinessPartyStatusEnum).map((status) => (
-                  <option key={status} value={status}>
-                    {getBusinessPartyStatusText(status)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-xs font-medium text-gray-700 mb-1">Segment</label>
-              <select
-                value={filterSegment}
-                onChange={(e) => setFilterSegment(e.target.value)}
-                className="w-full border border-gray-300 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              >
-                <option value="all">Tümü</option>
-                {Object.values(CustomerSegmentEnum).map((segment) => (
-                  <option key={segment} value={segment}>
-                    {getCustomerSegmentText(segment)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div className="flex items-end">
-              <button
-                onClick={() => {
-                  setFilterStatus('all')
-                  setFilterSegment('all')
-                  setSearchTerm('')
-                }}
-                className="w-full px-4 py-1.5 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-              >
-                Filtreleri Temizle
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* Statistics Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <Widget
-          title="Toplam Müşteri"
-          value={customers?.length || 0}
-          color="blue"
-          icon="FaBuilding"
-        />
-
-        <Widget
-          title="Aktif Müşteri"
-          value={customers?.filter((c) => c.status === BusinessPartyStatusEnum.Active).length || 0}
-          color="green"
-          icon="FaUserCheck"
-        />
-
-        <Widget
-          title="Toplam Ciro"
-          value={`₺${
-            customers?.reduce((acc, c) => acc + (c.totalRevenue ?? 0), 0).toLocaleString() || 0
-          }`}
-          color="purple"
-          icon="FaDollarSign"
-        />
-
-        <Widget
-          title="Ortalama Sipariş"
-          value={`₺${
-            customers?.length
-              ? Math.round(
-                  customers.reduce((acc, c) => acc + (c.averageOrderValue ?? 0), 0) /
-                    customers.length,
-                ).toLocaleString()
-              : 0
-          }`}
-          color="yellow"
-          icon="FaArrowUp"
-        />
-      </div>
-
-      {/* Customers Table */}
-      <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-        <div className="px-4 py-3 border-b border-gray-200">
-          <h2 className="text-xl font-bold text-gray-900">Müşteri Listesi</h2>
-        </div>
-
-        <div className="overflow-x-auto">
-          <table className="w-full">
-            <thead className="bg-gray-50">
-              <tr>
-                <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Müşteri Bilgileri
-                </th>
-                <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  İletişim
-                </th>
-                <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Segment / Durum
-                </th>
-                <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Satış Performansı
-                </th>
-                <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Kredi Limiti
-                </th>
-                <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Son Aktivite
-                </th>
-                <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  İşlemler
-                </th>
-              </tr>
-            </thead>
-
-            <tbody className="bg-white divide-y divide-gray-200">
-              {customers?.map((customer) => (
-                <tr key={customer.id} className="hover:bg-gray-50 transition-colors">
-                  <td className="px-4 py-3">
-                    <div className="flex items-center">
-                      <div className="flex-shrink-0 h-8 w-8">
-                        <div className="h-8 w-8 rounded-lg bg-blue-100 flex items-center justify-center">
-                          <FaBuilding className="h-5 w-5 text-blue-600" />
-                        </div>
-                      </div>
-                      <div className="ml-4">
-                        <div className="text-xs font-medium text-gray-900">{customer.code}</div>
-                        <div className="text-sm text-gray-500">{customer.name}</div>
-                        {customer.industry && (
-                          <div className="text-xs text-gray-400 mt-1">{customer.industry}</div>
-                        )}
-                      </div>
-                    </div>
-                  </td>
-
-                  <td className="px-4 py-3">
-                    <div className="space-y-1">
-                      <div className="text-sm font-medium text-gray-900">
-                        {customer.primaryContact?.name}
-                      </div>
-                      <div className="flex items-center text-sm text-gray-500">
-                        <FaEnvelope size={14} className="mr-1" />
-                        {customer.primaryContact?.email}
-                      </div>
-                      {customer.primaryContact?.phoneNumber && (
-                        <div className="flex items-center text-sm text-gray-500">
-                          <FaPhone size={14} className="mr-1" />
-                          {customer.primaryContact?.phoneNumber}
-                        </div>
-                      )}
-                      <div className="flex items-center text-sm text-gray-400">
-                        <FaMapMarkerAlt size={14} className="mr-1" />
-                        {customer.address?.city}, {customer.address?.country}
-                      </div>
-                    </div>
-                  </td>
-
-                  <td className="px-4 py-3">
-                    <div className="space-y-2">
-                      <div
-                        className={classNames(
-                          'text-sm font-medium',
-                          getCustomerSegmentColor(
-                            customer.customerSegment || CustomerSegmentEnum.SMB,
-                          ),
-                        )}
-                      >
-                        {getCustomerSegmentText(
-                          customer.customerSegment || CustomerSegmentEnum.SMB,
-                        )}
-                      </div>
-                      <span
-                        className={classNames(
-                          'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',
-                          getBusinessPartyStatusColor(
-                            customer.status ?? BusinessPartyStatusEnum.Prospect,
-                          ),
-                        )}
-                      >
-                        {getBusinessPartyStatusText(
-                          customer.status ?? BusinessPartyStatusEnum.Prospect,
-                        )}
-                      </span>
-                    </div>
-                  </td>
-
-                  <td className="px-4 py-3">
-                    <div className="space-y-1">
-                      <div className="text-sm font-medium text-gray-900">
-                        ₺{(customer.totalRevenue ?? 0).toLocaleString()}
-                      </div>
-                      <div className="text-sm text-gray-500">
-                        Ort. Sipariş: ₺{(customer.averageOrderValue ?? 0).toLocaleString()}
-                      </div>
-                      <div className="flex items-center">
-                        <FaStar size={14} className="text-yellow-500 mr-1" />
-                        <span className="text-sm text-gray-600">
-                          LTV: ₺{((customer.lifetimeValue ?? 0) / 1000000).toFixed(1)}M
-                        </span>
-                      </div>
-                    </div>
-                  </td>
-
-                  <td className="px-4 py-3">
-                    <div className="text-sm font-medium text-gray-900">
-                      ₺{customer.creditLimit.toLocaleString()}
-                    </div>
-                    <div className="text-sm text-gray-500">{customer.paymentTerms}</div>
-                  </td>
-
-                  <td className="px-4 py-3">
-                    <div className="space-y-1">
-                      {customer.lastOrderDate && (
-                        <div className="flex items-center text-sm text-gray-900">
-                          <FaCalendar size={14} className="mr-1" />
-                          {dayjs(customer.lastOrderDate).locale(currentLocale).format('LL')}
-                        </div>
-                      )}
-                      <div className="text-sm text-gray-500">Son sipariş</div>
-                    </div>
-                  </td>
-
-                  <td className="px-4 py-3 text-right">
-                    <div className="flex items-center justify-end space-x-2">
-                      <Link
-                        to={ROUTES_ENUM.protected.crm.customersDetail.replace(':id', customer.id)}
-                        className="p-2 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
-                        title="Detayları Görüntüle"
-                      >
-                        <FaEye size={16} />
-                      </Link>
-
-                      <Link
-                        to={ROUTES_ENUM.protected.crm.customersEdit.replace(':id', customer.id)}
-                        className="p-2 text-gray-600 hover:text-yellow-600 hover:bg-yellow-50 rounded-lg transition-colors"
-                        title="Düzenle"
-                      >
-                        <FaEdit size={16} />
-                      </Link>
-                    </div>
-                  </td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-
-        {(!customers || customers.length === 0) && (
-          <div className="text-center py-12">
-            <FaUserCheck className="mx-auto h-10 w-10 text-gray-400" />
-            <h3 className="mt-2 text-xs font-medium text-gray-900">Müşteri bulunamadı</h3>
-            <p className="mt-1 text-xs text-gray-500">Yeni müşteri ekleyerek başlayın.</p>
-            <div className="mt-6">
-              <Link
-                to={ROUTES_ENUM.protected.crm.customersNew}
-                className="inline-flex items-center px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-              >
-                <FaPlus size={16} className="mr-2" />
-                Yeni Müşteri Ekle
-              </Link>
-            </div>
-          </div>
-        )}
-      </div>
-    </div>
-  )
-}
-
-export default CustomerList
diff --git a/ui/src/views/crm/components/CustomerListWithToggle.tsx b/ui/src/views/crm/components/CustomerListWithToggle.tsx
deleted file mode 100644
index ff81259d..00000000
--- a/ui/src/views/crm/components/CustomerListWithToggle.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import React, { useState } from 'react'
-import { FaList, FaTh } from 'react-icons/fa'
-import classNames from 'classnames'
-import CustomerList from './CustomerList'
-import CustomerCards from './CustomerCards'
-import { Container } from '@/components/shared'
-
-export type ViewMode = 'list' | 'cards'
-
-const CustomerListWithToggle: React.FC = () => {
-  const [viewMode, setViewMode] = useState<ViewMode>('list')
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header with View Toggle */}
-        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Müşteri Listesi</h2>
-            <p className="text-gray-600">Müşteri listesi ve detay bilgileri</p>
-          </div>
-
-          {/* View Mode Toggle */}
-          <div className="flex items-center space-x-2">
-            <div className="flex bg-gray-100 rounded-lg p-1">
-              <button
-                onClick={() => setViewMode('list')}
-                className={classNames(
-                  'flex items-center space-x-2 px-3 py-1.5 rounded-md text-sm font-medium transition-colors',
-                  viewMode === 'list'
-                    ? 'bg-white text-gray-900 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900',
-                )}
-              >
-                <FaList className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => setViewMode('cards')}
-                className={classNames(
-                  'flex items-center space-x-2 px-3 py-1.5 rounded-md text-sm font-medium transition-colors',
-                  viewMode === 'cards'
-                    ? 'bg-white text-gray-900 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900',
-                )}
-              >
-                <FaTh className="w-4 h-4" />
-              </button>
-            </div>
-          </div>
-        </div>
-
-        {/* Content */}
-        <div className="transition-all duration-200">
-          {viewMode === 'list' ? <CustomerList /> : <CustomerCards />}
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default CustomerListWithToggle
diff --git a/ui/src/views/crm/components/CustomerView.tsx b/ui/src/views/crm/components/CustomerView.tsx
deleted file mode 100644
index 4f1e9205..00000000
--- a/ui/src/views/crm/components/CustomerView.tsx
+++ /dev/null
@@ -1,969 +0,0 @@
-import React, { useState } from 'react'
-import { useParams, Link, useNavigate } from 'react-router-dom'
-import { useQuery } from '@tanstack/react-query'
-import {
-  FaArrowLeft,
-  FaEdit,
-  FaBuilding,
-  FaUser,
-  FaPhone,
-  FaEnvelope,
-  FaMapMarkerAlt,
-  FaGlobe,
-  FaCalendar,
-  FaDollarSign,
-  FaStar,
-  FaChartLine,
-  FaHistory,
-  FaShoppingCart,
-  FaClipboardList,
-  FaExclamationTriangle,
-  FaCreditCard,
-  FaHandshake,
-  FaUsers,
-  FaChartBar,
-  FaArrowUp,
-} from 'react-icons/fa'
-import classNames from 'classnames'
-import { CustomerSegmentEnum } from '../../../types/crm'
-import dayjs from 'dayjs'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import {
-  getBusinessPartyStatusColor,
-  getBusinessPartyStatusText,
-  getCustomerSegmentText,
-} from '../../../utils/erp'
-import { BusinessPartyStatusEnum } from '../../../types/common'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { currentLocalDate } from '@/utils/dateUtils'
-import useLocale from '@/utils/hooks/useLocale'
-
-const CustomerView: React.FC = () => {
-  const { id } = useParams<{ id: string }>()
-  const navigate = useNavigate()
-  const [activeTab, setActiveTab] = useState('overview')
-  const currentLocale = useLocale()
-
-  const {
-    data: customer,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ['customer', id],
-    queryFn: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 300))
-      const found = mockBusinessParties.find((c) => c.id === id)
-      if (!found) throw new Error('Müşteri bulunamadı')
-      return found
-    },
-  })
-
-  if (isLoading) {
-    return (
-      <div className="min-h-screen bg-gray-50 p-6">
-        <div className="max-w-7xl mx-auto">
-          <div className="animate-pulse">
-            <div className="h-8 bg-gray-200 rounded w-1/4 mb-6">0</div>
-            <div className="bg-white rounded-lg shadow p-6 mb-6">
-              <div className="h-12 bg-gray-200 rounded w-3/4 mb-4"></div>
-              <div className="h-6 bg-gray-200 rounded w-1/2"></div>
-            </div>
-            <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-              <div className="lg:col-span-2 bg-white rounded-lg shadow p-6">
-                <div className="h-6 bg-gray-200 rounded w-1/3 mb-4"></div>
-                <div className="space-y-3">
-                  {[...Array(6)].map((_, i) => (
-                    <div key={i} className="h-4 bg-gray-200 rounded"></div>
-                  ))}
-                </div>
-              </div>
-              <div className="bg-white rounded-lg shadow p-6">
-                <div className="h-6 bg-gray-200 rounded w-1/2 mb-4"></div>
-                <div className="space-y-3">
-                  {[...Array(4)].map((_, i) => (
-                    <div key={i} className="h-4 bg-gray-200 rounded"></div>
-                  ))}
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  if (error || !customer) {
-    return (
-      <div className="min-h-screen bg-gray-50 p-6">
-        <div className="max-w-7xl mx-auto">
-          <div className="bg-red-50 border border-red-200 rounded-lg p-6">
-            <div className="flex items-center">
-              <FaExclamationTriangle className="h-8 w-8 text-red-600 mr-3" />
-              <div>
-                <h3 className="text-lg font-medium text-red-800">Müşteri Bulunamadı</h3>
-                <p className="text-red-600">
-                  Aradığınız müşteri mevcut değil veya erişim izniniz bulunmuyor.
-                </p>
-              </div>
-            </div>
-            <div className="mt-4">
-              <button
-                onClick={() => navigate(ROUTES_ENUM.protected.crm.customers)}
-                className="inline-flex items-center px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors"
-              >
-                <FaArrowLeft className="w-4 h-4 mr-2" />
-                Müşteri Listesine Dön
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  const tabs = [
-    { id: 'overview', label: 'Genel Bakış', icon: FaChartLine },
-    { id: 'contact', label: 'İletişim', icon: FaUser },
-    { id: 'business', label: 'İş Bilgileri', icon: FaBuilding },
-    { id: 'financial', label: 'Finansal', icon: FaDollarSign },
-    { id: 'history', label: 'Geçmiş', icon: FaHistory },
-  ]
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="bg-white border-b border-gray-200">
-          <div className="mx-auto px-4 py-3">
-            {/* Breadcrumb */}
-            <div className="flex items-center space-x-2 text-xs text-gray-500 mb-3">
-              <Link to={ROUTES_ENUM.protected.crm.customers} className="hover:text-blue-600">
-                Müşteriler
-              </Link>
-              <span>/</span>
-              <span className="text-gray-900">{customer.name}</span>
-            </div>
-
-            {/* Header */}
-            <div className="flex items-center justify-between">
-              <div className="flex items-center space-x-4">
-                <button
-                  onClick={() => navigate(ROUTES_ENUM.protected.crm.customers)}
-                  className="p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
-                >
-                  <FaArrowLeft className="w-5 h-5" />
-                </button>
-
-                <div className="flex items-center space-x-4">
-                  <div className="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center text-white shadow-lg">
-                    <FaBuilding className="w-8 h-8" />
-                  </div>
-
-                  <div>
-                    <div className="flex items-center space-x-3">
-                      <h2 className="text-2xl font-bold text-gray-900">{customer.name}</h2>
-                      <span
-                        className={classNames(
-                          'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border',
-                          getBusinessPartyStatusColor(
-                            customer.status || BusinessPartyStatusEnum.Active,
-                          ),
-                        )}
-                      >
-                        {getBusinessPartyStatusText(
-                          customer.status || BusinessPartyStatusEnum.Active,
-                        )}
-                      </span>
-                    </div>
-                    <div className="flex items-center space-x-4 mt-1">
-                      <span className="text-sm text-gray-600">{customer.code}</span>
-                      <span className="text-sm text-gray-400">•</span>
-                      <span className="text-sm text-gray-600">
-                        {getCustomerSegmentText(
-                          customer.customerSegment || CustomerSegmentEnum.Startup,
-                        )}
-                      </span>
-                      {customer.industry && (
-                        <>
-                          <span className="text-sm text-gray-400">•</span>
-                          <span className="text-sm text-gray-600">{customer.industry}</span>
-                        </>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <div className="flex items-center space-x-2">
-                <Link
-                  to={ROUTES_ENUM.protected.crm.customersEdit.replace(':id', customer.id)}
-                  className="inline-flex items-center px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-                >
-                  <FaEdit className="w-4 h-4 mr-2" />
-                  Düzenle
-                </Link>
-              </div>
-            </div>
-
-            {/* Key Metrics */}
-            <div className="grid grid-cols-1 md:grid-cols-4 gap-4 mt-4">
-              <div className="bg-gray-50 rounded-lg p-3">
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="text-sm font-medium text-gray-600">Toplam Ciro</p>
-                    <p className="text-lg font-bold text-gray-900">
-                      ₺{customer.totalRevenue?.toLocaleString()}
-                    </p>
-                  </div>
-                  <FaDollarSign className="h-6 w-6 text-green-500" />
-                </div>
-              </div>
-
-              <div className="bg-gray-50 rounded-lg p-3">
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="text-sm font-medium text-gray-600">Ort. Sipariş</p>
-                    <p className="text-lg font-bold text-gray-900">
-                      ₺{customer.averageOrderValue?.toLocaleString()}
-                    </p>
-                  </div>
-                  <FaShoppingCart className="h-6 w-6 text-blue-500" />
-                </div>
-              </div>
-
-              <div className="bg-gray-50 rounded-lg p-3">
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="text-sm font-medium text-gray-600">Yaşam Boyu Değer</p>
-                    <p className="text-lg font-bold text-gray-900">
-                      ₺{((customer.lifetimeValue ?? 0) / 1000000).toFixed(1)}M
-                    </p>
-                  </div>
-                  <FaStar className="h-6 w-6 text-yellow-500" />
-                </div>
-              </div>
-
-              <div className="bg-gray-50 rounded-lg p-3">
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="text-sm font-medium text-gray-600">Kredi Limiti</p>
-                    <p className="text-lg font-bold text-gray-900">
-                      ₺{customer.creditLimit.toLocaleString()}
-                    </p>
-                  </div>
-                  <FaCreditCard className="h-6 w-6 text-purple-500" />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Tabs */}
-        <div className="bg-white border-b border-gray-200">
-          <div className="mx-auto px-4">
-            <nav className="flex space-x-8">
-              {tabs.map((tab) => (
-                <button
-                  key={tab.id}
-                  onClick={() => setActiveTab(tab.id)}
-                  className={classNames(
-                    'flex items-center space-x-2 py-3 px-1 border-b-2 font-medium text-sm transition-colors',
-                    activeTab === tab.id
-                      ? 'border-blue-500 text-blue-600'
-                      : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300',
-                  )}
-                >
-                  <tab.icon className="w-4 h-4" />
-                  <span>{tab.label}</span>
-                </button>
-              ))}
-            </nav>
-          </div>
-        </div>
-
-        {/* Tab Content */}
-        <div className="mx-auto py-4">
-          {activeTab === 'overview' && (
-            <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
-              {/* Main Overview */}
-              <div className="lg:col-span-2 space-y-4">
-                {/* Quick Summary */}
-                <div className="bg-white rounded-lg shadow p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center">
-                    <FaChartBar className="w-5 h-5 mr-2" />
-                    Müşteri Özeti
-                  </h3>
-                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    <div>
-                      <h4 className="font-medium text-gray-900 mb-3">Temel Bilgiler</h4>
-                      <div className="space-y-2 text-sm">
-                        <div className="flex justify-between">
-                          <span className="text-gray-600">Müşteri Kodu:</span>
-                          <span className="font-medium">{customer.code}</span>
-                        </div>
-                        <div className="flex justify-between">
-                          <span className="text-gray-600">Şirket:</span>
-                          <span className="font-medium">{customer.name}</span>
-                        </div>
-                        <div className="flex justify-between">
-                          <span className="text-gray-600">Sektör:</span>
-                          <span className="font-medium">
-                            {customer.industry || 'Belirtilmemiş'}
-                          </span>
-                        </div>
-                        <div className="flex justify-between">
-                          <span className="text-gray-600">Segment:</span>
-                          <span className="font-medium">
-                            {getCustomerSegmentText(
-                              customer.customerSegment || CustomerSegmentEnum.Startup,
-                            )}
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-
-                    <div>
-                      <h4 className="font-medium text-gray-900 mb-3">Performans</h4>
-                      <div className="space-y-2 text-sm">
-                        <div className="flex justify-between">
-                          <span className="text-gray-600">Son Sipariş:</span>
-                          <span className="font-medium">
-                            
-                            {customer.lastOrderDate
-                              ? currentLocalDate(customer.lastOrderDate, currentLocale || 'tr')
-                              : 'Henüz sipariş yok'}
-                          </span>
-                        </div>
-                        <div className="flex justify-between">
-                          <span className="text-gray-600">Ödeme Koşulları:</span>
-                          <span className="font-medium">{customer.paymentTerms}</span>
-                        </div>
-                        <div className="flex justify-between">
-                          <span className="text-gray-600">Para Birimi:</span>
-                          <span className="font-medium">{customer.currency}</span>
-                        </div>
-                        <div className="flex justify-between">
-                          <span className="text-gray-600">Kayıt Tarihi:</span>
-                          <span className="font-medium">
-                            {currentLocalDate(customer.creationTime, currentLocale || 'tr')}
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Performance Chart */}
-                <div className="bg-white rounded-lg shadow p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center">
-                    <FaChartLine className="w-5 h-5 mr-2" />
-                    Satış Performansı
-                  </h3>
-                  <div className="grid grid-cols-3 gap-3 mb-4">
-                    <div className="text-center p-3 bg-blue-50 rounded-lg">
-                      <div className="text-xl font-bold text-blue-600">
-                        {customer.orders?.length || 0}
-                      </div>
-                      <div className="text-sm text-gray-600">Toplam Sipariş</div>
-                    </div>
-                    <div className="text-center p-3 bg-green-50 rounded-lg">
-                      <div className="text-xl font-bold text-green-600">
-                        ₺{((customer.totalRevenue ?? 0) / 1000).toFixed(0)}K
-                      </div>
-                      <div className="text-sm text-gray-600">Toplam Satış</div>
-                    </div>
-                    <div className="text-center p-3 bg-purple-50 rounded-lg">
-                      <div className="text-xl font-bold text-purple-600">
-                        ₺{((customer.averageOrderValue ?? 0) / 1000).toFixed(0)}K
-                      </div>
-                      <div className="text-sm text-gray-600">Ortalama Sipariş</div>
-                    </div>
-                  </div>
-
-                  {/* Progress Bars */}
-                  <div className="space-y-3">
-                    <div>
-                      <div className="flex justify-between text-sm mb-1">
-                        <span>Kredi Kullanımı</span>
-                        <span>
-                          {Math.round(((customer.totalRevenue ?? 0) / customer.creditLimit) * 100)}%
-                        </span>
-                      </div>
-                      <div className="w-full bg-gray-200 rounded-full h-1.5">
-                        <div
-                          className="bg-blue-600 h-1.5 rounded-full"
-                          style={{
-                            width: `${Math.min(
-                              ((customer.totalRevenue ?? 0) / (customer.creditLimit ?? 1)) * 100,
-                              100,
-                            )}%`,
-                          }}
-                        ></div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              {/* Sidebar */}
-              <div className="space-y-4">
-                {/* Primary Contact */}
-                <div className="bg-white rounded-lg shadow p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center">
-                    <FaUser className="w-5 h-5 mr-2" />
-                    Ana İletişim
-                  </h3>
-                  <div className="text-center mb-3">
-                    <div className="w-16 h-16 bg-gray-200 rounded-full mx-auto mb-3 flex items-center justify-center">
-                      <FaUser className="w-8 h-8 text-gray-500" />
-                    </div>
-                    <h4 className="font-medium text-gray-900">
-                      {customer.primaryContact?.name}
-                    </h4>
-                    <p className="text-sm text-gray-600">
-                      {customer.primaryContact?.title || 'Pozisyon belirtilmemiş'}
-                    </p>
-                  </div>
-
-                  <div className="space-y-2">
-                    <div className="flex items-center">
-                      <FaEnvelope className="w-4 h-4 text-gray-400 mr-3" />
-                      <a
-                        href={`mailto:${customer.primaryContact?.email}`}
-                        className="text-blue-600 hover:text-blue-800 text-sm"
-                      >
-                        {customer.primaryContact?.email}
-                      </a>
-                    </div>
-                    {customer.primaryContact?.phoneNumber && (
-                      <div className="flex items-center">
-                        <FaPhone className="w-4 h-4 text-gray-400 mr-3" />
-                        <a
-                          href={`tel:${customer.primaryContact?.phoneNumber}`}
-                          className="text-blue-600 hover:text-blue-800 text-sm"
-                        >
-                          {customer.primaryContact.phoneNumber}
-                        </a>
-                      </div>
-                    )}
-                  </div>
-                </div>
-
-                {/* Quick Actions */}
-                <div className="bg-white rounded-lg shadow p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-3">Hızlı İşlemler</h3>
-                  <div className="space-y-2">
-                    <button className="w-full flex items-center justify-center px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors">
-                      <FaShoppingCart className="w-4 h-4 mr-2" />
-                      Yeni Sipariş
-                    </button>
-                    <button className="w-full flex items-center justify-center px-3 py-1.5 text-sm bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors">
-                      <FaClipboardList className="w-4 h-4 mr-2" />
-                      Teklif Oluştur
-                    </button>
-                    <button className="w-full flex items-center justify-center px-3 py-1.5 text-sm bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors">
-                      <FaCalendar className="w-4 h-4 mr-2" />
-                      Toplantı Planla
-                    </button>
-                  </div>
-                </div>
-
-                {/* Recent Activities */}
-                <div className="bg-white rounded-lg shadow p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center">
-                    <FaHistory className="w-5 h-5 mr-2" />
-                    Son Aktiviteler
-                  </h3>
-                  <div className="space-y-3">
-                    <div className="flex items-start space-x-3">
-                      <div className="w-2 h-2 bg-blue-500 rounded-full mt-2"></div>
-                      <div className="flex-1">
-                        <p className="text-sm text-gray-900">Yeni sipariş oluşturuldu</p>
-                        <p className="text-sm text-gray-600">
-                          {currentLocalDate(dayjs().subtract(2, 'hour').toDate(), currentLocale || 'tr')}
-                        </p>
-                      </div>
-                    </div>
-                    <div className="flex items-start space-x-3">
-                      <div className="w-2 h-2 bg-green-500 rounded-full mt-2"></div>
-                      <div className="flex-1">
-                        <p className="text-sm text-gray-900">Teklif onaylandı</p>
-                        <p className="text-sm text-gray-600">
-                          {currentLocalDate(dayjs().subtract(1, 'day').toDate(), currentLocale || 'tr')}
-                        </p>
-                      </div>
-                    </div>
-                    <div className="flex items-start space-x-3">
-                      <div className="w-2 h-2 bg-yellow-500 rounded-full mt-2"></div>
-                      <div className="flex-1">
-                        <p className="text-sm text-gray-900">Görüşme yapıldı</p>
-                        <p className="text-sm text-gray-600">
-                          {currentLocalDate(dayjs().subtract(3, 'day').toDate(), currentLocale || 'tr')}
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {activeTab === 'contact' && (
-            <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-              {/* Primary Contact */}
-              <div className="bg-white rounded-lg shadow p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                  <FaUser className="w-5 h-5 mr-2" />
-                  Ana İletişim Kişisi
-                </h3>
-
-                <div className="space-y-3">
-                  <div className="flex items-center space-x-4">
-                    <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center">
-                      <FaUser className="w-8 h-8 text-blue-600" />
-                    </div>
-                    <div>
-                      <h2 className="text-2xl font-bold text-gray-900">
-                        {customer.primaryContact?.name}
-                      </h2>
-                      <p className="text-gray-600">
-                        {customer.primaryContact?.title || 'Pozisyon belirtilmemiş'}
-                      </p>
-                    </div>
-                  </div>
-
-                  <div className="grid grid-cols-1 gap-3 pt-3">
-                    <div className="flex items-center p-2 bg-gray-50 rounded-lg">
-                      <FaEnvelope className="w-5 h-5 text-gray-400 mr-3" />
-                      <div>
-                        <p className="text-sm text-gray-600">E-posta</p>
-                        <a
-                          href={`mailto:${customer.primaryContact?.email}`}
-                          className="text-blue-600 hover:text-blue-800 font-medium"
-                        >
-                          {customer.primaryContact?.email}
-                        </a>
-                      </div>
-                    </div>
-
-                    {customer.primaryContact?.phoneNumber && (
-                      <div className="flex items-center p-2 bg-gray-50 rounded-lg">
-                        <FaPhone className="w-5 h-5 text-gray-400 mr-3" />
-                        <div>
-                          <p className="text-sm text-gray-600">Telefon</p>
-                          <a
-                            href={`tel:${customer.primaryContact?.phoneNumber}`}
-                            className="text-blue-600 hover:text-blue-800 font-medium"
-                          >
-                            {customer.primaryContact?.phoneNumber}
-                          </a>
-                        </div>
-                      </div>
-                    )}
-                  </div>
-                </div>
-              </div>
-
-              {/* Address Information */}
-              <div className="bg-white rounded-lg shadow p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                  <FaMapMarkerAlt className="w-5 h-5 mr-2" />
-                  Adres Bilgileri
-                </h3>
-
-                <div className="space-y-3">
-                  <div className="p-4 bg-gray-50 rounded-lg">
-                    <div className="space-y-2">
-                      <p className="font-medium text-gray-900">{customer.address?.street}</p>
-                      <p className="text-gray-600">{customer.address?.city}</p>
-                      <p className="text-gray-600">
-                        {customer.address?.state} {customer.address?.postalCode}
-                      </p>
-                      <p className="text-gray-600 font-medium">{customer.address?.country}</p>
-                    </div>
-                  </div>
-
-                  {customer.website && (
-                    <div className="flex items-center p-2 bg-gray-50 rounded-lg">
-                      <FaGlobe className="w-5 h-5 text-gray-400 mr-3" />
-                      <div>
-                        <p className="text-sm text-gray-600">Website</p>
-                        <a
-                          href={customer.website}
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          className="text-blue-600 hover:text-blue-800 font-medium"
-                        >
-                          {customer.website}
-                        </a>
-                      </div>
-                    </div>
-                  )}
-                </div>
-              </div>
-
-              {/* Additional Contacts */}
-              {customer.contacts && customer.contacts.length > 0 && (
-                <div className="lg:col-span-2 bg-white rounded-lg shadow p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                    <FaUsers className="w-5 h-5 mr-2" />
-                    Diğer İletişim Kişileri
-                  </h3>
-
-                  <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                    {customer.contacts.map((contact, index) => (
-                      <div key={index} className="p-3 border border-gray-200 rounded-lg">
-                        <div className="flex items-start space-x-3">
-                          <div className="w-10 h-10 bg-gray-100 rounded-full flex items-center justify-center">
-                            <FaUser className="w-5 h-5 text-gray-500" />
-                          </div>
-                          <div className="flex-1">
-                            <h4 className="font-medium text-gray-900">{contact.name}</h4>
-                            <p className="text-sm text-gray-600 mb-2">
-                              {contact.title || 'Pozisyon belirtilmemiş'}
-                            </p>
-                            <div className="space-y-1">
-                              <div className="flex items-center text-sm text-gray-600">
-                                <FaEnvelope className="w-3 h-3 mr-2" />
-                                <a
-                                  href={`mailto:${contact.email}`}
-                                  className="text-blue-600 hover:text-blue-800"
-                                >
-                                  {contact.email}
-                                </a>
-                              </div>
-                              {contact.phoneNumber && (
-                                <div className="flex items-center text-sm text-gray-600">
-                                  <FaPhone className="w-3 h-3 mr-2" />
-                                  <a
-                                    href={`tel:${contact.phoneNumber}`}
-                                    className="text-blue-600 hover:text-blue-800"
-                                  >
-                                    {contact.phoneNumber}
-                                  </a>
-                                </div>
-                              )}
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              )}
-            </div>
-          )}
-
-          {activeTab === 'business' && (
-            <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-              {/* Company Information */}
-              <div className="bg-white rounded-lg shadow p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                  <FaBuilding className="w-5 h-5 mr-2" />
-                  Şirket Bilgileri
-                </h3>
-
-                <div className="space-y-3">
-                  <div className="grid grid-cols-2 gap-3">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Şirket Adı
-                      </label>
-                      <p className="text-gray-900 font-medium">{customer.name}</p>
-                    </div>
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Müşteri Kodu
-                      </label>
-                      <p className="text-gray-900 font-medium">{customer.code}</p>
-                    </div>
-                  </div>
-
-                  <div className="grid grid-cols-2 gap-3">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">Sektör</label>
-                      <p className="text-gray-900">{customer.industry || 'Belirtilmemiş'}</p>
-                    </div>
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Müşteri Tipi
-                      </label>
-                      <p className="text-gray-900">{customer.customerType}</p>
-                    </div>
-                  </div>
-
-                  {customer.taxNumber && (
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Vergi Numarası
-                      </label>
-                      <p className="text-gray-900 font-mono">{customer.taxNumber}</p>
-                    </div>
-                  )}
-
-                  {customer.registrationNumber && (
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Sicil Numarası
-                      </label>
-                      <p className="text-gray-900 font-mono">{customer.registrationNumber}</p>
-                    </div>
-                  )}
-                </div>
-              </div>
-
-              {/* Relationship Information */}
-              <div className="bg-white rounded-lg shadow p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                  <FaHandshake className="w-5 h-5 mr-2" />
-                  İlişki Bilgileri
-                </h3>
-
-                <div className="space-y-3">
-                  <div className="grid grid-cols-2 gap-3">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Müşteri Durumu
-                      </label>
-                      <span
-                        className={classNames(
-                          'inline-flex items-center px-2.5 py-0.5 rounded-full text-sm font-medium border',
-                          getBusinessPartyStatusColor(
-                            customer.status || BusinessPartyStatusEnum.Active,
-                          ),
-                        )}
-                      >
-                        {getBusinessPartyStatusText(
-                          customer.status || BusinessPartyStatusEnum.Active,
-                        )}
-                      </span>
-                    </div>
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Müşteri Segmenti
-                      </label>
-                      <p className="text-gray-900">
-                        {getCustomerSegmentText(
-                          customer.customerSegment || CustomerSegmentEnum.Startup,
-                        )}
-                      </p>
-                    </div>
-                  </div>
-
-                  {customer.assignedSalesRep && (
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Atanmış Satış Temsilcisi
-                      </label>
-                      <p className="text-gray-900">{customer.assignedSalesRep}</p>
-                    </div>
-                  )}
-
-                  <div className="grid grid-cols-2 gap-4">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Kayıt Tarihi
-                      </label>
-                      <p className="text-gray-900">
-                        {currentLocalDate(customer.creationTime, currentLocale || 'tr')}
-                      </p>
-                    </div>
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Son Güncelleme
-                      </label>
-                      <p className="text-gray-900">
-                        {currentLocalDate(customer.lastModificationTime, currentLocale || 'tr')}
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {activeTab === 'financial' && (
-            <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-              {/* Financial Overview */}
-              <div className="bg-white rounded-lg shadow p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                  <FaDollarSign className="w-5 h-5 mr-2" />
-                  Finansal Durum
-                </h3>
-
-                <div className="space-y-4">
-                  <div className="grid grid-cols-1 gap-3">
-                    <div className="p-4 bg-green-50 rounded-lg">
-                      <div className="flex items-center justify-between mb-2">
-                        <span className="text-sm font-medium text-green-800">Toplam Ciro</span>
-                        <FaArrowUp className="w-4 h-4 text-green-600" />
-                      </div>
-                      <div className="text-2xl font-bold text-green-900">
-                        ₺{customer.totalRevenue?.toLocaleString()}
-                      </div>
-                    </div>
-
-                    <div className="p-4 bg-blue-50 rounded-lg">
-                      <div className="flex items-center justify-between mb-2">
-                        <span className="text-sm font-medium text-blue-800">Ortalama Sipariş</span>
-                        <FaShoppingCart className="w-4 h-4 text-blue-600" />
-                      </div>
-                      <div className="text-2xl font-bold text-blue-900">
-                        ₺{customer.averageOrderValue?.toLocaleString()}
-                      </div>
-                    </div>
-
-                    <div className="p-4 bg-purple-50 rounded-lg">
-                      <div className="flex items-center justify-between mb-2">
-                        <span className="text-sm font-medium text-purple-800">
-                          Yaşam Boyu Değer
-                        </span>
-                        <FaStar className="w-4 h-4 text-purple-600" />
-                      </div>
-                      <div className="text-2xl font-bold text-purple-900">
-                        ₺{((customer.lifetimeValue ?? 0) / 1000000).toFixed(1)}M
-                      </div>
-                    </div>
-                  </div>
-
-                  <div>
-                    <div className="flex justify-between items-center mb-2">
-                      <span className="text-sm font-medium text-gray-700">Kredi Kullanımı</span>
-                      <span className="text-sm text-gray-600">
-                        {Math.round(((customer.totalRevenue ?? 0) / customer.creditLimit) * 100)}%
-                      </span>
-                    </div>
-                    <div className="w-full bg-gray-200 rounded-full h-2">
-                      <div
-                        className={classNames(
-                          'h-3 rounded-full',
-                          ((customer.totalRevenue ?? 0) / customer.creditLimit) * 100 > 80
-                            ? 'bg-red-500'
-                            : ((customer.totalRevenue ?? 0) / customer.creditLimit) * 100 > 60
-                              ? 'bg-yellow-500'
-                              : 'bg-green-500',
-                        )}
-                        style={{
-                          width: `${Math.min(
-                            ((customer.totalRevenue ?? 0) / customer.creditLimit) * 100,
-                            100,
-                          )}%`,
-                        }}
-                      ></div>
-                    </div>
-                    <div className="flex justify-between text-xs text-gray-600 mt-1">
-                      <span>₺0</span>
-                      <span>₺{customer.creditLimit.toLocaleString()}</span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              {/* Payment Information */}
-              <div className="bg-white rounded-lg shadow p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                  <FaCreditCard className="w-5 h-5 mr-2" />
-                  Ödeme Bilgileri
-                </h3>
-
-                <div className="space-y-3">
-                  <div className="grid grid-cols-2 gap-4">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Kredi Limiti
-                      </label>
-                      <p className="text-xl font-bold text-gray-900">
-                        ₺{customer.creditLimit.toLocaleString()}
-                      </p>
-                    </div>
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Para Birimi
-                      </label>
-                      <p className="text-lg font-medium text-gray-900">{customer.currency}</p>
-                    </div>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-600 mb-1">
-                      Ödeme Koşulları
-                    </label>
-                    <p className="text-gray-900">{customer.paymentTerms}</p>
-                  </div>
-
-                  {customer.lastOrderDate && (
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Son Sipariş Tarihi
-                      </label>
-                      <p className="text-gray-900">
-                        {currentLocalDate(customer.lastOrderDate, currentLocale || 'tr')}
-                      </p>
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-          )}
-
-          {activeTab === 'history' && (
-            <div className="space-y-4">
-              <div className="bg-white rounded-lg shadow p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                  <FaHistory className="w-5 h-5 mr-2" />
-                  Müşteri Geçmişi
-                </h3>
-
-                <div className="space-y-3">
-                  <div className="flex items-start space-x-4 p-4 bg-gray-50 rounded-lg">
-                    <div className="w-2 h-2 bg-blue-500 rounded-full mt-2"></div>
-                    <div className="flex-1">
-                      <div className="flex items-center justify-between">
-                        <h4 className="font-medium text-gray-900">Müşteri Kaydı Oluşturuldu</h4>
-                        <span className="text-sm text-gray-500">
-                          {currentLocalDate(customer.creationTime, currentLocale || 'tr')}
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div className="flex items-start space-x-4 p-4 bg-gray-50 rounded-lg">
-                    <div className="w-2 h-2 bg-green-500 rounded-full mt-2"></div>
-                    <div className="flex-1">
-                      <div className="flex items-center justify-between">
-                        <h4 className="font-medium text-gray-900">Son Güncelleme</h4>
-                        <span className="text-sm text-gray-500">
-                          {currentLocalDate(customer.lastModificationTime, currentLocale || 'tr')}
-                        </span>
-                      </div>
-                      <p className="text-sm text-gray-600 mt-1">Müşteri bilgileri güncellendi.</p>
-                    </div>
-                  </div>
-
-                  {customer.lastOrderDate && (
-                    <div className="flex items-start space-x-4 p-4 bg-gray-50 rounded-lg">
-                      <div className="w-2 h-2 bg-purple-500 rounded-full mt-2"></div>
-                      <div className="flex-1">
-                        <div className="flex items-center justify-between">
-                          <h4 className="font-medium text-gray-900">Son Sipariş</h4>
-                          <span className="text-sm text-gray-500">
-                            {currentLocalDate(customer.lastOrderDate, currentLocale || 'tr')}
-                          </span>
-                        </div>
-                        <p className="text-sm text-gray-600 mt-1">
-                          Son sipariş tarihi: {currentLocalDate(customer.lastOrderDate, currentLocale || 'tr')}
-                        </p>
-                      </div>
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default CustomerView
diff --git a/ui/src/views/crm/components/LossReasonCardView.tsx b/ui/src/views/crm/components/LossReasonCardView.tsx
deleted file mode 100644
index 1c4a1cbd..00000000
--- a/ui/src/views/crm/components/LossReasonCardView.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-import React from 'react'
-import { FaEdit, FaTrash, FaEye, FaBullseye } from 'react-icons/fa'
-import { CrmLostReason, CrmOpportunity } from '../../../types/crm'
-import { getLostReasonCategoryColor, getLostReasonCategoryText } from '../../../utils/erp'
-
-interface LossReasonCardViewProps {
-  lossReasons: CrmLostReason[]
-  opportunities: CrmOpportunity[]
-  onEdit: (reason: CrmLostReason) => void
-  onDelete: (id: string) => void
-  onView: (reason: CrmLostReason) => void
-}
-
-const LossReasonCardView: React.FC<LossReasonCardViewProps> = ({
-  lossReasons,
-  opportunities,
-  onEdit,
-  onDelete,
-  onView,
-}) => {
-  const getUsageCount = (reasonId: string) => {
-    return opportunities.filter((opp) => opp.lostReason?.id === reasonId).length
-  }
-
-  const getLostValue = (reasonId: string) => {
-    return opportunities
-      .filter((opp) => opp.lostReason?.id === reasonId)
-      .reduce((sum, opp) => sum + opp.estimatedValue, 0)
-  }
-
-  if (lossReasons.length === 0) {
-    return (
-      <div className="text-center py-12">
-        <div className="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4">
-          <FaBullseye className="w-8 h-8 text-gray-400" />
-        </div>
-        <h3 className="text-lg font-medium text-gray-900 mb-2">Kayıp nedeni bulunamadı</h3>
-        <p className="text-gray-500">Arama kriterlerinizi değiştirmeyi deneyin.</p>
-      </div>
-    )
-  }
-
-  return (
-    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3">
-      {lossReasons.map((reason) => {
-        const usageCount = getUsageCount(reason.id)
-        const lostValue = getLostValue(reason.id)
-
-        return (
-          <div
-            key={reason.id}
-            className="bg-white rounded-lg shadow-sm border hover:shadow-md transition-shadow flex flex-col"
-          >
-            {/* Card Header */}
-            <div className="p-3 border-b">
-              <div className="flex items-start justify-between mb-1">
-                <div className="flex-1">
-                  <h3 className="font-semibold text-gray-900 text-sm">{reason.name}</h3>
-                  <div className="flex items-center gap-2">
-                    <span className="text-xs text-gray-500 font-mono">{reason.code}</span>
-                    <span
-                      className={`px-2 py-1 text-xs font-medium rounded-full ${
-                        reason.isActive
-                          ? 'bg-green-100 text-green-800'
-                          : 'bg-gray-100 text-gray-800'
-                      }`}
-                    >
-                      {reason.isActive ? 'Aktif' : 'Pasif'}
-                    </span>
-                  </div>
-                </div>
-              </div>
-
-              {/* Category */}
-              <span
-                className={`inline-block px-2 py-1 text-xs font-medium rounded-full ${getLostReasonCategoryColor(
-                  reason.category,
-                )}`}
-              >
-                {getLostReasonCategoryText(reason.category)}
-              </span>
-            </div>
-
-            {/* Card Body */}
-            <div className="p-3 space-y-1.5 flex-grow">
-              {/* Description */}
-              {reason.description && (
-                <p
-                  className="text-xs text-gray-600 overflow-hidden flex-grow"
-                  style={{
-                    display: '-webkit-box',
-                    WebkitLineClamp: 2,
-                    WebkitBoxOrient: 'vertical',
-                  }}
-                >
-                  {reason.description}
-                </p>
-              )}
-
-              {/* Usage Statistics */}
-              <div className="grid grid-cols-2 gap-2 pt-2 border-t">
-                <div className="text-center">
-                  <div className="flex items-center justify-center gap-1 mb-1">
-                    <FaBullseye className="w-3 h-3 text-gray-400" />
-                    <span className="text-xs text-gray-500">Kullanım</span>
-                  </div>
-                  <div className="text-sm font-bold text-gray-900">{usageCount}</div>
-                </div>
-                <div className="text-center">
-                  <div className="text-xs text-gray-500 mb-1">Kayıp Değer</div>
-                  <div className="text-sm font-bold text-red-600">
-                    ₺{lostValue.toLocaleString()}
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            {/* Card Footer */}
-            <div className="p-2 border-t bg-gray-50 flex justify-end gap-1">
-              <button
-                onClick={() => onView(reason)}
-                className="p-1 text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                title="Görüntüle"
-              >
-                <FaEye className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => onEdit(reason)}
-                className="p-1 text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                title="Düzenle"
-              >
-                <FaEdit className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => onDelete(reason.id)}
-                className="p-1 text-red-600 hover:bg-red-50 rounded-md transition-colors"
-                title="Sil"
-              >
-                <FaTrash className="w-4 h-4" />
-              </button>
-            </div>
-          </div>
-        )
-      })}
-    </div>
-  )
-}
-
-export default LossReasonCardView
diff --git a/ui/src/views/crm/components/LossReasonModal.tsx b/ui/src/views/crm/components/LossReasonModal.tsx
deleted file mode 100644
index 2e8e5882..00000000
--- a/ui/src/views/crm/components/LossReasonModal.tsx
+++ /dev/null
@@ -1,230 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave } from 'react-icons/fa'
-import { CrmLostReason, LostReasonCategoryEnum } from '../../../types/crm'
-import { getLostReasonCategoryText } from '../../../utils/erp'
-
-interface LossReasonModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (reason: Partial<CrmLostReason>) => void
-  editingReason?: CrmLostReason | null
-  mode: 'add' | 'edit' | 'view'
-}
-
-const LossReasonModal: React.FC<LossReasonModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  editingReason,
-  mode,
-}) => {
-  const [formData, setFormData] = useState<Partial<CrmLostReason>>({
-    code: '',
-    name: '',
-    description: '',
-    category: LostReasonCategoryEnum.Price,
-    isActive: true,
-  })
-
-  const [errors, setErrors] = useState<{ [key: string]: string }>({})
-
-  useEffect(() => {
-    if (editingReason) {
-      setFormData(editingReason)
-    } else {
-      setFormData({
-        code: '',
-        name: '',
-        description: '',
-        category: LostReasonCategoryEnum.Price,
-        isActive: true,
-      })
-    }
-    setErrors({})
-  }, [editingReason, isOpen])
-
-  const validateForm = () => {
-    const newErrors: { [key: string]: string } = {}
-
-    if (!formData.code?.trim()) {
-      newErrors.code = 'Kod zorunludur'
-    }
-
-    if (!formData.name?.trim()) {
-      newErrors.name = 'Kayıp nedeni adı zorunludur'
-    }
-
-    if (!formData.category) {
-      newErrors.category = 'Kategori seçimi zorunludur'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-
-    if (mode === 'view') {
-      onClose()
-      return
-    }
-
-    if (validateForm()) {
-      onSave(formData)
-      onClose()
-    }
-  }
-
-  const handleInputChange = (
-    field: keyof CrmLostReason,
-    value: string | boolean | LostReasonCategoryEnum,
-  ) => {
-    setFormData((prev) => ({ ...prev, [field]: value }))
-    if (errors[field]) {
-      setErrors((prev) => ({ ...prev, [field]: '' }))
-    }
-  }
-
-  if (!isOpen) return null
-
-  const getModalTitle = () => {
-    switch (mode) {
-      case 'add':
-        return 'Yeni Kayıp Nedeni'
-      case 'edit':
-        return 'Kayıp Nedeni Düzenle'
-      case 'view':
-        return 'Kayıp Nedeni Detayları'
-      default:
-        return ''
-    }
-  }
-
-  const isReadOnly = mode === 'view'
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl w-full max-w-md mx-4">
-        {/* Header */}
-        <div className="flex items-center justify-between p-3 border-b">
-          <h3 className="text-sm font-semibold text-gray-900">{getModalTitle()}</h3>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Form */}
-        <form onSubmit={handleSubmit} className="p-3">
-          <div className="space-y-2">
-            {/* Code */}
-            <div>
-              <label className="block text-xs font-medium text-gray-700 mb-1">Kod *</label>
-              <input
-                type="text"
-                value={formData.code || ''}
-                onChange={(e) => handleInputChange('code', e.target.value)}
-                className={`w-full px-2 py-1 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.code ? 'border-red-500' : 'border-gray-300'
-                } ${isReadOnly ? 'bg-gray-100' : ''}`}
-                placeholder="Örn: LR001"
-                readOnly={isReadOnly}
-              />
-              {errors.code && <p className="text-red-500 text-sm mt-1">{errors.code}</p>}
-            </div>
-
-            {/* Name */}
-            <div>
-              <label className="block text-xs font-medium text-gray-700 mb-1">Kayıp Nedeni *</label>
-              <input
-                type="text"
-                value={formData.name || ''}
-                onChange={(e) => handleInputChange('name', e.target.value)}
-                className={`w-full px-2 py-1 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.name ? 'border-red-500' : 'border-gray-300'
-                } ${isReadOnly ? 'bg-gray-100' : ''}`}
-                placeholder="Kayıp nedeni adını girin"
-                readOnly={isReadOnly}
-              />
-              {errors.name && <p className="text-red-500 text-sm mt-1">{errors.name}</p>}
-            </div>
-
-            {/* Category */}
-            <div>
-              <label className="block text-xs font-medium text-gray-700 mb-1">Kategori *</label>
-              <select
-                value={formData.category || ''}
-                onChange={(e) =>
-                  handleInputChange('category', e.target.value as LostReasonCategoryEnum)
-                }
-                className={`w-full px-2 py-1 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  errors.category ? 'border-red-500' : 'border-gray-300'
-                } ${isReadOnly ? 'bg-gray-100' : ''}`}
-                disabled={isReadOnly}
-              >
-                {Object.values(LostReasonCategoryEnum).map((category) => (
-                  <option key={category} value={category}>
-                    {getLostReasonCategoryText(category)}
-                  </option>
-                ))}
-              </select>
-              {errors.category && <p className="text-red-500 text-sm mt-1">{errors.category}</p>}
-            </div>
-
-            {/* Description */}
-            <div>
-              <label className="block text-xs font-medium text-gray-700 mb-1">Açıklama</label>
-              <textarea
-                value={formData.description || ''}
-                onChange={(e) => handleInputChange('description', e.target.value)}
-                rows={2}
-                className={`w-full px-2 py-1 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                  isReadOnly ? 'bg-gray-100' : 'border-gray-300'
-                }`}
-                placeholder="Kayıp nedeni hakkında detaylı açıklama"
-                readOnly={isReadOnly}
-              />
-            </div>
-
-            {/* Active Status */}
-            <div className="flex items-center">
-              <input
-                type="checkbox"
-                id="isActive"
-                checked={formData.isActive || false}
-                onChange={(e) => handleInputChange('isActive', e.target.checked)}
-                className="mr-2"
-                disabled={isReadOnly}
-              />
-              <label htmlFor="isActive" className="text-sm font-medium text-gray-700">
-                Aktif
-              </label>
-            </div>
-          </div>
-
-          {/* Buttons */}
-          <div className="flex justify-end gap-1.5 mt-3">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              {mode === 'view' ? 'Kapat' : 'İptal'}
-            </button>
-            {mode !== 'view' && (
-              <button
-                type="submit"
-                className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-              >
-                <FaSave className="w-4 h-4" />
-                Kaydet
-              </button>
-            )}
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default LossReasonModal
diff --git a/ui/src/views/crm/components/LossReasons.tsx b/ui/src/views/crm/components/LossReasons.tsx
deleted file mode 100644
index ae7f106b..00000000
--- a/ui/src/views/crm/components/LossReasons.tsx
+++ /dev/null
@@ -1,471 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaEdit,
-  FaTrash,
-  FaExclamationTriangle,
-  FaBullseye,
-  FaEye,
-  FaTh,
-  FaList,
-  FaTimes,
-} from 'react-icons/fa'
-import { CrmLostReason, LostReasonCategoryEnum, CrmOpportunity } from '../../../types/crm'
-import DataTable, { Column } from '../../../components/common/DataTable'
-import LossReasonModal from './LossReasonModal'
-import LossReasonCardView from './LossReasonCardView'
-import { mockLossReasons } from '../../../mocks/mockLossReasons'
-import { mockOpportunities } from '../../../mocks/mockOpportunities'
-import Widget from '../../../components/common/Widget'
-import { getLostReasonCategoryColor, getLostReasonCategoryText } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const LossReasons: React.FC = () => {
-  const [lossReasons, setLossReasons] = useState<CrmLostReason[]>(mockLossReasons)
-  const [opportunities] = useState<CrmOpportunity[]>(mockOpportunities)
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedCategory, setSelectedCategory] = useState<LostReasonCategoryEnum | 'all'>('all')
-  const [viewMode, setViewMode] = useState<'table' | 'card'>('table')
-
-  // Modal states
-  const [isModalOpen, setIsModalOpen] = useState(false)
-  const [modalMode, setModalMode] = useState<'add' | 'edit' | 'view'>('add')
-  const [editingReason, setEditingReason] = useState<CrmLostReason | null>(null)
-
-  // Delete modal states
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false)
-  const [reasonToDelete, setReasonToDelete] = useState<CrmLostReason | null>(null)
-
-  const handleAdd = () => {
-    setModalMode('add')
-    setEditingReason(null)
-    setIsModalOpen(true)
-  }
-
-  const handleEdit = (reason: CrmLostReason) => {
-    setModalMode('edit')
-    setEditingReason(reason)
-    setIsModalOpen(true)
-  }
-
-  const handleView = (reason: CrmLostReason) => {
-    setModalMode('view')
-    setEditingReason(reason)
-    setIsModalOpen(true)
-  }
-
-  const handleDelete = (id: string) => {
-    const reason = lossReasons.find((r) => r.id === id)
-    if (reason) {
-      setReasonToDelete(reason)
-      setIsDeleteModalOpen(true)
-    }
-  }
-
-  const handleSave = (reasonData: Partial<CrmLostReason>) => {
-    if (modalMode === 'add') {
-      const newReason: CrmLostReason = {
-        id: Date.now().toString(),
-        code: reasonData.code || '',
-        name: reasonData.name || '',
-        description: reasonData.description || '',
-        category: reasonData.category || LostReasonCategoryEnum.Price,
-        isActive: reasonData.isActive !== undefined ? reasonData.isActive : true,
-      }
-      setLossReasons((prev) => [...prev, newReason])
-    } else if (modalMode === 'edit' && editingReason) {
-      setLossReasons((prev) =>
-        prev.map((reason) =>
-          reason.id === editingReason.id ? ({ ...reason, ...reasonData } as CrmLostReason) : reason,
-        ),
-      )
-    }
-  }
-
-  const confirmDelete = () => {
-    if (reasonToDelete) {
-      setLossReasons((prev) => prev.filter((reason) => reason.id !== reasonToDelete.id))
-      setIsDeleteModalOpen(false)
-      setReasonToDelete(null)
-    }
-  }
-
-  const filteredReasons = lossReasons.filter((reason) => {
-    if (
-      searchTerm &&
-      !reason.name.toLowerCase().includes(searchTerm.toLowerCase()) &&
-      !reason.code.toLowerCase().includes(searchTerm.toLowerCase())
-    ) {
-      return false
-    }
-    if (selectedCategory !== 'all' && reason.category !== selectedCategory) {
-      return false
-    }
-    return true
-  })
-
-  const columns: Column<CrmLostReason>[] = [
-    {
-      key: 'code',
-      header: 'Kod',
-      sortable: true,
-      render: (reason: CrmLostReason) => (
-        <div className="font-medium text-gray-900">{reason.code}</div>
-      ),
-    },
-    {
-      key: 'name',
-      header: 'Kayıp Nedeni',
-      sortable: true,
-      render: (reason: CrmLostReason) => (
-        <div>
-          <div className="font-medium text-gray-900">{reason.name}</div>
-          <div className="text-sm text-gray-500">{reason.description}</div>
-        </div>
-      ),
-    },
-    {
-      key: 'category',
-      header: 'Kategori',
-      render: (reason: CrmLostReason) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getLostReasonCategoryColor(
-            reason.category,
-          )}`}
-        >
-          {getLostReasonCategoryText(reason.category)}
-        </span>
-      ),
-    },
-    {
-      key: 'usage',
-      header: 'Kullanım',
-      render: (reason: CrmLostReason) => {
-        const usageCount = opportunities.filter((opp) => opp.lostReason?.id === reason.id).length
-        return (
-          <div className="flex items-center gap-1">
-            <FaBullseye className="w-4 h-4 text-gray-400" />
-            <span>{usageCount} Fırsat</span>
-          </div>
-        )
-      },
-    },
-    {
-      key: 'status',
-      header: 'Durum',
-      render: (reason: CrmLostReason) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${
-            reason.isActive ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'
-          }`}
-        >
-          {reason.isActive ? 'Aktif' : 'Pasif'}
-        </span>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (reason: CrmLostReason) => (
-        <div className="flex gap-2">
-          <button
-            onClick={() => handleView(reason)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Görüntüle"
-          >
-            <FaEye className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleEdit(reason)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleDelete(reason.id)}
-            className="p-1 text-red-600 hover:bg-red-50 rounded"
-            title="Sil"
-          >
-            <FaTrash className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  // Calculate statistics
-  const totalReasons = lossReasons.length
-  const activeReasons = lossReasons.filter((r) => r.isActive).length
-  const categoryDistribution = Object.values(LostReasonCategoryEnum).map((category) => ({
-    category,
-    count: lossReasons.filter((r) => r.category === category).length,
-    usage: opportunities.filter(
-      (opp) =>
-        opp.lostReason &&
-        lossReasons.find((r) => r.id === opp.lostReason?.id && r.category === category),
-    ).length,
-  }))
-
-  // Top loss reasons by usage
-  const topLossReasons = lossReasons
-    .map((reason) => ({
-      ...reason,
-      usageCount: opportunities.filter((opp) => opp.lostReason?.id === reason.id).length,
-      lostValue: opportunities
-        .filter((opp) => opp.lostReason?.id === reason.id)
-        .reduce((sum, opp) => sum + opp.estimatedValue, 0),
-    }))
-    .sort((a, b) => b.usageCount - a.usageCount)
-    .slice(0, 5)
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Kayıp Nedenleri</h2>
-            <p className="text-gray-600">Fırsat kaybı nedenlerini analiz edin</p>
-          </div>
-          <div className="flex items-center gap-3">
-            <button
-              onClick={handleAdd}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaPlus className="w-4 h-4" />
-              Yeni Kayıp Nedeni
-            </button>
-          </div>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-          <Widget
-            title="Toplam Neden"
-            value={totalReasons}
-            color="red"
-            icon="FaExclamationTriangle"
-          />
-
-          <Widget title="Aktif Neden" value={activeReasons} color="green" icon="FaArrowDown" />
-
-          <Widget
-            title="Kayıp Fırsat"
-            value={opportunities.filter((opp) => opp.lostReason).length}
-            color="orange"
-            icon="FaBullseye"
-          />
-
-          <Widget
-            title="En Çok Kullanılan"
-            value={topLossReasons[0]?.name || '-'}
-            color="purple"
-            icon="FaChartBar"
-            valueClassName="text-lg"
-          />
-        </div>
-
-        {/* Category Distribution */}
-        <div className="bg-white rounded-lg shadow-sm border p-4">
-          <h3 className="text-base font-semibold text-gray-900 mb-3">Kategori Dağılımı</h3>
-          <div className="grid grid-cols-2 md:grid-cols-6 gap-3">
-            {categoryDistribution.map(({ category, count, usage }) => (
-              <div key={category} className="text-center p-4 border rounded-lg">
-                <div
-                  className={`inline-block px-2 py-1 text-xs font-medium rounded-full mb-2 ${getLostReasonCategoryColor(
-                    category,
-                  )}`}
-                >
-                  {getLostReasonCategoryText(category)}
-                </div>
-                <div className="text-lg font-bold text-gray-900 mb-1">{count}</div>
-                <div className="text-xs text-gray-500">{usage} Kullanım</div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Top Loss Reasons */}
-        <div className="bg-white rounded-lg shadow-sm border p-3">
-          <h3 className="text-sm font-semibold text-gray-900 mb-2">
-            En Çok Kayıp Yaşanan Nedenler
-          </h3>
-          <div className="space-y-3 pt-2">
-            {topLossReasons.map((reason, index) => (
-              <div
-                key={reason.id}
-                className="flex items-center justify-between p-2 bg-gray-50 rounded-lg"
-              >
-                <div className="flex items-center gap-4">
-                  <div className="w-8 h-8 bg-red-100 rounded-full flex items-center justify-center">
-                    <span className="text-red-600 font-bold">{index + 1}</span>
-                  </div>
-                  <div>
-                    <h4 className="font-medium text-gray-900">{reason.name}</h4>
-                    <p className="text-sm text-gray-500">
-                      {getLostReasonCategoryText(reason.category)} • {reason.usageCount} fırsat
-                    </p>
-                  </div>
-                </div>
-                <div className="text-right">
-                  <div className="text-sm font-bold text-red-600">
-                    ₺{reason.lostValue.toLocaleString()}
-                  </div>
-                  <div className="text-sm text-gray-500">Kayıp Değer</div>
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Filters */}
-        <div className="flex gap-3 items-center">
-          <div className="flex-1">
-            <input
-              type="text"
-              placeholder="Neden adı veya kodu ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full px-3 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-
-          <select
-            value={selectedCategory}
-            onChange={(e) => setSelectedCategory(e.target.value as LostReasonCategoryEnum | 'all')}
-            className="px-3 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">Tüm Kategoriler</option>
-            {Object.values(LostReasonCategoryEnum).map((category) => (
-              <option key={category} value={category}>
-                {getLostReasonCategoryText(category)}
-              </option>
-            ))}
-          </select>
-
-          {/* View Mode Toggle */}
-          <div className="flex bg-gray-100 rounded-lg p-1">
-            <button
-              onClick={() => setViewMode('table')}
-              className={`flex items-center gap-2 px-2 py-1 rounded-md text-sm transition-colors ${
-                viewMode === 'table'
-                  ? 'bg-white text-gray-900 shadow-sm'
-                  : 'text-gray-600 hover:text-gray-900'
-              }`}
-            >
-              <FaList className="w-4 h-4" />
-            </button>
-            <button
-              onClick={() => setViewMode('card')}
-              className={`flex items-center gap-2 px-2 py-1 rounded-md text-sm transition-colors ${
-                viewMode === 'card'
-                  ? 'bg-white text-gray-900 shadow-sm'
-                  : 'text-gray-600 hover:text-gray-900'
-              }`}
-            >
-              <FaTh className="w-4 h-4" />
-            </button>
-          </div>
-        </div>
-
-        {/* Data Display */}
-        {viewMode === 'table' ? (
-          <div className="bg-white rounded-lg shadow-sm border">
-            <DataTable data={filteredReasons} columns={columns} />
-          </div>
-        ) : (
-          <LossReasonCardView
-            lossReasons={filteredReasons}
-            opportunities={opportunities}
-            onEdit={handleEdit}
-            onDelete={handleDelete}
-            onView={handleView}
-          />
-        )}
-
-        {filteredReasons.length === 0 && viewMode === 'table' && (
-          <div className="text-center py-12">
-            <FaExclamationTriangle className="w-8 h-8 text-gray-400 mx-auto mb-2" />
-            <h3 className="text-sm font-medium text-gray-900 mb-2">Kayıp nedeni bulunamadı</h3>
-            <p className="text-gray-500">Arama kriterlerinizi değiştirmeyi deneyin.</p>
-          </div>
-        )}
-      </div>
-
-      {/* Modals */}
-      <LossReasonModal
-        isOpen={isModalOpen}
-        onClose={() => {
-          setIsModalOpen(false)
-          setEditingReason(null)
-        }}
-        onSave={handleSave}
-        editingReason={editingReason}
-        mode={modalMode}
-      />
-
-      {/* Delete Confirmation Modal */}
-      {isDeleteModalOpen && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-          <div className="bg-white rounded-lg shadow-xl w-full max-w-md mx-4">
-            {/* Header */}
-            <div className="flex items-center justify-between p-3 border-b">
-              <div className="flex items-center gap-3">
-                <FaExclamationTriangle className="w-6 h-6 text-red-600" />
-                <h3 className="text-sm font-semibold text-gray-900">Silme Onayı</h3>
-              </div>
-              <button
-                onClick={() => {
-                  setIsDeleteModalOpen(false)
-                  setReasonToDelete(null)
-                }}
-                className="text-gray-400 hover:text-gray-600"
-              >
-                <FaTimes className="w-5 h-5" />
-              </button>
-            </div>
-
-            {/* Content */}
-            <div className="p-3">
-              <div className="text-center">
-                <div className="mx-auto flex items-center justify-center h-10 w-10 rounded-full bg-red-100 mb-3">
-                  <FaTrash className="h-6 w-6 text-red-600" />
-                </div>
-                <h3 className="text-sm font-medium text-gray-900 mb-2">
-                  Kayıp nedeni silinsin mi?
-                </h3>
-                <p className="text-sm text-gray-500 mb-6">
-                  <span className="font-medium">"{reasonToDelete?.name}"</span> kayıp nedenini
-                  silmek üzeresiniz. Bu işlem geri alınamaz.
-                </p>
-              </div>
-
-              {/* Buttons */}
-              <div className="flex justify-end gap-1.5">
-                <button
-                  onClick={() => {
-                    setIsDeleteModalOpen(false)
-                    setReasonToDelete(null)
-                  }}
-                  className="px-3 py-1 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-                >
-                  İptal
-                </button>
-                <button
-                  onClick={confirmDelete}
-                  className="flex items-center gap-2 px-3 py-1.5 text-sm bg-red-600 text-white rounded-md hover:bg-red-700 transition-colors"
-                >
-                  <FaTrash className="w-4 h-4" />
-                  Sil
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-    </Container>
-  )
-}
-
-export default LossReasons
diff --git a/ui/src/views/crm/components/OpportunityDetails.tsx b/ui/src/views/crm/components/OpportunityDetails.tsx
deleted file mode 100644
index 29dafb92..00000000
--- a/ui/src/views/crm/components/OpportunityDetails.tsx
+++ /dev/null
@@ -1,330 +0,0 @@
-import React from 'react'
-import {
-  FaTimes,
-  FaBullseye,
-  FaBuilding,
-  FaUser,
-  FaDollarSign,
-  FaCalendar,
-  FaPercentage,
-  FaTags,
-  FaEdit,
-  FaHistory,
-  FaClock,
-  FaPhone,
-  FaEnvelope,
-} from 'react-icons/fa'
-import { CrmOpportunity, OpportunityStageEnum } from '../../../types/crm'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import {
-  getOpportunityLeadSourceText,
-  getOpportunityProbabilityColor,
-  getOpportunityStageColor,
-  getOpportunityStageText,
-} from '../../../utils/erp'
-
-interface OpportunityDetailsProps {
-  isOpen: boolean
-  onClose: () => void
-  onEdit: (opportunity: CrmOpportunity) => void
-  opportunity: CrmOpportunity | null
-}
-
-const OpportunityDetails: React.FC<OpportunityDetailsProps> = ({
-  isOpen,
-  onClose,
-  onEdit,
-  opportunity,
-}) => {
-  if (!isOpen || !opportunity) return null
-
-  const customer = mockBusinessParties.find((c) => c.id === opportunity.customerId)
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-4xl max-h-[90vh] overflow-y-auto m-4">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b bg-gray-50">
-          <div className="flex items-center gap-3">
-            <div className="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center">
-              <FaBullseye className="w-6 h-6 text-blue-600" />
-            </div>
-            <div>
-              <h2 className="text-lg font-semibold text-gray-900">{opportunity.title}</h2>
-              <p className="text-gray-600">{opportunity.opportunityNumber}</p>
-            </div>
-          </div>
-          <div className="flex items-center gap-3">
-            <button
-              onClick={() => onEdit(opportunity)}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaEdit className="w-4 h-4" />
-              Düzenle
-            </button>
-            <button onClick={onClose} className="text-gray-400 hover:text-gray-600 p-2">
-              <FaTimes className="w-5 h-5" />
-            </button>
-          </div>
-        </div>
-
-        <div className="p-4">
-          {/* Status and Key Metrics */}
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
-            <div className="text-center">
-              <div
-                className={`inline-flex px-3 py-1.5 rounded-full text-xs font-medium border ${getOpportunityStageColor(
-                  opportunity.stage,
-                )}`}
-              >
-                {getOpportunityStageText(opportunity.stage)}
-              </div>
-              <p className="text-xs text-gray-500 mt-1">Mevcut Aşama</p>
-            </div>
-
-            <div className="text-center">
-              <div className="flex items-center justify-center gap-2 text-xl font-bold text-gray-900">
-                <FaDollarSign className="w-5 h-5 text-gray-400" />₺
-                {opportunity.estimatedValue.toLocaleString()}
-              </div>
-              <p className="text-xs text-gray-500 mt-1">Tahmini Değer</p>
-            </div>
-
-            <div className="text-center">
-              <div
-                className={`flex items-center justify-center gap-2 text-xl font-bold ${getOpportunityProbabilityColor(
-                  opportunity.probability,
-                )}`}
-              >
-                <FaPercentage className="w-5 h-5" />
-                {opportunity.probability}%
-              </div>
-              <p className="text-xs text-gray-500 mt-1">Başarı Olasılığı</p>
-            </div>
-
-            <div className="text-center">
-              <div className="flex items-center justify-center gap-2 text-base font-semibold text-gray-900">
-                <FaCalendar className="w-4 h-4 text-gray-400" />
-                {new Date(opportunity.expectedCloseDate).toLocaleDateString('tr-TR')}
-              </div>
-              <p className="text-xs text-gray-500 mt-1">Beklenen Kapanış</p>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-            {/* Left Column */}
-            <div className="space-y-4">
-              {/* Basic Information */}
-              <div className="bg-gray-50 rounded-lg p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                  <FaBullseye className="w-5 h-5 text-blue-600" />
-                  Fırsat Bilgileri
-                </h3>
-                <div className="space-y-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-600 mb-1">Başlık</label>
-                    <p className="text-gray-900">{opportunity.title}</p>
-                  </div>
-
-                  {opportunity.description && (
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Açıklama
-                      </label>
-                      <p className="text-gray-900 whitespace-pre-wrap">{opportunity.description}</p>
-                    </div>
-                  )}
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-600 mb-1">Kaynak</label>
-                    <div className="flex items-center gap-2">
-                      <FaTags className="w-4 h-4 text-gray-400" />
-                      <span className="text-gray-900">
-                        {getOpportunityLeadSourceText(opportunity.leadSource)}
-                      </span>
-                    </div>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-600 mb-1">
-                      Para Birimi
-                    </label>
-                    <p className="text-gray-900">{opportunity.currency}</p>
-                  </div>
-                </div>
-              </div>
-
-              {/* Customer Information */}
-              {customer && (
-                <div className="bg-gray-50 rounded-lg p-4">
-                  <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                    <FaBuilding className="w-5 h-5 text-blue-600" />
-                    Müşteri Bilgileri
-                  </h3>
-                  <div className="space-y-3">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Şirket Adı
-                      </label>
-                      <p className="text-gray-900">{customer.name}</p>
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Müşteri Kodu
-                      </label>
-                      <p className="text-gray-900">{customer.code}</p>
-                    </div>
-
-                    {customer.industry && (
-                      <div>
-                        <label className="block text-sm font-medium text-gray-600 mb-1">
-                          Sektör
-                        </label>
-                        <p className="text-gray-900">{customer.industry}</p>
-                      </div>
-                    )}
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        İletişim
-                      </label>
-                      <div className="space-y-1.5">
-                        <div className="flex items-center gap-2">
-                          <FaEnvelope className="w-4 h-4 text-gray-400" />
-                          <span className="text-gray-900">{customer.primaryContact?.email}</span>
-                        </div>
-                        {customer.primaryContact?.phoneNumber && (
-                          <div className="flex items-center gap-2">
-                            <FaPhone className="w-4 h-4 text-gray-400" />
-                            <span className="text-gray-900">{customer.primaryContact?.phoneNumber}</span>
-                          </div>
-                        )}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              )}
-            </div>
-
-            {/* Right Column */}
-            <div className="space-y-4">
-              {/* Assignment & Timeline */}
-              <div className="bg-gray-50 rounded-lg p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                  <FaUser className="w-5 h-5 text-blue-600" />
-                  Atama & Zaman Çizelgesi
-                </h3>
-                <div className="space-y-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-600 mb-1">Sorumlu</label>
-                    <div className="flex items-center gap-2">
-                      <FaUser className="w-4 h-4 text-gray-400" />
-                      <span className="text-gray-900">{opportunity.assigned?.name}</span>
-                    </div>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-600 mb-1">
-                      Beklenen Kapanış Tarihi
-                    </label>
-                    <div className="flex items-center gap-2">
-                      <FaCalendar className="w-4 h-4 text-gray-400" />
-                      <span className="text-gray-900">
-                        {new Date(opportunity.expectedCloseDate).toLocaleDateString('tr-TR')}
-                      </span>
-                    </div>
-                  </div>
-
-                  {opportunity.actualCloseDate && (
-                    <div>
-                      <label className="block text-sm font-medium text-gray-600 mb-1">
-                        Gerçek Kapanış Tarihi
-                      </label>
-                      <div className="flex items-center gap-2">
-                        <FaCalendar className="w-4 h-4 text-gray-400" />
-                        <span className="text-gray-900">
-                          {new Date(opportunity.actualCloseDate).toLocaleDateString('tr-TR')}
-                        </span>
-                      </div>
-                    </div>
-                  )}
-                </div>
-              </div>
-
-              {/* Timeline */}
-              <div className="bg-gray-50 rounded-lg p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center gap-2">
-                  <FaHistory className="w-5 h-5 text-blue-600" />
-                  Zaman Çizelgesi
-                </h3>
-                <div className="space-y-3">
-                  <div className="flex items-start gap-3 border-l-2 border-blue-200 pl-4">
-                    <div className="w-3 h-3 bg-blue-600 rounded-full mt-1.5 -ml-6 border-2 border-white"></div>
-                    <div>
-                      <p className="text-sm font-medium text-gray-900">Fırsat Oluşturuldu</p>
-                      <p className="text-xs text-gray-500 flex items-center gap-1">
-                        <FaClock className="w-3 h-3" />
-                        {new Date(opportunity.creationTime).toLocaleDateString('tr-TR')}
-                      </p>
-                    </div>
-                  </div>
-
-                  <div className="flex items-start gap-3 border-l-2 border-gray-200 pl-4">
-                    <div className="w-3 h-3 bg-gray-400 rounded-full mt-1.5 -ml-6 border-2 border-white"></div>
-                    <div>
-                      <p className="text-sm font-medium text-gray-900">Son Güncelleme</p>
-                      <p className="text-xs text-gray-500 flex items-center gap-1">
-                        <FaClock className="w-3 h-3" />
-                        {new Date(opportunity.lastModificationTime).toLocaleDateString('tr-TR')}
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              {/* Progress Indicator */}
-              <div className="bg-gray-50 rounded-lg p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3">Aşama İlerlemesi</h3>
-                <div className="space-y-2">
-                  {Object.values(OpportunityStageEnum).map((stage, index) => {
-                    const isCurrentStage = stage === opportunity.stage
-                    const isPassedStage =
-                      Object.values(OpportunityStageEnum).indexOf(opportunity.stage) > index
-
-                    return (
-                      <div key={stage} className="flex items-center gap-3">
-                        <div
-                          className={`w-4 h-4 rounded-full border-2 ${
-                            isCurrentStage
-                              ? 'bg-blue-600 border-blue-600'
-                              : isPassedStage
-                                ? 'bg-green-600 border-green-600'
-                                : 'bg-white border-gray-300'
-                          }`}
-                        ></div>
-                        <span
-                          className={`text-sm ${
-                            isCurrentStage
-                              ? 'font-semibold text-blue-600'
-                              : isPassedStage
-                                ? 'text-green-600'
-                                : 'text-gray-500'
-                          }`}
-                        >
-                          {getOpportunityStageText(stage)}
-                        </span>
-                      </div>
-                    )
-                  })}
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default OpportunityDetails
diff --git a/ui/src/views/crm/components/OpportunityForm.tsx b/ui/src/views/crm/components/OpportunityForm.tsx
deleted file mode 100644
index 1a86b034..00000000
--- a/ui/src/views/crm/components/OpportunityForm.tsx
+++ /dev/null
@@ -1,423 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaDollarSign, FaFileAlt } from 'react-icons/fa'
-import {
-  CrmOpportunity,
-  OpportunityStageEnum,
-  LeadSourceEnum,
-  OpportunityStatusEnum,
-} from '../../../types/crm'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { BusinessParty } from '../../../types/common'
-import { getOpportunityLeadSourceText, getOpportunityStageText } from '@/utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-interface OpportunityFormProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (opportunity: CrmOpportunity) => void
-  opportunity?: CrmOpportunity | null
-  mode: 'create' | 'edit'
-}
-
-const OpportunityForm: React.FC<OpportunityFormProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  opportunity,
-  mode,
-}) => {
-  const [formData, setFormData] = useState({
-    id: '',
-    opportunityNumber: '',
-    title: '',
-    description: '',
-    customerId: '',
-    contactId: '',
-    stage: OpportunityStageEnum.Qualification,
-    probability: 10,
-    estimatedValue: 0,
-    currency: 'TRY',
-    expectedCloseDate: '',
-    assignedTo: '',
-    teamId: '',
-    leadSource: LeadSourceEnum.Website,
-    campaignId: '',
-  })
-
-  const [customers] = useState<BusinessParty[]>(mockBusinessParties)
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  useEffect(() => {
-    if (opportunity && mode === 'edit') {
-      setFormData({
-        id: opportunity.id,
-        opportunityNumber: opportunity.opportunityNumber,
-        title: opportunity.title,
-        description: opportunity.description || '',
-        customerId: opportunity.customerId,
-        contactId: opportunity.contactId || '',
-        stage: opportunity.stage,
-        probability: opportunity.probability,
-        estimatedValue: opportunity.estimatedValue,
-        currency: opportunity.currency,
-        expectedCloseDate: opportunity.expectedCloseDate.toISOString().split('T')[0],
-        assignedTo: opportunity.assignedTo,
-        teamId: opportunity.teamId || '',
-        leadSource: opportunity.leadSource,
-        campaignId: opportunity.campaignId || '',
-      })
-    } else if (mode === 'create') {
-      // Generate new opportunity number
-      const newNumber = `OPP-${Date.now().toString().slice(-6)}`
-      setFormData({
-        id: `opp_${Date.now()}`,
-        opportunityNumber: newNumber,
-        title: '',
-        description: '',
-        customerId: '',
-        contactId: '',
-        stage: OpportunityStageEnum.Qualification,
-        probability: 10,
-        estimatedValue: 0,
-        currency: 'TRY',
-        expectedCloseDate: '',
-        assignedTo: 'Mevcut Kullanıcı',
-        teamId: '',
-        leadSource: LeadSourceEnum.Website,
-        campaignId: '',
-      })
-    }
-  }, [opportunity, mode, isOpen])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]: value,
-    }))
-
-    // Clear error when user starts typing
-    if (errors[name]) {
-      setErrors((prev) => ({
-        ...prev,
-        [name]: '',
-      }))
-    }
-  }
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.title.trim()) {
-      newErrors.title = 'Fırsat başlığı zorunludur'
-    }
-
-    if (!formData.customerId) {
-      newErrors.customerId = 'Müşteri seçimi zorunludur'
-    }
-
-    if (formData.estimatedValue <= 0) {
-      newErrors.estimatedValue = "Tahmini değer 0'dan büyük olmalıdır"
-    }
-
-    if (!formData.expectedCloseDate) {
-      newErrors.expectedCloseDate = 'Beklenen kapanış tarihi zorunludur'
-    }
-
-    if (formData.probability < 0 || formData.probability > 100) {
-      newErrors.probability = 'Olasılık 0-100 arasında olmalıdır'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-
-    if (!validateForm()) {
-      return
-    }
-
-    const opportunityData: CrmOpportunity = {
-      id: formData.id,
-      opportunityNumber: formData.opportunityNumber,
-      title: formData.title,
-      description: formData.description,
-      customerId: formData.customerId,
-      contactId: formData.contactId || undefined,
-      stage: formData.stage,
-      probability: formData.probability,
-      estimatedValue: formData.estimatedValue,
-      currency: formData.currency,
-      expectedCloseDate: new Date(formData.expectedCloseDate),
-      assignedTo: formData.assignedTo,
-      teamId: formData.teamId || undefined,
-      leadSource: formData.leadSource,
-      campaignId: formData.campaignId || undefined,
-      status:
-        formData.stage === OpportunityStageEnum.ClosedWon
-          ? OpportunityStatusEnum.Won
-          : formData.stage === OpportunityStageEnum.ClosedLost
-            ? OpportunityStatusEnum.Lost
-            : OpportunityStatusEnum.Open,
-
-      activities: [],
-      competitors: [],
-      creationTime: opportunity?.creationTime || new Date(),
-      lastModificationTime: new Date(),
-    }
-
-    onSave(opportunityData)
-    onClose()
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-4xl max-h-[90vh] overflow-y-auto m-4">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b">
-          <h2 className="text-lg font-semibold text-gray-900">
-            {mode === 'create' ? 'Yeni Fırsat Oluştur' : 'Fırsat Düzenle'}
-          </h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Form */}
-        <form onSubmit={handleSubmit} className="p-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Basic Information */}
-            <div className="space-y-3">
-              <h3 className="text-base font-medium text-gray-900 flex items-center gap-2">
-                <FaFileAlt className="w-5 h-5" />
-                Temel Bilgiler
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Fırsat Numarası
-                </label>
-                <input
-                  type="text"
-                  name="opportunityNumber"
-                  value={formData.opportunityNumber}
-                  onChange={handleInputChange}
-                  disabled
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md bg-gray-50 text-gray-500"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Fırsat Başlığı *
-                </label>
-                <input
-                  type="text"
-                  name="title"
-                  value={formData.title}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.title ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Fırsat başlığını girin"
-                />
-                {errors.title && <p className="text-red-500 text-sm mt-1">{errors.title}</p>}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Açıklama</label>
-                <textarea
-                  name="description"
-                  value={formData.description}
-                  onChange={handleInputChange}
-                  rows={4}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="Fırsat açıklaması"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Müşteri *</label>
-                <select
-                  name="customerId"
-                  value={formData.customerId}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.customerId ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                >
-                  <option value="">Müşteri seçin</option>
-                  {customers.map((customer) => (
-                    <option key={customer.id} value={customer.id}>
-                      {customer.name}
-                    </option>
-                  ))}
-                </select>
-                {errors.customerId && (
-                  <p className="text-red-500 text-sm mt-1">{errors.customerId}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Sorumlu</label>
-                <select
-                  value={formData.assignedTo || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  <option value="">Sorumlu seçin</option>
-                  {mockEmployees.map((employee) => (
-                    <option key={employee.id} value={employee.id}>
-                      {employee.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-            </div>
-
-            {/* Sales Information */}
-            <div className="space-y-3">
-              <h3 className="text-base font-medium text-gray-900 flex items-center gap-2">
-                <FaDollarSign className="w-5 h-5" />
-                Satış Bilgileri
-              </h3>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Aşama</label>
-                <select
-                  name="stage"
-                  value={formData.stage}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {Object.values(OpportunityStageEnum).map((stage) => (
-                    <option key={stage} value={stage}>
-                      {getOpportunityStageText(stage)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Olasılık (%) *
-                </label>
-                <input
-                  type="number"
-                  name="probability"
-                  value={formData.probability}
-                  onChange={handleInputChange}
-                  min="0"
-                  max="100"
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.probability ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                />
-                {errors.probability && (
-                  <p className="text-red-500 text-sm mt-1">{errors.probability}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Tahmini Değer *
-                </label>
-                <input
-                  type="number"
-                  name="estimatedValue"
-                  value={formData.estimatedValue}
-                  onChange={handleInputChange}
-                  min="0"
-                  step="0.01"
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.estimatedValue ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="0.00"
-                />
-                {errors.estimatedValue && (
-                  <p className="text-red-500 text-sm mt-1">{errors.estimatedValue}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Para Birimi</label>
-                <select
-                  name="currency"
-                  value={formData.currency}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {mockCurrencies.map((currency) => (
-                    <option key={currency.value} value={currency.value}>
-                      {currency.value} - {currency.label}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Beklenen Kapanış Tarihi *
-                </label>
-                <input
-                  type="date"
-                  name="expectedCloseDate"
-                  value={formData.expectedCloseDate}
-                  onChange={handleInputChange}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.expectedCloseDate ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                />
-                {errors.expectedCloseDate && (
-                  <p className="text-red-500 text-sm mt-1">{errors.expectedCloseDate}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Kaynak</label>
-                <select
-                  name="leadSource"
-                  value={formData.leadSource}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {Object.values(LeadSourceEnum).map((source) => (
-                    <option key={source} value={source}>
-                      {getOpportunityLeadSourceText(source)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-4 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              {mode === 'create' ? 'Oluştur' : 'Güncelle'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default OpportunityForm
diff --git a/ui/src/views/crm/components/OpportunityManagement.tsx b/ui/src/views/crm/components/OpportunityManagement.tsx
deleted file mode 100644
index 1dbd9e4b..00000000
--- a/ui/src/views/crm/components/OpportunityManagement.tsx
+++ /dev/null
@@ -1,408 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaBullseye,
-  FaPlus,
-  FaEdit,
-  FaTrash,
-  FaDollarSign,
-  FaCalendar,
-  FaArrowUp,
-  FaUser,
-  FaBuilding,
-} from 'react-icons/fa'
-import { CrmOpportunity, OpportunityStageEnum } from '../../../types/crm'
-import DataTable, { Column } from '../../../components/common/DataTable'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { mockOpportunities } from '../../../mocks/mockOpportunities'
-import OpportunityForm from './OpportunityForm'
-import OpportunityDetails from './OpportunityDetails'
-import { BusinessParty } from '../../../types/common'
-import Widget from '../../../components/common/Widget'
-import {
-  getOpportunityProbabilityColor,
-  getOpportunityStageColor,
-  getOpportunityStageText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const OpportunityManagement: React.FC = () => {
-  const [opportunities, setOpportunities] = useState<CrmOpportunity[]>(mockOpportunities)
-  const [customers] = useState<BusinessParty[]>(mockBusinessParties)
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedStage, setSelectedStage] = useState<OpportunityStageEnum | 'all'>('all')
-  const [selectedCustomer, setSelectedCustomer] = useState<string>('all')
-
-  // Modal states
-  const [isFormOpen, setIsFormOpen] = useState(false)
-  const [isDetailsOpen, setIsDetailsOpen] = useState(false)
-  const [selectedOpportunity, setSelectedOpportunity] = useState<CrmOpportunity | null>(null)
-  const [formMode, setFormMode] = useState<'create' | 'edit'>('create')
-
-  const handleAdd = () => {
-    setSelectedOpportunity(null)
-    setFormMode('create')
-    setIsFormOpen(true)
-  }
-
-  const handleEdit = (opportunity: CrmOpportunity) => {
-    setSelectedOpportunity(opportunity)
-    setFormMode('edit')
-    setIsFormOpen(true)
-  }
-
-  const handleDelete = (id: string) => {
-    if (confirm('Bu fırsatı silmek istediğinizden emin misiniz?')) {
-      setOpportunities((prev) => prev.filter((opp) => opp.id !== id))
-    }
-  }
-
-  const handleViewDetails = (opportunity: CrmOpportunity) => {
-    setSelectedOpportunity(opportunity)
-    setIsDetailsOpen(true)
-  }
-
-  const handleSaveOpportunity = (opportunity: CrmOpportunity) => {
-    if (formMode === 'create') {
-      setOpportunities((prev) => [...prev, opportunity])
-    } else {
-      setOpportunities((prev) => prev.map((opp) => (opp.id === opportunity.id ? opportunity : opp)))
-    }
-  }
-
-  const handleCloseForm = () => {
-    setIsFormOpen(false)
-    setSelectedOpportunity(null)
-  }
-
-  const handleCloseDetails = () => {
-    setIsDetailsOpen(false)
-    setSelectedOpportunity(null)
-  }
-
-  const handleEditFromDetails = (opportunity: CrmOpportunity) => {
-    setIsDetailsOpen(false)
-    handleEdit(opportunity)
-  }
-
-  const filteredOpportunities = opportunities.filter((opportunity) => {
-    if (
-      searchTerm &&
-      !opportunity.title.toLowerCase().includes(searchTerm.toLowerCase()) &&
-      !opportunity.description?.toLowerCase().includes(searchTerm.toLowerCase())
-    ) {
-      return false
-    }
-    if (selectedStage !== 'all' && opportunity.stage !== selectedStage) {
-      return false
-    }
-    if (selectedCustomer !== 'all' && opportunity.customerId !== selectedCustomer) {
-      return false
-    }
-    return true
-  })
-
-  const columns: Column<CrmOpportunity>[] = [
-    {
-      key: 'title',
-      header: 'Fırsat Başlığı',
-      sortable: true,
-      render: (opportunity: CrmOpportunity) => (
-        <div>
-          <div className="font-medium text-gray-900">{opportunity.title}</div>
-          <div className="text-sm text-gray-500">{opportunity.opportunityNumber}</div>
-        </div>
-      ),
-    },
-    {
-      key: 'customer',
-      header: 'Müşteri',
-      render: (opportunity: CrmOpportunity) => {
-        const customer = customers.find((c) => c.id === opportunity.customerId)
-        return customer ? (
-          <div className="flex items-center gap-2">
-            <FaBuilding className="w-4 h-4 text-gray-400" />
-            <span>{customer.name}</span>
-          </div>
-        ) : (
-          '-'
-        )
-      },
-    },
-    {
-      key: 'stage',
-      header: 'Aşama',
-      render: (opportunity: CrmOpportunity) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getOpportunityStageColor(
-            opportunity.stage,
-          )}`}
-        >
-          {getOpportunityStageText(opportunity.stage)}
-        </span>
-      ),
-    },
-    {
-      key: 'estimatedValue',
-      header: 'Tahmini Değer',
-      render: (opportunity: CrmOpportunity) => (
-        <div className="flex items-center gap-1">
-          <FaDollarSign className="w-4 h-4 text-gray-400" />
-          <span className="font-medium">₺{opportunity.estimatedValue.toLocaleString()}</span>
-        </div>
-      ),
-    },
-    {
-      key: 'probability',
-      header: 'Olasılık',
-      render: (opportunity: CrmOpportunity) => (
-        <div className="flex items-center gap-1">
-          <FaArrowUp className="w-4 h-4 text-gray-400" />
-          <span
-            className={`font-medium ${getOpportunityProbabilityColor(opportunity.probability)}`}
-          >
-            %{opportunity.probability}
-          </span>
-        </div>
-      ),
-    },
-    {
-      key: 'expectedCloseDate',
-      header: 'Beklenen Kapanış',
-      render: (opportunity: CrmOpportunity) => (
-        <div className="flex items-center gap-1 text-sm">
-          <FaCalendar className="w-3 h-3 text-gray-400" />
-          <span>{new Date(opportunity.expectedCloseDate).toLocaleDateString('tr-TR')}</span>
-        </div>
-      ),
-    },
-    {
-      key: 'assignedTo',
-      header: 'Sorumlu',
-      render: (opportunity: CrmOpportunity) => (
-        <div className="flex items-center gap-1">
-          <FaUser className="w-4 h-4 text-gray-400" />
-          <span>{opportunity.assigned?.name}</span>
-        </div>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (opportunity: CrmOpportunity) => (
-        <div className="flex gap-2">
-          <button
-            onClick={() => handleViewDetails(opportunity)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaBullseye className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleEdit(opportunity)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleDelete(opportunity.id)}
-            className="p-1 text-red-600 hover:bg-red-50 rounded"
-            title="Sil"
-          >
-            <FaTrash className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  // Calculate statistics
-  const totalOpportunities = opportunities.length
-  const activeOpportunities = opportunities.filter(
-    (o) =>
-      o.stage !== OpportunityStageEnum.ClosedWon && o.stage !== OpportunityStageEnum.ClosedLost,
-  ).length
-  const totalValue = opportunities.reduce((sum, opp) => sum + opp.estimatedValue, 0)
-  const averageProbability =
-    opportunities.reduce((sum, opp) => sum + opp.probability, 0) / opportunities.length || 0
-
-  // Stage distribution
-  const stageDistribution = Object.values(OpportunityStageEnum).map((stage) => ({
-    stage,
-    count: opportunities.filter((o) => o.stage === stage).length,
-    value: opportunities
-      .filter((o) => o.stage === stage)
-      .reduce((sum, o) => sum + o.estimatedValue, 0),
-  }))
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Teklif & Fırsat Yönetimi</h2>
-            <p className="text-gray-600">Satış fırsatları ve teklif takibi</p>
-          </div>
-          <button
-            onClick={handleAdd}
-            className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni Fırsat
-          </button>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-          <Widget title="Toplam Fırsat" value={totalOpportunities} color="blue" icon="FaBullseye" />
-
-          <Widget title="Aktif Fırsat" value={activeOpportunities} color="green" icon="FaArrowUp" />
-
-          <Widget
-            title="Toplam Değer"
-            value={`₺${totalValue.toLocaleString()}`}
-            color="purple"
-            icon="FaDollarSign"
-          />
-
-          <Widget
-            title="Ortalama Olasılık"
-            value={`%${averageProbability.toFixed(0)}`}
-            color="orange"
-            icon="FaArrowUp"
-          />
-        </div>
-
-        {/* Stage Pipeline */}
-        <div className="bg-white rounded-lg shadow-sm border p-3">
-          <h3 className="text-sm font-semibold text-gray-900 mb-3">Satış Aşamaları</h3>
-          <div className="grid grid-cols-2 md:grid-cols-6 gap-2">
-            {stageDistribution.map(({ stage, count, value }) => (
-              <div key={stage} className="text-center p-2 border rounded-lg">
-                <div
-                  className={`inline-block px-2 py-0.5 text-xs font-medium rounded-full mb-1 ${getOpportunityStageColor(
-                    stage,
-                  )}`}
-                >
-                  {getOpportunityStageText(stage)}
-                </div>
-                <div className="text-lg font-bold text-gray-900 mb-1">{count}</div>
-                <div className="text-xs text-gray-500">₺{value.toLocaleString()}</div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Win Rate Analysis */}
-        <div className="bg-white rounded-lg shadow-sm border p-3">
-          <h3 className="text-sm font-semibold text-gray-900 mb-3">Başarı Oranı Analizi</h3>
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div className="text-center">
-              <div className="text-2xl font-bold text-green-600 mb-1">
-                {opportunities.filter((o) => o.stage === OpportunityStageEnum.ClosedWon).length}
-              </div>
-              <p className="text-sm text-gray-600">Kazanılan Fırsat</p>
-            </div>
-
-            <div className="text-center">
-              <div className="text-2xl font-bold text-red-600 mb-1">
-                {opportunities.filter((o) => o.stage === OpportunityStageEnum.ClosedLost).length}
-              </div>
-              <p className="text-sm text-gray-600">Kaybedilen Fırsat</p>
-            </div>
-
-            <div className="text-center">
-              <div className="text-2xl font-bold text-blue-600 mb-1">
-                {Math.round(
-                  (opportunities.filter((o) => o.stage === OpportunityStageEnum.ClosedWon).length /
-                    Math.max(
-                      opportunities.filter(
-                        (o) =>
-                          o.stage === OpportunityStageEnum.ClosedWon ||
-                          o.stage === OpportunityStageEnum.ClosedLost,
-                      ).length,
-                      1,
-                    )) *
-                    100,
-                )}
-                %
-              </div>
-              <p className="text-sm text-gray-600">Kazanma Oranı</p>
-            </div>
-          </div>
-        </div>
-
-        {/* Filters */}
-        <div className="flex gap-3 items-center">
-          <div className="flex-1">
-            <input
-              type="text"
-              placeholder="Fırsat başlığı ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-
-          <select
-            value={selectedStage}
-            onChange={(e) => setSelectedStage(e.target.value as OpportunityStageEnum | 'all')}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">Tüm Aşamalar</option>
-            {Object.values(OpportunityStageEnum).map((stage) => (
-              <option key={stage} value={stage}>
-                {getOpportunityStageText(stage)}
-              </option>
-            ))}
-          </select>
-
-          <select
-            value={selectedCustomer}
-            onChange={(e) => setSelectedCustomer(e.target.value)}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">Tüm Müşteriler</option>
-            {customers.map((customer) => (
-              <option key={customer.id} value={customer.id}>
-                {customer.name}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        {/* Data Table */}
-        <div className="bg-white rounded-lg shadow-sm border">
-          <DataTable data={filteredOpportunities} columns={columns} />
-        </div>
-
-        {filteredOpportunities.length === 0 && (
-          <div className="text-center py-12">
-            <FaBullseye className="w-10 h-10 text-gray-400 mx-auto mb-3" />
-            <h3 className="text-sm font-medium text-gray-900 mb-2">Fırsat bulunamadı</h3>
-            <p className="text-gray-500">Arama kriterlerinizi değiştirmeyi deneyin.</p>
-          </div>
-        )}
-      </div>
-
-      {/* Modals */}
-      <OpportunityForm
-        isOpen={isFormOpen}
-        onClose={handleCloseForm}
-        onSave={handleSaveOpportunity}
-        opportunity={selectedOpportunity}
-        mode={formMode}
-      />
-
-      <OpportunityDetails
-        isOpen={isDetailsOpen}
-        onClose={handleCloseDetails}
-        onEdit={handleEditFromDetails}
-        opportunity={selectedOpportunity}
-      />
-    </Container>
-  )
-}
-
-export default OpportunityManagement
diff --git a/ui/src/views/crm/components/SalesOrderForm.tsx b/ui/src/views/crm/components/SalesOrderForm.tsx
deleted file mode 100644
index 3fdd180d..00000000
--- a/ui/src/views/crm/components/SalesOrderForm.tsx
+++ /dev/null
@@ -1,830 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { useNavigate, useParams } from 'react-router-dom'
-import {
-  FaSave,
-  FaTimes,
-  FaPlus,
-  FaTrash,
-  FaCalculator,
-  FaShoppingCart,
-  FaCalendar,
-  FaBuilding,
-  FaClipboardList,
-  FaNotesMedical,
-} from 'react-icons/fa'
-import {
-  SaleOrderStatusEnum,
-  CrmSalesOrder,
-  CrmSalesOrderItem,
-  SaleOrderItemStatusEnum,
-} from '../../../types/crm'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockSalesOrders } from '../../../mocks/mockSalesOrders'
-import { BusinessParty, PaymentTerms } from '../../../types/common'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { getPaymentTermsText, getSaleOrderStatusText } from '@/utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-const SalesOrderForm: React.FC = () => {
-  const navigate = useNavigate()
-  const { id } = useParams()
-  const isEdit = Boolean(id)
-
-  const [customers] = useState<BusinessParty[]>(mockBusinessParties)
-  const [materials] = useState(mockMaterials)
-
-  // Form data state with extended fields for form handling
-  const [formData, setFormData] = useState<CrmSalesOrder>({
-    id: '',
-    orderNumber: '',
-    customerId: '',
-    customer: undefined,
-    orderDate: new Date(),
-    requestedDeliveryDate: new Date(),
-    confirmedDeliveryDate: undefined,
-    status: SaleOrderStatusEnum.Draft,
-    subtotal: 0,
-    taxAmount: 0,
-    discountAmount: 0,
-    totalAmount: 0,
-    currency: 'TRY',
-    paymentTerms: PaymentTerms.Net30,
-    deliveryAddress: {
-      street: '',
-      city: '',
-      state: '',
-      postalCode: '',
-      country: 'Türkiye',
-    },
-    billingAddress: {
-      street: '',
-      city: '',
-      state: '',
-      postalCode: '',
-      country: 'Türkiye',
-    },
-    items: [],
-    deliveries: [],
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-    // Additional form fields
-    deliveryTerms: '',
-    notes: '',
-    exchangeRate: 1,
-    discountRate: 0,
-    taxRate: 18,
-    specialInstructions: '',
-  })
-
-  const [newItem, setNewItem] = useState<Partial<CrmSalesOrderItem>>({
-    materialId: '',
-    quantity: 1,
-    unitPrice: 0,
-    discountRate: 0,
-    taxRate: 18,
-    notes: '',
-  })
-
-  const [showItemForm, setShowItemForm] = useState(false)
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  useEffect(() => {
-    if (isEdit && id) {
-      const existingOrder = mockSalesOrders.find((order) => order.id === id)
-      if (existingOrder) {
-        setFormData(existingOrder)
-      }
-    }
-  }, [id, isEdit])
-
-  useEffect(() => {
-    const calculateTotals = () => {
-      if (!formData.items) return
-
-      const subtotal = formData.items.reduce((sum: number, item: CrmSalesOrderItem) => {
-        const itemTotal = item.quantity * item.unitPrice
-        const itemDiscount = itemTotal * ((item.discountRate || 0) / 100)
-        return sum + (itemTotal - itemDiscount)
-      }, 0)
-
-      const discountAmount = subtotal * ((formData.discountRate || 0) / 100)
-      const taxableAmount = subtotal - discountAmount
-      const taxAmount = taxableAmount * ((formData.taxRate || 18) / 100)
-      const totalAmount = taxableAmount + taxAmount
-
-      setFormData((prev: CrmSalesOrder) => ({
-        ...prev,
-        subtotal,
-        discountAmount,
-        taxAmount,
-        totalAmount,
-      }))
-    }
-
-    calculateTotals()
-  }, [formData.items, formData.discountRate, formData.taxRate])
-
-  const handleInputChange = (
-    field: string,
-    value: string | number | SaleOrderStatusEnum | PaymentTerms | Date | undefined,
-  ) => {
-    setFormData((prev: CrmSalesOrder) => ({
-      ...prev,
-      [field]: value,
-    }))
-
-    if (errors[field]) {
-      setErrors((prev: Record<string, string>) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const handleAddItem = () => {
-    if (!newItem.materialId || !newItem.quantity || !newItem.unitPrice) {
-      alert('Lütfen tüm item bilgilerini doldurun!')
-      return
-    }
-
-    const material = materials.find((m) => m.id === newItem.materialId)
-    if (!material) return
-
-    const itemTotal = (newItem.quantity || 0) * (newItem.unitPrice || 0)
-    const itemDiscount = itemTotal * ((newItem.discountRate || 0) / 100)
-    const itemTaxableAmount = itemTotal - itemDiscount
-    const itemTaxAmount = itemTaxableAmount * ((newItem.taxRate || 0) / 100)
-    const itemTotalAmount = itemTaxableAmount + itemTaxAmount
-
-    const item: CrmSalesOrderItem = {
-      id: `item_${Date.now()}`,
-      orderId: formData.id || '',
-      materialId: newItem.materialId!,
-      material: material,
-      description: material.name,
-      quantity: newItem.quantity!,
-      deliveredQuantity: 0,
-      unitId: material.baseUnitId,
-      unit: material.baseUnit,
-      unitPrice: newItem.unitPrice!,
-      discountRate: newItem.discountRate || 0,
-      discountAmount: itemDiscount,
-      taxRate: newItem.taxRate || 18,
-      taxAmount: itemTaxAmount,
-      totalAmount: itemTotalAmount,
-      requestedDate: formData.requestedDeliveryDate,
-      confirmedDate: undefined,
-      status: SaleOrderItemStatusEnum.Pending,
-      notes: newItem.notes || '',
-    }
-
-    setFormData((prev: CrmSalesOrder) => ({
-      ...prev,
-      items: [...prev.items, item],
-    }))
-
-    setNewItem({
-      materialId: '',
-      quantity: 1,
-      unitPrice: 0,
-      discountRate: 0,
-      taxRate: 18,
-      notes: '',
-    })
-    setShowItemForm(false)
-  }
-
-  const handleRemoveItem = (itemId: string) => {
-    setFormData((prev: CrmSalesOrder) => ({
-      ...prev,
-      items: prev.items.filter((item: CrmSalesOrderItem) => item.id !== itemId),
-    }))
-  }
-
-  const validateForm = (): boolean => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.orderNumber) {
-      newErrors.orderNumber = 'Sipariş numarası gerekli'
-    }
-    if (!formData.customerId) {
-      newErrors.customerId = 'Müşteri seçimi gerekli'
-    }
-    if (!formData.orderDate) {
-      newErrors.orderDate = 'Sipariş tarihi gerekli'
-    }
-    if (!formData.items || formData.items.length === 0) {
-      newErrors.items = 'En az bir ürün eklemelisiniz'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-
-    if (!validateForm()) {
-      return
-    }
-
-    try {
-      // Here you would make an API call to save the sales order
-      console.log('Saving sales order:', formData)
-
-      // Navigate back to sales orders list
-      navigate(ROUTES_ENUM.protected.crm.salesOrders)
-    } catch (error) {
-      console.error('Error saving sales order:', error)
-      alert('Sipariş kaydedilirken bir hata oluştu!')
-    }
-  }
-
-  const selectedCustomer = customers.find((c) => c.id === formData.customerId)
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">
-              {isEdit ? 'Satış Siparişi Düzenle' : 'Yeni Satış Siparişi'}
-            </h2>
-            <p className="text-gray-600">Müşteri siparişi oluştur ve yönet</p>
-          </div>
-          <div className="flex gap-2">
-            <button
-              type="button"
-              onClick={() => navigate(ROUTES_ENUM.protected.crm.salesOrders)}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              <FaTimes className="w-4 h-4" />
-              İptal
-            </button>
-            <button
-              onClick={handleSubmit}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              Kaydet
-            </button>
-          </div>
-        </div>
-
-        <form onSubmit={handleSubmit} className="space-y-4">
-          {/* Order Information Card */}
-          <div className="bg-white rounded-lg shadow-sm border p-4">
-            <div className="flex items-center gap-2 mb-3">
-              <FaShoppingCart className="w-5 h-5 text-blue-600" />
-              <h3 className="text-base font-semibold text-gray-900">Sipariş Bilgileri</h3>
-            </div>
-
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-              <div>
-                <label className="block text-xs font-medium text-gray-700 mb-1">
-                  Sipariş Numarası *
-                </label>
-                <input
-                  type="text"
-                  value={formData.orderNumber}
-                  onChange={(e) => handleInputChange('orderNumber', e.target.value)}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.orderNumber ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="ORD-2024-001"
-                />
-                {errors.orderNumber && (
-                  <p className="text-red-500 text-sm mt-1">{errors.orderNumber}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-xs font-medium text-gray-700 mb-1">
-                  Sipariş Tarihi *
-                </label>
-                <input
-                  type="date"
-                  value={formData.orderDate.toISOString().split('T')[0]}
-                  onChange={(e) => handleInputChange('orderDate', new Date(e.target.value))}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.orderDate ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                />
-                {errors.orderDate && (
-                  <p className="text-red-500 text-sm mt-1">{errors.orderDate}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-xs font-medium text-gray-700 mb-1">Durum</label>
-                <select
-                  value={formData.status}
-                  onChange={(e) =>
-                    handleInputChange('status', e.target.value as SaleOrderStatusEnum)
-                  }
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  {Object.values(SaleOrderStatusEnum).map((status) => (
-                    <option key={status} value={status}>
-                      {getSaleOrderStatusText(status)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-            </div>
-          </div>
-
-          {/* Customer Information Card */}
-          <div className="bg-white rounded-lg shadow-sm border p-4">
-            <div className="flex items-center gap-2 mb-3">
-              <FaBuilding className="w-5 h-5 text-blue-600" />
-              <h3 className="text-base font-semibold text-gray-900">Müşteri Bilgileri</h3>
-            </div>
-
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-              <div className="md:col-span-2">
-                <label className="block text-xs font-medium text-gray-700 mb-1">Müşteri *</label>
-                <select
-                  value={formData.customerId}
-                  onChange={(e) => handleInputChange('customerId', e.target.value)}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                    errors.customerId ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                >
-                  <option value="">Müşteri seçin...</option>
-                  {customers.map((customer) => (
-                    <option key={customer.id} value={customer.id}>
-                      {customer.name} - {customer.primaryContact?.name}
-                    </option>
-                  ))}
-                </select>
-                {errors.customerId && (
-                  <p className="text-red-500 text-sm mt-1">{errors.customerId}</p>
-                )}
-              </div>
-
-              {selectedCustomer && (
-                <>
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      İletişim Kişisi
-                    </label>
-                    <input
-                      type="text"
-                      value={selectedCustomer.primaryContact?.name}
-                      disabled
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md bg-gray-50"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">Telefon</label>
-                    <input
-                      type="text"
-                      value={selectedCustomer.primaryContact?.phoneNumber || ''}
-                      disabled
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md bg-gray-50"
-                    />
-                  </div>
-                  <div className="md:col-span-2">
-                    <label className="block text-xs font-medium text-gray-700 mb-1">Adres</label>
-                    <textarea
-                      value={`${selectedCustomer.address?.street}, ${selectedCustomer.address?.city}, ${selectedCustomer.address?.country}`}
-                      disabled
-                      rows={2}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md bg-gray-50"
-                    />
-                  </div>
-                </>
-              )}
-            </div>
-          </div>
-
-          {/* Delivery Information Card */}
-          <div className="bg-white rounded-lg shadow-sm border p-4">
-            <div className="flex items-center gap-2 mb-3">
-              <FaCalendar className="w-5 h-5 text-blue-600" />
-              <h3 className="text-base font-semibold text-gray-900">Teslimat Bilgileri</h3>
-            </div>
-
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-              <div>
-                <label className="block text-xs font-medium text-gray-700 mb-1">
-                  İstenen Teslimat Tarihi
-                </label>
-                <input
-                  type="date"
-                  value={formData.requestedDeliveryDate.toISOString().split('T')[0]}
-                  onChange={(e) =>
-                    handleInputChange('requestedDeliveryDate', new Date(e.target.value))
-                  }
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                />
-              </div>
-
-              <div>
-                <label className="block text-xs font-medium text-gray-700 mb-1">
-                  Onaylanmış Teslimat Tarihi
-                </label>
-                <input
-                  type="date"
-                  value={formData.confirmedDeliveryDate?.toISOString().split('T')[0] || ''}
-                  onChange={(e) =>
-                    handleInputChange(
-                      'confirmedDeliveryDate',
-                      e.target.value ? new Date(e.target.value) : undefined,
-                    )
-                  }
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                />
-              </div>
-
-              <div className="md:col-span-2">
-                <label className="block text-xs font-medium text-gray-700 mb-1">
-                  Teslimat Koşulları
-                </label>
-                <input
-                  type="text"
-                  value={formData.deliveryTerms}
-                  onChange={(e) => handleInputChange('deliveryTerms', e.target.value)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="EXW, FOB, CIF, vb."
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Order Items Card */}
-          <div className="bg-white rounded-lg shadow-sm border p-4">
-            <div className="flex items-center justify-between mb-3">
-              <div className="flex items-center gap-2">
-                <FaClipboardList className="w-5 h-5 text-blue-600" />
-                <h3 className="text-base font-semibold text-gray-900">Sipariş Kalemleri</h3>
-              </div>
-              <button
-                type="button"
-                onClick={() => setShowItemForm(true)}
-                className="flex items-center gap-2 px-3 py-1.5 text-sm bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
-              >
-                <FaPlus className="w-4 h-4" />
-                Kalem Ekle
-              </button>
-            </div>
-
-            {errors.items && <p className="text-red-500 text-sm mb-4">{errors.items}</p>}
-
-            {/* Add Item Form */}
-            {showItemForm && (
-              <div className="bg-gray-50 p-3 rounded-lg mb-3">
-                <div className="grid grid-cols-1 md:grid-cols-6 gap-3">
-                  <div className="md:col-span-2">
-                    <label className="block text-xs font-medium text-gray-700 mb-1">Malzeme</label>
-                    <select
-                      value={newItem.materialId || ''}
-                      onChange={(e) =>
-                        setNewItem((prev: Partial<CrmSalesOrderItem>) => ({
-                          ...prev,
-                          materialId: e.target.value,
-                        }))
-                      }
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    >
-                      <option value="">Malzeme seçin...</option>
-                      {materials.map((material) => (
-                        <option key={material.id} value={material.id}>
-                          {material.code} - {material.name}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">Miktar</label>
-                    <input
-                      type="number"
-                      min="0"
-                      step="0.01"
-                      value={newItem.quantity || ''}
-                      onChange={(e) =>
-                        setNewItem((prev: Partial<CrmSalesOrderItem>) => ({
-                          ...prev,
-                          quantity: parseFloat(e.target.value) || 0,
-                        }))
-                      }
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Birim Fiyat
-                    </label>
-                    <input
-                      type="number"
-                      min="0"
-                      step="0.01"
-                      value={newItem.unitPrice || ''}
-                      onChange={(e) =>
-                        setNewItem((prev: Partial<CrmSalesOrderItem>) => ({
-                          ...prev,
-                          unitPrice: parseFloat(e.target.value) || 0,
-                        }))
-                      }
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      İskonto (%)
-                    </label>
-                    <input
-                      type="number"
-                      min="0"
-                      max="100"
-                      step="0.01"
-                      value={newItem.discountRate || ''}
-                      onChange={(e) =>
-                        setNewItem((prev: Partial<CrmSalesOrderItem>) => ({
-                          ...prev,
-                          discountRate: parseFloat(e.target.value) || 0,
-                        }))
-                      }
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div className="flex items-end gap-2">
-                    <button
-                      type="button"
-                      onClick={handleAddItem}
-                      className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-                    >
-                      <FaPlus className="w-4 h-4" />
-                      Ekle
-                    </button>
-                    <button
-                      type="button"
-                      onClick={() => setShowItemForm(false)}
-                      className="flex items-center gap-2 px-3 py-1.5 text-sm border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-                    >
-                      <FaTimes className="w-4 h-4" />
-                      İptal
-                    </button>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {/* Items Table */}
-            {formData.items && formData.items.length > 0 ? (
-              <div className="overflow-x-auto">
-                <table className="min-w-full divide-y divide-gray-200">
-                  <thead className="bg-gray-50">
-                    <tr>
-                      <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        Malzeme
-                      </th>
-                      <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        Miktar
-                      </th>
-                      <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        Birim Fiyat
-                      </th>
-                      <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        İskonto
-                      </th>
-                      <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        KDV
-                      </th>
-                      <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        Toplam
-                      </th>
-                      <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        İşlemler
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody className="bg-white divide-y divide-gray-200">
-                    {formData.items.map((item: CrmSalesOrderItem) => (
-                      <tr key={item.id}>
-                        <td className="px-3 py-2 whitespace-nowrap">
-                          <div>
-                            <div className="text-sm font-medium text-gray-900">
-                              {item.material?.code || item.materialId}
-                            </div>
-                            <div className="text-xs text-gray-500">
-                              {item.material?.name || item.description}
-                            </div>
-                          </div>
-                        </td>
-                        <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                          {item.quantity} {item.unit?.name || ''}
-                        </td>
-                        <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                          ₺{item.unitPrice.toLocaleString()}
-                        </td>
-                        <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                          %{item.discountRate || 0} <br />
-                          <span className="text-xs text-gray-500">
-                            (₺{(item.discountAmount || 0).toLocaleString()})
-                          </span>
-                        </td>
-                        <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                          %{item.taxRate || 18} <br />
-                          <span className="text-xs text-gray-500">
-                            (₺{(item.taxAmount || 0).toLocaleString()})
-                          </span>
-                        </td>
-                        <td className="px-3 py-2 whitespace-nowrap text-sm font-medium text-gray-900">
-                          ₺{item.totalAmount.toLocaleString()}
-                        </td>
-                        <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                          <button
-                            type="button"
-                            onClick={() => handleRemoveItem(item.id)}
-                            className="text-red-600 hover:text-red-900"
-                          >
-                            <FaTrash className="w-4 h-4" />
-                          </button>
-                        </td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              </div>
-            ) : (
-              <div className="text-center py-8 text-gray-500">
-                Henüz sipariş kalemi eklenmedi. Yukarıdaki "Kalem Ekle" butonunu kullanarak ürün
-                ekleyebilirsiniz.
-              </div>
-            )}
-          </div>
-
-          {/* Financial Information Card */}
-          <div className="bg-white rounded-lg shadow-sm border p-4">
-            <div className="flex items-center gap-2 mb-3">
-              <FaCalculator className="w-5 h-5 text-blue-600" />
-              <h3 className="text-base font-semibold text-gray-900">Mali Bilgiler</h3>
-            </div>
-
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div className="space-y-3">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Para Birimi
-                  </label>
-                  <select
-                    value={formData.currency}
-                    onChange={(e) => handleInputChange('currency', e.target.value)}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    {mockCurrencies.map((currency) => (
-                      <option key={currency.value} value={currency.value}>
-                        {currency.value} - {currency.label}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">Döviz Kuru</label>
-                  <input
-                    type="number"
-                    min="0"
-                    step="0.01"
-                    value={formData.exchangeRate}
-                    onChange={(e) =>
-                      handleInputChange('exchangeRate', parseFloat(e.target.value) || 1)
-                    }
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Genel İskonto (%)
-                  </label>
-                  <input
-                    type="number"
-                    min="0"
-                    max="100"
-                    step="0.01"
-                    value={formData.discountRate}
-                    onChange={(e) =>
-                      handleInputChange('discountRate', parseFloat(e.target.value) || 0)
-                    }
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    KDV Oranı (%)
-                  </label>
-                  <input
-                    type="number"
-                    min="0"
-                    max="100"
-                    step="0.01"
-                    value={formData.taxRate}
-                    onChange={(e) => handleInputChange('taxRate', parseFloat(e.target.value) || 18)}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Ödeme Koşulları
-                  </label>
-                  <select
-                    value={formData.paymentTerms}
-                    onChange={(e) => handleInputChange('paymentTerms', e.target.value)}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    <option value="">Seçin...</option>
-                    {Object.values(PaymentTerms).map((term) => (
-                      <option key={term} value={term}>
-                        {getPaymentTermsText(term)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              <div className="bg-gray-50 p-3 rounded-lg">
-                <h4 className="font-medium text-sm text-gray-900 mb-2">Sipariş Özeti</h4>
-                <div className="space-y-2">
-                  <div className="flex justify-between text-sm">
-                    <span className="text-sm text-gray-600">Ara Toplam:</span>
-                    <span className="text-sm font-medium">
-                      ₺{formData.subtotal.toLocaleString()}
-                    </span>
-                  </div>
-                  <div className="flex justify-between text-sm">
-                    <span className="text-sm text-gray-600">İskonto:</span>
-                    <span className="text-sm font-medium text-red-600">
-                      -₺{formData.discountAmount.toLocaleString()}
-                    </span>
-                  </div>
-                  <div className="flex justify-between text-sm">
-                    <span className="text-sm text-gray-600">KDV:</span>
-                    <span className="text-sm font-medium">
-                      ₺{formData.taxAmount.toLocaleString()}
-                    </span>
-                  </div>
-                  <div className="border-t pt-2 mt-2">
-                    <div className="flex justify-between">
-                      <span className="text-lg font-semibold text-gray-900">Genel Toplam:</span>
-                      <span className="text-lg font-bold text-blue-600">
-                        ₺{formData.totalAmount.toLocaleString()}
-                      </span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Notes Card */}
-          <div className="bg-white rounded-lg shadow-sm border p-4">
-            <div className="flex items-center gap-2 mb-3">
-              <FaNotesMedical className="w-5 h-5 text-blue-600" />
-              <h3 className="text-base font-semibold text-gray-900">Notlar ve Talimatlar</h3>
-            </div>
-
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-              <div>
-                <label className="block text-xs font-medium text-gray-700 mb-1">Genel Notlar</label>
-                <textarea
-                  value={formData.notes}
-                  onChange={(e) => handleInputChange('notes', e.target.value)}
-                  rows={4}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="Sipariş ile ilgili genel notlar..."
-                />
-              </div>
-
-              <div>
-                <label className="block text-xs font-medium text-gray-700 mb-1">
-                  Özel Talimatlar
-                </label>
-                <textarea
-                  value={formData.specialInstructions}
-                  onChange={(e) => handleInputChange('specialInstructions', e.target.value)}
-                  rows={4}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  placeholder="Özel üretim talimatları, ambalaj notları vb..."
-                />
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-    </Container>
-  )
-}
-
-export default SalesOrderForm
diff --git a/ui/src/views/crm/components/SalesOrderView.tsx b/ui/src/views/crm/components/SalesOrderView.tsx
deleted file mode 100644
index fefaa412..00000000
--- a/ui/src/views/crm/components/SalesOrderView.tsx
+++ /dev/null
@@ -1,416 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { useNavigate, useParams } from 'react-router-dom'
-import {
-  FaEdit,
-  FaArrowLeft,
-  FaPrint,
-  FaDownload,
-  FaShoppingCart,
-  FaCalendar,
-  FaBuilding,
-  FaUser,
-  FaPhone,
-  FaEnvelope,
-  FaMapMarkerAlt,
-  FaClipboardList,
-  FaCalculator,
-  FaTruck,
-  FaFileInvoiceDollar,
-  FaExclamationCircle,
-} from 'react-icons/fa'
-import { CrmSalesOrder, CrmSalesOrderItem, SaleOrderItemStatusEnum } from '../../../types/crm'
-import { mockSalesOrders } from '../../../mocks/mockSalesOrders'
-import {
-  getSaleOrderItemStatusnfo,
-  getSaleOrderStatusColor,
-  getSaleOrderStatusText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-
-const SalesOrderView: React.FC = () => {
-  const navigate = useNavigate()
-  const { id } = useParams()
-
-  const [order, setOrder] = useState<CrmSalesOrder | null>(null)
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    if (id) {
-      // Find the order from mock data
-      setTimeout(() => {
-        const foundOrder = mockSalesOrders.find((order) => order.id === id)
-        if (foundOrder) {
-          setOrder(foundOrder)
-        }
-        setLoading(false)
-      }, 1000)
-    }
-  }, [id])
-
-  if (loading) {
-    return (
-      <div className="flex items-center justify-center h-64">
-        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
-      </div>
-    )
-  }
-
-  if (!order) {
-    return (
-      <div className="flex flex-col items-center justify-center h-64">
-        <FaExclamationCircle className="text-4xl text-red-500 mb-4" />
-        <h2 className="text-xl font-semibold text-gray-900 mb-2">Sipariş Bulunamadı</h2>
-        <p className="text-gray-600 mb-4">Belirtilen sipariş mevcut değil.</p>
-        <button
-          onClick={() => navigate(ROUTES_ENUM.protected.crm.salesOrders)}
-          className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors"
-        >
-          Sipariş Listesine Dön
-        </button>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-4">
-          <div className="flex items-center justify-between mb-4">
-            <div className="flex items-center space-x-4">
-              <button
-                onClick={() => navigate(ROUTES_ENUM.protected.crm.salesOrders)}
-                className="flex items-center text-gray-600 hover:text-gray-800 transition-colors"
-              >
-                <FaArrowLeft className="mr-2" />
-                Geri
-              </button>
-              <div className="h-6 border-l border-gray-300"></div>
-              <div>
-                <h1 className="text-xl font-bold text-gray-900 flex items-center">
-                  <FaShoppingCart className="mr-3 text-blue-600" />
-                  {order.orderNumber}
-                </h1>
-                <p className="text-xs text-gray-500 mt-1">Satış Siparişi Detayları</p>
-              </div>
-            </div>
-
-            <div className="flex items-center space-x-2">
-              <span
-                className={`inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium ${getSaleOrderStatusColor(
-                  order.status,
-                )}`}
-              >
-                {getSaleOrderStatusText(order.status)}
-              </span>
-              <button
-                onClick={() =>
-                  navigate(ROUTES_ENUM.protected.crm.salesOrdersEdit.replace(':id', order.id))
-                }
-                className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700 transition-colors flex items-center"
-              >
-                <FaEdit className="mr-2" />
-                Düzenle
-              </button>
-              <button className="bg-gray-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-gray-700 transition-colors flex items-center">
-                <FaPrint className="mr-2" />
-                Yazdır
-              </button>
-              <button className="bg-green-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-green-700 transition-colors flex items-center">
-                <FaDownload className="mr-2" />
-                İndir
-              </button>
-            </div>
-          </div>
-
-          {/* Order Info Cards */}
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-3 mb-4">
-            <div className="bg-gradient-to-r from-blue-50 to-blue-100 p-3 rounded-lg border border-blue-200">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-sm font-medium text-blue-800">Sipariş Tarihi</p>
-                  <p className="text-base font-bold text-blue-900">
-                    {new Date(order.orderDate).toLocaleDateString('tr-TR')}
-                  </p>
-                </div>
-                <FaCalendar className="text-2xl text-blue-600" />
-              </div>
-            </div>
-
-            <div className="bg-gradient-to-r from-green-50 to-green-100 p-3 rounded-lg border border-green-200">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-sm font-medium text-green-800">Talep Edilen Tarih</p>
-                  <p className="text-base font-bold text-green-900">
-                    {new Date(order.requestedDeliveryDate).toLocaleDateString('tr-TR')}
-                  </p>
-                </div>
-                <FaCalendar className="text-2xl text-green-600" />
-              </div>
-            </div>
-
-            <div className="bg-gradient-to-r from-purple-50 to-purple-100 p-3 rounded-lg border border-purple-200">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-sm font-medium text-purple-800">Onaylanan Tarih</p>
-                  <p className="text-base font-bold text-purple-900">
-                    {order.confirmedDeliveryDate
-                      ? new Date(order.confirmedDeliveryDate).toLocaleDateString('tr-TR')
-                      : 'Belirtilmemiş'}
-                  </p>
-                </div>
-                <FaCalendar className="text-2xl text-purple-600" />
-              </div>
-            </div>
-
-            <div className="bg-gradient-to-r from-amber-50 to-amber-100 p-3 rounded-lg border border-amber-200">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-sm font-medium text-amber-800">Toplam Tutar</p>
-                  <p className="text-base font-bold text-amber-900">
-                    {order.totalAmount.toLocaleString('tr-TR')} {order.currency}
-                  </p>
-                </div>
-                <FaCalculator className="text-2xl text-amber-600" />
-              </div>
-            </div>
-          </div>
-
-          {/* Additional Info */}
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-3 text-sm">
-            <div>
-              <span className="font-medium text-gray-700">Ödeme Koşulları:</span>
-              <p className="text-gray-900">{order.paymentTerms}</p>
-            </div>
-            <div>
-              <span className="font-medium text-gray-700">Para Birimi:</span>
-              <p className="text-gray-900">{order.currency}</p>
-            </div>
-          </div>
-
-          <div className="mt-3 pt-3 border-t border-gray-200">
-            <div className="text-sm text-gray-600">
-              <span className="font-medium">Son Güncelleme:</span>
-              <div className="mt-1">
-                {order.lastModificationTime
-                  ? new Date(order.lastModificationTime).toLocaleString('tr-TR')
-                  : 'Güncelleme yok'}
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Customer Information */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-4">
-          <h2 className="text-lg font-semibold text-gray-900 mb-3 flex items-center">
-            <FaBuilding className="mr-3 text-blue-600" />
-            Müşteri Bilgileri
-          </h2>
-
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <h3 className="text-base font-medium text-gray-800 mb-2 flex items-center">
-                <FaUser className="mr-2 text-gray-600" />
-                Müşteri Detayları
-              </h3>
-              <div className="space-y-2">
-                <div>
-                  <span className="text-sm font-medium text-gray-600">Firma Adı:</span>
-                  <p className="text-sm font-medium text-gray-900">
-                    {order.customer?.name || 'Müşteri bilgisi yok'}
-                  </p>
-                </div>
-                <div>
-                  <span className="text-sm font-medium text-gray-600">İletişim Kişisi:</span>
-                  <p className="text-sm text-gray-900">
-                    {order.customer?.primaryContact?.name || 'Belirtilmemiş'}
-                  </p>
-                </div>
-                <div className="flex items-center text-sm text-gray-600">
-                  <FaPhone className="mr-2" />
-                  <span>{order.customer?.primaryContact?.phoneNumber || 'Belirtilmemiş'}</span>
-                </div>
-                <div className="flex items-center text-sm text-gray-600">
-                  <FaEnvelope className="mr-2" />
-                  <span>{order.customer?.primaryContact?.email || 'Belirtilmemiş'}</span>
-                </div>
-              </div>
-            </div>
-
-            <div>
-              <h3 className="text-base font-medium text-gray-800 mb-2 flex items-center">
-                <FaMapMarkerAlt className="mr-2 text-gray-600" />
-                Teslimat Adresi
-              </h3>
-              <div className="text-sm text-gray-900 space-y-1">
-                <p>{order.deliveryAddress.street}</p>
-                <p>
-                  {order.deliveryAddress.city}, {order.deliveryAddress.state}
-                </p>
-                <p>{order.deliveryAddress.postalCode}</p>
-                <p>{order.deliveryAddress.country}</p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Order Items */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-4">
-          <h2 className="text-lg font-semibold text-gray-900 mb-3 flex items-center">
-            <FaClipboardList className="mr-3 text-blue-600" />
-            Sipariş Kalemleri
-          </h2>
-
-          <div className="overflow-x-auto">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Malzeme
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Miktar
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Teslim Edilen
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Birim Fiyat
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Toplam
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {order.items.map((item: CrmSalesOrderItem) => {
-                  const itemStatus = getSaleOrderItemStatusnfo(item.status)
-                  return (
-                    <tr key={item.id} className="hover:bg-gray-50">
-                      <td className="px-4 py-2 whitespace-nowrap">
-                        <div>
-                          <div className="text-sm font-medium text-gray-900">
-                            {item.material?.code || item.materialId}
-                          </div>
-                          <div className="text-xs text-gray-500">
-                            {item.material?.name || item.description}
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-4 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {item.quantity} {item.material?.baseUnit?.name || 'Adet'}
-                      </td>
-                      <td className="px-4 py-2 whitespace-nowrap">
-                        <div className="font-medium">
-                          {item.deliveredQuantity} {item.material?.baseUnit?.name || 'Adet'}
-                        </div>
-                        <div className="text-xs text-gray-500">
-                          {((item.deliveredQuantity / item.quantity) * 100).toFixed(1)}% tamamlandı
-                        </div>
-                      </td>
-                      <td className="px-4 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {item.unitPrice.toLocaleString('tr-TR')} {order.currency}
-                      </td>
-                      <td className="px-4 py-2 whitespace-nowrap text-sm font-medium text-gray-900">
-                        {item.totalAmount.toLocaleString('tr-TR')} {order.currency}
-                      </td>
-                      <td className="px-4 py-2 whitespace-nowrap">
-                        <span
-                          className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${itemStatus.color}`}
-                        >
-                          <itemStatus.icon className={`mr-1 ${itemStatus.iconColor}`} />
-                          {itemStatus.label}
-                        </span>
-                      </td>
-                    </tr>
-                  )
-                })}
-              </tbody>
-            </table>
-          </div>
-        </div>
-
-        {/* Financial Summary */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-4">
-          <h2 className="text-lg font-semibold text-gray-900 mb-3 flex items-center">
-            <FaCalculator className="mr-3 text-blue-600" />
-            Mali Özet
-          </h2>
-
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div className="space-y-2">
-              <div className="flex justify-between py-1.5 border-b border-gray-100">
-                <span className="text-sm font-medium text-gray-600">Ara Toplam:</span>
-                <span className="text-sm text-gray-900">
-                  {order.subtotal.toLocaleString('tr-TR')} {order.currency}
-                </span>
-              </div>
-              <div className="flex justify-between py-1.5 border-b border-gray-100">
-                <span className="text-sm font-medium text-gray-600">İndirim:</span>
-                <span className="text-sm text-gray-900">
-                  -{order.discountAmount.toLocaleString('tr-TR')} {order.currency}
-                </span>
-              </div>
-              <div className="flex justify-between py-1.5 border-b border-gray-100">
-                <span className="text-sm font-medium text-gray-600">KDV:</span>
-                <span className="text-sm text-gray-900">
-                  {order.taxAmount.toLocaleString('tr-TR')} {order.currency}
-                </span>
-              </div>
-              <div className="flex justify-between py-2 border-t-2 border-gray-200">
-                <span className="text-base font-bold text-gray-900">Genel Toplam:</span>
-                <span className="text-base font-bold text-gray-900">
-                  {order.totalAmount.toLocaleString('tr-TR')} {order.currency}
-                </span>
-              </div>
-            </div>
-
-            <div className="space-y-4">
-              <div className="bg-blue-50 p-4 rounded-lg border border-blue-200">
-                <h3 className="text-sm font-medium text-blue-800 mb-2 flex items-center">
-                  <FaTruck className="mr-2" />
-                  Teslimat Durumu
-                </h3>
-                <div className="text-sm text-blue-900">
-                  <p>Toplam Kalem: {order.items.length}</p>
-                  <p>
-                    Teslim Edilenler:{' '}
-                    {
-                      order.items.filter(
-                        (item) => item.status === SaleOrderItemStatusEnum.Delivered,
-                      ).length
-                    }
-                  </p>
-                  <p>
-                    Bekleyenler:{' '}
-                    {
-                      order.items.filter(
-                        (item) => item.status !== SaleOrderItemStatusEnum.Delivered,
-                      ).length
-                    }
-                  </p>
-                </div>
-              </div>
-
-              <div className="bg-green-50 p-4 rounded-lg border border-green-200">
-                <h3 className="text-sm font-medium text-green-800 mb-2 flex items-center">
-                  <FaFileInvoiceDollar className="mr-2" />
-                  Faturalama Durumu
-                </h3>
-                <div className="text-sm text-green-900">
-                  <p>Teslimat Sayısı: {order.deliveries?.length || 0}</p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default SalesOrderView
diff --git a/ui/src/views/crm/components/SalesOrders.tsx b/ui/src/views/crm/components/SalesOrders.tsx
deleted file mode 100644
index 9fa507f4..00000000
--- a/ui/src/views/crm/components/SalesOrders.tsx
+++ /dev/null
@@ -1,351 +0,0 @@
-import React, { useState } from 'react'
-import { useNavigate } from 'react-router-dom'
-import {
-  FaShoppingCart,
-  FaPlus,
-  FaEdit,
-  FaTrash,
-  FaDollarSign,
-  FaCalendar,
-  FaBox,
-  FaBuilding,
-} from 'react-icons/fa'
-import { CrmSalesOrder, SaleOrderStatusEnum } from '../../../types/crm'
-import DataTable, { Column } from '../../../components/common/DataTable'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { mockSalesOrders } from '../../../mocks/mockSalesOrders'
-import { BusinessParty } from '../../../types/common'
-import Widget from '../../../components/common/Widget'
-import { getSaleOrderStatusColor, getSaleOrderStatusText } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-
-const SalesOrders: React.FC = () => {
-  const navigate = useNavigate()
-  const [salesOrders] = useState<CrmSalesOrder[]>(mockSalesOrders)
-  const [customers] = useState<BusinessParty[]>(mockBusinessParties)
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedStatus, setSelectedStatus] = useState<SaleOrderStatusEnum | 'all'>('all')
-  const [selectedCustomer, setSelectedCustomer] = useState<string>('all')
-
-  const handleAdd = () => {
-    navigate(ROUTES_ENUM.protected.crm.salesOrdersNew)
-  }
-
-  const handleEdit = (order: CrmSalesOrder) => {
-    navigate(ROUTES_ENUM.protected.crm.salesOrdersEdit.replace(':id', order.id))
-  }
-
-  const handleDelete = (id: string) => {
-    console.log('Delete sales order:', id)
-    // Implement delete functionality
-  }
-
-  const handleViewDetails = (order: CrmSalesOrder) => {
-    navigate(ROUTES_ENUM.protected.crm.salesOrdersDetail.replace(':id', order.id))
-  }
-
-  const filteredOrders = salesOrders.filter((order) => {
-    if (searchTerm && !order.orderNumber.toLowerCase().includes(searchTerm.toLowerCase())) {
-      return false
-    }
-    if (selectedStatus !== 'all' && order.status !== selectedStatus) {
-      return false
-    }
-    if (selectedCustomer !== 'all' && order.customerId !== selectedCustomer) {
-      return false
-    }
-    return true
-  })
-
-  const columns: Column<CrmSalesOrder>[] = [
-    {
-      key: 'orderNumber',
-      header: 'Sipariş No',
-      sortable: true,
-      render: (order: CrmSalesOrder) => (
-        <div>
-          <div className="font-medium text-gray-900">{order.orderNumber}</div>
-          <div className="text-sm text-gray-500">Sipariş #{order.id.substring(0, 8)}</div>
-        </div>
-      ),
-    },
-    {
-      key: 'customer',
-      header: 'Müşteri',
-      render: (order: CrmSalesOrder) => {
-        const customer = customers.find((c) => c.id === order.customerId)
-        return customer ? (
-          <div className="flex items-center gap-2">
-            <FaBuilding className="w-4 h-4 text-gray-400" />
-            <span>{customer.name}</span>
-          </div>
-        ) : (
-          '-'
-        )
-      },
-    },
-    {
-      key: 'orderDate',
-      header: 'Sipariş Tarihi',
-      render: (order: CrmSalesOrder) => (
-        <div className="flex items-center gap-1 text-sm">
-          <FaCalendar className="w-3 h-3 text-gray-400" />
-          <span>{new Date(order.orderDate).toLocaleDateString('tr-TR')}</span>
-        </div>
-      ),
-    },
-    {
-      key: 'deliveryDate',
-      header: 'Teslimat Tarihi',
-      render: (order: CrmSalesOrder) =>
-        order.confirmedDeliveryDate ? (
-          <div className="flex items-center gap-1 text-sm">
-            <FaBox className="w-3 h-3 text-gray-400" />
-            <span>{new Date(order.confirmedDeliveryDate).toLocaleDateString('tr-TR')}</span>
-          </div>
-        ) : order.requestedDeliveryDate ? (
-          <div className="flex items-center gap-1 text-sm text-gray-500">
-            <FaBox className="w-3 h-3 text-gray-400" />
-            <span>
-              {new Date(order.requestedDeliveryDate).toLocaleDateString('tr-TR')} (İstenen)
-            </span>
-          </div>
-        ) : (
-          '-'
-        ),
-    },
-    {
-      key: 'totalAmount',
-      header: 'Toplam Tutar',
-      render: (order: CrmSalesOrder) => (
-        <div className="flex items-center gap-1">
-          <FaDollarSign className="w-4 h-4 text-gray-400" />
-          <span className="font-medium">₺{order.totalAmount.toLocaleString()}</span>
-        </div>
-      ),
-    },
-    {
-      key: 'status',
-      header: 'Durum',
-      render: (order: CrmSalesOrder) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getSaleOrderStatusColor(
-            order.status,
-          )}`}
-        >
-          {getSaleOrderStatusText(order.status)}
-        </span>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (order: CrmSalesOrder) => (
-        <div className="flex gap-2">
-          <button
-            onClick={() => handleViewDetails(order)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaShoppingCart className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleEdit(order)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleDelete(order.id)}
-            className="p-1 text-red-600 hover:bg-red-50 rounded"
-            title="Sil"
-          >
-            <FaTrash className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  // Calculate statistics
-  const totalOrders = salesOrders.length
-  const activeOrders = salesOrders.filter(
-    (o) =>
-      o.status === SaleOrderStatusEnum.Confirmed || o.status === SaleOrderStatusEnum.InProduction,
-  ).length
-  const totalRevenue = salesOrders
-    .filter((o) => o.status === SaleOrderStatusEnum.Delivered)
-    .reduce((sum, order) => sum + order.totalAmount, 0)
-  const averageOrderValue =
-    salesOrders.reduce((sum, order) => sum + order.totalAmount, 0) / salesOrders.length || 0
-
-  // Status distribution
-  const statusDistribution = Object.values(SaleOrderStatusEnum).map((status) => ({
-    status,
-    count: salesOrders.filter((o) => o.status === status).length,
-    value: salesOrders
-      .filter((o) => o.status === status)
-      .reduce((sum, o) => sum + o.totalAmount, 0),
-  }))
-
-  // Monthly trend
-  const currentMonth = new Date()
-  const lastMonth = new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1, 1)
-  const currentMonthOrders = salesOrders.filter((o) => new Date(o.orderDate) >= lastMonth).length
-  const previousMonthOrders = salesOrders.filter((o) => {
-    const orderDate = new Date(o.orderDate)
-    return (
-      orderDate >= new Date(lastMonth.getFullYear(), lastMonth.getMonth() - 1, 1) &&
-      orderDate < lastMonth
-    )
-  }).length
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Satış Siparişleri</h2>
-            <p className="text-gray-600">Müşteri siparişleri ve teslimat takibi</p>
-          </div>
-          <button
-            onClick={handleAdd}
-            className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni Sipariş
-          </button>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-          <Widget title="Toplam Sipariş" value={totalOrders} color="blue" icon="FaShoppingCart" />
-
-          <Widget title="Aktif Sipariş" value={activeOrders} color="orange" icon="FaBox" />
-
-          <Widget
-            title="Toplam Gelir"
-            value={`₺${totalRevenue.toLocaleString()}`}
-            color="green"
-            icon="FaDollarSign"
-          />
-
-          <Widget
-            title="Ortalama Sipariş"
-            value={`₺${averageOrderValue.toLocaleString()}`}
-            color="purple"
-            icon="FaArrowUp"
-          />
-        </div>
-
-        {/* Order Status Pipeline */}
-        <div className="bg-white rounded-lg shadow-sm border p-3">
-          <h3 className="text-sm font-semibold text-gray-900 mb-3">Sipariş Durumu Dağılımı</h3>
-          <div className="grid grid-cols-2 md:grid-cols-7 gap-2">
-            {statusDistribution.map(({ status, count, value }) => (
-              <div key={status as string} className="text-center p-2 border rounded-lg">
-                <div
-                  className={`inline-block px-2 py-0.5 text-xs font-medium rounded-full mb-1 ${getSaleOrderStatusColor(
-                    status as SaleOrderStatusEnum,
-                  )}`}
-                >
-                  {getSaleOrderStatusText(status as SaleOrderStatusEnum)}
-                </div>
-                <div className="text-xl font-bold text-gray-900 mb-1">{count}</div>
-                <div className="text-xs text-gray-500">₺{value.toLocaleString()}</div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Monthly Performance */}
-        <div className="bg-white rounded-lg shadow-sm border p-3">
-          <h3 className="text-sm font-semibold text-gray-900 mb-3">Aylık Performans</h3>
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div className="text-center">
-              <div className="text-2xl font-bold text-blue-600 mb-1">{currentMonthOrders}</div>
-              <p className="text-gray-600">Bu Ay</p>
-            </div>
-
-            <div className="text-center">
-              <div className="text-2xl font-bold text-gray-600 mb-1">{previousMonthOrders}</div>
-              <p className="text-gray-600">Geçen Ay</p>
-            </div>
-
-            <div className="text-center">
-              <div
-                className={`text-2xl font-bold mb-1 ${
-                  currentMonthOrders >= previousMonthOrders ? 'text-green-600' : 'text-red-600'
-                }`}
-              >
-                {previousMonthOrders > 0
-                  ? `${Math.round(
-                      ((currentMonthOrders - previousMonthOrders) / previousMonthOrders) * 100,
-                    )}%`
-                  : '-%'}
-              </div>
-              <p className="text-sm text-gray-600">Değişim</p>
-            </div>
-          </div>
-        </div>
-
-        {/* Filters */}
-        <div className="flex gap-3 items-center">
-          <div className="flex-1">
-            <input
-              type="text"
-              placeholder="Sipariş numarası ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-
-          <select
-            value={selectedStatus}
-            onChange={(e) => setSelectedStatus(e.target.value as SaleOrderStatusEnum | 'all')}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">Tüm Durumlar</option>
-            {Object.values(SaleOrderStatusEnum).map((status) => (
-              <option key={status as string} value={status as string}>
-                {getSaleOrderStatusText(status as SaleOrderStatusEnum)}
-              </option>
-            ))}
-          </select>
-
-          <select
-            value={selectedCustomer}
-            onChange={(e) => setSelectedCustomer(e.target.value)}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">Tüm Müşteriler</option>
-            {customers.map((customer) => (
-              <option key={customer.id} value={customer.id}>
-                {customer.name}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        {/* Data Table */}
-        <div className="bg-white rounded-lg shadow-sm border">
-          <DataTable data={filteredOrders} columns={columns} />
-        </div>
-
-        {filteredOrders.length === 0 && (
-          <div className="text-center py-12">
-            <FaShoppingCart className="w-10 h-10 text-gray-400 mx-auto mb-3" />
-            <h3 className="text-sm font-medium text-gray-900 mb-2">Sipariş bulunamadı</h3>
-            <p className="text-gray-500">Arama kriterlerinizi değiştirmeyi deneyin.</p>
-          </div>
-        )}
-      </div>
-    </Container>
-  )
-}
-
-export default SalesOrders
diff --git a/ui/src/views/crm/components/SalesTeamCreate.tsx b/ui/src/views/crm/components/SalesTeamCreate.tsx
deleted file mode 100644
index 1eb8ce6d..00000000
--- a/ui/src/views/crm/components/SalesTeamCreate.tsx
+++ /dev/null
@@ -1,429 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaUsers,
-  FaArrowLeft,
-  FaSave,
-  FaTimes,
-  FaPlus,
-  FaTrash,
-  FaMapMarkerAlt,
-} from 'react-icons/fa'
-import { useNavigate } from 'react-router-dom'
-import { CrmTerritory } from '../../../types/crm'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { Team, TeamMember, TeamRoleEnum } from '../../../types/common'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { getTeamRoleText } from '@/utils/erp'
-
-const SalesTeamCreate: React.FC = () => {
-  const navigate = useNavigate()
-
-  const [formData, setFormData] = useState({
-    teamCode: '',
-    name: '',
-    description: '',
-    managerId: '',
-    isActive: true,
-  })
-
-  const [members, setMembers] = useState<Partial<TeamMember>[]>([])
-  const [territories, setTerritories] = useState<Partial<CrmTerritory>[]>([])
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  const handleInputChange = (field: string, value: string | boolean) => {
-    setFormData((prev) => ({ ...prev, [field]: value }))
-    if (errors[field]) {
-      setErrors((prev) => ({ ...prev, [field]: '' }))
-    }
-  }
-
-  const addMember = () => {
-    setMembers((prev) => [
-      ...prev,
-      {
-        employeeId: '',
-        role: TeamRoleEnum.Member,
-        isActive: true,
-      },
-    ])
-  }
-
-  const removeMember = (index: number) => {
-    setMembers((prev) => prev.filter((_, i) => i !== index))
-  }
-
-  const updateMember = (index: number, field: string, value: string | TeamRoleEnum | boolean) => {
-    setMembers((prev) =>
-      prev.map((member, i) => (i === index ? { ...member, [field]: value } : member)),
-    )
-  }
-
-  const addTerritory = () => {
-    setTerritories((prev) => [
-      ...prev,
-      {
-        territoryCode: '',
-        name: '',
-        description: '',
-        region: '',
-        countries: [],
-        cities: [],
-        isActive: true,
-      },
-    ])
-  }
-
-  const removeTerritory = (index: number) => {
-    setTerritories((prev) => prev.filter((_, i) => i !== index))
-  }
-
-  const updateTerritory = (index: number, field: string, value: string | string[] | boolean) => {
-    setTerritories((prev) =>
-      prev.map((territory, i) => (i === index ? { ...territory, [field]: value } : territory)),
-    )
-  }
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.teamCode.trim()) {
-      newErrors.teamCode = 'Takım kodu zorunludur'
-    }
-    if (!formData.name.trim()) {
-      newErrors.name = 'Takım adı zorunludur'
-    }
-    if (!formData.managerId.trim()) {
-      newErrors.managerId = 'Takım lideri seçimi zorunludur'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSave = () => {
-    if (!validateForm()) return
-
-    const newTeam: Partial<Team> = {
-      ...formData,
-      members: members.map((member, index) => ({
-        ...member,
-        id: `member-new-${index}`,
-        teamId: 'new-team',
-        joinDate: new Date(),
-      })) as TeamMember[],
-      territories: territories.map((territory, index) => ({
-        ...territory,
-        id: `territory-new-${index}`,
-        assignedTeamId: 'new-team',
-      })) as CrmTerritory[],
-      targets: [],
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    }
-
-    console.log('Creating new sales team:', newTeam)
-    alert('Satış ekibi başarıyla oluşturuldu!')
-    navigate(ROUTES_ENUM.protected.crm.salesTeams)
-  }
-
-  const handleCancel = () => {
-    if (confirm('Değişiklikler kaydedilmedi. Çıkmak istediğinizden emin misiniz?')) {
-      navigate(ROUTES_ENUM.protected.crm.salesTeams)
-    }
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-4">
-            <button
-              onClick={() => navigate(ROUTES_ENUM.protected.crm.salesTeams)}
-              className="p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
-            >
-              <FaArrowLeft className="w-5 h-5" />
-            </button>
-            <div>
-              <h2 className="text-2xl font-bold text-gray-900">Yeni Satış Ekibi</h2>
-              <p className="text-gray-600">Yeni satış ekibi oluşturun ve ekip üyelerini atayın</p>
-            </div>
-          </div>
-
-          <div className="flex gap-2">
-            <button
-              onClick={handleCancel}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              <FaTimes className="w-4 h-4" />
-              İptal
-            </button>
-            <button
-              onClick={handleSave}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              Kaydet
-            </button>
-          </div>
-        </div>
-
-        {/* Form */}
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
-          {/* Basic Information */}
-          <div className="lg:col-span-2">
-            <div className="bg-white rounded-lg shadow-sm border p-4">
-              <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                <FaUsers className="w-5 h-5 mr-2" />
-                Temel Bilgiler
-              </h3>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Takım Kodu *
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.teamCode}
-                    onChange={(e) => handleInputChange('teamCode', e.target.value)}
-                    className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent ${
-                      errors.teamCode ? 'border-red-500' : 'border-gray-300'
-                    }`}
-                    placeholder="ST-001"
-                  />
-                  {errors.teamCode && (
-                    <p className="text-red-500 text-sm mt-1">{errors.teamCode}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Takım Lideri *
-                  </label>
-
-                  <select
-                    value={formData.managerId}
-                    onChange={(e) => handleInputChange('managerId', e.target.value)}
-                    className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent ${
-                      errors.managerId ? 'border-red-500' : 'border-gray-300'
-                    }`}
-                  >
-                    <option value="">Çalışan seçin</option>
-                    {mockEmployees.map((employee) => (
-                      <option key={employee.id} value={employee.id}>
-                        {employee.name}
-                      </option>
-                    ))}
-                  </select>
-
-                  {errors.managerId && (
-                    <p className="text-red-500 text-sm mt-1">{errors.managerId}</p>
-                  )}
-                </div>
-              </div>
-
-              <div className="mt-4">
-                <label className="block text-xs font-medium text-gray-700 mb-1">Takım Adı *</label>
-                <input
-                  type="text"
-                  value={formData.name}
-                  onChange={(e) => handleInputChange('name', e.target.value)}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent ${
-                    errors.name ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Kurumsal Satış Ekibi"
-                />
-                {errors.name && <p className="text-red-500 text-sm mt-1">{errors.name}</p>}
-              </div>
-
-              <div className="mt-4">
-                <label className="block text-xs font-medium text-gray-700 mb-1">Açıklama</label>
-                <textarea
-                  value={formData.description}
-                  onChange={(e) => handleInputChange('description', e.target.value)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                  rows={3}
-                  placeholder="Ekip açıklaması..."
-                />
-              </div>
-
-              <div className="mt-4">
-                <label className="flex items-center">
-                  <input
-                    type="checkbox"
-                    checked={formData.isActive}
-                    onChange={(e) => handleInputChange('isActive', e.target.checked)}
-                    className="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
-                  />
-                  <span className="ml-2 text-sm text-gray-700">Aktif</span>
-                </label>
-              </div>
-            </div>
-
-            {/* Team Members */}
-            <div className="bg-white rounded-lg shadow-sm border p-4 mt-4">
-              <div className="flex items-center justify-between mb-4">
-                <h3 className="text-base font-semibold text-gray-900 flex items-center">
-                  <FaUsers className="w-5 h-5 mr-2" />
-                  Ekip Üyeleri
-                </h3>
-                <button
-                  onClick={addMember}
-                  className="flex items-center gap-2 px-3 py-1.5 text-sm text-blue-600 border border-blue-200 rounded-md hover:bg-blue-50 transition-colors"
-                >
-                  <FaPlus className="w-4 h-4" />
-                  Üye Ekle
-                </button>
-              </div>
-
-              <div className="space-y-3">
-                {members.map((member, index) => (
-                  <div
-                    key={index}
-                    className="flex items-center gap-3 p-3 border border-gray-200 rounded-lg"
-                  >
-                    <div className="flex-1 grid grid-cols-1 md:grid-cols-2 gap-3">
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Çalışan
-                        </label>
-                        <select
-                          value={member.employeeId || ''}
-                          onChange={(e) => updateMember(index, 'employeeId', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        >
-                          <option value="">Çalışan seçin</option>
-                          {mockEmployees.map((employee) => (
-                            <option key={employee.id} value={employee.id}>
-                              {employee.name}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">Rol</label>
-                        <select
-                          value={member.role || TeamRoleEnum.Member}
-                          onChange={(e) => updateMember(index, 'role', e.target.value)}
-                          className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        >
-                          {Object.values(TeamRoleEnum).map((role) => (
-                            <option key={role} value={role}>
-                              {getTeamRoleText(role)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-                    </div>
-                    <button
-                      onClick={() => removeMember(index)}
-                      className="p-1.5 text-red-600 hover:bg-red-50 rounded-lg transition-colors"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                ))}
-
-                {members.length === 0 && (
-                  <div className="text-center py-8 text-gray-500">
-                    <FaUsers className="w-8 h-8 mx-auto mb-2 text-gray-400" />
-                    <p>Henüz ekip üyesi eklenmedi</p>
-                    <p className="text-sm">Üye eklemek için yukarıdaki butona tıklayın</p>
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-
-          {/* Territories */}
-          <div>
-            <div className="bg-white rounded-lg shadow-sm border p-4">
-              <div className="flex items-center justify-between mb-4">
-                <h3 className="text-base font-semibold text-gray-900 flex items-center">
-                  <FaMapMarkerAlt className="w-5 h-5 mr-2" />
-                  Bölgeler
-                </h3>
-                <button
-                  onClick={addTerritory}
-                  className="flex items-center gap-2 px-3 py-1.5 text-sm text-blue-600 border border-blue-200 rounded-md hover:bg-blue-50 transition-colors"
-                >
-                  <FaPlus className="w-4 h-4" />
-                  Bölge Ekle
-                </button>
-              </div>
-
-              <div className="space-y-3">
-                {territories.map((territory, index) => (
-                  <div key={index} className="p-3 border border-gray-200 rounded-lg">
-                    <div className="flex justify-between items-start mb-3">
-                      <h4 className="font-medium text-gray-900">Bölge {index + 1}</h4>
-                      <button
-                        onClick={() => removeTerritory(index)}
-                        className="p-1.5 text-red-600 hover:bg-red-50 rounded"
-                      >
-                        <FaTrash className="w-4 h-4" />
-                      </button>
-                    </div>
-
-                    <div className="space-y-2">
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Bölge Kodu
-                        </label>
-                        <input
-                          type="text"
-                          value={territory.territoryCode || ''}
-                          onChange={(e) => updateTerritory(index, 'territoryCode', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                          placeholder="TR-IST"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Bölge Adı
-                        </label>
-                        <input
-                          type="text"
-                          value={territory.name || ''}
-                          onChange={(e) => updateTerritory(index, 'name', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                          placeholder="İstanbul Anadolu"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Bölge
-                        </label>
-                        <input
-                          type="text"
-                          value={territory.region || ''}
-                          onChange={(e) => updateTerritory(index, 'region', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                          placeholder="Marmara"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                ))}
-
-                {territories.length === 0 && (
-                  <div className="text-center py-8 text-gray-500">
-                    <FaMapMarkerAlt className="w-8 h-8 mx-auto mb-2 text-gray-400" />
-                    <p>Henüz bölge eklenmedi</p>
-                    <p className="text-sm">Bölge eklemek için yukarıdaki butona tıklayın</p>
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default SalesTeamCreate
diff --git a/ui/src/views/crm/components/SalesTeamEdit.tsx b/ui/src/views/crm/components/SalesTeamEdit.tsx
deleted file mode 100644
index daf01b04..00000000
--- a/ui/src/views/crm/components/SalesTeamEdit.tsx
+++ /dev/null
@@ -1,481 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import {
-  FaUsers,
-  FaArrowLeft,
-  FaSave,
-  FaTimes,
-  FaPlus,
-  FaTrash,
-  FaMapMarkerAlt,
-} from 'react-icons/fa'
-import { useNavigate, useParams } from 'react-router-dom'
-import { CrmTerritory } from '../../../types/crm'
-import mockSalesTeams from '../../../mocks/mockSalesTeams'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { Team, TeamMember, TeamRoleEnum } from '../../../types/common'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { getTeamRoleText } from '@/utils/erp'
-
-const SalesTeamEdit: React.FC = () => {
-  const navigate = useNavigate()
-  const { id } = useParams<{ id: string }>()
-
-  const [formData, setFormData] = useState({
-    teamCode: '',
-    name: '',
-    description: '',
-    managerId: '',
-    isActive: true,
-  })
-
-  const [members, setMembers] = useState<Partial<TeamMember>[]>([])
-  const [territories, setTerritories] = useState<Partial<CrmTerritory>[]>([])
-  const [errors, setErrors] = useState<Record<string, string>>({})
-  const [loading, setLoading] = useState(true)
-
-  // Load team data on component mount
-  useEffect(() => {
-    const team = mockSalesTeams.find((t) => t.id === id)
-    if (team) {
-      setFormData({
-        teamCode: team.code,
-        name: team.name,
-        description: team.description || '',
-        managerId: team.managerId,
-        isActive: team.isActive,
-      })
-      setMembers(team.members || [])
-      setTerritories(team.territories || [])
-    }
-    setLoading(false)
-  }, [id])
-
-  const handleInputChange = (field: string, value: string | boolean) => {
-    setFormData((prev) => ({ ...prev, [field]: value }))
-    if (errors[field]) {
-      setErrors((prev) => ({ ...prev, [field]: '' }))
-    }
-  }
-
-  const addMember = () => {
-    setMembers((prev) => [
-      ...prev,
-      {
-        employeeId: '',
-        role: TeamRoleEnum.Member,
-        isActive: true,
-      },
-    ])
-  }
-
-  const removeMember = (index: number) => {
-    setMembers((prev) => prev.filter((_, i) => i !== index))
-  }
-
-  const updateMember = (index: number, field: string, value: string | TeamRoleEnum | boolean) => {
-    setMembers((prev) =>
-      prev.map((member, i) => (i === index ? { ...member, [field]: value } : member)),
-    )
-  }
-
-  const addTerritory = () => {
-    setTerritories((prev) => [
-      ...prev,
-      {
-        territoryCode: '',
-        name: '',
-        description: '',
-        region: '',
-        countries: [],
-        cities: [],
-        isActive: true,
-      },
-    ])
-  }
-
-  const removeTerritory = (index: number) => {
-    setTerritories((prev) => prev.filter((_, i) => i !== index))
-  }
-
-  const updateTerritory = (index: number, field: string, value: string | string[] | boolean) => {
-    setTerritories((prev) =>
-      prev.map((territory, i) => (i === index ? { ...territory, [field]: value } : territory)),
-    )
-  }
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.teamCode.trim()) {
-      newErrors.teamCode = 'Takım kodu zorunludur'
-    }
-    if (!formData.name.trim()) {
-      newErrors.name = 'Takım adı zorunludur'
-    }
-    if (!formData.managerId.trim()) {
-      newErrors.managerId = 'Takım lideri seçimi zorunludur'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSave = () => {
-    if (!validateForm()) return
-
-    const updatedTeam: Partial<Team> = {
-      id,
-      ...formData,
-      members: members.map((member, index) => ({
-        ...member,
-        id: member.id || `member-updated-${index}`,
-        teamId: id || '',
-        joinDate: member.joinDate || new Date(),
-      })) as TeamMember[],
-      territories: territories.map((territory, index) => ({
-        ...territory,
-        id: territory.id || `territory-updated-${index}`,
-        assignedTeamId: id || '',
-      })) as CrmTerritory[],
-      lastModificationTime: new Date(),
-    }
-
-    console.log('Updating sales team:', updatedTeam)
-    alert('Satış ekibi başarıyla güncellendi!')
-    navigate(ROUTES_ENUM.protected.crm.salesTeams)
-  }
-
-  const handleCancel = () => {
-    if (confirm('Değişiklikler kaydedilmedi. Çıkmak istediğinizden emin misiniz?')) {
-      navigate(ROUTES_ENUM.protected.crm.salesTeams)
-    }
-  }
-
-  if (loading) {
-    return (
-      <div className="flex items-center justify-center h-96">
-        <div className="text-center">
-          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto"></div>
-          <p className="mt-4 text-gray-600">Yükleniyor...</p>
-        </div>
-      </div>
-    )
-  }
-
-  const team = mockSalesTeams.find((t) => t.id === id)
-  if (!team) {
-    return (
-      <div className="text-center py-12">
-        <h3 className="text-lg font-medium text-gray-900 mb-2">Satış ekibi bulunamadı</h3>
-        <p className="text-gray-500 mb-4">
-          Aradığınız satış ekibi mevcut değil veya silinmiş olabilir.
-        </p>
-        <button
-          onClick={() => navigate(ROUTES_ENUM.protected.crm.salesTeams)}
-          className="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-        >
-          Geri Dön
-        </button>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-4">
-            <button
-              onClick={() => navigate(ROUTES_ENUM.protected.crm.salesTeams)}
-              className="p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
-            >
-              <FaArrowLeft className="w-5 h-5" />
-            </button>
-            <div>
-              <h2 className="text-2xl font-bold text-gray-900">Satış Ekibi Düzenle</h2>
-              <p className="text-gray-600">{team.name} ekibini düzenleyin</p>
-            </div>
-          </div>
-
-          <div className="flex gap-2">
-            <button
-              onClick={handleCancel}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              <FaTimes className="w-4 h-4" />
-              İptal
-            </button>
-            <button
-              onClick={handleSave}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              Güncelle
-            </button>
-          </div>
-        </div>
-
-        {/* Form */}
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
-          {/* Basic Information */}
-          <div className="lg:col-span-2">
-            <div className="bg-white rounded-lg shadow-sm border p-4">
-              <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                <FaUsers className="w-5 h-5 mr-2" />
-                Temel Bilgiler
-              </h3>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Takım Kodu *
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.teamCode}
-                    onChange={(e) => handleInputChange('teamCode', e.target.value)}
-                    className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent ${
-                      errors.teamCode ? 'border-red-500' : 'border-gray-300'
-                    }`}
-                    placeholder="ST-001"
-                  />
-                  {errors.teamCode && (
-                    <p className="text-red-500 text-sm mt-1">{errors.teamCode}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Takım Lideri *
-                  </label>
-
-                  <select
-                    value={formData.managerId}
-                    onChange={(e) => handleInputChange('managerId', e.target.value)}
-                    className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent ${
-                      errors.managerId ? 'border-red-500' : 'border-gray-300'
-                    }`}
-                  >
-                    <option value="">Lider seçin</option>
-                    {mockEmployees.map((employee) => (
-                      <option key={employee.id} value={employee.id}>
-                        {employee.name}
-                      </option>
-                    ))}
-                  </select>
-                  {errors.managerId && (
-                    <p className="text-red-500 text-sm mt-1">{errors.managerId}</p>
-                  )}
-                </div>
-              </div>
-
-              <div className="mt-4">
-                <label className="block text-xs font-medium text-gray-700 mb-1">Takım Adı *</label>
-                <input
-                  type="text"
-                  value={formData.name}
-                  onChange={(e) => handleInputChange('name', e.target.value)}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent ${
-                    errors.name ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Kurumsal Satış Ekibi"
-                />
-                {errors.name && <p className="text-red-500 text-sm mt-1">{errors.name}</p>}
-              </div>
-
-              <div className="mt-4">
-                <label className="block text-xs font-medium text-gray-700 mb-1">Açıklama</label>
-                <textarea
-                  value={formData.description}
-                  onChange={(e) => handleInputChange('description', e.target.value)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                  rows={3}
-                  placeholder="Ekip açıklaması..."
-                />
-              </div>
-
-              <div className="mt-4">
-                <label className="flex items-center">
-                  <input
-                    type="checkbox"
-                    checked={formData.isActive}
-                    onChange={(e) => handleInputChange('isActive', e.target.checked)}
-                    className="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
-                  />
-                  <span className="ml-2 text-sm text-gray-700">Aktif</span>
-                </label>
-              </div>
-            </div>
-
-            {/* Team Members */}
-            <div className="bg-white rounded-lg shadow-sm border p-4 mt-4">
-              <div className="flex items-center justify-between mb-4">
-                <h3 className="text-base font-semibold text-gray-900 flex items-center">
-                  <FaUsers className="w-5 h-5 mr-2" />
-                  Ekip Üyeleri
-                </h3>
-                <button
-                  onClick={addMember}
-                  className="flex items-center gap-2 px-3 py-1.5 text-sm text-blue-600 border border-blue-200 rounded-md hover:bg-blue-50 transition-colors"
-                >
-                  <FaPlus className="w-4 h-4" />
-                  Üye Ekle
-                </button>
-              </div>
-
-              <div className="space-y-3">
-                {members.map((member, index) => (
-                  <div
-                    key={index}
-                    className="flex items-center gap-3 p-3 border border-gray-200 rounded-lg"
-                  >
-                    <div className="flex-1 grid grid-cols-1 md:grid-cols-2 gap-3">
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Çalışan
-                        </label>
-
-                        <select
-                          value={member.employeeId || ''}
-                          onChange={(e) => updateMember(index, 'employeeId', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        >
-                          <option value="">Çalışan seçin</option>
-                          {mockEmployees.map((employee) => (
-                            <option key={employee.id} value={employee.id}>
-                              {employee.name}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">Rol</label>
-                        <select
-                          value={member.role || TeamRoleEnum.Member}
-                          onChange={(e) =>
-                            updateMember(index, 'role', e.target.value as TeamRoleEnum)
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        >
-                          {Object.values(TeamRoleEnum).map((role) => (
-                            <option key={role} value={role}>
-                              {getTeamRoleText(role)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-                    </div>
-                    <button
-                      onClick={() => removeMember(index)}
-                      className="p-1.5 text-red-600 hover:bg-red-50 rounded-lg transition-colors"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                ))}
-
-                {members.length === 0 && (
-                  <div className="text-center py-8 text-gray-500">
-                    <FaUsers className="w-8 h-8 mx-auto mb-2 text-gray-400" />
-                    <p>Henüz ekip üyesi yok</p>
-                    <p className="text-sm">Üye eklemek için yukarıdaki butona tıklayın</p>
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-
-          {/* Territories */}
-          <div>
-            <div className="bg-white rounded-lg shadow-sm border p-4">
-              <div className="flex items-center justify-between mb-4">
-                <h3 className="text-base font-semibold text-gray-900 flex items-center">
-                  <FaMapMarkerAlt className="w-5 h-5 mr-2" />
-                  Bölgeler
-                </h3>
-                <button
-                  onClick={addTerritory}
-                  className="flex items-center gap-2 px-3 py-1.5 text-sm text-blue-600 border border-blue-200 rounded-md hover:bg-blue-50 transition-colors"
-                >
-                  <FaPlus className="w-4 h-4" />
-                  Bölge Ekle
-                </button>
-              </div>
-
-              <div className="space-y-3">
-                {territories.map((territory, index) => (
-                  <div key={index} className="p-3 border border-gray-200 rounded-lg">
-                    <div className="flex justify-between items-start mb-3">
-                      <h4 className="font-medium text-gray-900">
-                        {territory.name || `Bölge ${index + 1}`}
-                      </h4>
-                      <button
-                        onClick={() => removeTerritory(index)}
-                        className="p-1.5 text-red-600 hover:bg-red-50 rounded"
-                      >
-                        <FaTrash className="w-4 h-4" />
-                      </button>
-                    </div>
-
-                    <div className="space-y-2">
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Bölge Kodu
-                        </label>
-                        <input
-                          type="text"
-                          value={territory.territoryCode || ''}
-                          onChange={(e) => updateTerritory(index, 'territoryCode', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                          placeholder="TR-IST"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Bölge Adı
-                        </label>
-                        <input
-                          type="text"
-                          value={territory.name || ''}
-                          onChange={(e) => updateTerritory(index, 'name', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                          placeholder="İstanbul Anadolu"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Bölge
-                        </label>
-                        <input
-                          type="text"
-                          value={territory.region || ''}
-                          onChange={(e) => updateTerritory(index, 'region', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                          placeholder="Marmara"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                ))}
-
-                {territories.length === 0 && (
-                  <div className="text-center py-8 text-gray-500">
-                    <FaMapMarkerAlt className="w-8 h-8 mx-auto mb-2 text-gray-400" />
-                    <p>Henüz bölge yok</p>
-                    <p className="text-sm">Bölge eklemek için yukarıdaki butona tıklayın</p>
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default SalesTeamEdit
diff --git a/ui/src/views/crm/components/SalesTeamView.tsx b/ui/src/views/crm/components/SalesTeamView.tsx
deleted file mode 100644
index f361dfb3..00000000
--- a/ui/src/views/crm/components/SalesTeamView.tsx
+++ /dev/null
@@ -1,453 +0,0 @@
-import React from 'react'
-import {
-  FaUsers,
-  FaArrowLeft,
-  FaEdit,
-  FaTrash,
-  FaMapMarkerAlt,
-  FaUser,
-  FaDollarSign,
-  FaArrowUp,
-  FaAward,
-  FaTrophy,
-  FaChartLine,
-} from 'react-icons/fa'
-import { useNavigate, useParams } from 'react-router-dom'
-import mockSalesTeams from '../../../mocks/mockSalesTeams'
-import dayjs from 'dayjs'
-import { Team, TeamRoleEnum } from '../../../types/common'
-import { getTeamRoleText } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { currentLocalDate } from '@/utils/dateUtils'
-import useLocale from '@/utils/hooks/useLocale'
-
-const SalesTeamView: React.FC = () => {
-  const navigate = useNavigate()
-  const { id } = useParams<{ id: string }>()
-
-  const team = mockSalesTeams.find((t) => t.id === id)
-
-  const calculateTeamPerformance = (team: Team): number => {
-    if (!team.targets || team.targets.length === 0) return 0
-    const activeTarget = team.targets.find((t) => t.status === 'ACTIVE')
-    if (!activeTarget || activeTarget.targetValue === 0) return 0
-    return (activeTarget.actualValue / activeTarget.targetValue) * 100
-  }
-
-  const calculateTeamRevenue = (team: Team): number => {
-    if (!team.targets || team.targets.length === 0) return 0
-    return team.targets.reduce((sum, target) => sum + target.actualValue, 0)
-  }
-
-  const handleEdit = () => {
-    navigate(ROUTES_ENUM.protected.crm.salesTeamsEdit.replace(':id', id!))
-  }
-
-  const handleDelete = () => {
-    if (confirm(`${team?.name} ekibini silmek istediğinizden emin misiniz?`)) {
-      console.log('Delete sales team:', id)
-      alert('Ekip silindi (mock)')
-      navigate(ROUTES_ENUM.protected.crm.salesTeams)
-    }
-  }
-
-  if (!team) {
-    return (
-      <div className="text-center py-12">
-        <h3 className="text-lg font-medium text-gray-900 mb-2">Satış ekibi bulunamadı</h3>
-        <p className="text-gray-500 mb-4">
-          Aradığınız satış ekibi mevcut değil veya silinmiş olabilir.
-        </p>
-        <button
-          onClick={() => navigate(ROUTES_ENUM.protected.crm.salesTeams)}
-          className="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-        >
-          Geri Dön
-        </button>
-      </div>
-    )
-  }
-
-  const performance = calculateTeamPerformance(team)
-  const revenue = calculateTeamRevenue(team)
-  const activeTarget = team.targets?.find((t) => t.status === 'ACTIVE')
-  const currentLocale = useLocale()
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-4">
-            <button
-              onClick={() => navigate(ROUTES_ENUM.protected.crm.salesTeams)}
-              className="p-2 text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
-            >
-              <FaArrowLeft className="w-5 h-5" />
-            </button>
-            <div>
-              <h2 className="text-2xl font-bold text-gray-900">{team.name}</h2>
-              <p className="text-gray-600">{team.code} • Satış ekibi detayları</p>
-            </div>
-          </div>
-
-          <div className="flex gap-3">
-            <button
-              onClick={handleEdit}
-              className="flex items-center gap-2 px-4 py-2 text-blue-600 border border-blue-200 rounded-md hover:bg-blue-50 transition-colors"
-            >
-              <FaEdit className="w-4 h-4" />
-              Düzenle
-            </button>
-            <button
-              onClick={handleDelete}
-              className="flex items-center gap-2 px-4 py-2 text-red-600 border border-red-200 rounded-md hover:bg-red-50 transition-colors"
-            >
-              <FaTrash className="w-4 h-4" />
-              Sil
-            </button>
-          </div>
-        </div>
-
-        {/* Overview Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <div className="bg-white p-4 rounded-lg shadow-sm border">
-            <div className="flex items-center">
-              <FaUsers className="w-6 h-6 text-blue-500" />
-              <div className="ml-4">
-                <p className="text-sm font-medium text-gray-600">Üye Sayısı</p>
-                <p className="text-xl font-bold text-gray-900">{team.members?.length || 0}</p>
-              </div>
-            </div>
-          </div>
-
-          <div className="bg-white p-4 rounded-lg shadow-sm border">
-            <div className="flex items-center">
-              <FaMapMarkerAlt className="w-6 h-6 text-green-500" />
-              <div className="ml-4">
-                <p className="text-sm font-medium text-gray-600">Bölge Sayısı</p>
-                <p className="text-xl font-bold text-gray-900">{team.territories?.length || 0}</p>
-              </div>
-            </div>
-          </div>
-
-          <div className="bg-white p-4 rounded-lg shadow-sm border">
-            <div className="flex items-center">
-              <FaArrowUp
-                className={`w-6 h-6 ${
-                  performance >= 100
-                    ? 'text-green-600'
-                    : performance >= 80
-                      ? 'text-yellow-600'
-                      : 'text-red-600'
-                }`}
-              />
-              <div className="ml-4">
-                <p className="text-sm font-medium text-gray-600">Performans</p>
-                <p
-                  className={`text-xl font-bold ${
-                    performance >= 100
-                      ? 'text-green-600'
-                      : performance >= 80
-                        ? 'text-yellow-600'
-                        : 'text-red-600'
-                  }`}
-                >
-                  %{performance.toFixed(1)}
-                </p>
-              </div>
-            </div>
-          </div>
-
-          <div className="bg-white p-4 rounded-lg shadow-sm border">
-            <div className="flex items-center">
-              <FaDollarSign className="w-6 h-6 text-purple-500" />
-              <div className="ml-4">
-                <p className="text-sm font-medium text-gray-600">Toplam Gelir</p>
-                <p className="text-lg font-bold text-gray-900">₺{revenue.toLocaleString()}</p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
-          {/* Team Information */}
-          <div className="lg:col-span-2 space-y-4">
-            {/* Basic Info */}
-            <div className="bg-white rounded-lg shadow-sm border p-4">
-              <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                <FaUsers className="w-5 h-5 mr-2" />
-                Ekip Bilgileri
-              </h3>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <div>
-                  <label className="block text-xs font-medium text-gray-600 mb-1">Ekip Kodu</label>
-                  <p className="text-gray-900">{team.code}</p>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-600 mb-1">Durum</label>
-                  <span
-                    className={`inline-flex px-2 py-1 text-xs font-medium rounded-full ${
-                      team.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-                    }`}
-                  >
-                    {team.isActive ? 'Aktif' : 'Pasif'}
-                  </span>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-600 mb-1">Açıklama</label>
-                  <p className="text-gray-900">{team.description || 'Açıklama girilmemiş'}</p>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-600 mb-1">Yönetici</label>
-                  <p className="text-gray-900">
-                    {team.manager?.name || 'Yönetici bilgisi girilmemiş'}
-                  </p>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-600 mb-1">
-                    Oluşturulma Tarihi
-                  </label>
-                  <p className="text-gray-900">{currentLocalDate(team.creationTime, currentLocale || 'tr')}</p>
-                </div>
-
-                <div>
-                  <label className="block text-xs font-medium text-gray-600 mb-1">
-                    Son Güncelleme
-                  </label>
-                  <p className="text-gray-900">
-                    {currentLocalDate(team.lastModificationTime, currentLocale || 'tr')}
-                  </p>
-                </div>
-              </div>
-            </div>
-
-            {/* Team Members */}
-            <div className="bg-white rounded-lg shadow-sm border p-4">
-              <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                <FaUser className="w-5 h-5 mr-2" />
-                Ekip Üyeleri ({team.members?.length || 0})
-              </h3>
-
-              {team.members && team.members.length > 0 ? (
-                <div className="space-y-3">
-                  {team.members.map((member, index) => (
-                    <div
-                      key={member.id || index}
-                      className="flex items-center justify-between p-3 border border-gray-200 rounded-lg"
-                    >
-                      <div className="flex items-center gap-4">
-                        <div className="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center">
-                          <FaUser className="w-5 h-5 text-blue-600" />
-                        </div>
-                        <div>
-                          <p className="font-medium text-gray-900">{member.employee?.name}</p>
-                          <p className="text-sm text-gray-500">
-                            Katılım: {currentLocalDate(member.joinDate, currentLocale || 'tr')}
-                          </p>
-                        </div>
-                      </div>
-                      <div className="text-right">
-                        <span
-                          className={`inline-flex px-2 py-1 text-xs font-medium rounded-full ${
-                            member.role === TeamRoleEnum.Manager
-                              ? 'bg-purple-100 text-purple-800'
-                              : member.role === TeamRoleEnum.Lead
-                                ? 'bg-blue-100 text-blue-800'
-                                : 'bg-gray-100 text-gray-800'
-                          }`}
-                        >
-                          {getTeamRoleText(member.role)}
-                        </span>
-                        <p className="text-xs text-gray-500 mt-1">
-                          {member.isActive ? 'Aktif' : 'Pasif'}
-                        </p>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              ) : (
-                <div className="text-center py-8 text-gray-500">
-                  <FaUsers className="w-8 h-8 mx-auto mb-2 text-gray-400" />
-                  <p>Henüz ekip üyesi eklenmemiş</p>
-                </div>
-              )}
-            </div>
-
-            {/* Territories */}
-            <div className="bg-white rounded-lg shadow-sm border p-4">
-              <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                <FaMapMarkerAlt className="w-5 h-5 mr-2" />
-                Sorumlu Bölgeler ({team.territories?.length || 0})
-              </h3>
-
-              {team.territories && team.territories.length > 0 ? (
-                <div className="space-y-3">
-                  {team.territories.map((territory, index) => (
-                    <div
-                      key={territory.id || index}
-                      className="p-3 border border-gray-200 rounded-lg"
-                    >
-                      <div className="flex justify-between items-start mb-2">
-                        <h4 className="font-medium text-gray-900">{territory.name}</h4>
-                        <span className="text-sm text-gray-500">{territory.territoryCode}</span>
-                      </div>
-                      <p className="text-sm text-gray-600 mb-2">{territory.description}</p>
-                      <div className="flex gap-4 text-sm text-gray-500">
-                        <span>Bölge: {territory.region}</span>
-                        <span>Ülke: {territory.countries?.join(', ')}</span>
-                        {territory.cities && territory.cities.length > 0 && (
-                          <span>Şehir: {territory.cities.join(', ')}</span>
-                        )}
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              ) : (
-                <div className="text-center py-8 text-gray-500">
-                  <FaMapMarkerAlt className="w-8 h-8 mx-auto mb-2 text-gray-400" />
-                  <p>Henüz bölge atanmamış</p>
-                </div>
-              )}
-            </div>
-          </div>
-
-          {/* Performance & Targets */}
-          <div className="space-y-4">
-            {/* Performance Overview */}
-            <div className="bg-white rounded-lg shadow-sm border p-4">
-              <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center">
-                <FaChartLine className="w-5 h-5 mr-2" />
-                Performans
-              </h3>
-
-              <div className="space-y-3">
-                <div className="text-center">
-                  <div
-                    className={`text-3xl font-bold mb-2 ${
-                      performance >= 100
-                        ? 'text-green-600'
-                        : performance >= 80
-                          ? 'text-yellow-600'
-                          : 'text-red-600'
-                    }`}
-                  >
-                    %{performance.toFixed(1)}
-                  </div>
-                  <p className="text-sm text-gray-600">Hedef Başarımı</p>
-                </div>
-
-                <div className="w-full bg-gray-200 rounded-full h-2.5">
-                  <div
-                    className={`h-2.5 rounded-full ${
-                      performance >= 100
-                        ? 'bg-green-500'
-                        : performance >= 80
-                          ? 'bg-yellow-500'
-                          : 'bg-red-500'
-                    }`}
-                    style={{ width: `${Math.min(performance, 100)}%` }}
-                  />
-                </div>
-
-                <div className="flex justify-between text-sm text-gray-600">
-                  <span>0%</span>
-                  <span>100%</span>
-                </div>
-              </div>
-            </div>
-
-            {/* Current Target */}
-            {activeTarget && (
-              <div className="bg-white rounded-lg shadow-sm border p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-3 flex items-center">
-                  <FaTrophy className="w-5 h-5 mr-2" />
-                  Aktif Hedef
-                </h3>
-
-                <div className="space-y-3">
-                  <div>
-                    <label className="block text-xs font-medium text-gray-600 mb-1">
-                      Hedef Dönem
-                    </label>
-                    <p className="text-gray-900">{activeTarget.targetPeriod}</p>
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-600 mb-1">
-                      Hedef Tutar
-                    </label>
-                    <p className="text-lg font-bold text-gray-900">
-                      ₺{activeTarget.targetValue.toLocaleString()}
-                    </p>
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-600 mb-1">
-                      Gerçekleşen
-                    </label>
-                    <p className="text-lg font-bold text-blue-600">
-                      ₺{activeTarget.actualValue.toLocaleString()}
-                    </p>
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-600 mb-1">
-                      Başlangıç - Bitiş
-                    </label>
-                    <p className="text-sm text-gray-900">
-                      {currentLocalDate(activeTarget.startDate, currentLocale || 'tr')} -{' '}
-                      {currentLocalDate(activeTarget.endDate, currentLocale || 'tr')}
-                    </p>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {/* Achievement Badge */}
-            {performance >= 100 && (
-              <div className="bg-gradient-to-r from-yellow-400 to-orange-500 rounded-lg p-4 text-center text-white">
-                <FaAward className="w-10 h-10 mx-auto mb-2" />
-                <h3 className="text-base font-bold mb-1">Tebrikler!</h3>
-                <p className="text-sm">Bu ekip hedefini aştı ve başarı ödülünü hak etti!</p>
-              </div>
-            )}
-
-            {/* Quick Stats */}
-            <div className="bg-white rounded-lg shadow-sm border p-4">
-              <h3 className="text-base font-semibold text-gray-900 mb-3">Hızlı İstatistikler</h3>
-
-              <div className="space-y-3">
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Toplam Hedef:</span>
-                  <span className="font-medium">{team.targets?.length || 0}</span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Aktif Üye:</span>
-                  <span className="font-medium">
-                    {team.members?.filter((m) => m.isActive).length || 0}
-                  </span>
-                </div>
-                <div className="flex justify-between">
-                  <span className="text-gray-600">Kapsam Alanı:</span>
-                  <span className="font-medium">
-                    {team.territories?.reduce((acc, t) => acc + (t.cities?.length || 0), 0) || 0}{' '}
-                    şehir
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default SalesTeamView
diff --git a/ui/src/views/crm/components/SalesTeams.tsx b/ui/src/views/crm/components/SalesTeams.tsx
deleted file mode 100644
index cddd6df9..00000000
--- a/ui/src/views/crm/components/SalesTeams.tsx
+++ /dev/null
@@ -1,448 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaUsers,
-  FaPlus,
-  FaEdit,
-  FaTrash,
-  FaEye,
-  FaArrowUp,
-  FaDollarSign,
-  FaMapMarkerAlt,
-  FaTh,
-  FaList,
-  FaSearch,
-  FaFilter,
-} from 'react-icons/fa'
-import { useNavigate } from 'react-router-dom'
-import DataTable, { Column } from '../../../components/common/DataTable'
-import mockSalesTeams from '../../../mocks/mockSalesTeams'
-import Widget from '../../../components/common/Widget'
-import { Team } from '../../../types/common'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-
-const SalesTeams: React.FC = () => {
-  const navigate = useNavigate()
-  const [teams] = useState<Team[]>(mockSalesTeams)
-  const [searchTerm, setSearchTerm] = useState('')
-  const [viewMode, setViewMode] = useState<'cards' | 'list'>('cards')
-  const [filterStatus, setFilterStatus] = useState<'all' | 'active' | 'inactive'>('all')
-
-  const handleAdd = () => {
-    navigate(ROUTES_ENUM.protected.crm.salesTeamsNew)
-  }
-
-  const handleEdit = (team: Team) => {
-    navigate(ROUTES_ENUM.protected.crm.salesTeamsEdit.replace(':id', team.id))
-  }
-
-  const handleDelete = (id: string) => {
-    const team = teams.find((t) => t.id === id)
-    if (confirm(`${team?.name} ekibini silmek istediğinizden emin misiniz?`)) {
-      console.log('Delete sales team:', id)
-      // Implement delete logic here
-      alert('Ekip silindi (mock)')
-    }
-  }
-
-  const handleViewDetails = (team: Team) => {
-    navigate(ROUTES_ENUM.protected.crm.salesTeamsDetail.replace(':id', team.id))
-  }
-
-  // Calculate team performance based on targets
-  const calculateTeamPerformance = (team: Team): number => {
-    if (!team.targets || team.targets.length === 0) return 0
-    const activeTarget = team.targets.find((t) => t.status === 'ACTIVE')
-    if (!activeTarget || activeTarget.targetValue === 0) return 0
-    return (activeTarget.actualValue / activeTarget.targetValue) * 100
-  }
-
-  // Calculate team revenue
-  const calculateTeamRevenue = (team: Team): number => {
-    if (!team.targets || team.targets.length === 0) return 0
-    return team.targets.reduce((sum, target) => sum + target.actualValue, 0)
-  }
-
-  // Filter teams based on search and status
-  const filteredTeams = teams.filter((team) => {
-    const matchesSearch =
-      searchTerm === '' ||
-      team.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      team.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      team.description?.toLowerCase().includes(searchTerm.toLowerCase())
-
-    const matchesStatus =
-      filterStatus === 'all' ||
-      (filterStatus === 'active' && team.isActive) ||
-      (filterStatus === 'inactive' && !team.isActive)
-
-    return matchesSearch && matchesStatus
-  })
-
-  // Table columns for list view
-  const columns: Column<Team>[] = [
-    {
-      key: 'teamCode',
-      header: 'Takım Kodu',
-      sortable: true,
-    },
-    {
-      key: 'name',
-      header: 'Takım Adı',
-      sortable: true,
-      render: (team: Team) => (
-        <div>
-          <div className="font-medium text-gray-900">{team.name}</div>
-          <div className="text-sm text-gray-500 truncate max-w-xs">{team.description}</div>
-        </div>
-      ),
-    },
-    {
-      key: 'memberCount',
-      header: 'Üye Sayısı',
-      render: (team: Team) => (
-        <div className="flex items-center gap-1">
-          <FaUsers className="w-4 h-4 text-gray-500" />
-          <span>{team.members?.length || 0}</span>
-        </div>
-      ),
-    },
-    {
-      key: 'territories',
-      header: 'Bölge Sayısı',
-      render: (team: Team) => (
-        <div className="flex items-center gap-1">
-          <FaMapMarkerAlt className="w-4 h-4 text-gray-500" />
-          <span>{team.territories?.length || 0}</span>
-        </div>
-      ),
-    },
-    {
-      key: 'performance',
-      header: 'Performans',
-      render: (team: Team) => {
-        const performance = calculateTeamPerformance(team)
-        const color =
-          performance >= 100
-            ? 'text-green-600'
-            : performance >= 80
-              ? 'text-yellow-600'
-              : 'text-red-600'
-        return (
-          <div className={`flex items-center gap-1 ${color}`}>
-            <FaArrowUp className="w-4 h-4" />
-            <span className="font-medium">%{performance.toFixed(1)}</span>
-          </div>
-        )
-      },
-    },
-    {
-      key: 'totalRevenue',
-      header: 'Toplam Gelir',
-      render: (team: Team) => {
-        const revenue = calculateTeamRevenue(team)
-        return (
-          <div className="flex items-center gap-1">
-            <FaDollarSign className="w-4 h-4 text-gray-500" />
-            <span>₺{revenue.toLocaleString()}</span>
-          </div>
-        )
-      },
-    },
-    {
-      key: 'status',
-      header: 'Durum',
-      render: (team: Team) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${
-            team.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-          }`}
-        >
-          {team.isActive ? 'Aktif' : 'Pasif'}
-        </span>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (team: Team) => (
-        <div className="flex gap-2">
-          <button
-            onClick={() => handleViewDetails(team)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaEye className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleEdit(team)}
-            className="p-1 text-green-600 hover:bg-green-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleDelete(team.id)}
-            className="p-1 text-red-600 hover:bg-red-50 rounded"
-            title="Sil"
-          >
-            <FaTrash className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  // Calculate overall statistics
-  const totalMembers = teams.reduce((sum, team) => sum + (team.members?.length || 0), 0)
-  const totalRevenue = teams.reduce((sum, team) => sum + calculateTeamRevenue(team), 0)
-  const averagePerformance =
-    teams.reduce((sum, team) => sum + calculateTeamPerformance(team), 0) / teams.length || 0
-  const topPerformingTeams = teams.filter((team) => calculateTeamPerformance(team) >= 100).length
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Satış Ekipleri</h2>
-            <p className="text-gray-600">Satış ekipleri ve performans yönetimi</p>
-          </div>
-          <button
-            onClick={handleAdd}
-            className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni Ekip
-          </button>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-6">
-          <Widget title="Toplam Ekip" value={teams.length} color="blue" icon="FaUsers" />
-
-          <Widget title="Toplam Üye" value={totalMembers} color="green" icon="FaUser" />
-
-          <Widget
-            title="Toplam Gelir"
-            value={`₺${totalRevenue.toLocaleString()}`}
-            color="purple"
-            icon="FaDollarSign"
-          />
-
-          <Widget
-            title="Hedef Aşan Ekip"
-            value={topPerformingTeams}
-            color="orange"
-            icon="FaAward"
-          />
-        </div>
-
-        {/* Performance Overview */}
-        <div className="bg-white rounded-lg shadow-sm border p-4">
-          <h3 className="text-base font-semibold text-gray-900 mb-3">Performans Özeti</h3>
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div className="text-center">
-              <div className="text-2xl font-bold text-blue-600 mb-1">
-                %{averagePerformance.toFixed(1)}
-              </div>
-              <p className="text-sm text-gray-600">Ortalama Performans</p>
-            </div>
-
-            <div className="text-center">
-              <div className="text-2xl font-bold text-green-600 mb-1">{topPerformingTeams}</div>
-              <p className="text-sm text-gray-600">Hedef Aşan Ekip</p>
-            </div>
-
-            <div className="text-center">
-              <div className="text-2xl font-bold text-purple-600 mb-1">
-                ₺{Math.round(totalRevenue / teams.length || 0).toLocaleString()}
-              </div>
-              <p className="text-sm text-gray-600">Ekip Başına Ortalama</p>
-            </div>
-          </div>
-        </div>
-
-        {/* Controls */}
-        <div className="bg-white rounded-lg shadow-sm border p-3">
-          <div className="flex flex-col md:flex-row gap-4 items-center justify-between">
-            {/* Search */}
-            <div className="flex items-center gap-2 flex-1">
-              <FaSearch className="w-4 h-4 text-gray-400" />
-              <input
-                type="text"
-                placeholder="Ekip adı, kod veya açıklama ara..."
-                value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-                className="flex-1 px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            {/* Status Filter */}
-            <div className="flex items-center gap-2">
-              <FaFilter className="w-4 h-4 text-gray-400" />
-              <select
-                value={filterStatus}
-                onChange={(e) => setFilterStatus(e.target.value as 'all' | 'active' | 'inactive')}
-                className="px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="all">Tüm Durumlar</option>
-                <option value="active">Aktif</option>
-                <option value="inactive">Pasif</option>
-              </select>
-            </div>
-
-            {/* View Mode Toggle */}
-            <div className="flex bg-gray-100 rounded-lg p-1">
-              <button
-                onClick={() => setViewMode('list')}
-                className={`flex items-center gap-2 px-3 py-2 rounded-md transition-colors ${
-                  viewMode === 'list'
-                    ? 'bg-white text-blue-600 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
-                }`}
-              >
-                <FaList className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => setViewMode('cards')}
-                className={`flex items-center gap-2 px-3 py-2 rounded-md transition-colors ${
-                  viewMode === 'cards'
-                    ? 'bg-white text-blue-600 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
-                }`}
-              >
-                <FaTh className="w-4 h-4" />
-              </button>
-            </div>
-          </div>
-        </div>
-
-        {/* Content */}
-        {viewMode === 'cards' ? (
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-            {filteredTeams.map((team) => {
-              const performance = calculateTeamPerformance(team)
-              const revenue = calculateTeamRevenue(team)
-
-              return (
-                <div key={team.id} className="bg-white rounded-lg shadow-sm border p-4">
-                  {/* Card Header */}
-                  <div className="flex items-start justify-between mb-3">
-                    <div className="flex-1">
-                      <h3 className="text-base font-semibold text-gray-900">{team.name}</h3>
-                      <p className="text-sm text-gray-500">{team.code}</p>
-                      {team.description && (
-                        <p className="text-sm text-gray-600 mt-1 line-clamp-2">
-                          {team.description}
-                        </p>
-                      )}
-                    </div>
-                    <span
-                      className={`px-2 py-1 text-xs font-medium rounded-full ${
-                        team.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-                      }`}
-                    >
-                      {team.isActive ? 'Aktif' : 'Pasif'}
-                    </span>
-                  </div>
-
-                  {/* Card Stats */}
-                  <div className="space-y-2 mb-3">
-                    <div className="flex items-center justify-between">
-                      <div className="flex items-center gap-2">
-                        <FaUsers className="w-4 h-4 text-gray-400" />
-                        <span className="text-sm text-gray-600">Yönetici</span>
-                      </div>
-                      <span className="font-medium">{team.manager?.name}</span>
-                    </div>
-
-                    <div className="flex items-center justify-between">
-                      <div className="flex items-center gap-2">
-                        <FaUsers className="w-4 h-4 text-gray-400" />
-                        <span className="text-sm text-gray-600">Üye Sayısı</span>
-                      </div>
-                      <span className="font-medium">{team.members?.length || 0}</span>
-                    </div>
-
-                    <div className="flex items-center justify-between">
-                      <div className="flex items-center gap-2">
-                        <FaMapMarkerAlt className="w-4 h-4 text-gray-400" />
-                        <span className="text-sm text-gray-600">Bölge</span>
-                      </div>
-                      <span className="font-medium">{team.territories?.length || 0}</span>
-                    </div>
-
-                    <div className="flex items-center justify-between">
-                      <div className="flex items-center gap-2">
-                        <FaArrowUp className="w-4 h-4 text-gray-400" />
-                        <span className="text-sm text-gray-600">Performans</span>
-                      </div>
-                      <span
-                        className={`font-medium ${
-                          performance >= 100
-                            ? 'text-green-600'
-                            : performance >= 80
-                              ? 'text-yellow-600'
-                              : 'text-red-600'
-                        }`}
-                      >
-                        %{performance.toFixed(1)}
-                      </span>
-                    </div>
-
-                    <div className="flex items-center justify-between">
-                      <div className="flex items-center gap-2">
-                        <FaDollarSign className="w-4 h-4 text-gray-400" />
-                        <span className="text-sm text-gray-600">Gelir</span>
-                      </div>
-                      <span className="font-medium">₺{revenue.toLocaleString()}</span>
-                    </div>
-                  </div>
-
-                  {/* Card Actions */}
-                  <div className="flex gap-2 pt-3 border-t justify-end">
-                    <button
-                      onClick={() => handleViewDetails(team)}
-                      className="flex items-center justify-center gap-2 px-2.5 py-1.5 text-sm text-blue-600 border border-blue-200 rounded-md hover:bg-blue-50 transition-colors"
-                    >
-                      <FaEye className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleEdit(team)}
-                      className="flex items-center justify-center gap-2 px-2.5 py-1.5 text-sm text-green-600 border border-green-200 rounded-md hover:bg-green-50 transition-colors"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleDelete(team.id)}
-                      className="px-2.5 py-1.5 text-red-600 border border-red-200 rounded-md hover:bg-red-50 transition-colors"
-                      title="Sil"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-              )
-            })}
-          </div>
-        ) : (
-          <div className="bg-white rounded-lg shadow-sm border">
-            <DataTable data={filteredTeams} columns={columns} />
-          </div>
-        )}
-
-        {filteredTeams.length === 0 && (
-          <div className="text-center py-12">
-            <FaUsers className="w-10 h-10 text-gray-400 mx-auto mb-3" />
-            <h3 className="text-base font-medium text-gray-900 mb-2">Ekip bulunamadı</h3>
-            <p className="text-gray-500">Arama kriterlerinizi değiştirmeyi deneyin.</p>
-          </div>
-        )}
-      </div>
-    </Container>
-  )
-}
-
-export default SalesTeams
diff --git a/ui/src/views/intranet/Dashboard.tsx b/ui/src/views/intranet/Dashboard.tsx
index 6e1cbd2c..4bc2a792 100644
--- a/ui/src/views/intranet/Dashboard.tsx
+++ b/ui/src/views/intranet/Dashboard.tsx
@@ -318,7 +318,7 @@ const IntranetDashboard: React.FC = () => {
       case 'social-wall':
         return <SocialWall posts={intranetDashboard?.socialPosts || []} />
       case 'priority-tasks':
-        return <PriorityTasks />
+        return <PriorityTasks tasks={intranetDashboard?.tasks || []} />
       default:
         return null
     }
diff --git a/ui/src/views/intranet/SocialWall/index.tsx b/ui/src/views/intranet/SocialWall/index.tsx
index 473ed46f..0d883032 100644
--- a/ui/src/views/intranet/SocialWall/index.tsx
+++ b/ui/src/views/intranet/SocialWall/index.tsx
@@ -2,7 +2,6 @@ import React, { useState } from 'react'
 import { AnimatePresence } from 'framer-motion'
 import PostItem from './PostItem'
 import CreatePost from './CreatePost'
-// import { mockSocialPosts } from '@/mocks/mockIntranet'
 import { mockEmployees } from '@/mocks/mockEmployees'
 import { EmployeeDto, SocialMediaDto, SocialPostDto } from '@/proxy/intranet/models'
 
diff --git a/ui/src/views/intranet/widgets/ActiveReservations.tsx b/ui/src/views/intranet/widgets/ActiveReservations.tsx
index d389b726..7a9ba7de 100644
--- a/ui/src/views/intranet/widgets/ActiveReservations.tsx
+++ b/ui/src/views/intranet/widgets/ActiveReservations.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
 import { FaKey, FaPlus } from 'react-icons/fa'
-import dayjs from 'dayjs'
 import { ReservationDto } from '@/proxy/intranet/models'
 import useLocale from '@/utils/hooks/useLocale'
 import { currentLocalDate } from '@/utils/dateUtils'
diff --git a/ui/src/views/intranet/widgets/ActiveSurveys.tsx b/ui/src/views/intranet/widgets/ActiveSurveys.tsx
index 15897d98..84ee90b4 100644
--- a/ui/src/views/intranet/widgets/ActiveSurveys.tsx
+++ b/ui/src/views/intranet/widgets/ActiveSurveys.tsx
@@ -4,7 +4,6 @@ import dayjs from 'dayjs'
 import { SurveyDto } from '@/proxy/intranet/models'
 import useLocale from '@/utils/hooks/useLocale'
 import { currentLocalDate } from '@/utils/dateUtils'
-// import { mockSurveys } from '../../../mocks/mockIntranet'
 
 interface ActiveSurveysProps {
   surveys?: SurveyDto[]
diff --git a/ui/src/views/intranet/widgets/LeaveManagement.tsx b/ui/src/views/intranet/widgets/LeaveManagement.tsx
index bd7adcf7..e6573b14 100644
--- a/ui/src/views/intranet/widgets/LeaveManagement.tsx
+++ b/ui/src/views/intranet/widgets/LeaveManagement.tsx
@@ -1,10 +1,9 @@
 import React from 'react'
 import { FaCalendarAlt, FaPlus } from 'react-icons/fa'
-import dayjs from 'dayjs'
-import { LeaveStatusEnum, LeaveTypeEnum } from '../../../types/hr'
 import { LeaveDto } from '@/proxy/intranet/models'
 import useLocale from '@/utils/hooks/useLocale'
 import { currentLocalDate } from '@/utils/dateUtils'
+import { LeaveStatusEnum, LeaveTypeEnum } from '@/types/intranet'
 
 interface LeaveManagementProps {
   leaves: LeaveDto[]
diff --git a/ui/src/views/intranet/widgets/OvertimeManagement.tsx b/ui/src/views/intranet/widgets/OvertimeManagement.tsx
index 9589dfc4..c940078c 100644
--- a/ui/src/views/intranet/widgets/OvertimeManagement.tsx
+++ b/ui/src/views/intranet/widgets/OvertimeManagement.tsx
@@ -1,10 +1,9 @@
 import React from 'react'
 import { FaClock, FaPlus } from 'react-icons/fa'
-import dayjs from 'dayjs'
-import { LeaveStatusEnum } from '../../../types/hr'
 import { OvertimeDto } from '@/proxy/intranet/models'
 import useLocale from '@/utils/hooks/useLocale'
 import { currentLocalDate } from '@/utils/dateUtils'
+import { LeaveStatusEnum } from '@/types/intranet'
 
 interface OvertimeManagementProps {
   overtimes: OvertimeDto[]
diff --git a/ui/src/views/intranet/widgets/PriorityTasks.tsx b/ui/src/views/intranet/widgets/PriorityTasks.tsx
index 23853897..343afc9e 100644
--- a/ui/src/views/intranet/widgets/PriorityTasks.tsx
+++ b/ui/src/views/intranet/widgets/PriorityTasks.tsx
@@ -1,24 +1,23 @@
 import React from 'react'
 import { FaChartBar, FaClock, FaUser } from 'react-icons/fa'
-import dayjs from 'dayjs'
-import { mockProjectTasks } from '../../../mocks/mockProjectTasks'
-import { PriorityEnum } from '../../../types/common'
-import { TaskStatusEnum } from '../../../types/ps'
 import useLocale from '@/utils/hooks/useLocale'
 import { currentLocalDate } from '@/utils/dateUtils'
+import { PriorityEnum, TaskStatusEnum } from '@/types/intranet'
+import { ProjectTaskDto } from '@/proxy/intranet/models'
 
-const PriorityTasks: React.FC = () => {
+interface PriorityTasksProps {
+  tasks: ProjectTaskDto[]
+}
+
+const PriorityTasks: React.FC<PriorityTasksProps> = ({ tasks }) => {
   const currentLocale = useLocale()
-  
-  const priorityTasks = mockProjectTasks
-    .filter((t) => t.priority === PriorityEnum.High || t.priority === PriorityEnum.Urgent)
-    .slice(0, 3)
 
   const getPriorityColor = (priority: PriorityEnum) => {
     const colors: Record<PriorityEnum, string> = {
       [PriorityEnum.Low]: 'bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300',
       [PriorityEnum.Normal]: 'bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-300',
-      [PriorityEnum.High]: 'bg-orange-100 dark:bg-orange-900/30 text-orange-600 dark:text-orange-300',
+      [PriorityEnum.High]:
+        'bg-orange-100 dark:bg-orange-900/30 text-orange-600 dark:text-orange-300',
       [PriorityEnum.Urgent]: 'bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-300',
     }
     return colors[priority]
@@ -33,7 +32,7 @@ const PriorityTasks: React.FC = () => {
         </h2>
       </div>
       <div className="divide-y divide-gray-200 dark:divide-gray-700">
-        {priorityTasks.map((task) => (
+        {tasks.map((task) => (
           <div key={task.id} className="p-4 hover:bg-gray-50 dark:hover:bg-gray-700/50">
             <div className="flex items-start gap-3">
               <input
@@ -44,9 +43,7 @@ const PriorityTasks: React.FC = () => {
               />
               <div className="flex-1 min-w-0">
                 <div className="flex items-center gap-2 mb-1">
-                  <h3 className="text-sm font-medium text-gray-900 dark:text-white">
-                    {task.name}
-                  </h3>
+                  <h3 className="text-sm font-medium text-gray-900 dark:text-white">{task.name}</h3>
                   <span
                     className={`px-2 py-0.5 text-xs rounded ${getPriorityColor(task.priority)}`}
                   >
@@ -56,9 +53,7 @@ const PriorityTasks: React.FC = () => {
                     {task.priority === PriorityEnum.Low && 'Düşük'}
                   </span>
                 </div>
-                <p className="text-xs text-gray-600 dark:text-gray-400 mb-2">
-                  {task.description}
-                </p>
+                <p className="text-xs text-gray-600 dark:text-gray-400 mb-2">{task.description}</p>
                 <div className="flex items-center gap-3 text-xs text-gray-500">
                   <span className="flex items-center gap-1">
                     <FaClock className="w-3 h-3" />
@@ -66,7 +61,7 @@ const PriorityTasks: React.FC = () => {
                   </span>
                   <span className="flex items-center gap-1">
                     <FaUser className="w-3 h-3" />
-                    {task.assignee?.firstName || 'Atanmadı'}
+                    {task.employee.name || 'Atanmadı'}
                   </span>
                 </div>
               </div>
diff --git a/ui/src/views/maintenance/components/AssignNotificationModal.tsx b/ui/src/views/maintenance/components/AssignNotificationModal.tsx
deleted file mode 100644
index 34513b50..00000000
--- a/ui/src/views/maintenance/components/AssignNotificationModal.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaUser, FaUsers } from 'react-icons/fa'
-import { PmFaultNotification } from '../../../types/pm'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockMaintenanceTeams } from '../../../mocks/mockMaintenanceTeams'
-
-interface AssignNotificationModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (assignments: { notificationIds: string[]; assignedTo?: string; teamId?: string }) => void
-  notifications: PmFaultNotification[]
-}
-
-const AssignNotificationModal: React.FC<AssignNotificationModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  notifications,
-}) => {
-  const [assignmentType, setAssignmentType] = useState<'person' | 'team'>('person')
-  const [assignedTo, setAssignedTo] = useState('')
-  const [teamId, setTeamId] = useState('')
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  if (!isOpen || notifications.length === 0) return null
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (assignmentType === 'person' && !assignedTo) {
-      newErrors.assignedTo = 'Kişi seçimi gerekli'
-    }
-    if (assignmentType === 'team' && !teamId) {
-      newErrors.teamId = 'Ekip seçimi gerekli'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSave = () => {
-    if (validateForm()) {
-      const assignmentData = {
-        notificationIds: notifications.map((n) => n.id),
-        ...(assignmentType === 'person' ? { assignedTo } : { teamId }),
-      }
-
-      onSave(assignmentData)
-      onClose()
-
-      // Reset form
-      setAssignmentType('person')
-      setAssignedTo('')
-      setTeamId('')
-      setErrors({})
-    }
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-3 border-b border-gray-200">
-          <h2 className="text-xl font-bold text-gray-900">Atama Yap</h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600 transition-colors">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-3 space-y-3">
-          {/* Notification Summary */}
-          <div className="bg-blue-50 border border-blue-200 rounded-lg p-2">
-            <h4 className="text-xs font-medium text-blue-800 mb-1.5">
-              Seçili Arıza Bildirimleri ({notifications.length})
-            </h4>
-            <div className="space-y-1">
-              {notifications.map((notification) => (
-                <div key={notification.id} className="text-sm text-blue-700">
-                  <span className="font-medium">{notification.notificationCode}</span>
-                  {' - '}
-                  <span>{notification.title}</span>
-                  {' ('}
-                  <span>{notification.workCenter.code}</span>
-                  {')'}
-                </div>
-              ))}
-            </div>
-          </div>
-
-          {/* Assignment Type */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">Atama Türü</label>
-            <div className="flex space-x-3">
-              <label className="flex items-center">
-                <input
-                  type="radio"
-                  value="person"
-                  checked={assignmentType === 'person'}
-                  onChange={(e) => setAssignmentType(e.target.value as 'person' | 'team')}
-                  className="mr-2"
-                />
-                <FaUser className="w-4 h-4 mr-2 text-gray-500" />
-                <span>Kişiye Ata</span>
-              </label>
-              <label className="flex items-center">
-                <input
-                  type="radio"
-                  value="team"
-                  checked={assignmentType === 'team'}
-                  onChange={(e) => setAssignmentType(e.target.value as 'person' | 'team')}
-                  className="mr-2"
-                />
-                <FaUsers className="w-4 h-4 mr-2 text-gray-500" />
-                <span>Ekibe Ata</span>
-              </label>
-            </div>
-          </div>
-
-          {/* Person Assignment */}
-          {assignmentType === 'person' && (
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Atanacak Kişi *
-              </label>
-              <select
-                value={assignedTo}
-                onChange={(e) => setAssignedTo(e.target.value)}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.assignedTo ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                <option value="">Kişi seçin</option>
-                {mockEmployees.map((employee) => (
-                  <option key={employee.id} value={employee.name}>
-                    {employee.name} - {employee.jobPosition?.name}
-                  </option>
-                ))}
-              </select>
-              {errors.assignedTo && (
-                <p className="text-red-500 text-xs mt-1">{errors.assignedTo}</p>
-              )}
-            </div>
-          )}
-
-          {/* Team Assignment */}
-          {assignmentType === 'team' && (
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Atanacak Ekip *
-              </label>
-              <select
-                value={teamId}
-                onChange={(e) => setTeamId(e.target.value)}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.teamId ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                <option value="">Ekip seçin</option>
-                {mockMaintenanceTeams
-                  .filter((team) => team.isActive)
-                  .map((team) => (
-                    <option key={team.id} value={team.id}>
-                      {team.name} ({team.code})
-                    </option>
-                  ))}
-              </select>
-              {errors.teamId && <p className="text-red-500 text-xs mt-1">{errors.teamId}</p>}
-            </div>
-          )}
-
-          {/* Assignment Preview */}
-          {(assignedTo || teamId) && (
-            <div className="bg-green-50 border border-green-200 rounded-lg p-2">
-              <h4 className="text-sm font-medium text-green-800 mb-1">Atama Özeti</h4>
-              <div className="text-sm text-green-700">
-                <p>
-                  <strong>{notifications.length}</strong> arıza bildirimi{' '}
-                  {assignmentType === 'person' ? (
-                    <>
-                      <strong>
-                        {mockEmployees.find((emp) => emp.name === assignedTo)?.name}
-                      </strong>
-                      kişisine atanacak
-                    </>
-                  ) : (
-                    <>
-                      <strong>
-                        {mockMaintenanceTeams.find((team) => team.id === teamId)?.name}
-                      </strong>
-                      ekibine atanacak
-                    </>
-                  )}
-                </p>
-              </div>
-            </div>
-          )}
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-2 p-3 border-t border-gray-200">
-          <button
-            onClick={onClose}
-            className="px-3 py-1 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            onClick={handleSave}
-            className="px-3 py-1 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center space-x-2"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>Ata</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default AssignNotificationModal
diff --git a/ui/src/views/maintenance/components/AssignWorkOrderModal.tsx b/ui/src/views/maintenance/components/AssignWorkOrderModal.tsx
deleted file mode 100644
index f7b0b2cc..00000000
--- a/ui/src/views/maintenance/components/AssignWorkOrderModal.tsx
+++ /dev/null
@@ -1,239 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaWrench } from 'react-icons/fa'
-import { mockMaintenancePlans } from '../../../mocks/mockMaintenancePlans'
-import { Team } from '../../../types/common'
-
-interface AssignWorkOrderModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (assignments: { teamId: string; planIds: string[] }[]) => void
-  selectedTeams: Team[]
-}
-
-const AssignWorkOrderModal: React.FC<AssignWorkOrderModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  selectedTeams,
-}) => {
-  const [assignments, setAssignments] = useState<Record<string, string[]>>({})
-  const [bulkPlanIds, setBulkPlanIds] = useState<string[]>([])
-  const [useBulkAssignment, setUseBulkAssignment] = useState(true)
-
-  if (!isOpen) return null
-
-  const availablePlans = mockMaintenancePlans.filter((plan) => plan.isActive)
-
-  const handleBulkPlanChange = (planId: string) => {
-    setBulkPlanIds((prev) =>
-      prev.includes(planId) ? prev.filter((id) => id !== planId) : [...prev, planId],
-    )
-  }
-
-  const handleIndividualPlanChange = (teamId: string, planId: string) => {
-    setAssignments((prev) => ({
-      ...prev,
-      [teamId]: prev[teamId]?.includes(planId)
-        ? prev[teamId].filter((id) => id !== planId)
-        : [...(prev[teamId] || []), planId],
-    }))
-  }
-
-  const handleSave = () => {
-    if (useBulkAssignment) {
-      if (bulkPlanIds.length === 0) {
-        alert('Lütfen en az bir bakım planı seçin')
-        return
-      }
-      const bulkAssignments = selectedTeams.map((team) => ({
-        teamId: team.id,
-        planIds: bulkPlanIds,
-      }))
-      onSave(bulkAssignments)
-    } else {
-      const individualAssignments = selectedTeams
-        .map((team) => ({
-          teamId: team.id,
-          planIds: assignments[team.id] || [],
-        }))
-        .filter((assignment) => assignment.planIds.length > 0)
-
-      if (individualAssignments.length === 0) {
-        alert('Lütfen en az bir ekip için bakım planı seçin')
-        return
-      }
-      onSave(individualAssignments)
-    }
-
-    onClose()
-    // Reset state
-    setAssignments({})
-    setBulkPlanIds([])
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-4xl mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-3 border-b border-gray-200">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">İş Emri Atama</h2>
-            <p className="text-gray-600">
-              Seçili ekiplere ({selectedTeams.length}) bakım planları atayın
-            </p>
-          </div>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600 transition-colors">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-3 space-y-3">
-          {/* Assignment Mode Selection */}
-          <div className="border border-gray-200 rounded-lg p-3">
-            <h3 className="text-base font-medium text-gray-900 mb-2">Atama Türü</h3>
-            <div className="space-y-2">
-              <label className="flex items-center">
-                <input
-                  type="radio"
-                  checked={useBulkAssignment}
-                  onChange={() => setUseBulkAssignment(true)}
-                  className="text-blue-600 focus:ring-blue-500"
-                />
-                <span className="ml-2 text-sm text-gray-700">
-                  Toplu Atama (Aynı planları tüm ekiplere ata)
-                </span>
-              </label>
-              <label className="flex items-center">
-                <input
-                  type="radio"
-                  checked={!useBulkAssignment}
-                  onChange={() => setUseBulkAssignment(false)}
-                  className="text-blue-600 focus:ring-blue-500"
-                />
-                <span className="ml-2 text-sm text-gray-700">
-                  Bireysel Atama (Her ekip için ayrı plan seç)
-                </span>
-              </label>
-            </div>
-          </div>
-
-          {/* Selected Teams */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-2">Seçili Ekipler</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-2">
-              {selectedTeams.map((team) => (
-                <div
-                  key={team.id}
-                  className="flex items-center space-x-2 p-2 bg-blue-50 rounded-lg"
-                >
-                  <FaWrench className="w-5 h-5 text-blue-600" />
-                  <div>
-                    <h4 className="font-medium text-sm text-gray-900">{team.name}</h4>
-                    <p className="text-gray-600">{team.code}</p>
-                  </div>
-                </div>
-              ))}
-            </div>
-          </div>
-
-          {/* Bulk Assignment */}
-          {useBulkAssignment && (
-            <div>
-              <h3 className="text-base font-medium text-gray-900 mb-2">
-                Bakım Planları (Tüm ekiplere atanacak)
-              </h3>
-              <div className="border border-gray-200 rounded-lg max-h-80 overflow-y-auto">
-                <div className="p-3 space-y-2">
-                  {availablePlans.map((plan) => (
-                    <label
-                      key={plan.id}
-                      className="flex items-start space-x-3 p-3 hover:bg-gray-50 rounded-lg cursor-pointer"
-                    >
-                      <input
-                        type="checkbox"
-                        checked={bulkPlanIds.includes(plan.id)}
-                        onChange={() => handleBulkPlanChange(plan.id)}
-                        className="mt-1 text-blue-600 focus:ring-blue-500"
-                      />
-                      <div className="flex-1">
-                        <h4 className="font-medium text-gray-900">{plan.planCode}</h4>
-                        <p className="text-gray-600">{plan.description}</p>
-                        <div className="flex items-center space-x-4 mt-1 text-xs text-gray-500">
-                          <span>
-                            Sıklık: {plan.frequency} {plan.frequencyUnit}
-                          </span>
-                          <span>Süre: {plan.estimatedDuration} dk</span>
-                        </div>
-                      </div>
-                    </label>
-                  ))}
-                </div>
-              </div>
-            </div>
-          )}
-
-          {/* Individual Assignment */}
-          {!useBulkAssignment && (
-            <div>
-              <h3 className="text-base font-medium text-gray-900 mb-2">Bireysel Plan Atamaları</h3>
-              <div className="space-y-3">
-                {selectedTeams.map((team) => (
-                  <div key={team.id} className="border border-gray-200 rounded-lg p-2">
-                    <h4 className="font-medium text-sm text-gray-900 mb-2">
-                      {team.name} ({team.code})
-                    </h4>
-                    <div className="max-h-48 overflow-y-auto space-y-2">
-                      {availablePlans.map((plan) => (
-                        <label
-                          key={plan.id}
-                          className="flex items-start space-x-2 p-2 hover:bg-gray-50 rounded cursor-pointer"
-                        >
-                          <input
-                            type="checkbox"
-                            checked={assignments[team.id]?.includes(plan.id) || false}
-                            onChange={() => handleIndividualPlanChange(team.id, plan.id)}
-                            className="mt-1 text-blue-600 focus:ring-blue-500"
-                          />
-                          <div className="flex-1">
-                            <h5 className="text-sm font-medium text-gray-900">{plan.planCode}</h5>
-                            <p className="text-xs text-gray-600">{plan.description}</p>
-                            <div className="flex items-center space-x-3 mt-1 text-xs text-gray-500">
-                              <span>
-                                Sıklık: {plan.frequency} {plan.frequencyUnit}
-                              </span>
-                              <span>Süre: {plan.estimatedDuration} dk</span>
-                            </div>
-                          </div>
-                        </label>
-                      ))}
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </div>
-          )}
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-2 p-3 border-t border-gray-200">
-          <button
-            onClick={onClose}
-            className="px-3 py-1 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            onClick={handleSave}
-            className="px-3 py-1 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors flex items-center space-x-2 text-sm"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>İş Emirlerini Ata</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default AssignWorkOrderModal
diff --git a/ui/src/views/maintenance/components/AssignWorkOrdersModal.tsx b/ui/src/views/maintenance/components/AssignWorkOrdersModal.tsx
deleted file mode 100644
index 6328a023..00000000
--- a/ui/src/views/maintenance/components/AssignWorkOrdersModal.tsx
+++ /dev/null
@@ -1,362 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaUserCog, FaUser, FaUsers } from 'react-icons/fa'
-import { PmMaintenanceWorkOrder } from '../../../types/pm'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockMaintenanceTeams } from '../../../mocks/mockMaintenanceTeams'
-
-interface AssignWorkOrderModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onAssign: (workOrders: PmMaintenanceWorkOrder[], assignmentData: AssignmentData) => void
-  workOrders: PmMaintenanceWorkOrder[]
-}
-
-interface AssignmentData {
-  assignmentType: 'person' | 'team'
-  assignedTo?: string
-  maintenanceTeamId?: string
-  notes?: string
-}
-
-const AssignWorkOrderModal: React.FC<AssignWorkOrderModalProps> = ({
-  isOpen,
-  onClose,
-  onAssign,
-  workOrders,
-}) => {
-  const [assignmentType, setAssignmentType] = useState<'person' | 'team'>('person')
-  const [formData, setFormData] = useState({
-    assignedTo: '',
-    maintenanceTeamId: '',
-    notes: '',
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (assignmentType === 'person' && !formData.assignedTo) {
-      newErrors.assignedTo = 'Atanacak kişi seçilmelidir'
-    }
-
-    if (assignmentType === 'team' && !formData.maintenanceTeamId) {
-      newErrors.maintenanceTeamId = 'Atanacak ekip seçilmelidir'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (!validateForm()) return
-
-    const assignmentData: AssignmentData = {
-      assignmentType,
-      assignedTo: assignmentType === 'person' ? formData.assignedTo : undefined,
-      maintenanceTeamId: assignmentType === 'team' ? formData.maintenanceTeamId : undefined,
-      notes: formData.notes || undefined,
-    }
-
-    onAssign(workOrders, assignmentData)
-    onClose()
-  }
-
-  const getSelectedTeam = () => {
-    if (assignmentType === 'team' && formData.maintenanceTeamId) {
-      return mockMaintenanceTeams.find((team) => team.id === formData.maintenanceTeamId)
-    }
-    return null
-  }
-
-  const getSelectedEmployee = () => {
-    if (assignmentType === 'person' && formData.assignedTo) {
-      return mockEmployees.find((emp) => emp.name === formData.assignedTo)
-    }
-    return null
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg p-3 w-full max-w-lg mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between mb-3">
-          <h3 className="text-base font-semibold text-gray-900 flex items-center">
-            <FaUserCog className="w-5 h-5 mr-2 text-blue-600" />
-            İş Emirlerini Ata
-          </h3>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Work Orders Summary */}
-        <div className="mb-3">
-          <h4 className="text-sm font-medium text-gray-900 mb-1.5">
-            Atanacak İş Emirleri ({workOrders.length})
-          </h4>
-          <div className="max-h-32 overflow-y-auto border border-gray-200 rounded-lg">
-            {workOrders.map((workOrder) => (
-              <div key={workOrder.id} className="p-2 border-b border-gray-100 last:border-b-0">
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="font-medium text-gray-900">{workOrder.workOrderNumber}</p>
-                    <p className="text-sm text-gray-600 truncate">{workOrder.description}</p>
-                  </div>
-                  <div className="text-right text-sm">
-                    <p className="text-gray-600">
-                      Mevcut Atama: {workOrder.assignedTo || 'Atanmadı'}
-                    </p>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        <form onSubmit={handleSubmit} className="space-y-3">
-          {/* Assignment Type Selection */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">Atama Türü</label>
-            <div className="grid grid-cols-2 gap-3">
-              <label className="relative">
-                <input
-                  type="radio"
-                  name="assignmentType"
-                  value="person"
-                  checked={assignmentType === 'person'}
-                  onChange={(e) => setAssignmentType(e.target.value as 'person' | 'team')}
-                  className="sr-only"
-                />
-                <div
-                  className={`p-2 border-2 rounded-lg cursor-pointer transition-colors ${
-                    assignmentType === 'person'
-                      ? 'border-blue-500 bg-blue-50'
-                      : 'border-gray-300 bg-white hover:bg-gray-50'
-                  }`}
-                >
-                  <div className="flex items-center space-x-3">
-                    <FaUser
-                      className={`w-5 h-5 ${
-                        assignmentType === 'person' ? 'text-blue-600' : 'text-gray-400'
-                      }`}
-                    />
-                    <div>
-                      <h4 className="font-medium text-sm text-gray-900">Kişiye Ata</h4>
-                      <p className="text-xs text-gray-600">Belirli bir çalışana atama yap</p>
-                    </div>
-                  </div>
-                </div>
-              </label>
-
-              <label className="relative">
-                <input
-                  type="radio"
-                  name="assignmentType"
-                  value="team"
-                  checked={assignmentType === 'team'}
-                  onChange={(e) => setAssignmentType(e.target.value as 'person' | 'team')}
-                  className="sr-only"
-                />
-                <div
-                  className={`p-2 border-2 rounded-lg cursor-pointer transition-colors ${
-                    assignmentType === 'team'
-                      ? 'border-blue-500 bg-blue-50'
-                      : 'border-gray-300 bg-white hover:bg-gray-50'
-                  }`}
-                >
-                  <div className="flex items-center space-x-3">
-                    <FaUsers
-                      className={`w-5 h-5 ${
-                        assignmentType === 'team' ? 'text-blue-600' : 'text-gray-400'
-                      }`}
-                    />
-                    <div>
-                      <h4 className="font-medium text-sm text-gray-900">Ekibe Ata</h4>
-                      <p className="text-xs text-gray-600">Bakım ekibine atama yap</p>
-                    </div>
-                  </div>
-                </div>
-              </label>
-            </div>
-          </div>
-
-          {/* Person Assignment */}
-          {assignmentType === 'person' && (
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                <FaUser className="w-4 h-4 inline mr-2" />
-                Atanacak Kişi *
-              </label>
-              <select
-                value={formData.assignedTo}
-                onChange={(e) => setFormData({ ...formData, assignedTo: e.target.value })}
-                className={`w-full px-2 py-1 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.assignedTo ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                <option value="">Kişi Seçin</option>
-                {mockEmployees.map((employee) => (
-                  <option key={employee.id} value={employee.name}>
-                    {employee.name} - {employee.jobPosition?.name}
-                  </option>
-                ))}
-              </select>
-              {errors.assignedTo && (
-                <p className="mt-1 text-xs text-red-600">{errors.assignedTo}</p>
-              )}
-            </div>
-          )}
-
-          {/* Team Assignment */}
-          {assignmentType === 'team' && (
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                <FaUsers className="w-4 h-4 inline mr-2" />
-                Atanacak Ekip *
-              </label>
-              <select
-                value={formData.maintenanceTeamId}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    maintenanceTeamId: e.target.value,
-                  })
-                }
-                className={`w-full px-2 py-1 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.maintenanceTeamId ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                <option value="">Ekip Seçin</option>
-                {mockMaintenanceTeams.map((team) => (
-                  <option key={team.id} value={team.id}>
-                    {team.name} ({team.members.length} üye)
-                  </option>
-                ))}
-              </select>
-              {errors.maintenanceTeamId && (
-                <p className="mt-1 text-xs text-red-600">{errors.maintenanceTeamId}</p>
-              )}
-            </div>
-          )}
-
-          {/* Team Details */}
-          {assignmentType === 'team' && getSelectedTeam() && (
-            <div className="bg-blue-50 border border-blue-200 rounded-lg p-2">
-              <h5 className="font-medium text-sm text-blue-900 mb-2">Ekip Detayları</h5>
-              <div className="space-y-2 text-sm">
-                <div>
-                  <span className="text-blue-700">Ekip Adı:</span>
-                  <span className="ml-2 font-medium">{getSelectedTeam()?.name}</span>
-                </div>
-                <div>
-                  <span className="text-blue-700">Üye Sayısı:</span>
-                  <span className="ml-2 font-medium">{getSelectedTeam()?.members.length}</span>
-                </div>
-                <div>
-                  <span className="text-blue-700">Uzmanlık Alanları:</span>
-                  <div className="mt-1">
-                    {getSelectedTeam()?.specializations?.map((spec, index) => (
-                      <span
-                        key={index}
-                        className="inline-block bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs mr-1 mb-1"
-                      >
-                        {spec}
-                      </span>
-                    ))}
-                  </div>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {/* Employee Details */}
-          {assignmentType === 'person' && getSelectedEmployee() && (
-            <div className="bg-green-50 border border-green-200 rounded-lg p-2">
-              <h5 className="font-medium text-sm text-green-900 mb-2">Çalışan Detayları</h5>
-              <div className="space-y-2 text-sm">
-                <div>
-                  <span className="text-green-700">Ad Soyad:</span>
-                  <span className="ml-2 font-medium">{getSelectedEmployee()?.name}</span>
-                </div>
-                <div>
-                  <span className="text-green-700">Pozisyon:</span>
-                  <span className="ml-2 font-medium">
-                    {getSelectedEmployee()?.jobPosition?.name}
-                  </span>
-                </div>
-                <div>
-                  <span className="text-green-700">Departman:</span>
-                  <span className="ml-2 font-medium">
-                    {getSelectedEmployee()?.department?.name}
-                  </span>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {/* Notes */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">Atama Notları</label>
-            <textarea
-              value={formData.notes}
-              onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
-              rows={2}
-              className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="Atama ile ilgili notlar..."
-            />
-          </div>
-
-          {/* Assignment Preview */}
-          <div className="bg-gray-50 rounded-lg p-2">
-            <h5 className="font-medium text-sm text-gray-900 mb-2">Atama Önizlemesi</h5>
-            <div className="space-y-2 text-sm">
-              <div className="flex justify-between">
-                <span className="text-gray-600">İş Emri Sayısı:</span>
-                <span className="font-medium">{workOrders.length}</span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">Atama Türü:</span>
-                <span className="font-medium">
-                  {assignmentType === 'person' ? 'Kişiye Atama' : 'Ekip Atama'}
-                </span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">
-                  {assignmentType === 'person' ? 'Atanan Kişi:' : 'Atanan Ekip:'}
-                </span>
-                <span className="font-medium">
-                  {assignmentType === 'person'
-                    ? formData.assignedTo || 'Seçilmedi'
-                    : getSelectedTeam()?.name || 'Seçilmedi'}
-                </span>
-              </div>
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end space-x-2 pt-3 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center space-x-2"
-            >
-              <FaUserCog className="w-4 h-4" />
-              <span>Atamaları Kaydet</span>
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default AssignWorkOrderModal
diff --git a/ui/src/views/maintenance/components/ChangeNotificationStatusModal.tsx b/ui/src/views/maintenance/components/ChangeNotificationStatusModal.tsx
deleted file mode 100644
index ae09762c..00000000
--- a/ui/src/views/maintenance/components/ChangeNotificationStatusModal.tsx
+++ /dev/null
@@ -1,233 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaExclamationTriangle } from 'react-icons/fa'
-import { PmFaultNotification, NotificationStatusEnum } from '../../../types/pm'
-import { getNotificationStatusColor, getNotificationStatusText } from '../../../utils/erp'
-
-interface ChangeNotificationStatusModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (statusChange: {
-    notificationIds: string[]
-    status: NotificationStatusEnum
-    notes?: string
-  }) => void
-  notifications: PmFaultNotification[]
-}
-
-const ChangeNotificationStatusModal: React.FC<ChangeNotificationStatusModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  notifications,
-}) => {
-  const [newStatus, setNewStatus] = useState<NotificationStatusEnum>(
-    NotificationStatusEnum.InProgress,
-  )
-  const [notes, setNotes] = useState('')
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  if (!isOpen || notifications.length === 0) return null
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!newStatus) {
-      newErrors.status = 'Durum seçimi gerekli'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSave = () => {
-    if (validateForm()) {
-      const statusChangeData = {
-        notificationIds: notifications.map((n) => n.id),
-        status: newStatus,
-        notes: notes.trim() || undefined,
-      }
-
-      onSave(statusChangeData)
-      onClose()
-
-      // Reset form
-      setNewStatus(NotificationStatusEnum.InProgress)
-      setNotes('')
-      setErrors({})
-    }
-  }
-
-  const getCurrentStatuses = () => {
-    const statusCounts = notifications.reduce(
-      (acc, notification) => {
-        acc[notification.status] = (acc[notification.status] || 0) + 1
-        return acc
-      },
-      {} as Record<NotificationStatusEnum, number>,
-    )
-
-    return Object.entries(statusCounts).map(([status, count]) => ({
-      status: status as NotificationStatusEnum,
-      count,
-    }))
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <h2 className="text-lg font-semibold text-gray-900">Durum Değiştir</h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600 transition-colors">
-            <FaTimes className="w-6 h-6" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Notification Summary */}
-          <div className="bg-blue-50 border border-blue-200 rounded-lg p-3">
-            <h4 className="text-xs font-medium text-blue-800 mb-2">
-              Seçili Arıza Bildirimleri ({notifications.length})
-            </h4>
-            <div className="space-y-1">
-              {notifications.map((notification) => (
-                <div key={notification.id} className="text-sm text-blue-700">
-                  <span className="font-medium">{notification.notificationCode}</span>
-                  {' - '}
-                  <span>{notification.title}</span>
-                  {' ('}
-                  <span
-                    className={`px-2 py-1 rounded-full text-xs ${getNotificationStatusColor(
-                      notification.status,
-                    )}`}
-                  >
-                    {getNotificationStatusText(notification.status)}
-                  </span>
-                  {')'}
-                </div>
-              ))}
-            </div>
-          </div>
-
-          {/* Current Status Summary */}
-          <div className="bg-gray-50 border border-gray-200 rounded-lg p-3">
-            <h4 className="text-xs font-medium text-gray-800 mb-2">Mevcut Durumlar</h4>
-            <div className="flex flex-wrap gap-2">
-              {getCurrentStatuses().map(({ status, count }) => (
-                <span
-                  key={status}
-                  className={`px-2 py-1 rounded-full text-xs font-medium ${getNotificationStatusColor(
-                    status,
-                  )}`}
-                >
-                  {getNotificationStatusText(status)}: {count}
-                </span>
-              ))}
-            </div>
-          </div>
-
-          {/* New Status Selection */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">Yeni Durum *</label>
-            <select
-              value={newStatus}
-              onChange={(e) => setNewStatus(e.target.value as NotificationStatusEnum)}
-              className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                errors.status ? 'border-red-500' : 'border-gray-300'
-              }`}
-            >
-              {Object.keys(NotificationStatusEnum).map((key) => (
-                <option
-                  key={key}
-                  value={NotificationStatusEnum[key as keyof typeof NotificationStatusEnum]}
-                >
-                  {getNotificationStatusText(
-                    NotificationStatusEnum[key as keyof typeof NotificationStatusEnum],
-                  )}
-                </option>
-              ))}
-              {Object.values(NotificationStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getNotificationStatusText(status)}
-                </option>
-              ))}
-            </select>
-            {errors.status && <p className="text-red-500 text-sm mt-1">{errors.status}</p>}
-          </div>
-
-          {/* Status Change Preview */}
-          <div className="bg-green-50 border border-green-200 rounded-lg p-3">
-            <div className="flex items-start space-x-3">
-              <FaExclamationTriangle className="w-5 h-5 text-green-600 mt-0.5" />
-              <div className="flex-1">
-                <h4 className="text-sm font-medium text-green-800 mb-1">Durum Değişikliği</h4>
-                <p className="text-sm text-green-700">
-                  <strong>{notifications.length}</strong> arıza bildirimi{' '}
-                  <span
-                    className={`px-2 py-1 rounded-full text-xs ${getNotificationStatusColor(
-                      newStatus,
-                    )}`}
-                  >
-                    {getNotificationStatusText(newStatus)}
-                  </span>{' '}
-                  durumuna geçirilecek.
-                </p>
-              </div>
-            </div>
-          </div>
-
-          {/* Notes */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Durum Değişikliği Notları
-            </label>
-            <textarea
-              value={notes}
-              onChange={(e) => setNotes(e.target.value)}
-              rows={3}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="Durum değişikliği ile ilgili notlar (opsiyonel)"
-            />
-          </div>
-
-          {/* Warning for certain status changes */}
-          {(newStatus === NotificationStatusEnum.Closed ||
-            newStatus === NotificationStatusEnum.Rejected) && (
-            <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-3">
-              <div className="flex items-start space-x-3">
-                <FaExclamationTriangle className="w-5 h-5 text-yellow-600 mt-0.5" />
-                <div className="flex-1">
-                  <h4 className="text-sm font-medium text-yellow-800 mb-1">Dikkat!</h4>
-                  <p className="text-sm text-yellow-700">
-                    Bu durum değişikliği kalıcıdır ve bildirimlerin aktif süreçlerden çıkarılmasına
-                    neden olabilir.
-                  </p>
-                </div>
-              </div>
-            </div>
-          )}
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-3 p-4 border-t border-gray-200">
-          <button
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            onClick={handleSave}
-            className="px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center space-x-2"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>Durumu Değiştir</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default ChangeNotificationStatusModal
diff --git a/ui/src/views/maintenance/components/ChangeWorkOrderStatusModal.tsx b/ui/src/views/maintenance/components/ChangeWorkOrderStatusModal.tsx
deleted file mode 100644
index fe0d0d6a..00000000
--- a/ui/src/views/maintenance/components/ChangeWorkOrderStatusModal.tsx
+++ /dev/null
@@ -1,377 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaExchangeAlt, FaCheck, FaPause, FaTimesCircle } from 'react-icons/fa'
-import { PmMaintenanceWorkOrder, WorkOrderStatusEnum } from '../../../types/pm'
-import {
-  getWorkOrderStatusColor,
-  getWorkOrderStatusText,
-  getWorkOrderStatusIcon,
-} from '../../../utils/erp'
-
-interface ChangeWorkOrderStatusModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onStatusChange: (workOrders: PmMaintenanceWorkOrder[], statusData: StatusChangeData) => void
-  workOrders: PmMaintenanceWorkOrder[]
-}
-
-interface StatusChangeData {
-  newStatus: WorkOrderStatusEnum
-  notes?: string
-  completionNotes?: string
-}
-
-const ChangeWorkOrderStatusModal: React.FC<ChangeWorkOrderStatusModalProps> = ({
-  isOpen,
-  onClose,
-  onStatusChange,
-  workOrders,
-}) => {
-  const [formData, setFormData] = useState({
-    newStatus: WorkOrderStatusEnum.InProgress,
-    notes: '',
-    completionNotes: '',
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (formData.newStatus === WorkOrderStatusEnum.Completed && !formData.completionNotes.trim()) {
-      newErrors.completionNotes = 'Tamamlanan iş emirleri için tamamlanma notları zorunludur'
-    }
-
-    if (formData.newStatus === WorkOrderStatusEnum.Cancelled && !formData.notes.trim()) {
-      newErrors.notes = 'İptal edilen iş emirleri için iptal nedeni zorunludur'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (!validateForm()) return
-
-    const statusData: StatusChangeData = {
-      newStatus: formData.newStatus,
-      notes: formData.notes || undefined,
-      completionNotes: formData.completionNotes || undefined,
-    }
-
-    onStatusChange(workOrders, statusData)
-    onClose()
-  }
-
-  const getStatusCounts = () => {
-    const counts: Record<WorkOrderStatusEnum, number> = {
-      [WorkOrderStatusEnum.Created]: 0,
-      [WorkOrderStatusEnum.Planned]: 0,
-      [WorkOrderStatusEnum.Released]: 0,
-      [WorkOrderStatusEnum.InProgress]: 0,
-      [WorkOrderStatusEnum.OnHold]: 0,
-      [WorkOrderStatusEnum.Completed]: 0,
-      [WorkOrderStatusEnum.Cancelled]: 0,
-    }
-
-    workOrders.forEach((wo) => {
-      counts[wo.status]++
-    })
-
-    return counts
-  }
-
-  const canChangeToStatus = (status: WorkOrderStatusEnum) => {
-    // İş emirlerinin mevcut durumlarına göre hangi durumlara geçebileceğini kontrol et
-    return workOrders.some((wo) => {
-      switch (status) {
-        case WorkOrderStatusEnum.Planned:
-          return wo.status === WorkOrderStatusEnum.Created
-        case WorkOrderStatusEnum.Released:
-          return wo.status === WorkOrderStatusEnum.Planned
-        case WorkOrderStatusEnum.InProgress:
-          return (
-            wo.status === WorkOrderStatusEnum.Released || wo.status === WorkOrderStatusEnum.OnHold
-          )
-        case WorkOrderStatusEnum.OnHold:
-          return wo.status === WorkOrderStatusEnum.InProgress
-        case WorkOrderStatusEnum.Completed:
-          return wo.status === WorkOrderStatusEnum.InProgress
-        case WorkOrderStatusEnum.Cancelled:
-          return wo.status !== WorkOrderStatusEnum.Completed
-        default:
-          return false
-      }
-    })
-  }
-
-  if (!isOpen) return null
-
-  const statusCounts = getStatusCounts()
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg p-4 w-full max-w-3xl mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between mb-4">
-          <h3 className="text-lg font-semibold text-gray-900 flex items-center">
-            <FaExchangeAlt className="w-5 h-5 mr-2 text-orange-600" />
-            İş Emri Durumunu Değiştir
-          </h3>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-6 h-6" />
-          </button>
-        </div>
-
-        {/* Work Orders Summary */}
-        <div className="mb-4">
-          <h4 className="text-base font-medium text-gray-900 mb-2">
-            Seçilen İş Emirleri ({workOrders.length})
-          </h4>
-
-          {/* Current Status Distribution */}
-          <div className="mb-4">
-            <h5 className="text-sm font-medium text-gray-700 mb-2">Mevcut Durum Dağılımı</h5>
-            <div className="flex flex-wrap gap-2">
-              {Object.entries(statusCounts).map(([status, count]) => {
-                if (count === 0) return null
-                return (
-                  <span
-                    key={status}
-                    className={`px-2 py-1 rounded-full text-xs font-medium ${getWorkOrderStatusColor(
-                      status as WorkOrderStatusEnum,
-                    )}`}
-                  >
-                    {getWorkOrderStatusText(status as WorkOrderStatusEnum)}: {count}
-                  </span>
-                )
-              })}
-            </div>
-          </div>
-
-          <div className="max-h-40 overflow-y-auto border border-gray-200 rounded-lg">
-            {workOrders.map((workOrder) => (
-              <div key={workOrder.id} className="p-2 border-b border-gray-100 last:border-b-0">
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="font-medium text-gray-900">{workOrder.workOrderNumber}</p>
-                    <p className="text-sm text-gray-600 truncate">{workOrder.description}</p>
-                  </div>
-                  <div className="text-right">
-                    <span
-                      className={`px-2 py-1 rounded-full text-xs font-medium ${getWorkOrderStatusColor(
-                        workOrder.status,
-                      )}`}
-                    >
-                      {getWorkOrderStatusText(workOrder.status)}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        <form onSubmit={handleSubmit} className="space-y-4">
-          {/* New Status Selection */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-3">Yeni Durum *</label>
-            <div className="grid grid-cols-2 md:grid-cols-4 gap-3">
-              {[
-                WorkOrderStatusEnum.Planned,
-                WorkOrderStatusEnum.Released,
-                WorkOrderStatusEnum.InProgress,
-                WorkOrderStatusEnum.OnHold,
-                WorkOrderStatusEnum.Completed,
-                WorkOrderStatusEnum.Cancelled,
-              ].map((status) => (
-                <label key={status} className="relative">
-                  <input
-                    type="radio"
-                    name="newStatus"
-                    value={status}
-                    checked={formData.newStatus === status}
-                    onChange={(e) =>
-                      setFormData({
-                        ...formData,
-                        newStatus: e.target.value as WorkOrderStatusEnum,
-                      })
-                    }
-                    disabled={!canChangeToStatus(status)}
-                    className="sr-only"
-                  />
-                  <div
-                    className={`p-2 border-2 rounded-lg cursor-pointer transition-colors ${
-                      formData.newStatus === status
-                        ? 'border-blue-500 bg-blue-50'
-                        : canChangeToStatus(status)
-                          ? 'border-gray-300 bg-white hover:bg-gray-50'
-                          : 'border-gray-200 bg-gray-50 cursor-not-allowed'
-                    }`}
-                  >
-                    <div className="flex items-center space-x-2">
-                      {getWorkOrderStatusIcon(status)}
-                      <span
-                        className={`text-sm font-medium ${
-                          canChangeToStatus(status) ? 'text-gray-900' : 'text-gray-400'
-                        }`}
-                      >
-                        {getWorkOrderStatusText(status)}
-                      </span>
-                    </div>
-                  </div>
-                </label>
-              ))}
-            </div>
-          </div>
-
-          {/* Completion Notes (for Completed status) */}
-          {formData.newStatus === WorkOrderStatusEnum.Completed && (
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Tamamlanma Notları *
-              </label>
-              <textarea
-                value={formData.completionNotes}
-                onChange={(e) => setFormData({ ...formData, completionNotes: e.target.value })}
-                rows={3}
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.completionNotes ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="İş emirlerinin nasıl tamamlandığına dair detaylar..."
-              />
-              {errors.completionNotes && (
-                <p className="mt-1 text-sm text-red-600">{errors.completionNotes}</p>
-              )}
-            </div>
-          )}
-
-          {/* General Notes */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              {formData.newStatus === WorkOrderStatusEnum.Cancelled
-                ? 'İptal Nedeni *'
-                : 'Durum Değişikliği Notları'}
-            </label>
-            <textarea
-              value={formData.notes}
-              onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
-              rows={3}
-              className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                errors.notes ? 'border-red-500' : 'border-gray-300'
-              }`}
-              placeholder={
-                formData.newStatus === WorkOrderStatusEnum.Cancelled
-                  ? 'İptal nedenini açıklayın...'
-                  : 'Durum değişikliği ile ilgili notlar...'
-              }
-            />
-            {errors.notes && <p className="mt-1 text-sm text-red-600">{errors.notes}</p>}
-          </div>
-
-          {/* Status Change Warnings */}
-          {formData.newStatus === WorkOrderStatusEnum.Cancelled && (
-            <div className="p-3 bg-red-50 border border-red-200 rounded-lg">
-              <div className="flex items-start space-x-2">
-                <FaTimesCircle className="w-5 h-5 text-red-600 mt-0.5" />
-                <div>
-                  <h5 className="font-medium text-red-800 mb-1">Uyarı</h5>
-                  <p className="text-red-700 text-sm">
-                    İş emirleri iptal edilecek. Bu işlem geri alınamaz ve tüm aktiviteler
-                    durdurulacak.
-                  </p>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {formData.newStatus === WorkOrderStatusEnum.Completed && (
-            <div className="p-3 bg-green-50 border border-green-200 rounded-lg">
-              <div className="flex items-start space-x-2">
-                <FaCheck className="w-5 h-5 text-green-600 mt-0.5" />
-                <div>
-                  <h5 className="font-medium text-green-800 mb-1">Bilgi</h5>
-                  <p className="text-green-700 text-sm">
-                    İş emirleri tamamlandı olarak işaretlenecek. Gerçek bitiş tarihi otomatik olarak
-                    şu an olarak ayarlanacak.
-                  </p>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {formData.newStatus === WorkOrderStatusEnum.OnHold && (
-            <div className="p-3 bg-yellow-50 border border-yellow-200 rounded-lg">
-              <div className="flex items-start space-x-2">
-                <FaPause className="w-5 h-5 text-yellow-600 mt-0.5" />
-                <div>
-                  <h5 className="font-medium text-yellow-800 mb-1">Bilgi</h5>
-                  <p className="text-yellow-700 text-sm">
-                    İş emirleri beklemede durumuna alınacak. Aktiviteler durdurulacak ancak daha
-                    sonra devam ettirilebilir.
-                  </p>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {/* Change Preview */}
-          <div className="bg-gray-50 rounded-lg p-3">
-            <h5 className="font-medium text-sm text-gray-900 mb-2">Durum Değişikliği Önizlemesi</h5>
-            <div className="space-y-2 text-sm">
-              <div className="flex justify-between">
-                <span className="text-gray-600">Etkilenen İş Emri Sayısı:</span>
-                <span className="font-medium">{workOrders.length}</span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">Yeni Durum:</span>
-                <span
-                  className={`font-medium px-2 py-1 rounded text-xs ${getWorkOrderStatusColor(
-                    formData.newStatus,
-                  )}`}
-                >
-                  {getWorkOrderStatusText(formData.newStatus)}
-                </span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">Değişiklik Tarihi:</span>
-                <span className="font-medium">
-                  {new Date().toLocaleDateString('tr-TR')}{' '}
-                  {new Date().toLocaleTimeString('tr-TR', {
-                    hour: '2-digit',
-                    minute: '2-digit',
-                  })}
-                </span>
-              </div>
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end space-x-3 pt-4 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className={`px-4 py-1.5 text-sm text-white rounded-lg flex items-center space-x-2 ${
-                formData.newStatus === WorkOrderStatusEnum.Cancelled
-                  ? 'bg-red-600 hover:bg-red-700'
-                  : formData.newStatus === WorkOrderStatusEnum.Completed
-                    ? 'bg-green-600 hover:bg-green-700'
-                    : 'bg-orange-600 hover:bg-orange-700'
-              }`}
-            >
-              <FaExchangeAlt className="w-4 h-4" />
-              <span>Durumu Değiştir</span>
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default ChangeWorkOrderStatusModal
diff --git a/ui/src/views/maintenance/components/CreateWorkOrderFromNotificationModal.tsx b/ui/src/views/maintenance/components/CreateWorkOrderFromNotificationModal.tsx
deleted file mode 100644
index 4d05c46c..00000000
--- a/ui/src/views/maintenance/components/CreateWorkOrderFromNotificationModal.tsx
+++ /dev/null
@@ -1,342 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaExclamationTriangle } from 'react-icons/fa'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockMaintenanceTeams } from '../../../mocks/mockMaintenanceTeams'
-import { PmFaultNotification, WorkOrderTypeEnum } from '../../../types/pm'
-import { MrpWorkOrder } from '../../../types/mrp'
-import { PriorityEnum } from '../../../types/common'
-import { getPriorityText, getWorkOrderTypeText } from '@/utils/erp'
-
-interface CreateWorkOrderFromNotificationModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (workOrderData: MrpWorkOrder) => void
-  notifications: PmFaultNotification[]
-}
-
-const CreateWorkOrderFromNotificationModal: React.FC<CreateWorkOrderFromNotificationModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  notifications,
-}) => {
-  const [workOrderData, setWorkOrderData] = useState({
-    workOrderNumber: `WO-${new Date().getFullYear()}-${String(Date.now()).slice(-3)}`,
-    orderType: WorkOrderTypeEnum.Corrective,
-    priority: PriorityEnum.Normal,
-    description: '',
-    assignedTo: '',
-    maintenanceTeamId: '',
-    scheduledStart: '',
-    scheduledEnd: '',
-    estimatedCost: 0,
-    notes: '',
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  if (!isOpen || notifications.length === 0) return null
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!workOrderData.description.trim()) {
-      newErrors.description = 'Açıklama gerekli'
-    }
-    if (!workOrderData.assignedTo && !workOrderData.maintenanceTeamId) {
-      newErrors.assignment = 'Kişi veya ekip ataması gerekli'
-    }
-    if (!workOrderData.scheduledStart) {
-      newErrors.scheduledStart = 'Başlangıç tarihi gerekli'
-    }
-    if (!workOrderData.scheduledEnd) {
-      newErrors.scheduledEnd = 'Bitiş tarihi gerekli'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleInputChange = (field: string, value: string | number) => {
-    setWorkOrderData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-    // Clear error when user starts typing
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const handleSave = () => {
-    if (validateForm()) {
-      const workOrderToSave = {
-        ...workOrderData,
-        id: `WO${Date.now()}`,
-        notificationIds: notifications.map((n) => n.id),
-        workCenterIds: [...new Set(notifications.map((n) => n.workCenterId))],
-        reportedBy: notifications[0].reportedBy,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      }
-
-      onSave(workOrderToSave)
-      onClose()
-
-      // Reset form
-      setWorkOrderData({
-        workOrderNumber: `WO-${new Date().getFullYear()}-${String(Date.now()).slice(-3)}`,
-        orderType: WorkOrderTypeEnum.Corrective,
-        priority: PriorityEnum.Normal,
-        description: '',
-        assignedTo: '',
-        maintenanceTeamId: '',
-        scheduledStart: '',
-        scheduledEnd: '',
-        estimatedCost: 0,
-        notes: '',
-      })
-      setErrors({})
-    }
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <h2 className="text-lg font-semibold text-gray-900">İş Emri Oluştur</h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600 transition-colors">
-            <FaTimes className="w-6 h-6" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Notification Summary */}
-          <div className="bg-blue-50 border border-blue-200 rounded-lg p-3">
-            <div className="flex items-start space-x-3">
-              <FaExclamationTriangle className="w-5 h-5 text-blue-600 mt-0.5" />
-              <div className="flex-1">
-                <h4 className="text-xs font-medium text-blue-800 mb-2">
-                  Seçili Arıza Bildirimleri ({notifications.length})
-                </h4>
-                <div className="space-y-1">
-                  {notifications.map((notification) => (
-                    <div key={notification.id} className="text-sm text-blue-700">
-                      <span className="font-medium">{notification.notificationCode}</span>
-                      {' - '}
-                      <span>{notification.title}</span>
-                      {' ('}
-                      <span>{notification.workCenter.code}</span>
-                      {')'}
-                    </div>
-                  ))}
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Basic Info */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                İş Emri Numarası *
-              </label>
-              <input
-                type="text"
-                value={workOrderData.workOrderNumber}
-                onChange={(e) => handleInputChange('workOrderNumber', e.target.value)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="WO-2024-001"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">İş Emri Türü</label>
-              <select
-                value={workOrderData.orderType}
-                onChange={(e) =>
-                  handleInputChange('orderType', e.target.value as WorkOrderTypeEnum)
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(WorkOrderTypeEnum).map((type) => (
-                  <option key={type} value={type}>
-                    {getWorkOrderTypeText(type)}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          {/* Priority */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Öncelik</label>
-            <select
-              value={workOrderData.priority}
-              onChange={(e) => handleInputChange('priority', e.target.value as PriorityEnum)}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              {Object.values(PriorityEnum).map((priority) => (
-                <option key={priority} value={priority}>
-                  {getPriorityText(priority)}
-                </option>
-              ))}
-            </select>
-          </div>
-
-          {/* Description */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Açıklama *</label>
-            <textarea
-              value={workOrderData.description}
-              onChange={(e) => handleInputChange('description', e.target.value)}
-              rows={4}
-              className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                errors.description ? 'border-red-500' : 'border-gray-300'
-              }`}
-              placeholder="İş emri detayları ve yapılacak işlemler"
-            />
-            {errors.description && (
-              <p className="text-red-500 text-sm mt-1">{errors.description}</p>
-            )}
-          </div>
-
-          {/* Assignment */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Atanan Kişi</label>
-              <select
-                value={workOrderData.assignedTo}
-                onChange={(e) => {
-                  handleInputChange('assignedTo', e.target.value)
-                  if (e.target.value) {
-                    handleInputChange('maintenanceTeamId', '')
-                  }
-                }}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Kişi seçin</option>
-                {mockEmployees.map((employee) => (
-                  <option key={employee.id} value={employee.name}>
-                    {employee.name} - {employee.jobPosition?.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Atanan Ekip</label>
-              <select
-                value={workOrderData.maintenanceTeamId}
-                onChange={(e) => {
-                  handleInputChange('maintenanceTeamId', e.target.value)
-                  if (e.target.value) {
-                    handleInputChange('assignedTo', '')
-                  }
-                }}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Ekip seçin</option>
-                {mockMaintenanceTeams.map((team) => (
-                  <option key={team.id} value={team.id}>
-                    {team.name} ({team.code})
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-          {errors.assignment && <p className="text-red-500 text-sm mt-1">{errors.assignment}</p>}
-
-          {/* Schedule */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Planlanan Başlangıç *
-              </label>
-              <input
-                type="datetime-local"
-                value={workOrderData.scheduledStart}
-                onChange={(e) => handleInputChange('scheduledStart', e.target.value)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.scheduledStart ? 'border-red-500' : 'border-gray-300'
-                }`}
-              />
-              {errors.scheduledStart && (
-                <p className="text-red-500 text-sm mt-1">{errors.scheduledStart}</p>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Planlanan Bitiş *
-              </label>
-              <input
-                type="datetime-local"
-                value={workOrderData.scheduledEnd}
-                onChange={(e) => handleInputChange('scheduledEnd', e.target.value)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.scheduledEnd ? 'border-red-500' : 'border-gray-300'
-                }`}
-              />
-              {errors.scheduledEnd && (
-                <p className="text-red-500 text-sm mt-1">{errors.scheduledEnd}</p>
-              )}
-            </div>
-          </div>
-
-          {/* Cost */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Tahmini Maliyet (TL)
-            </label>
-            <input
-              type="number"
-              value={workOrderData.estimatedCost}
-              onChange={(e) => handleInputChange('estimatedCost', parseFloat(e.target.value) || 0)}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="0.00"
-              min="0"
-              step="0.01"
-            />
-          </div>
-
-          {/* Notes */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Notlar</label>
-            <textarea
-              value={workOrderData.notes}
-              onChange={(e) => handleInputChange('notes', e.target.value)}
-              rows={3}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="Ek notlar ve özel talimatlar"
-            />
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-3 p-4 border-t border-gray-200">
-          <button
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            onClick={handleSave}
-            className="px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center space-x-2"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>İş Emri Oluştur</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default CreateWorkOrderFromNotificationModal
diff --git a/ui/src/views/maintenance/components/CreateWorkOrderModal.tsx b/ui/src/views/maintenance/components/CreateWorkOrderModal.tsx
deleted file mode 100644
index ea10128d..00000000
--- a/ui/src/views/maintenance/components/CreateWorkOrderModal.tsx
+++ /dev/null
@@ -1,408 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaExclamationTriangle } from 'react-icons/fa'
-import {
-  PmMaintenancePlan,
-  PmMaintenanceWorkOrder,
-  WorkOrderStatusEnum,
-  WorkOrderTypeEnum,
-} from '../../../types/pm'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { PriorityEnum } from '../../../types/common'
-import { getPriorityColor, getPriorityText } from '../../../utils/erp'
-
-interface CreateWorkOrderModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (workOrders: Partial<PmMaintenanceWorkOrder>[]) => void
-  selectedPlans: PmMaintenancePlan[]
-}
-
-const CreateWorkOrderModal: React.FC<CreateWorkOrderModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  selectedPlans,
-}) => {
-  const [commonSettings, setCommonSettings] = useState({
-    scheduledStartDate: new Date().toISOString().split('T')[0],
-    priority: PriorityEnum.Normal,
-    assignedTo: '',
-    notes: '',
-    createSeparateOrders: true,
-  })
-
-  const [individualSettings, setIndividualSettings] = useState<{
-    [key: string]: {
-      scheduledStartDate?: string
-      priority?: PriorityEnum
-      assignedTo?: string
-      notes?: string
-    }
-  }>({})
-
-  if (!isOpen) return null
-
-  const handleCommonChange = (field: string, value: string | PriorityEnum | boolean) => {
-    setCommonSettings((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-  }
-
-  const handleIndividualChange = (planId: string, field: string, value: string | PriorityEnum) => {
-    setIndividualSettings((prev) => ({
-      ...prev,
-      [planId]: {
-        ...prev[planId],
-        [field]: value,
-      },
-    }))
-  }
-
-  const generateWorkOrderCode = (plan: PmMaintenancePlan, index: number) => {
-    const date = new Date()
-    const dateStr = date.toISOString().slice(0, 10).replace(/-/g, '')
-    return `WO-${plan.planCode}-${dateStr}-${String(index + 1).padStart(3, '0')}`
-  }
-
-  const handleSave = () => {
-    const workOrders: Partial<PmMaintenanceWorkOrder>[] = []
-
-    if (commonSettings.createSeparateOrders) {
-      // Her plan için ayrı iş emri oluştur
-      selectedPlans.forEach((plan, index) => {
-        const individual = individualSettings[plan.id] || {}
-        const workOrder: Partial<PmMaintenanceWorkOrder> = {
-          workOrderNumber: generateWorkOrderCode(plan, index),
-          planId: plan.id,
-          workCenterId: plan.workCenterId,
-          orderType: WorkOrderTypeEnum.Preventive,
-          priority: individual.priority || commonSettings.priority,
-          status: WorkOrderStatusEnum.Planned,
-          description: `${plan.description} - Bakım Planı: ${plan.planCode}`,
-          scheduledStart: new Date(
-            individual.scheduledStartDate || commonSettings.scheduledStartDate,
-          ),
-          scheduledEnd: new Date(
-            new Date(individual.scheduledStartDate || commonSettings.scheduledStartDate).getTime() +
-              plan.estimatedDuration * 60000,
-          ),
-          assignedTo: individual.assignedTo || commonSettings.assignedTo,
-          reportedBy: 'System',
-          estimatedCost: 0,
-          actualCost: 0,
-          materials: [],
-          activities: [],
-          notes: individual.notes || commonSettings.notes,
-          creationTime: new Date(),
-          lastModificationTime: new Date(),
-        }
-        workOrders.push(workOrder)
-      })
-    } else {
-      // Tek bir toplu iş emri oluştur
-      const combinedPlanCodes = selectedPlans.map((p) => p.planCode).join(', ')
-      const combinedWorkCenterIds = [...new Set(selectedPlans.map((p) => p.workCenterId))]
-      const totalDuration = selectedPlans.reduce((sum, plan) => sum + plan.estimatedDuration, 0)
-
-      const workOrder: Partial<PmMaintenanceWorkOrder> = {
-        workOrderNumber: `WO-BULK-${new Date()
-          .toISOString()
-          .slice(0, 10)
-          .replace(/-/g, '')}-${String(Date.now()).slice(-3)}`,
-        workCenterId: combinedWorkCenterIds[0], // Ana İş merkezleri
-        orderType: WorkOrderTypeEnum.Preventive,
-        priority: commonSettings.priority,
-        status: WorkOrderStatusEnum.Planned,
-        description: `Toplu Bakım İş Emri - Planlar: ${combinedPlanCodes}`,
-        scheduledStart: new Date(commonSettings.scheduledStartDate),
-        scheduledEnd: new Date(
-          new Date(commonSettings.scheduledStartDate).getTime() + totalDuration * 60000,
-        ),
-        reportedBy: 'System',
-        estimatedCost: 0,
-        actualCost: 0,
-        materials: [],
-        activities: [],
-        notes: `${commonSettings.notes}\n\nPlan Talimatları:\n${selectedPlans
-          .map((p) => `${p.planCode}: ${p.instructions || 'Talimat yok'}`)
-          .join('\n')}`,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      }
-      workOrders.push(workOrder)
-    }
-
-    onSave(workOrders)
-    setCommonSettings({
-      scheduledStartDate: new Date().toISOString().split('T')[0],
-      priority: PriorityEnum.Normal,
-      assignedTo: '',
-      notes: '',
-      createSeparateOrders: true,
-    })
-    setIndividualSettings({})
-    onClose()
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-4xl mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div>
-            <h2 className="text-lg font-semibold text-gray-900">İş Emri Oluştur</h2>
-            <p className="text-sm text-gray-600">
-              {selectedPlans.length} plan için iş emri oluşturuluyor
-            </p>
-          </div>
-          <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-lg transition-colors">
-            <FaTimes className="w-5 h-5 text-gray-500" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Selected Plans Summary */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-2">Seçili Bakım Planları</h3>
-            <div className="bg-gray-50 rounded-lg p-3">
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                {selectedPlans.map((plan) => (
-                  <div key={plan.id} className="flex items-center space-x-3">
-                    <div className="flex-1">
-                      <span className="text-sm font-medium text-gray-900">{plan.planCode}</span>
-                      <span className="text-xs text-gray-500 ml-2">({plan.workCenterId})</span>
-                    </div>
-                    <span className={`text-xs ${getPriorityColor(plan.priority)}`}>
-                      {plan.priority}
-                    </span>
-                  </div>
-                ))}
-              </div>
-            </div>
-          </div>
-
-          {/* Work Order Type Selection */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-2">İş Emri Türü</h3>
-            <div className="space-y-3">
-              <label className="flex items-center space-x-3">
-                <input
-                  type="radio"
-                  name="orderType"
-                  checked={commonSettings.createSeparateOrders}
-                  onChange={() => handleCommonChange('createSeparateOrders', true)}
-                  className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300"
-                />
-                <div>
-                  <span className="text-sm font-medium text-gray-900">Ayrı İş Emirleri</span>
-                  <p className="text-sm text-gray-600">
-                    Her bakım planı için ayrı bir iş emri oluşturulur
-                  </p>
-                </div>
-              </label>
-              <label className="flex items-center space-x-3">
-                <input
-                  type="radio"
-                  name="orderType"
-                  checked={!commonSettings.createSeparateOrders}
-                  onChange={() => handleCommonChange('createSeparateOrders', false)}
-                  className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300"
-                />
-                <div>
-                  <span className="text-sm font-medium text-gray-900">Toplu İş Emri</span>
-                  <p className="text-sm text-gray-600">
-                    Tüm seçili planlar için tek bir iş emri oluşturulur
-                  </p>
-                </div>
-              </label>
-            </div>
-          </div>
-
-          {/* Common Settings */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-2">Ortak Ayarlar</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Planlanan Başlangıç Tarihi *
-                </label>
-                <input
-                  type="date"
-                  value={commonSettings.scheduledStartDate}
-                  onChange={(e) => handleCommonChange('scheduledStartDate', e.target.value)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Öncelik</label>
-                <select
-                  value={commonSettings.priority}
-                  onChange={(e) => handleCommonChange('priority', e.target.value as PriorityEnum)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(PriorityEnum).map((priority) => (
-                    <option key={priority} value={priority}>
-                      {getPriorityText(priority)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Atanan Kişi</label>
-                <select
-                  value={commonSettings.assignedTo}
-                  onChange={(e) => handleCommonChange('assignedTo', e.target.value)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  <option value="">Teknisyen seçin</option>
-                  {mockEmployees.map((employee) => (
-                    <option key={employee.id} value={employee.name}>
-                      {employee.name} ({employee.code})
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Notlar</label>
-                <textarea
-                  value={commonSettings.notes}
-                  onChange={(e) => handleCommonChange('notes', e.target.value)}
-                  rows={1}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="Ek notlar ve talimatlar..."
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Individual Settings for Separate Orders */}
-          {commonSettings.createSeparateOrders && (
-            <div>
-              <h3 className="text-base font-medium text-gray-900 mb-2">
-                Bireysel Ayarlar
-                <span className="text-sm font-normal text-gray-500 ml-2">
-                  (Boş bırakılan alanlar için ortak ayarlar kullanılır)
-                </span>
-              </h3>
-              <div className="space-y-4">
-                {selectedPlans.map((plan) => {
-                  const individual = individualSettings[plan.id] || {}
-                  return (
-                    <div key={plan.id} className="border border-gray-200 rounded-lg p-3">
-                      <div className="flex items-center justify-between mb-3">
-                        <h4 className="text-sm font-medium text-gray-900">
-                          {plan.planCode} - {plan.description}
-                        </h4>
-                        <span className="text-xs text-gray-500">
-                          {plan.estimatedDuration} dakika
-                        </span>
-                      </div>
-                      <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Başlangıç Tarihi
-                          </label>
-                          <input
-                            type="date"
-                            value={individual.scheduledStartDate || ''}
-                            onChange={(e) =>
-                              handleIndividualChange(plan.id, 'scheduledStartDate', e.target.value)
-                            }
-                            className="w-full px-2 py-1 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                          />
-                        </div>
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Öncelik
-                          </label>
-                          <select
-                            value={individual.priority || ''}
-                            onChange={(e) =>
-                              handleIndividualChange(
-                                plan.id,
-                                'priority',
-                                e.target.value as PriorityEnum,
-                              )
-                            }
-                            className="w-full px-2 py-1 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                          >
-                            <option value="">Ortak ayarı kullan</option>
-                            {Object.values(PriorityEnum).map((priority) => (
-                              <option key={priority} value={priority}>
-                                {getPriorityText(priority)}
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Atanan Kişi
-                          </label>
-                          <select
-                            value={individual.assignedTo || ''}
-                            onChange={(e) =>
-                              handleIndividualChange(plan.id, 'assignedTo', e.target.value)
-                            }
-                            className="w-full px-2 py-1 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                          >
-                            <option value="">Teknisyen seçin</option>
-                            {mockEmployees.map((employee) => (
-                              <option key={employee.id} value={employee.name}>
-                                {employee.name} ({employee.code})
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-                      </div>
-                    </div>
-                  )
-                })}
-              </div>
-            </div>
-          )}
-
-          {/* Warning for Bulk Order */}
-          {!commonSettings.createSeparateOrders && selectedPlans.length > 1 && (
-            <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-3">
-              <div className="flex items-start space-x-3">
-                <FaExclamationTriangle className="w-5 h-5 text-yellow-600 mt-0.5" />
-                <div>
-                  <h4 className="text-sm font-medium text-yellow-800">Toplu İş Emri Uyarısı</h4>
-                  <p className="text-sm text-yellow-700 mt-1">
-                    Toplu iş emri oluşturulduğunda, farklı iş merkezleri ve planlar tek bir iş emri
-                    altında birleştirilecektir. Bu durum takip ve raporlama açısından karmaşıklığa
-                    neden olabilir.
-                  </p>
-                </div>
-              </div>
-            </div>
-          )}
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-3 p-4 border-t border-gray-200">
-          <button
-            type="button"
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            type="button"
-            onClick={handleSave}
-            className="flex items-center space-x-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>İş {commonSettings.createSeparateOrders ? 'Emirlerini' : 'Emrini'} Oluştur</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default CreateWorkOrderModal
diff --git a/ui/src/views/maintenance/components/EditFaultNotificationModal.tsx b/ui/src/views/maintenance/components/EditFaultNotificationModal.tsx
deleted file mode 100644
index 7432dec5..00000000
--- a/ui/src/views/maintenance/components/EditFaultNotificationModal.tsx
+++ /dev/null
@@ -1,489 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave, FaUpload, FaMinus } from 'react-icons/fa'
-import {
-  PmFaultNotification,
-  FaultTypeEnum,
-  CriticalityLevelEnum,
-  NotificationStatusEnum,
-} from '../../../types/pm'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { PriorityEnum } from '../../../types/common'
-import {
-  getCriticalityLevelText,
-  getFaultTypeText,
-  getNotificationStatusText,
-  getPriorityText,
-} from '@/utils/erp'
-
-interface EditFaultNotificationModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (notification: PmFaultNotification) => void
-  notification: PmFaultNotification | null
-}
-
-const EditFaultNotificationModal: React.FC<EditFaultNotificationModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  notification,
-}) => {
-  const [notificationData, setNotificationData] = useState<Partial<PmFaultNotification>>({})
-  const [errors, setErrors] = useState<Record<string, string>>({})
-  const [uploadedImages, setUploadedImages] = useState<string[]>([])
-
-  useEffect(() => {
-    if (notification && isOpen) {
-      setNotificationData(notification)
-      setUploadedImages(notification.images || [])
-    }
-  }, [notification, isOpen])
-
-  if (!isOpen || !notification) return null
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!notificationData.workCenterId) {
-      newErrors.workCenterId = 'İş Merkezi seçimi gerekli'
-    }
-    if (!notificationData.title?.trim()) {
-      newErrors.title = 'Başlık gerekli'
-    }
-    if (!notificationData.description?.trim()) {
-      newErrors.description = 'Açıklama gerekli'
-    }
-    if (!notificationData.location?.trim()) {
-      newErrors.location = 'Konum gerekli'
-    }
-    if (!notificationData.reportedBy?.trim()) {
-      newErrors.reportedBy = 'Bildiren kişi gerekli'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleInputChange = (
-    field: keyof PmFaultNotification,
-    value: string | number | boolean | undefined,
-  ) => {
-    setNotificationData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-    // Clear error when user starts typing
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const handleWorkCenterChange = (workCenterId: string) => {
-    const selectedWorkCenter = mockWorkCenters.find((eq) => eq.id === workCenterId)
-    if (selectedWorkCenter) {
-      setNotificationData((prev) => ({
-        ...prev,
-        workCenterId: selectedWorkCenter.id,
-        workCenterCode: selectedWorkCenter.code,
-        workCenterName: selectedWorkCenter.name,
-        location: selectedWorkCenter.location,
-      }))
-    }
-  }
-
-  const handleImageUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
-    const files = event.target.files
-    if (files) {
-      const imageNames = Array.from(files).map((file) => file.name)
-      setUploadedImages((prev) => [...prev, ...imageNames])
-      setNotificationData((prev) => ({
-        ...prev,
-        images: [...(prev.images || []), ...imageNames],
-      }))
-    }
-  }
-
-  const removeImage = (index: number) => {
-    setUploadedImages((prev) => prev.filter((_, i) => i !== index))
-    setNotificationData((prev) => ({
-      ...prev,
-      images: prev.images?.filter((_, i) => i !== index) || [],
-    }))
-  }
-
-  const handleSave = () => {
-    if (validateForm()) {
-      const updatedNotification: PmFaultNotification = {
-        ...notification,
-        ...notificationData,
-        lastModificationTime: new Date(),
-      }
-
-      onSave(updatedNotification)
-      onClose()
-    }
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <h2 className="text-lg font-semibold text-gray-900">Arıza Bildirimini Düzenle</h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600 transition-colors">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Basic Info */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Bildirim Kodu *
-              </label>
-              <input
-                type="text"
-                value={notificationData.notificationCode || ''}
-                onChange={(e) => handleInputChange('notificationCode', e.target.value)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="ARZ-2024-001"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">İş Merkezi *</label>
-              <select
-                value={notificationData.workCenterId || ''}
-                onChange={(e) => handleWorkCenterChange(e.target.value)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.workCenterId ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                <option value="">İş merkezi seçin</option>
-                {mockWorkCenters.map((workcenter) => (
-                  <option key={workcenter.id} value={workcenter.id}>
-                    {workcenter.code} - {workcenter.name}
-                  </option>
-                ))}
-              </select>
-              {errors.workCenterId && (
-                <p className="text-red-500 text-sm mt-1">{errors.workCenterId}</p>
-              )}
-            </div>
-          </div>
-
-          {/* Title and Description */}
-          <div className="space-y-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Arıza Başlığı *
-              </label>
-              <input
-                type="text"
-                value={notificationData.title || ''}
-                onChange={(e) => handleInputChange('title', e.target.value)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.title ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Arıza başlığı"
-              />
-              {errors.title && <p className="text-red-500 text-sm mt-1">{errors.title}</p>}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Detaylı Açıklama *
-              </label>
-              <textarea
-                value={notificationData.description || ''}
-                onChange={(e) => handleInputChange('description', e.target.value)}
-                rows={3}
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.description ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Arızanın detaylı açıklaması, belirtiler ve gözlemler"
-              />
-              {errors.description && (
-                <p className="text-red-500 text-sm mt-1">{errors.description}</p>
-              )}
-            </div>
-          </div>
-
-          {/* Location and Reporter */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Konum *</label>
-              <input
-                type="text"
-                value={notificationData.location || ''}
-                onChange={(e) => handleInputChange('location', e.target.value)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.location ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Atölye A - Hat 1"
-              />
-              {errors.location && <p className="text-red-500 text-sm mt-1">{errors.location}</p>}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Bildiren Kişi *
-              </label>
-              <select
-                value={notificationData.reportedBy || ''}
-                onChange={(e) => handleInputChange('reportedBy', e.target.value)}
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.reportedBy ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                <option value="">Bildiren kişi seçin</option>
-                {mockEmployees.map((employee) => (
-                  <option key={employee.id} value={employee.name}>
-                    {employee.name} - {employee.jobPosition?.name}
-                  </option>
-                ))}
-              </select>
-              {errors.reportedBy && (
-                <p className="text-red-500 text-sm mt-1">{errors.reportedBy}</p>
-              )}
-            </div>
-          </div>
-
-          {/* Status and Assignment */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Durum</label>
-              <select
-                value={notificationData.status || NotificationStatusEnum.Open}
-                onChange={(e) =>
-                  handleInputChange('status', e.target.value as NotificationStatusEnum)
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(NotificationStatusEnum).map((status) => (
-                  <option key={status} value={status}>
-                    {getNotificationStatusText(status)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Atanan Kişi</label>
-              <select
-                value={notificationData.assignedTo || ''}
-                onChange={(e) => handleInputChange('assignedTo', e.target.value)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Atama yapın</option>
-                {mockEmployees.map((employee) => (
-                  <option key={employee.id} value={employee.name}>
-                    {employee.name} - {employee.jobPosition?.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Arıza Türü</label>
-              <select
-                value={notificationData.faultType || FaultTypeEnum.Mechanical}
-                onChange={(e) => handleInputChange('faultType', e.target.value as FaultTypeEnum)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(FaultTypeEnum).map((faultType) => (
-                  <option key={faultType} value={faultType}>
-                    {getFaultTypeText(faultType)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Öncelik</label>
-              <select
-                value={notificationData.priority || PriorityEnum.Normal}
-                onChange={(e) => handleInputChange('priority', e.target.value as PriorityEnum)}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(PriorityEnum).map((priority) => (
-                  <option key={priority} value={priority}>
-                    {getPriorityText(priority)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Kritiklik</label>
-              <select
-                value={notificationData.severity || CriticalityLevelEnum.Medium}
-                onChange={(e) =>
-                  handleInputChange('severity', e.target.value as CriticalityLevelEnum)
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(CriticalityLevelEnum).map((level) => (
-                  <option key={level} value={level}>
-                    {getCriticalityLevelText(level)}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          {/* Time and Resolution */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Tahmini Onarım Süresi (dakika)
-              </label>
-              <input
-                type="number"
-                value={notificationData.estimatedRepairTime || ''}
-                onChange={(e) =>
-                  handleInputChange('estimatedRepairTime', parseInt(e.target.value) || undefined)
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="120"
-                min="0"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Gerçek Onarım Süresi (dakika)
-              </label>
-              <input
-                type="number"
-                value={notificationData.actualRepairTime || ''}
-                onChange={(e) =>
-                  handleInputChange('actualRepairTime', parseInt(e.target.value) || undefined)
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="150"
-                min="0"
-              />
-            </div>
-          </div>
-
-          {/* Work Order ID */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">İş Emri ID</label>
-            <input
-              type="text"
-              value={notificationData.workOrderId || ''}
-              onChange={(e) => handleInputChange('workOrderId', e.target.value)}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="WO-2024-001"
-            />
-          </div>
-
-          {/* Resolution Notes */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">Çözüm Notları</label>
-            <textarea
-              value={notificationData.resolutionNotes || ''}
-              onChange={(e) => handleInputChange('resolutionNotes', e.target.value)}
-              rows={3}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="Çözüm detayları ve yapılan işlemler"
-            />
-          </div>
-
-          {/* Follow Up Required */}
-          <div className="flex items-center">
-            <label className="flex items-center">
-              <input
-                type="checkbox"
-                checked={notificationData.followUpRequired || false}
-                onChange={(e) => handleInputChange('followUpRequired', e.target.checked)}
-                className="rounded border-gray-300 text-blue-600 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
-              />
-              <span className="ml-2 text-sm text-gray-700">Takip gerekli</span>
-            </label>
-          </div>
-
-          {/* Image Upload */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">Fotoğraflar</label>
-            <div className="border-2 border-dashed border-gray-300 rounded-lg p-4">
-              <div className="text-center">
-                <FaUpload className="mx-auto h-10 w-10 text-gray-400" />
-                <div className="mt-4">
-                  <label htmlFor="image-upload" className="cursor-pointer">
-                    <span className="mt-2 block text-sm font-medium text-gray-900">
-                      Fotoğraf yükleyin
-                    </span>
-                    <span className="mt-1 block text-sm text-gray-500">
-                      PNG, JPG, GIF formatında dosyalar
-                    </span>
-                  </label>
-                  <input
-                    id="image-upload"
-                    name="image-upload"
-                    type="file"
-                    multiple
-                    accept="image/*"
-                    className="sr-only"
-                    onChange={handleImageUpload}
-                  />
-                </div>
-              </div>
-            </div>
-
-            {uploadedImages.length > 0 && (
-              <div className="mt-4">
-                <h4 className="text-sm font-medium text-gray-700 mb-2">Mevcut Fotoğraflar:</h4>
-                <div className="space-y-2">
-                  {uploadedImages.map((image, index) => (
-                    <div
-                      key={index}
-                      className="flex items-center justify-between p-1.5 bg-gray-50 rounded"
-                    >
-                      <span className="text-sm text-gray-600">{image}</span>
-                      <button
-                        type="button"
-                        onClick={() => removeImage(index)}
-                        className="text-red-600 hover:text-red-800"
-                      >
-                        <FaMinus className="w-3 h-3" />
-                      </button>
-                    </div>
-                  ))}
-                </div>
-              </div>
-            )}
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-3 p-4 border-t border-gray-200">
-          <button
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            onClick={handleSave}
-            className="px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center space-x-2"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>Güncelle</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default EditFaultNotificationModal
diff --git a/ui/src/views/maintenance/components/EditMaintenancePlanModal.tsx b/ui/src/views/maintenance/components/EditMaintenancePlanModal.tsx
deleted file mode 100644
index 334a169f..00000000
--- a/ui/src/views/maintenance/components/EditMaintenancePlanModal.tsx
+++ /dev/null
@@ -1,447 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave, FaPlus, FaMinus } from 'react-icons/fa'
-import {
-  PmMaintenancePlan,
-  MaintenancePlanTypeEnum,
-  FrequencyUnitEnum,
-  PmPlanMaterial,
-} from '../../../types/pm'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockUnits } from '../../../mocks/mockUnits'
-import { PriorityEnum } from '../../../types/common'
-import { getFrequencyUnitText, getMaintenancePlanTypeText, getPriorityText } from '@/utils/erp'
-
-interface EditMaintenancePlanModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (plan: PmMaintenancePlan) => void
-  plan: PmMaintenancePlan | null
-}
-
-const EditMaintenancePlanModal: React.FC<EditMaintenancePlanModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  plan,
-}) => {
-  const [planData, setPlanData] = useState<Partial<PmMaintenancePlan>>({})
-  const [requiredSkills, setRequiredSkills] = useState<string[]>([])
-  const [requiredMaterials, setRequiredMaterials] = useState<PmPlanMaterial[]>([])
-  const [newSkill, setNewSkill] = useState('')
-
-  useEffect(() => {
-    if (plan) {
-      setPlanData({
-        ...plan,
-        nextDue: plan.nextDue ? new Date(plan.nextDue) : new Date(),
-      })
-      setRequiredSkills(plan.requiredSkills || [])
-      setRequiredMaterials(plan.requiredMaterials || [])
-    }
-  }, [plan])
-
-  if (!isOpen || !plan) return null
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    setPlanData((prev) => ({
-      ...prev,
-      [name]: type === 'date' ? new Date(value) : type === 'number' ? Number(value) : value,
-    }))
-  }
-
-  const addSkill = () => {
-    if (newSkill.trim() && !requiredSkills.includes(newSkill.trim())) {
-      setRequiredSkills([...requiredSkills, newSkill.trim()])
-      setNewSkill('')
-    }
-  }
-
-  const removeSkill = (skillToRemove: string) => {
-    setRequiredSkills(requiredSkills.filter((skill) => skill !== skillToRemove))
-  }
-
-  const addMaterial = () => {
-    const newMaterial: PmPlanMaterial = {
-      id: `MAT${Date.now()}`,
-      planId: plan.id,
-      materialId: '',
-      quantity: 1,
-      unitId: '',
-      isRequired: true,
-    }
-    setRequiredMaterials([...requiredMaterials, newMaterial])
-  }
-
-  const removeMaterial = (index: number) => {
-    setRequiredMaterials(requiredMaterials.filter((_, i) => i !== index))
-  }
-
-  const updateMaterial = (index: number, field: string, value: string | number | boolean) => {
-    const updated = requiredMaterials.map((material, i) =>
-      i === index ? { ...material, [field]: value } : material,
-    )
-    setRequiredMaterials(updated)
-  }
-
-  const handleSave = () => {
-    const updatedPlan: PmMaintenancePlan = {
-      ...plan,
-      ...planData,
-      requiredSkills,
-      requiredMaterials,
-      lastModificationTime: new Date(),
-    } as PmMaintenancePlan
-
-    onSave(updatedPlan)
-    onClose()
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <h2 className="text-lg font-semibold text-gray-900">
-            Bakım Planı Düzenle - {plan.planCode}
-          </h2>
-          <button onClick={onClose} className="p-1 hover:bg-gray-100 rounded-lg transition-colors">
-            <FaTimes className="w-4 h-4 text-gray-500" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Basic Information */}
-          <div>
-            <h3 className="text-lg font-medium text-gray-900 mb-4">Temel Bilgiler</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Plan Kodu *</label>
-                <input
-                  type="text"
-                  name="planCode"
-                  value={planData.planCode || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">İş Merkezi *</label>
-                <select
-                  name="workCenterId"
-                  value={planData.workCenterId || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  required
-                >
-                  <option value="">İş Merkezi Seçin</option>
-                  {mockWorkCenters.map((workCenter) => (
-                    <option key={workCenter.id} value={workCenter.id}>
-                      {workCenter.code} - {workCenter.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Plan Tipi *</label>
-                <select
-                  name="planType"
-                  value={planData.planType || MaintenancePlanTypeEnum.Preventive}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(MaintenancePlanTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getMaintenancePlanTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Öncelik</label>
-                <select
-                  name="priority"
-                  value={planData.priority || PriorityEnum.Normal}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(PriorityEnum).map((priority) => (
-                    <option key={priority} value={priority}>
-                      {getPriorityText(priority)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div className="md:col-span-2">
-                <label className="block text-sm font-medium text-gray-700 mb-2">Açıklama *</label>
-                <textarea
-                  name="description"
-                  value={planData.description || ''}
-                  onChange={handleInputChange}
-                  rows={2}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  required
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Frequency Settings */}
-          <div>
-            <h3 className="text-lg font-medium text-gray-900 mb-4">Sıklık Ayarları</h3>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Sıklık *</label>
-                <input
-                  type="number"
-                  name="frequency"
-                  min="1"
-                  value={planData.frequency || 1}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Sıklık Birimi *
-                </label>
-                <select
-                  name="frequencyUnit"
-                  value={planData.frequencyUnit || FrequencyUnitEnum.Months}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(FrequencyUnitEnum).map((unit) => (
-                    <option key={unit} value={unit}>
-                      {getFrequencyUnitText(unit)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Tahmini Süre (dakika) *
-                </label>
-                <input
-                  type="number"
-                  name="estimatedDuration"
-                  min="1"
-                  value={planData.estimatedDuration || 60}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Sonraki Bakım Tarihi
-                </label>
-                <input
-                  type="date"
-                  name="nextDue"
-                  value={planData.nextDue ? planData.nextDue.toISOString().split('T')[0] : ''}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                />
-              </div>
-              <div className="flex items-center">
-                <label className="flex items-center space-x-2">
-                  <input
-                    type="checkbox"
-                    name="isActive"
-                    checked={planData.isActive !== false}
-                    onChange={(e) =>
-                      setPlanData((prev) => ({
-                        ...prev,
-                        isActive: e.target.checked,
-                      }))
-                    }
-                    className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                  />
-                  <span className="text-sm font-medium text-gray-700">Plan Aktif</span>
-                </label>
-              </div>
-            </div>
-          </div>
-
-          {/* Instructions */}
-          <div>
-            <h3 className="text-lg font-medium text-gray-900 mb-4">Bakım Talimatları</h3>
-            <textarea
-              name="instructions"
-              value={planData.instructions || ''}
-              onChange={handleInputChange}
-              rows={3}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="Detaylı bakım talimatları..."
-            />
-          </div>
-
-          {/* Required Skills */}
-          <div>
-            <div className="flex items-center justify-between mb-4">
-              <h3 className="text-lg font-medium text-gray-900">Gerekli Yetenekler</h3>
-              <div className="flex space-x-2">
-                <input
-                  type="text"
-                  value={newSkill}
-                  onChange={(e) => setNewSkill(e.target.value)}
-                  placeholder="Yetenek ekle"
-                  className="px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  onKeyPress={(e) => e.key === 'Enter' && addSkill()}
-                />
-                <button
-                  type="button"
-                  onClick={addSkill}
-                  className="px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700"
-                >
-                  <FaPlus className="w-4 h-4" />
-                </button>
-              </div>
-            </div>
-            <div className="flex flex-wrap gap-2">
-              {requiredSkills.map((skill, index) => (
-                <span
-                  key={index}
-                  className="inline-flex items-center px-2 py-1 bg-blue-100 text-blue-800 rounded-full text-xs"
-                >
-                  {skill}
-                  <button
-                    type="button"
-                    onClick={() => removeSkill(skill)}
-                    className="ml-2 text-blue-600 hover:text-blue-800"
-                  >
-                    ×
-                  </button>
-                </span>
-              ))}
-            </div>
-          </div>
-
-          {/* Required Materials */}
-          <div>
-            <div className="flex items-center justify-between mb-4">
-              <h3 className="text-lg font-medium text-gray-900">Gerekli Malzemeler</h3>
-              <button
-                type="button"
-                onClick={addMaterial}
-                className="flex items-center space-x-2 px-3 py-1.5 text-sm bg-green-600 text-white rounded-lg hover:bg-green-700"
-              >
-                <FaPlus className="w-4 h-4" />
-                <span>Malzeme Ekle</span>
-              </button>
-            </div>
-            <div className="space-y-3">
-              {requiredMaterials.map((material, index) => (
-                <div key={index} className="flex items-center space-x-2 p-2 bg-gray-50 rounded-lg">
-                  <select
-                    value={material.materialId}
-                    onChange={(e) => {
-                      const selectedMaterial = mockMaterials.find((m) => m.id === e.target.value)
-                      updateMaterial(index, 'materialId', e.target.value)
-                      if (selectedMaterial) {
-                        updateMaterial(index, 'unitId', selectedMaterial.baseUnitId)
-                      }
-                    }}
-                    className="flex-1 px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  >
-                    <option value="">Malzeme Seçin</option>
-                    {mockMaterials.map((mat) => (
-                      <option key={mat.id} value={mat.id}>
-                        {mat.code} - {mat.name}
-                      </option>
-                    ))}
-                  </select>
-                  <input
-                    type="number"
-                    value={material.quantity}
-                    onChange={(e) => updateMaterial(index, 'quantity', Number(e.target.value))}
-                    placeholder="Miktar"
-                    min="1"
-                    className="w-20 px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  />
-                  <select
-                    value={material.unitId}
-                    onChange={(e) => updateMaterial(index, 'unitId', e.target.value)}
-                    className="w-24 px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  >
-                    <option value="">Birim</option>
-                    {mockUnits.map((unit) => (
-                      <option key={unit.id} value={unit.id}>
-                        {unit.code}
-                      </option>
-                    ))}
-                    {/* Seçili malzemenin birimi varsa ve listede yoksa ekle */}
-                    {material.materialId &&
-                      (() => {
-                        const selectedMaterial = mockMaterials.find(
-                          (m) => m.id === material.materialId,
-                        )
-                        const baseUnit = selectedMaterial?.baseUnit
-                        const existsInList = mockUnits.some((unit) => unit.id === baseUnit?.id)
-                        if (baseUnit && !existsInList) {
-                          return (
-                            <option key={baseUnit.id} value={baseUnit.id}>
-                              {baseUnit.code}
-                            </option>
-                          )
-                        }
-                        return null
-                      })()}
-                  </select>
-                  <label className="flex items-center space-x-2">
-                    <input
-                      type="checkbox"
-                      checked={material.isRequired}
-                      onChange={(e) => updateMaterial(index, 'isRequired', e.target.checked)}
-                      className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                    />
-                    <span className="text-sm text-gray-700">Zorunlu</span>
-                  </label>
-                  <button
-                    type="button"
-                    onClick={() => removeMaterial(index)}
-                    className="p-2 text-red-600 hover:bg-red-50 rounded-lg"
-                  >
-                    <FaMinus className="w-4 h-4" />
-                  </button>
-                </div>
-              ))}
-              {requiredMaterials.length === 0 && (
-                <p className="text-gray-500 text-center py-4">
-                  Henüz malzeme eklenmedi. "Malzeme Ekle" butonunu kullanarak malzeme
-                  ekleyebilirsiniz.
-                </p>
-              )}
-            </div>
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-3 p-6 border-t border-gray-200">
-          <button
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            onClick={handleSave}
-            className="flex items-center space-x-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>Güncelle</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default EditMaintenancePlanModal
diff --git a/ui/src/views/maintenance/components/EditTeamModal.tsx b/ui/src/views/maintenance/components/EditTeamModal.tsx
deleted file mode 100644
index 0af5a71b..00000000
--- a/ui/src/views/maintenance/components/EditTeamModal.tsx
+++ /dev/null
@@ -1,359 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave, FaPlus, FaMinus } from 'react-icons/fa'
-import MultiSelectEmployee from '../../../components/common/MultiSelectEmployee'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { Team, TeamMember, TeamRoleEnum } from '../../../types/common'
-import { getTeamRoleText } from '@/utils/erp'
-
-interface EditTeamModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (team: Team) => void
-  team: Team | null
-}
-
-const EditTeamModal: React.FC<EditTeamModalProps> = ({ isOpen, onClose, onSave, team }) => {
-  const [teamData, setTeamData] = useState<Partial<Team>>({
-    code: '',
-    name: '',
-    description: '',
-    isActive: true,
-    specializations: [],
-    members: [],
-  })
-
-  const [selectedEmployees, setSelectedEmployees] = useState<string[]>([])
-  const [newSpecialization, setNewSpecialization] = useState('')
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  useEffect(() => {
-    if (team && isOpen) {
-      setTeamData(team)
-      const employeeNames = team.members
-        .filter((m) => m.isActive)
-        .map((m) => m.employee?.firstName + ' ' + m.employee?.lastName || '')
-      setSelectedEmployees(employeeNames)
-    }
-  }, [team, isOpen])
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!teamData.code?.trim()) {
-      newErrors.teamCode = 'Ekip kodu gerekli'
-    }
-    if (!teamData.name?.trim()) {
-      newErrors.teamName = 'Ekip adı gerekli'
-    }
-    if (!teamData.description?.trim()) {
-      newErrors.description = 'Açıklama gerekli'
-    }
-    if (!teamData.managerId) {
-      newErrors.leaderId = 'Ekip lideri seçilmeli'
-    }
-    if (selectedEmployees.length === 0) {
-      newErrors.members = 'En az bir ekip üyesi seçilmeli'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleInputChange = (field: keyof Team, value: string | boolean | string[]) => {
-    setTeamData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-    // Clear error when user starts typing
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const addSpecialization = () => {
-    if (newSpecialization.trim() && !teamData.specializations?.includes(newSpecialization.trim())) {
-      setTeamData((prev) => ({
-        ...prev,
-        specializations: [...(prev.specializations || []), newSpecialization.trim()],
-      }))
-      setNewSpecialization('')
-    }
-  }
-
-  const removeSpecialization = (index: number) => {
-    setTeamData((prev) => ({
-      ...prev,
-      specializations: prev.specializations?.filter((_, i) => i !== index) || [],
-    }))
-  }
-
-  const handleEmployeeSelection = (employees: string[]) => {
-    setSelectedEmployees(employees)
-    if (errors.members) {
-      setErrors((prev) => ({
-        ...prev,
-        members: '',
-      }))
-    }
-  }
-
-  const handleMemberRoleChange = (employeeName: string, role: TeamRoleEnum) => {
-    const employee = mockEmployees.find((emp) => emp.name === employeeName)
-    if (role === TeamRoleEnum.Lead && employee) {
-      handleInputChange('managerId', employee.id)
-    }
-  }
-
-  const handleSave = () => {
-    if (validateForm()) {
-      const members: TeamMember[] = selectedEmployees.map((employeeName, index) => {
-        const employee = mockEmployees.find((emp) => emp.name === employeeName)
-        const existingMember = team?.members.find(
-          (m) => m.employee?.firstName + ' ' + m.employee?.lastName === employeeName,
-        )
-        const isLeader = teamData.managerId === employee?.id
-
-        return {
-          id: existingMember?.id || `TM${Date.now()}-${index}`,
-          teamId: team?.id || '',
-          employeeId: employee?.id || '',
-          employee: mockEmployees.find((emp) => emp.id === employee?.id),
-          role: isLeader ? TeamRoleEnum.Lead : TeamRoleEnum.Member,
-          joinDate: existingMember?.joinDate || new Date(),
-          isActive: true,
-        }
-      })
-
-      const updatedTeam: Team = {
-        ...team!,
-        ...teamData,
-        managerId: teamData.managerId || '',
-        members,
-        lastModificationTime: new Date(),
-      }
-
-      onSave(updatedTeam)
-      onClose()
-    }
-  }
-
-  return (
-    isOpen &&
-    team && (
-      <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-        <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-          {/* Header */}
-          <div className="flex items-center justify-between p-3 border-b border-gray-200">
-            <h2 className="text-xl font-bold text-gray-900">Ekibi Düzenle</h2>
-            <button
-              onClick={onClose}
-              className="text-gray-400 hover:text-gray-600 transition-colors"
-            >
-              <FaTimes className="w-5 h-5" />
-            </button>
-          </div>
-
-          {/* Content */}
-          <div className="p-3 space-y-3">
-            {/* Basic Info */}
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Ekip Kodu *</label>
-                <input
-                  type="text"
-                  value={teamData.code || ''}
-                  onChange={(e) => handleInputChange('code', e.target.value)}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                    errors.code ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="MEC-001"
-                />
-                {errors.code && <p className="text-red-500 text-sm mt-1">{errors.code}</p>}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Ekip Adı *</label>
-                <input
-                  type="text"
-                  value={teamData.name || ''}
-                  onChange={(e) => handleInputChange('name', e.target.value)}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                    errors.name ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Mekanik Bakım Ekibi"
-                />
-                {errors.name && <p className="text-red-500 text-sm mt-1">{errors.name}</p>}
-              </div>
-            </div>
-
-            {/* Description */}
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Açıklama *</label>
-              <textarea
-                value={teamData.description || ''}
-                onChange={(e) => handleInputChange('description', e.target.value)}
-                rows={2}
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.description ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Ekip açıklaması ve sorumlulukları"
-              />
-              {errors.description && (
-                <p className="text-red-500 text-sm mt-1">{errors.description}</p>
-              )}
-            </div>
-
-            {/* Team Members */}
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Ekip Üyeleri *</label>
-              <MultiSelectEmployee
-                selectedEmployees={selectedEmployees}
-                onChange={handleEmployeeSelection}
-                placeholder="Ekip üyelerini seçin"
-                className={errors.members ? 'border-red-500' : ''}
-              />
-              {errors.members && <p className="text-red-500 text-sm mt-1">{errors.members}</p>}
-
-              {/* Selected Members Display */}
-              {selectedEmployees.length > 0 && (
-                <div className="mt-3 p-3 bg-gray-50 rounded-lg">
-                  <h4 className="text-sm font-medium text-gray-700 mb-2">Seçili Ekip Üyeleri:</h4>
-                  <div className="space-y-2">
-                    {selectedEmployees.map((employeeName, index) => {
-                      const employee = mockEmployees.find((emp) => emp.name === employeeName)
-                      return (
-                        <div
-                          key={index}
-                          className="flex items-center justify-between p-2 bg-white rounded border"
-                        >
-                          <div className="flex items-center space-x-3">
-                            <div className="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center">
-                              <span className="text-sm font-medium text-blue-600">
-                                {employee?.firstName?.charAt(0)}
-                                {employee?.lastName?.charAt(0)}
-                              </span>
-                            </div>
-                            <div>
-                              <p className="text-sm font-medium text-gray-900">{employeeName}</p>
-                              <p className="text-sm text-gray-600">{employee?.jobPosition?.name}</p>
-                            </div>
-                          </div>
-                          <div className="flex items-center space-x-2">
-                            <select
-                              value={
-                                teamData.managerId === employee?.id
-                                  ? TeamRoleEnum.Lead
-                                  : TeamRoleEnum.Member
-                              }
-                              onChange={(e) =>
-                                handleMemberRoleChange(employeeName, e.target.value as TeamRoleEnum)
-                              }
-                              className="text-xs px-2 py-1 border border-gray-300 rounded"
-                            >
-                              {Object.values(TeamRoleEnum)
-                                .filter((a) => a !== TeamRoleEnum.Manager)
-                                .map((role) => (
-                                  <option key={role} value={role}>
-                                    {getTeamRoleText(role)}
-                                  </option>
-                                ))}
-                            </select>
-                          </div>
-                        </div>
-                      )
-                    })}
-                  </div>
-                </div>
-              )}
-            </div>
-
-            {/* Specializations */}
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Uzmanlık Alanları
-              </label>
-              <div className="space-y-3">
-                <div className="flex space-x-2">
-                  <input
-                    type="text"
-                    value={newSpecialization}
-                    onChange={(e) => setNewSpecialization(e.target.value)}
-                    className="flex-1 px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    placeholder="Uzmanlık alanı ekle"
-                    onKeyPress={(e) => {
-                      if (e.key === 'Enter') {
-                        e.preventDefault()
-                        addSpecialization()
-                      }
-                    }}
-                  />
-                  <button
-                    type="button"
-                    onClick={addSpecialization}
-                    className="px-2.5 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700"
-                  >
-                    <FaPlus className="w-4 h-4" />
-                  </button>
-                </div>
-                {teamData.specializations && teamData.specializations.length > 0 && (
-                  <div className="flex flex-wrap gap-2">
-                    {teamData.specializations.map((spec, index) => (
-                      <span
-                        key={index}
-                        className="inline-flex items-center px-2 py-1 rounded-full text-xs bg-blue-100 text-blue-800"
-                      >
-                        {spec}
-                        <button
-                          type="button"
-                          onClick={() => removeSpecialization(index)}
-                          className="ml-2 text-blue-600 hover:text-blue-800"
-                        >
-                          <FaMinus className="w-3 h-3" />
-                        </button>
-                      </span>
-                    ))}
-                  </div>
-                )}
-              </div>
-            </div>
-
-            {/* Status */}
-            <div>
-              <label className="flex items-center">
-                <input
-                  type="checkbox"
-                  checked={teamData.isActive || false}
-                  onChange={(e) => handleInputChange('isActive', e.target.checked)}
-                  className="rounded border-gray-300 text-blue-600 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
-                />
-                <span className="ml-2 text-sm text-gray-700">Ekip aktif</span>
-              </label>
-            </div>
-          </div>
-
-          {/* Footer */}
-          <div className="flex items-center justify-end space-x-2 p-3 border-t border-gray-200">
-            <button
-              onClick={onClose}
-              className="px-2.5 py-1 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              onClick={handleSave}
-              className="px-2.5 py-1 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center space-x-2"
-            >
-              <FaSave className="w-4 h-4" />
-              <span>Güncelle</span>
-            </button>
-          </div>
-        </div>
-      </div>
-    )
-  )
-}
-
-export default EditTeamModal
diff --git a/ui/src/views/maintenance/components/EditWorkCenterModal.tsx b/ui/src/views/maintenance/components/EditWorkCenterModal.tsx
deleted file mode 100644
index f5df7ce1..00000000
--- a/ui/src/views/maintenance/components/EditWorkCenterModal.tsx
+++ /dev/null
@@ -1,451 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaPlus, FaMinus } from 'react-icons/fa'
-import {
-  PmWorkCenter,
-  WorkCenterStatusEnum,
-  CriticalityLevelEnum,
-  PmWorkCenterSpecification,
-} from '../../../types/pm'
-import { mockDepartments } from '../../../mocks/mockDepartments'
-import { getCriticalityLevelText, getWorkCenterStatusText } from '@/utils/erp'
-import { mockWorkCenterMachineTypes } from '@/mocks/mockWorkCenterMachineTypes'
-
-interface EditWorkCenterModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (workCenter: PmWorkCenter) => void
-  workCenter: PmWorkCenter
-}
-
-const EditWorkCenterModal: React.FC<EditWorkCenterModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  workCenter,
-}) => {
-  const [formData, setFormData] = useState<PmWorkCenter>(workCenter)
-  const [specifications, setSpecifications] = useState<PmWorkCenterSpecification[]>(
-    workCenter.specifications || [],
-  )
-
-  if (!isOpen || !workCenter) return null
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]: type === 'date' ? new Date(value) : value,
-    }))
-  }
-
-  const addSpecification = () => {
-    const newSpec: PmWorkCenterSpecification = {
-      id: `SPEC${Date.now()}`,
-      workCenterId: workCenter.id,
-      specificationName: '',
-      specificationValue: '',
-      unit: '',
-      isRequired: false,
-    }
-    setSpecifications([...specifications, newSpec])
-  }
-
-  const removeSpecification = (index: number) => {
-    setSpecifications(specifications.filter((_, i) => i !== index))
-  }
-
-  const updateSpecification = (index: number, field: string, value: string | boolean) => {
-    const updated = specifications.map((spec, i) =>
-      i === index ? { ...spec, [field]: value } : spec,
-    )
-    setSpecifications(updated)
-  }
-
-  const handleSave = () => {
-    const updatedWorkCenter = {
-      ...formData,
-      specifications,
-      lastModificationTime: new Date(),
-    }
-    onSave(updatedWorkCenter)
-    onClose()
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <h2 className="text-lg font-semibold text-gray-900">
-            İş Merkezi Düzenle - {workCenter.code}
-          </h2>
-          <button onClick={onClose} className="p-1 hover:bg-gray-100 rounded-lg transition-colors">
-            <FaTimes className="w-4 h-4 text-gray-500" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Basic Information */}
-          <div>
-            <h3 className="text-lg font-medium text-gray-900 mb-4">Temel Bilgiler</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  İş Merkezi Kodu *
-                </label>
-                <input
-                  type="text"
-                  name="workCenterCode"
-                  value={formData.code}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: CNC-001"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  İş Merkezi Adı *
-                </label>
-                <input
-                  type="text"
-                  name="name"
-                  value={formData.name}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: CNC Torna Tezgahı"
-                  required
-                />
-              </div>
-              <div className="md:col-span-2">
-                <label className="block text-sm font-medium text-gray-700 mb-2">Açıklama</label>
-                <textarea
-                  name="description"
-                  value={formData.description || ''}
-                  onChange={handleInputChange}
-                  rows={2}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="İş merkezi açıklaması..."
-                />
-              </div>
-            </div>
-          </div>
-
-          <h3 className="text-lg font-medium text-gray-900 mb-4">Teknik Özellikler</h3>
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Makine Türü</label>
-              <select
-                name="machineType"
-                value={formData.machineType?.id}
-                onChange={handleInputChange}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {mockWorkCenterMachineTypes.map((type) => (
-                  <option key={type.id} value={type.id}>
-                    {type.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Departman</label>
-
-              <select
-                value={formData.departmentId}
-                onChange={handleInputChange}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Departman Seçin...</option>
-                {mockDepartments.map((dept) => (
-                  <option key={dept.id} value={dept.id}>
-                    {dept.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Kapasite (saat/gün)
-              </label>
-              <input
-                type="number"
-                name="capacity"
-                min="1"
-                value={formData.capacity || 8}
-                onChange={handleInputChange}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Hazırlık Süresi (dakika)
-              </label>
-              <input
-                type="number"
-                name="setupTime"
-                min="0"
-                value={formData.setupTime || 0}
-                onChange={handleInputChange}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              />
-            </div>
-          </div>
-
-          {/* Technical Details */}
-          <div>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Üretici</label>
-                <input
-                  type="text"
-                  name="manufacturer"
-                  value={formData.manufacturer || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: HAAS Automation"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Model</label>
-                <input
-                  type="text"
-                  name="model"
-                  value={formData.model || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: ST-30"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Seri Numarası
-                </label>
-                <input
-                  type="text"
-                  name="serialNumber"
-                  value={formData.serialNumber || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: SN123456789"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Kurulum Tarihi *
-                </label>
-                <input
-                  type="date"
-                  name="installationDate"
-                  value={
-                    formData.installationDate
-                      ? formData.installationDate.toISOString().split('T')[0]
-                      : ''
-                  }
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Garanti Bitiş Tarihi
-                </label>
-                <input
-                  type="date"
-                  name="warrantyExpiry"
-                  value={
-                    formData.warrantyExpiry
-                      ? formData.warrantyExpiry.toISOString().split('T')[0]
-                      : ''
-                  }
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Lokasyon *</label>
-                <input
-                  type="text"
-                  name="location"
-                  value={formData.location}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: Atölye A - Hat 1"
-                  required
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Status and Priority */}
-          <div>
-            <h3 className="text-lg font-medium text-gray-900 mb-4">Durum ve Öncelik</h3>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Durum</label>
-                <select
-                  name="status"
-                  value={formData.status}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(WorkCenterStatusEnum).map((status) => (
-                    <option key={status} value={status}>
-                      {getWorkCenterStatusText(status)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Kritiklik Seviyesi
-                </label>
-                <select
-                  name="criticality"
-                  value={formData.criticality}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(CriticalityLevelEnum).map((level) => (
-                    <option key={level} value={level}>
-                      {getCriticalityLevelText(level)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Aktif Durum</label>
-                <select
-                  name="isActive"
-                  value={formData.isActive ? 'true' : 'false'}
-                  onChange={(e) =>
-                    setFormData((prev) => ({
-                      ...prev,
-                      isActive: e.target.value === 'true',
-                    }))
-                  }
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  <option value="true">Aktif</option>
-                  <option value="false">Pasif</option>
-                </select>
-              </div>
-            </div>
-          </div>
-
-          {/* Specifications */}
-          <div>
-            <div className="flex items-center justify-between mb-4">
-              <h3 className="text-lg font-medium text-gray-900">Teknik Özellikler</h3>
-              <button
-                type="button"
-                onClick={addSpecification}
-                className="flex items-center space-x-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700"
-              >
-                <FaPlus className="w-4 h-4" />
-                <span>Özellik Ekle</span>
-              </button>
-            </div>
-            <div className="space-y-3">
-              {specifications.map((spec, index) => (
-                <div key={index} className="flex items-center space-x-2 p-2 bg-gray-50 rounded-lg">
-                  <input
-                    type="text"
-                    value={spec.specificationName}
-                    onChange={(e) =>
-                      updateSpecification(index, 'specificationName', e.target.value)
-                    }
-                    placeholder="Özellik adı"
-                    className="flex-1 px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  />
-                  <input
-                    type="text"
-                    value={spec.specificationValue}
-                    onChange={(e) =>
-                      updateSpecification(index, 'specificationValue', e.target.value)
-                    }
-                    placeholder="Değer"
-                    className="flex-1 px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  />
-                  <input
-                    type="text"
-                    value={spec.unit || ''}
-                    onChange={(e) => updateSpecification(index, 'unit', e.target.value)}
-                    placeholder="Birim"
-                    className="w-20 px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  />
-                  <label className="flex items-center space-x-2">
-                    <input
-                      type="checkbox"
-                      checked={spec.isRequired}
-                      onChange={(e) => updateSpecification(index, 'isRequired', e.target.checked)}
-                      className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                    />
-                    <span className="text-sm text-gray-700">Zorunlu</span>
-                  </label>
-                  <button
-                    type="button"
-                    onClick={() => removeSpecification(index)}
-                    className="p-2 text-red-600 hover:bg-red-50 rounded-lg"
-                  >
-                    <FaMinus className="w-3 h-3" />
-                  </button>
-                </div>
-              ))}
-              {specifications.length === 0 && (
-                <p className="text-gray-500 text-center py-4">
-                  Henüz teknik özellik eklenmedi. "Özellik Ekle" butonunu kullanarak özellik
-                  ekleyebilirsiniz.
-                </p>
-              )}
-            </div>
-          </div>
-
-          {/* WorkCenter Information Summary */}
-          <div className="bg-gray-50 p-3 rounded-lg">
-            <h3 className="text-lg font-medium text-gray-900 mb-3">İş Merkezi Bilgi Özeti</h3>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
-              <div>
-                <span className="text-gray-600">Oluşturulma Tarihi:</span>
-                <p className="font-medium text-gray-900">
-                  {formData.creationTime.toLocaleDateString('tr-TR')}
-                </p>
-              </div>
-              <div>
-                <span className="text-gray-600">Son Güncelleme:</span>
-                <p className="font-medium text-gray-900">
-                  {formData.lastModificationTime.toLocaleDateString('tr-TR')}
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-3 p-4 border-t border-gray-200">
-          <button
-            type="button"
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            type="button"
-            onClick={handleSave}
-            className="flex items-center space-x-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>Kaydet</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default EditWorkCenterModal
diff --git a/ui/src/views/maintenance/components/EditWorkOrderModal.tsx b/ui/src/views/maintenance/components/EditWorkOrderModal.tsx
deleted file mode 100644
index e46ecd19..00000000
--- a/ui/src/views/maintenance/components/EditWorkOrderModal.tsx
+++ /dev/null
@@ -1,779 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaPlus, FaTrash, FaCalendar, FaClock, FaSave } from 'react-icons/fa'
-import {
-  PmMaintenanceWorkOrder,
-  WorkOrderTypeEnum,
-  WorkOrderStatusEnum,
-  PmWorkOrderMaterial,
-  PmWorkOrderActivity,
-} from '../../../types/pm'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import { mockMaintenanceTeams } from '../../../mocks/mockMaintenanceTeams'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { PriorityEnum } from '../../../types/common'
-import { getPriorityText, getWorkOrderStatusText, getWorkOrderTypeText } from '@/utils/erp'
-
-interface EditWorkOrderModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (workOrder: PmMaintenanceWorkOrder) => void
-  workOrder: PmMaintenanceWorkOrder
-}
-
-const EditWorkOrderModal: React.FC<EditWorkOrderModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  workOrder,
-}) => {
-  const [formData, setFormData] = useState({
-    workOrderNumber: '',
-    workCenterId: '',
-    orderType: WorkOrderTypeEnum.Corrective,
-    priority: PriorityEnum.Normal,
-    status: WorkOrderStatusEnum.Created,
-    description: '',
-    reportedBy: '',
-    assignedTo: '',
-    maintenanceTeamId: '',
-    scheduledStart: '',
-    scheduledEnd: '',
-    actualStart: '',
-    actualEnd: '',
-    estimatedCost: 0,
-    actualCost: 0,
-    notes: '',
-    completionNotes: '',
-  })
-
-  const [materials, setMaterials] = useState<PmWorkOrderMaterial[]>([])
-  const [activities, setActivities] = useState<PmWorkOrderActivity[]>([])
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  useEffect(() => {
-    if (workOrder && isOpen) {
-      setFormData({
-        workOrderNumber: workOrder.workOrderNumber,
-        workCenterId: workOrder.workCenterId,
-        orderType: workOrder.orderType,
-        priority: workOrder.priority,
-        status: workOrder.status,
-        description: workOrder.description,
-        reportedBy: workOrder.reportedBy,
-        assignedTo: workOrder.assignedTo || '',
-        maintenanceTeamId: workOrder.maintenanceTeamId || '',
-        scheduledStart: workOrder.scheduledStart
-          ? workOrder.scheduledStart.toISOString().slice(0, 16)
-          : '',
-        scheduledEnd: workOrder.scheduledEnd
-          ? workOrder.scheduledEnd.toISOString().slice(0, 16)
-          : '',
-        actualStart: workOrder.actualStart ? workOrder.actualStart.toISOString().slice(0, 16) : '',
-        actualEnd: workOrder.actualEnd ? workOrder.actualEnd.toISOString().slice(0, 16) : '',
-        estimatedCost: workOrder.estimatedCost,
-        actualCost: workOrder.actualCost,
-        notes: workOrder.notes || '',
-        completionNotes: workOrder.completionNotes || '',
-      })
-      setMaterials(workOrder.materials)
-      setActivities(workOrder.activities)
-    }
-  }, [workOrder, isOpen])
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.description.trim()) {
-      newErrors.description = 'Açıklama alanı zorunludur'
-    }
-    if (!formData.workCenterId) {
-      newErrors.workCenterId = 'İş merkezi seçimi zorunludur'
-    }
-    if (!formData.reportedBy.trim()) {
-      newErrors.reportedBy = 'Bildiren kişi zorunludur'
-    }
-    if (formData.estimatedCost < 0) {
-      newErrors.estimatedCost = 'Tahmini maliyet negatif olamaz'
-    }
-    if (formData.actualCost < 0) {
-      newErrors.actualCost = 'Gerçek maliyet negatif olamaz'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (!validateForm()) return
-
-    const updatedWorkOrder: PmMaintenanceWorkOrder = {
-      ...workOrder,
-      workOrderNumber: formData.workOrderNumber,
-      workCenterId: formData.workCenterId,
-      orderType: formData.orderType,
-      priority: formData.priority,
-      status: formData.status,
-      description: formData.description,
-      reportedBy: formData.reportedBy,
-      assignedTo: formData.assignedTo || undefined,
-      maintenanceTeamId: formData.maintenanceTeamId || undefined,
-      scheduledStart: formData.scheduledStart ? new Date(formData.scheduledStart) : undefined,
-      scheduledEnd: formData.scheduledEnd ? new Date(formData.scheduledEnd) : undefined,
-      actualStart: formData.actualStart ? new Date(formData.actualStart) : undefined,
-      actualEnd: formData.actualEnd ? new Date(formData.actualEnd) : undefined,
-      estimatedCost: formData.estimatedCost,
-      actualCost: formData.actualCost,
-      materials,
-      activities,
-      notes: formData.notes || undefined,
-      completionNotes: formData.completionNotes || undefined,
-      lastModificationTime: new Date(),
-    }
-
-    onSave(updatedWorkOrder)
-    onClose()
-  }
-
-  const addMaterial = () => {
-    const newMaterial: PmWorkOrderMaterial = {
-      id: `mat-${Date.now()}`,
-      workOrderId: workOrder.id,
-      materialId: '',
-      materialCode: '',
-      materialName: '',
-      plannedQuantity: 1,
-      actualQuantity: 0,
-      unitCost: 0,
-      totalCost: 0,
-    }
-    setMaterials([...materials, newMaterial])
-  }
-
-  const removeMaterial = (index: number) => {
-    setMaterials(materials.filter((_, i) => i !== index))
-  }
-
-  const updateMaterial = (index: number, field: string, value: string | number) => {
-    const updated = [...materials]
-    if (field === 'materialId') {
-      const selectedMaterial = mockMaterials.find((m) => m.id === value)
-      if (selectedMaterial) {
-        updated[index] = {
-          ...updated[index],
-          materialId: value as string,
-          materialCode: selectedMaterial.code,
-          materialName: selectedMaterial.name,
-          unitCost: selectedMaterial.costPrice,
-          totalCost: updated[index].plannedQuantity * selectedMaterial.costPrice,
-        }
-      }
-    } else {
-      const material = updated[index]
-      if (field === 'plannedQuantity') {
-        material.plannedQuantity = value as number
-        material.totalCost = material.plannedQuantity * material.unitCost
-      } else if (field === 'actualQuantity') {
-        material.actualQuantity = value as number
-      } else if (field === 'unitCost') {
-        material.unitCost = value as number
-        material.totalCost = material.plannedQuantity * material.unitCost
-      }
-    }
-    setMaterials(updated)
-  }
-
-  const addActivity = () => {
-    const newActivity: PmWorkOrderActivity = {
-      id: `act-${Date.now()}`,
-      workOrderId: workOrder.id,
-      activityDescription: '',
-      plannedDuration: 60,
-      actualDuration: 0,
-      performedBy: '',
-      notes: '',
-    }
-    setActivities([...activities, newActivity])
-  }
-
-  const removeActivity = (index: number) => {
-    setActivities(activities.filter((_, i) => i !== index))
-  }
-
-  const updateActivity = (index: number, field: string, value: string | number) => {
-    const updated = [...activities]
-    const activity = updated[index]
-    if (field === 'activityDescription') {
-      activity.activityDescription = value as string
-    } else if (field === 'plannedDuration') {
-      activity.plannedDuration = value as number
-    } else if (field === 'actualDuration') {
-      activity.actualDuration = value as number
-    } else if (field === 'performedBy') {
-      activity.performedBy = value as string
-    } else if (field === 'notes') {
-      activity.notes = value as string
-    }
-    setActivities(updated)
-  }
-
-  const toggleActivityCompletion = (index: number) => {
-    const updated = [...activities]
-    const activity = updated[index]
-    if (activity.completedAt) {
-      activity.completedAt = undefined
-    } else {
-      activity.completedAt = new Date()
-    }
-    setActivities(updated)
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg p-4 w-full max-w-5xl mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between mb-4">
-          <h3 className="text-lg font-semibold text-gray-900 flex items-center">
-            <FaSave className="w-5 h-5 mr-2 text-blue-600" />
-            İş Emrini Düzenle
-          </h3>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="space-y-4">
-          {/* Basic Information */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">İş Emri No</label>
-              <input
-                type="text"
-                value={formData.workOrderNumber}
-                onChange={(e) => setFormData({ ...formData, workOrderNumber: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                readOnly
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Durum</label>
-              <select
-                value={formData.status}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    status: e.target.value as WorkOrderStatusEnum,
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(WorkOrderStatusEnum).map((status) => (
-                  <option key={status} value={status}>
-                    {getWorkOrderStatusText(status)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">İş Merkezi *</label>
-              <select
-                value={formData.workCenterId}
-                onChange={(e) => setFormData({ ...formData, workCenterId: e.target.value })}
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.workCenterId ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                <option value="">İş Merkezi Seçin</option>
-                {mockWorkCenters.map((workCenter) => (
-                  <option key={workCenter.id} value={workCenter.id}>
-                    {workCenter.code} - {workCenter.name}
-                  </option>
-                ))}
-              </select>
-              {errors.workCenterId && (
-                <p className="mt-1 text-sm text-red-600">{errors.workCenterId}</p>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">İş Emri Tipi</label>
-              <select
-                value={formData.orderType}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    orderType: e.target.value as WorkOrderTypeEnum,
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(WorkOrderTypeEnum).map((type) => (
-                  <option key={type} value={type}>
-                    {getWorkOrderTypeText(type)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Öncelik</label>
-              <select
-                value={formData.priority}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    priority: e.target.value as PriorityEnum,
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(PriorityEnum).map((priority) => (
-                  <option key={priority} value={priority}>
-                    {getPriorityText(priority)}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">Açıklama *</label>
-            <textarea
-              value={formData.description}
-              onChange={(e) => setFormData({ ...formData, description: e.target.value })}
-              rows={2}
-              className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                errors.description ? 'border-red-500' : 'border-gray-300'
-              }`}
-              placeholder="İş emri açıklaması..."
-            />
-            {errors.description && (
-              <p className="mt-1 text-sm text-red-600">{errors.description}</p>
-            )}
-          </div>
-
-          {/* Assignment */}
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Bildiren *</label>
-              <input
-                type="text"
-                value={formData.reportedBy}
-                onChange={(e) => setFormData({ ...formData, reportedBy: e.target.value })}
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.reportedBy ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Bildiren kişi adı"
-              />
-              {errors.reportedBy && (
-                <p className="mt-1 text-sm text-red-600">{errors.reportedBy}</p>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Atanan Kişi</label>
-              <select
-                value={formData.assignedTo}
-                onChange={(e) => setFormData({ ...formData, assignedTo: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Kişi Seçin</option>
-                {mockEmployees.map((employee) => (
-                  <option key={employee.id} value={employee.name}>
-                    {employee.name} - {employee.jobPosition?.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Bakım Ekibi</label>
-              <select
-                value={formData.maintenanceTeamId}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    maintenanceTeamId: e.target.value,
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Ekip Seçin</option>
-                {mockMaintenanceTeams.map((team) => (
-                  <option key={team.id} value={team.id}>
-                    {team.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          {/* Schedule */}
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-6">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                <FaCalendar className="w-4 h-4 inline mr-2" />
-                Planlanan Başlangıç
-              </label>
-              <input
-                type="datetime-local"
-                value={formData.scheduledStart}
-                onChange={(e) => setFormData({ ...formData, scheduledStart: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                <FaCalendar className="w-4 h-4 inline mr-2" />
-                Planlanan Bitiş
-              </label>
-              <input
-                type="datetime-local"
-                value={formData.scheduledEnd}
-                onChange={(e) => setFormData({ ...formData, scheduledEnd: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                <FaCalendar className="w-4 h-4 inline mr-2" />
-                Gerçek Başlangıç
-              </label>
-              <input
-                type="datetime-local"
-                value={formData.actualStart}
-                onChange={(e) => setFormData({ ...formData, actualStart: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                <FaCalendar className="w-4 h-4 inline mr-2" />
-                Gerçek Bitiş
-              </label>
-              <input
-                type="datetime-local"
-                value={formData.actualEnd}
-                onChange={(e) => setFormData({ ...formData, actualEnd: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              />
-            </div>
-          </div>
-
-          {/* Costs */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Tahmini Maliyet
-              </label>
-              <input
-                type="number"
-                min="0"
-                step="0.01"
-                value={formData.estimatedCost}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    estimatedCost: parseFloat(e.target.value) || 0,
-                  })
-                }
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.estimatedCost ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="0.00"
-              />
-              {errors.estimatedCost && (
-                <p className="mt-1 text-sm text-red-600">{errors.estimatedCost}</p>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Gerçek Maliyet</label>
-              <input
-                type="number"
-                min="0"
-                step="0.01"
-                value={formData.actualCost}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    actualCost: parseFloat(e.target.value) || 0,
-                  })
-                }
-                className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.actualCost ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="0.00"
-              />
-              {errors.actualCost && (
-                <p className="mt-1 text-sm text-red-600">{errors.actualCost}</p>
-              )}
-            </div>
-          </div>
-
-          {/* Materials */}
-          <div>
-            <div className="flex items-center justify-between mb-4">
-              <h4 className="text-lg font-medium text-gray-900">Malzemeler</h4>
-              <button
-                type="button"
-                onClick={addMaterial}
-                className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center space-x-2"
-              >
-                <FaPlus className="w-4 h-4" />
-                <span>Malzeme Ekle</span>
-              </button>
-            </div>
-
-            {materials.map((material, index) => (
-              <div key={material.id || index} className="bg-gray-50 p-3 rounded-lg mb-2">
-                <div className="grid grid-cols-1 md:grid-cols-6 gap-4">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Malzeme</label>
-                    <select
-                      value={material.materialId}
-                      onChange={(e) => updateMaterial(index, 'materialId', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    >
-                      <option value="">Malzeme Seçin</option>
-                      {mockMaterials.map((mat) => (
-                        <option key={mat.id} value={mat.id}>
-                          {mat.code} - {mat.name}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Planlanan
-                    </label>
-                    <input
-                      type="number"
-                      min="0"
-                      value={material.plannedQuantity}
-                      onChange={(e) =>
-                        updateMaterial(index, 'plannedQuantity', parseInt(e.target.value) || 0)
-                      }
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Kullanılan
-                    </label>
-                    <input
-                      type="number"
-                      min="0"
-                      value={material.actualQuantity}
-                      onChange={(e) =>
-                        updateMaterial(index, 'actualQuantity', parseInt(e.target.value) || 0)
-                      }
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Birim Fiyat
-                    </label>
-                    <input
-                      type="number"
-                      min="0"
-                      step="0.01"
-                      value={material.unitCost}
-                      onChange={(e) =>
-                        updateMaterial(index, 'unitCost', parseFloat(e.target.value) || 0)
-                      }
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Toplam</label>
-                    <input
-                      type="text"
-                      value={`₺${material.totalCost.toFixed(2)}`}
-                      readOnly
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg bg-gray-100"
-                    />
-                  </div>
-                  <div className="flex items-end">
-                    <button
-                      type="button"
-                      onClick={() => removeMaterial(index)}
-                      className="text-red-600 hover:text-red-800 p-2"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-
-          {/* Activities */}
-          <div>
-            <div className="flex items-center justify-between mb-4">
-              <h4 className="text-lg font-medium text-gray-900">Aktiviteler</h4>
-              <button
-                type="button"
-                onClick={addActivity}
-                className="bg-green-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-green-700 flex items-center space-x-2"
-              >
-                <FaPlus className="w-4 h-4" />
-                <span>Aktivite Ekle</span>
-              </button>
-            </div>
-
-            {activities.map((activity, index) => (
-              <div key={activity.id || index} className="bg-gray-50 p-3 rounded-lg mb-2">
-                <div className="grid grid-cols-1 md:grid-cols-6 gap-4">
-                  <div className="md:col-span-2">
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Aktivite Açıklaması
-                    </label>
-                    <input
-                      type="text"
-                      value={activity.activityDescription}
-                      onChange={(e) => updateActivity(index, 'activityDescription', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                      placeholder="Aktivite açıklaması"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      <FaClock className="w-4 h-4 inline mr-1" />
-                      Planlanan (dk)
-                    </label>
-                    <input
-                      type="number"
-                      min="0"
-                      value={activity.plannedDuration}
-                      onChange={(e) =>
-                        updateActivity(index, 'plannedDuration', parseInt(e.target.value) || 0)
-                      }
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      <FaClock className="w-4 h-4 inline mr-1" />
-                      Gerçek (dk)
-                    </label>
-                    <input
-                      type="number"
-                      min="0"
-                      value={activity.actualDuration}
-                      onChange={(e) =>
-                        updateActivity(index, 'actualDuration', parseInt(e.target.value) || 0)
-                      }
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Yapan</label>
-                    <input
-                      type="text"
-                      value={activity.performedBy}
-                      onChange={(e) => updateActivity(index, 'performedBy', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                      placeholder="Yapan kişi"
-                    />
-                  </div>
-                  <div className="flex items-end space-x-2">
-                    <button
-                      type="button"
-                      onClick={() => toggleActivityCompletion(index)}
-                      className={`px-3 py-2 rounded text-xs ${
-                        activity.completedAt
-                          ? 'bg-green-600 text-white'
-                          : 'bg-gray-300 text-gray-700'
-                      }`}
-                    >
-                      {activity.completedAt ? 'Tamamlandı' : 'Bekliyor'}
-                    </button>
-                    <button
-                      type="button"
-                      onClick={() => removeActivity(index)}
-                      className="text-red-600 hover:text-red-800 p-2"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-                {activity.notes !== undefined && (
-                  <div className="mt-3">
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Aktivite Notları
-                    </label>
-                    <textarea
-                      value={activity.notes}
-                      onChange={(e) => updateActivity(index, 'notes', e.target.value)}
-                      rows={1}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                      placeholder="Aktivite hakkında notlar..."
-                    />
-                  </div>
-                )}
-              </div>
-            ))}
-          </div>
-
-          {/* Notes */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                İş Emri Notları
-              </label>
-              <textarea
-                value={formData.notes}
-                onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
-                rows={2}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="Genel notlar..."
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Tamamlanma Notları
-              </label>
-              <textarea
-                value={formData.completionNotes}
-                onChange={(e) => setFormData({ ...formData, completionNotes: e.target.value })}
-                rows={2}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="Tamamlanma ile ilgili notlar..."
-              />
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end space-x-3 pt-4 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-2 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-4 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center space-x-2"
-            >
-              <FaSave className="w-4 h-4" />
-              <span>Kaydet</span>
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default EditWorkOrderModal
diff --git a/ui/src/views/maintenance/components/FaultNotifications.tsx b/ui/src/views/maintenance/components/FaultNotifications.tsx
deleted file mode 100644
index 91096240..00000000
--- a/ui/src/views/maintenance/components/FaultNotifications.tsx
+++ /dev/null
@@ -1,555 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaExclamationTriangle,
-  FaClock,
-  FaUser,
-  FaMapMarkerAlt,
-  FaEdit,
-  FaTrash,
-  FaEye,
-  FaFileAlt,
-  FaCamera,
-  FaPhone,
-} from 'react-icons/fa'
-import { NotificationStatusEnum, PmFaultNotification, PmWorkCenter } from '../../../types/pm'
-import { mockFaultNotifications } from '../../../mocks/mockFaultNotifications'
-import NewFaultNotificationModal from './NewFaultNotificationModal'
-import ViewFaultNotificationModal from './ViewFaultNotificationModal'
-import EditFaultNotificationModal from './EditFaultNotificationModal'
-import CreateWorkOrderFromNotificationModal from './CreateWorkOrderFromNotificationModal'
-import AssignNotificationModal from './AssignNotificationModal'
-import ChangeNotificationStatusModal from './ChangeNotificationStatusModal'
-import Widget from '../../../components/common/Widget'
-import { PriorityEnum } from '../../../types/common'
-import {
-  getFaultTypeColor,
-  getFaultTypeText,
-  getPriorityColor,
-  getPriorityText,
-  getCriticalityLevelColor,
-  getNotificationStatusColor,
-  getNotificationStatusIcon,
-  getNotificationStatusText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-interface AssignmentData {
-  notificationIds: string[]
-  assignedTo?: string
-  teamId?: string
-}
-
-interface StatusChangeData {
-  notificationIds: string[]
-  status: NotificationStatusEnum
-}
-
-const FaultNotifications: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<NotificationStatusEnum | 'all'>('all')
-  const [priorityFilter, setPriorityFilter] = useState<PriorityEnum | 'all'>('all')
-  const [showModal, setShowModal] = useState(false)
-  const [editingNotification, setEditingNotification] = useState<PmFaultNotification | null>(null)
-  const [viewingNotification, setViewingNotification] = useState<PmFaultNotification | null>(null)
-  const [selectedNotifications, setSelectedNotifications] = useState<string[]>([])
-  const [showCreateWorkOrderModal, setShowCreateWorkOrderModal] = useState(false)
-  const [showAssignModal, setShowAssignModal] = useState(false)
-  const [showStatusChangeModal, setShowStatusChangeModal] = useState(false)
-
-  // Mock data - replace with actual API calls
-  const [notifications, setNotifications] = useState<PmFaultNotification[]>(mockFaultNotifications)
-
-  const filteredNotifications = notifications.filter((notification) => {
-    const matchesSearch =
-      notification.notificationCode.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      notification.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      notification.workCenter.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      notification.reportedBy.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesStatus = statusFilter === 'all' || notification.status === statusFilter
-    const matchesPriority = priorityFilter === 'all' || notification.priority === priorityFilter
-    return matchesSearch && matchesStatus && matchesPriority
-  })
-
-  const getTimeAgo = (date: Date) => {
-    const now = new Date()
-    const diffInMs = now.getTime() - date.getTime()
-    const diffInHours = Math.floor(diffInMs / (1000 * 60 * 60))
-    const diffInDays = Math.floor(diffInMs / (1000 * 60 * 60 * 24))
-
-    if (diffInHours < 1) {
-      const diffInMinutes = Math.floor(diffInMs / (1000 * 60))
-      return `${diffInMinutes} dakika önce`
-    } else if (diffInHours < 24) {
-      return `${diffInHours} saat önce`
-    } else {
-      return `${diffInDays} gün önce`
-    }
-  }
-
-  const handleAddNotification = () => {
-    setEditingNotification(null)
-    setShowModal(true)
-  }
-
-  const handleEdit = (notification: PmFaultNotification) => {
-    setEditingNotification(notification)
-    setShowModal(true)
-  }
-
-  const handleView = (notification: PmFaultNotification) => {
-    setViewingNotification(notification)
-  }
-
-  const handleSelectNotification = (notificationId: string) => {
-    setSelectedNotifications((prev) =>
-      prev.includes(notificationId)
-        ? prev.filter((id) => id !== notificationId)
-        : [...prev, notificationId],
-    )
-  }
-
-  const handleSaveNotification = (notificationData: Partial<PmFaultNotification>) => {
-    if (editingNotification) {
-      // Update existing notification
-      setNotifications((prev) =>
-        prev.map((n) => (n.id === editingNotification.id ? { ...n, ...notificationData } : n)),
-      )
-    } else {
-      // Add new notification
-      setNotifications((prev) => [...prev, notificationData as PmFaultNotification])
-    }
-  }
-
-  const handleCreateWorkOrder = () => {
-    setShowCreateWorkOrderModal(true)
-  }
-
-  const handleAssignNotifications = () => {
-    setShowAssignModal(true)
-  }
-
-  const handleChangeStatus = () => {
-    setShowStatusChangeModal(true)
-  }
-
-  const handleWorkOrderSave = (workOrderData: PmWorkCenter) => {
-    console.log('İş emri oluşturuldu:', workOrderData)
-    // Here you would typically save to backend
-    setSelectedNotifications([])
-  }
-
-  const handleAssignmentSave = (assignmentData: AssignmentData) => {
-    console.log('Atama yapıldı:', assignmentData)
-    // Here you would typically save to backend
-    // Update notifications with assignment
-    setNotifications((prev) =>
-      prev.map((n) =>
-        assignmentData.notificationIds.includes(n.id)
-          ? {
-              ...n,
-              assignedTo: assignmentData.assignedTo,
-              status: NotificationStatusEnum.Assigned,
-            }
-          : n,
-      ),
-    )
-    setSelectedNotifications([])
-  }
-
-  const handleStatusChangeSave = (statusChangeData: StatusChangeData) => {
-    console.log('Durum değiştirildi:', statusChangeData)
-    // Here you would typically save to backend
-    // Update notifications with new status
-    setNotifications((prev) =>
-      prev.map((n) =>
-        statusChangeData.notificationIds.includes(n.id)
-          ? {
-              ...n,
-              status: statusChangeData.status,
-              lastModificationTime: new Date(),
-            }
-          : n,
-      ),
-    )
-    setSelectedNotifications([])
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Arıza Bildirimleri</h2>
-            <p className="text-gray-600">İş merkezi arızalarını takip edin ve yönetin</p>
-          </div>
-          <button
-            onClick={handleAddNotification}
-            className="bg-blue-600 text-white px-3 py-1.5 rounded-lg hover:bg-blue-700 flex items-center space-x-2 text-sm"
-          >
-            <FaPlus className="w-4 h-4" />
-            <span>Yeni Bildirim</span>
-          </button>
-        </div>
-
-        {/* Summary Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-5 gap-4">
-          <Widget
-            title="Toplam"
-            value={notifications.length}
-            color="gray"
-            icon="FaExclamationTriangle"
-          />
-
-          <Widget
-            title="Açık"
-            value={notifications.filter((n) => n.status === NotificationStatusEnum.Open).length}
-            color="red"
-            icon="FaExclamationTriangle"
-          />
-
-          <Widget
-            title="Devam Ediyor"
-            value={
-              notifications.filter((n) => n.status === NotificationStatusEnum.InProgress).length
-            }
-            color="orange"
-            icon="FaClock"
-          />
-
-          <Widget
-            title="Çözüldü"
-            value={notifications.filter((n) => n.status === NotificationStatusEnum.Resolved).length}
-            color="green"
-            icon="FaCheckCircle"
-          />
-
-          <Widget
-            title="Acil"
-            value={notifications.filter((n) => n.priority === PriorityEnum.Urgent).length}
-            color="red"
-            icon="FaTimesCircle"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex space-x-4">
-          <div className="flex-1 relative">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-            <input
-              type="text"
-              placeholder="Bildirim ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <div className="relative">
-            <FaFilter className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-            <select
-              value={statusFilter}
-              onChange={(e) => setStatusFilter(e.target.value as NotificationStatusEnum | 'all')}
-              className="pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              {Object.values(NotificationStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getNotificationStatusText(status)}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div className="relative">
-            <select
-              value={priorityFilter}
-              onChange={(e) => setPriorityFilter(e.target.value as PriorityEnum | 'all')}
-              className="pl-4 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              <option value="all">Tüm Öncelikler</option>
-              {Object.values(PriorityEnum).map((priority) => (
-                <option key={priority} value={priority}>
-                  {getPriorityText(priority)}
-                </option>
-              ))}
-            </select>
-          </div>
-        </div>
-
-        {/* Notifications List */}
-        <div className="space-y-3 pt-2">
-          {filteredNotifications.map((notification) => (
-            <div
-              key={notification.id}
-              className={`bg-white rounded-lg shadow-md border-l-4 p-4 hover:shadow-lg transition-shadow ${getCriticalityLevelColor(
-                notification.severity,
-              )}`}
-            >
-              <div className="flex items-start justify-between">
-                <div className="flex items-start space-x-4 flex-1">
-                  <input
-                    type="checkbox"
-                    checked={selectedNotifications.includes(notification.id)}
-                    onChange={() => handleSelectNotification(notification.id)}
-                    className="mt-1 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                  />
-
-                  <div className="flex-1">
-                    <div className="flex items-center space-x-3 mb-2">
-                      <h3 className="text-lg font-semibold text-gray-900">
-                        {notification.notificationCode}
-                      </h3>
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium flex items-center space-x-1 ${getNotificationStatusColor(
-                          notification.status,
-                        )}`}
-                      >
-                        {getNotificationStatusIcon(notification.status)}
-                        <span>{getNotificationStatusText(notification.status)}</span>
-                      </span>
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${getPriorityColor(
-                          notification.priority,
-                        )}`}
-                      >
-                        {getPriorityText(notification.priority)}
-                      </span>
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${getFaultTypeColor(
-                          notification.faultType,
-                        )}`}
-                      >
-                        {getFaultTypeText(notification.faultType)}
-                      </span>
-                    </div>
-
-                    <h4 className="font-medium text-gray-800 mb-2">{notification.title}</h4>
-                    <p className="text-sm text-gray-600 mb-3">
-                      {notification.description.length > 150
-                        ? `${notification.description.substring(0, 150)}...`
-                        : notification.description}
-                    </p>
-
-                    <div className="grid grid-cols-2 lg:grid-cols-4 gap-4 text-sm mb-3">
-                      <div>
-                        <span className="text-gray-500">İş Merkezi:</span>
-                        <p className="font-medium text-gray-900">{notification.workCenter.code}</p>
-                        <p className="text-xs text-gray-600">{notification.workCenter.name}</p>
-                      </div>
-                      <div>
-                        <span className="text-gray-500">Konum:</span>
-                        <p className="font-medium text-gray-900 flex items-center">
-                          <FaMapMarkerAlt className="w-3 h-3 mr-1" />
-                          {notification.location}
-                        </p>
-                      </div>
-                      <div>
-                        <span className="text-gray-500">Bildiren:</span>
-                        <p className="font-medium text-gray-900">{notification.reportedBy}</p>
-                      </div>
-                      <div>
-                        <span className="text-gray-500">Süre:</span>
-                        <p className="font-medium text-gray-900">
-                          {notification.estimatedRepairTime
-                            ? `~${notification.estimatedRepairTime} dk`
-                            : '-'}
-                        </p>
-                      </div>
-                    </div>
-
-                    {notification.assignedTo && (
-                      <div className="bg-blue-50 rounded-lg p-3 mb-3">
-                        <div className="flex items-center space-x-2 text-sm">
-                          <FaUser className="w-4 h-4 text-blue-600" />
-                          <span className="text-gray-600">Atanan:</span>
-                          <span className="font-medium text-gray-900">
-                            {notification.assignedTo}
-                          </span>
-                        </div>
-                      </div>
-                    )}
-
-                    {notification.images && notification.images.length > 0 && (
-                      <div className="flex items-center space-x-2 text-sm text-gray-500 mb-3">
-                        <FaCamera className="w-4 h-4" />
-                        <span>{notification.images.length} fotoğraf</span>
-                      </div>
-                    )}
-
-                    {notification.resolutionNotes && (
-                      <div className="bg-green-50 rounded-lg p-3 mb-3">
-                        <div className="flex items-start space-x-2 text-sm">
-                          <FaFileAlt className="w-4 h-4 text-green-600 mt-0.5" />
-                          <div>
-                            <span className="text-gray-600">Çözüm Notları:</span>
-                            <p className="text-gray-900 mt-1">{notification.resolutionNotes}</p>
-                          </div>
-                        </div>
-                      </div>
-                    )}
-
-                    <div className="flex items-center justify-between text-xs text-gray-500">
-                      <div className="flex items-center space-x-2">
-                        <FaClock className="w-3 h-3" />
-                        <span>Bildirilme: {getTimeAgo(notification.reportedAt)}</span>
-                      </div>
-                      {notification.workOrderId && (
-                        <div className="flex items-center space-x-2">
-                          <span>İş Emri: {notification.workOrderId}</span>
-                        </div>
-                      )}
-                      {notification.followUpRequired && (
-                        <div className="flex items-center space-x-2 text-orange-600">
-                          <FaExclamationTriangle className="w-3 h-3" />
-                          <span>Takip Gerekli</span>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-
-                <div className="flex space-x-1">
-                  <button
-                    onClick={() => handleView(notification)}
-                    className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                  >
-                    <FaEye className="w-4 h-4" />
-                  </button>
-                  <button
-                    onClick={() => handleEdit(notification)}
-                    className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                  >
-                    <FaEdit className="w-4 h-4" />
-                  </button>
-                  <button className="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition-colors">
-                    <FaTrash className="w-4 h-4" />
-                  </button>
-                  <button className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors">
-                    <FaPhone className="w-4 h-4" />
-                  </button>
-                </div>
-              </div>
-            </div>
-          ))}
-        </div>
-
-        {filteredNotifications.length === 0 && (
-          <div className="text-center py-12">
-            <FaExclamationTriangle className="w-16 h-16 text-gray-400 mx-auto mb-4" />
-            <h3 className="text-lg font-medium text-gray-900 mb-2">Bildirim bulunamadı</h3>
-            <p className="text-gray-500 mb-4">
-              Arama kriterlerinizi değiştirin veya yeni bir bildirim oluşturun.
-            </p>
-            <button
-              onClick={handleAddNotification}
-              className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700"
-            >
-              Yeni Bildirim Oluştur
-            </button>
-          </div>
-        )}
-
-        {/* Bulk Actions */}
-        {selectedNotifications.length > 0 && (
-          <div className="fixed bottom-6 left-1/2 transform -translate-x-1/2 bg-white rounded-lg shadow-lg border border-gray-200 p-4">
-            <div className="flex items-center space-x-4">
-              <span className="text-sm text-gray-600">
-                {selectedNotifications.length} bildirim seçildi
-              </span>
-              <div className="flex space-x-2">
-                <button
-                  onClick={handleCreateWorkOrder}
-                  className="bg-green-600 text-white px-3 py-2 rounded text-sm hover:bg-green-700"
-                >
-                  İş Emri Oluştur
-                </button>
-                <button
-                  onClick={handleAssignNotifications}
-                  className="bg-blue-600 text-white px-3 py-2 rounded text-sm hover:bg-blue-700"
-                >
-                  Atama Yap
-                </button>
-                <button
-                  onClick={handleChangeStatus}
-                  className="bg-orange-600 text-white px-3 py-2 rounded text-sm hover:bg-orange-700"
-                >
-                  Durum Değiştir
-                </button>
-                <button
-                  onClick={() => setSelectedNotifications([])}
-                  className="bg-gray-600 text-white px-3 py-2 rounded text-sm hover:bg-gray-700"
-                >
-                  Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* Modals */}
-      {showModal && !editingNotification && (
-        <NewFaultNotificationModal
-          isOpen={showModal}
-          onClose={() => setShowModal(false)}
-          onSave={handleSaveNotification}
-        />
-      )}
-
-      {editingNotification && (
-        <EditFaultNotificationModal
-          isOpen={showModal}
-          onClose={() => {
-            setShowModal(false)
-            setEditingNotification(null)
-          }}
-          onSave={handleSaveNotification}
-          notification={editingNotification}
-        />
-      )}
-
-      {viewingNotification && (
-        <ViewFaultNotificationModal
-          isOpen={!!viewingNotification}
-          onClose={() => setViewingNotification(null)}
-          onEdit={(notification) => {
-            setViewingNotification(null)
-            setEditingNotification(notification)
-            setShowModal(true)
-          }}
-          notification={viewingNotification}
-        />
-      )}
-
-      {showCreateWorkOrderModal && selectedNotifications.length > 0 && (
-        <CreateWorkOrderFromNotificationModal
-          isOpen={showCreateWorkOrderModal}
-          onClose={() => setShowCreateWorkOrderModal(false)}
-          onSave={handleWorkOrderSave}
-          notifications={notifications.filter((n) => selectedNotifications.includes(n.id))}
-        />
-      )}
-
-      {showAssignModal && selectedNotifications.length > 0 && (
-        <AssignNotificationModal
-          isOpen={showAssignModal}
-          onClose={() => setShowAssignModal(false)}
-          onSave={handleAssignmentSave}
-          notifications={notifications.filter((n) => selectedNotifications.includes(n.id))}
-        />
-      )}
-
-      {showStatusChangeModal && selectedNotifications.length > 0 && (
-        <ChangeNotificationStatusModal
-          isOpen={showStatusChangeModal}
-          onClose={() => setShowStatusChangeModal(false)}
-          onSave={handleStatusChangeSave}
-          notifications={notifications.filter((n) => selectedNotifications.includes(n.id))}
-        />
-      )}
-    </Container>
-  )
-}
-
-export default FaultNotifications
diff --git a/ui/src/views/maintenance/components/MaintenanceCalendar.tsx b/ui/src/views/maintenance/components/MaintenanceCalendar.tsx
deleted file mode 100644
index b9527376..00000000
--- a/ui/src/views/maintenance/components/MaintenanceCalendar.tsx
+++ /dev/null
@@ -1,476 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaCalendar,
-  FaClock,
-  FaPlus,
-  FaFilter,
-  FaChevronLeft,
-  FaChevronRight,
-  FaEdit,
-  FaUser,
-} from 'react-icons/fa'
-import { WorkOrderStatusEnum, CalendarView, PmCalendarEvent } from '../../../types/pm'
-import { mockCalendarEvents } from '../../../mocks/mockMaintenanceCalendarEvent'
-import NewCalendarEventModal from './NewCalendarEventModal'
-import {
-  getPriorityColor,
-  getWorkOrderStatusColor,
-  getWorkOrderStatusIcon,
-  getWorkOrderStatusText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const MaintenanceCalendar: React.FC = () => {
-  const [currentDate, setCurrentDate] = useState(new Date())
-  const [view, setView] = useState<CalendarView>('month')
-  const [showEventDetailModal, setShowEventDetailModal] = useState(false)
-  const [showNewEventModal, setShowNewEventModal] = useState(false)
-  const [selectedEvent, setSelectedEvent] = useState<PmCalendarEvent | null>(null)
-  const [selectedDate, setSelectedDate] = useState<Date | null>(null)
-  const [statusFilter, setStatusFilter] = useState<'all' | WorkOrderStatusEnum>('all')
-
-  // Mock data - replace with actual API calls
-  const [events, setEvents] = useState<PmCalendarEvent[]>(mockCalendarEvents)
-
-  const getDaysInMonth = (date: Date) => {
-    return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate()
-  }
-
-  const getFirstDayOfMonth = (date: Date) => {
-    return new Date(date.getFullYear(), date.getMonth(), 1).getDay()
-  }
-
-  const formatDate = (date: Date) => {
-    return date.toLocaleDateString('tr-TR', {
-      year: 'numeric',
-      month: 'long',
-    })
-  }
-
-  const getEventsForDate = (date: Date) => {
-    return events.filter((event) => {
-      const eventDate = new Date(event.date)
-      return eventDate.toDateString() === date.toDateString()
-    })
-  }
-
-  const navigateMonth = (direction: 'prev' | 'next') => {
-    const newDate = new Date(currentDate)
-    if (direction === 'prev') {
-      newDate.setMonth(newDate.getMonth() - 1)
-    } else {
-      newDate.setMonth(newDate.getMonth() + 1)
-    }
-    setCurrentDate(newDate)
-  }
-
-  const handleEventClick = (event: PmCalendarEvent) => {
-    setSelectedEvent(event)
-    setShowEventDetailModal(true)
-  }
-
-  const handleDayClick = (date: Date) => {
-    setSelectedDate(date)
-    setShowNewEventModal(true)
-  }
-
-  const handleNewEventSave = (newEvent: Partial<PmCalendarEvent>) => {
-    if (newEvent.id) {
-      setEvents((prevEvents) => [...prevEvents, newEvent as PmCalendarEvent])
-    }
-    setShowNewEventModal(false)
-    setSelectedDate(null)
-  }
-
-  const renderMonthView = () => {
-    const daysInMonth = getDaysInMonth(currentDate)
-    const firstDay = getFirstDayOfMonth(currentDate)
-    const days = []
-
-    // Empty cells for days before the first day of the month
-    for (let i = 0; i < firstDay; i++) {
-      days.push(<div key={`empty-${i}`} className="p-1 border border-gray-200"></div>)
-    }
-
-    // Days of the month
-    for (let day = 1; day <= daysInMonth; day++) {
-      const date = new Date(currentDate.getFullYear(), currentDate.getMonth(), day)
-      const dayEvents = getEventsForDate(date)
-      const filteredDayEvents = dayEvents.filter(
-        (event) => statusFilter === 'all' || event.status === statusFilter,
-      )
-
-      const isToday = date.toDateString() === new Date().toDateString()
-
-      days.push(
-        <div
-          key={day}
-          className={`p-1.5 border border-gray-200 min-h-[100px] cursor-pointer hover:bg-gray-50 ${
-            isToday ? 'bg-blue-50' : 'bg-white'
-          }`}
-          onClick={() => handleDayClick(date)}
-        >
-          <div
-            className={`text-xs font-medium mb-1 ${isToday ? 'text-blue-600' : 'text-gray-900'}`}
-          >
-            {day}
-          </div>
-          <div className="space-y-1">
-            {filteredDayEvents.slice(0, 3).map((event) => (
-              <div
-                key={event.id}
-                onClick={(e) => {
-                  e.stopPropagation()
-                  handleEventClick(event)
-                }}
-                className={`text-xs p-0.5 rounded border-l-2 cursor-pointer hover:bg-gray-50 ${getPriorityColor(
-                  event.priority,
-                )} ${getWorkOrderStatusColor(event.status)}`}
-              >
-                <div className="font-medium truncate">{event.title}</div>
-                <div className="flex items-center space-x-1">
-                  {getWorkOrderStatusIcon(event.status)}
-                  <span>{event.startTime}</span>
-                  {event.workCenterCode && (
-                    <span className="text-gray-500">({event.workCenterCode})</span>
-                  )}
-                </div>
-              </div>
-            ))}
-            {filteredDayEvents.length > 3 && (
-              <div className="text-xs text-gray-500 p-1">
-                +{filteredDayEvents.length - 3} daha...
-              </div>
-            )}
-          </div>
-        </div>,
-      )
-    }
-
-    return (
-      <div className="grid grid-cols-7 gap-0 bg-white rounded-lg shadow overflow-hidden">
-        {/* Header */}
-        {['Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt', 'Paz'].map((day) => (
-          <div
-            key={day}
-            className="p-2 bg-gray-50 text-center text-xs font-medium text-gray-700 border-r border-gray-200 last:border-r-0"
-          >
-            {day}
-          </div>
-        ))}
-        {days}
-      </div>
-    )
-  }
-
-  const renderWeekView = () => {
-    const startOfWeek = new Date(currentDate)
-    startOfWeek.setDate(currentDate.getDate() - currentDate.getDay() + 1) // Start from Monday
-
-    const weekDays: Date[] = []
-    for (let i = 0; i < 7; i++) {
-      const date = new Date(startOfWeek)
-      date.setDate(startOfWeek.getDate() + i)
-      weekDays.push(date)
-    }
-
-    return (
-      <div className="bg-white rounded-lg shadow overflow-hidden">
-        <div className="grid grid-cols-8 border-b border-gray-200">
-          <div className="p-2 bg-gray-50 text-xs font-medium text-gray-700">Saat</div>
-          {weekDays.map((date, index) => (
-            <div key={index} className="p-2 bg-gray-50 text-center border-l border-gray-200">
-              <div className="text-sm font-medium text-gray-700">
-                {date.toLocaleDateString('tr-TR', { weekday: 'short' })}
-              </div>
-              <div className="text-lg font-bold text-gray-900">{date.getDate()}</div>
-            </div>
-          ))}
-        </div>
-
-        <div className="max-h-96 overflow-y-auto">
-          {Array.from({ length: 12 }, (_, hour) => hour + 8).map((hour) => (
-            <div key={hour} className="grid grid-cols-8 border-b border-gray-100">
-              <div className="p-1.5 text-xs text-gray-500 bg-gray-50 border-r border-gray-200">
-                {hour}:00
-              </div>
-              {weekDays.map((date, dayIndex) => {
-                const dayEvents = getEventsForDate(date).filter((event) => {
-                  const eventHour = parseInt(event.startTime?.split(':')[0] || '0')
-                  return (
-                    eventHour === hour && (statusFilter === 'all' || event.status === statusFilter)
-                  )
-                })
-
-                return (
-                  <div
-                    key={dayIndex}
-                    className="p-1 border-l border-gray-200 min-h-[50px] cursor-pointer hover:bg-gray-50"
-                    onClick={() => {
-                      const selectedDateTime = new Date(date)
-                      selectedDateTime.setHours(hour, 0, 0, 0)
-                      handleDayClick(selectedDateTime)
-                    }}
-                  >
-                    {dayEvents.map((event) => (
-                      <div
-                        key={event.id}
-                        onClick={(e) => {
-                          e.stopPropagation()
-                          handleEventClick(event)
-                        }}
-                        className={`text-xs p-1 rounded mb-1 border-l-2 cursor-pointer hover:bg-gray-50 ${getPriorityColor(
-                          event.priority,
-                        )} ${getWorkOrderStatusColor(event.status)}`}
-                      >
-                        <div className="font-medium truncate">{event.title}</div>
-                        <div className="text-gray-500">
-                          {event.startTime}-{event.endTime}
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                )
-              })}
-            </div>
-          ))}
-        </div>
-      </div>
-    )
-  }
-
-  const getTodayEvents = () => {
-    const today = new Date()
-    return getEventsForDate(today).filter(
-      (event) => statusFilter === 'all' || event.status === statusFilter,
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Bakım Takvimi</h2>
-            <p className="text-gray-600">
-              Bakım planları ve iş emirlerini takip edin. Yeni planlama için gün/saat seçin.
-            </p>
-          </div>
-          <button
-            onClick={() => setShowNewEventModal(true)}
-            className="bg-blue-600 text-white px-3 py-1.5 rounded-lg hover:bg-blue-700 flex items-center space-x-2 text-sm"
-          >
-            <FaPlus className="w-4 h-4" />
-            <span>Yeni Planlama</span>
-          </button>
-        </div>
-
-        {/* Calendar Controls */}
-        <div className="flex items-center justify-between">
-          <div className="flex items-center space-x-4">
-            <div className="flex items-center space-x-1">
-              <button
-                onClick={() => navigateMonth('prev')}
-                className="p-1.5 hover:bg-gray-100 rounded-md"
-              >
-                <FaChevronLeft className="w-4 h-4" />
-              </button>
-              <h3 className="text-base font-semibold text-gray-900 min-w-[180px] text-center">
-                {formatDate(currentDate)}
-              </h3>
-              <button
-                onClick={() => navigateMonth('next')}
-                className="p-1.5 hover:bg-gray-100 rounded-md"
-              >
-                <FaChevronRight className="w-4 h-4" />
-              </button>
-            </div>
-
-            <div className="flex space-x-1 bg-gray-100 rounded-lg p-1">
-              {(['month', 'week'] as CalendarView[]).map((viewType) => (
-                <button
-                  key={viewType}
-                  onClick={() => setView(viewType)}
-                  className={`px-3 py-1 rounded-md text-sm font-medium transition-colors ${
-                    view === viewType
-                      ? 'bg-white text-gray-900 shadow-sm'
-                      : 'text-gray-600 hover:text-gray-900'
-                  }`}
-                >
-                  {viewType === 'month' ? 'Ay' : 'Hafta'}
-                </button>
-              ))}
-            </div>
-          </div>
-
-          <div className="flex items-center space-x-3">
-            <div className="relative">
-              <FaFilter className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-              <select
-                value={statusFilter}
-                onChange={(e) => setStatusFilter(e.target.value as 'all' | WorkOrderStatusEnum)}
-                className="pl-9 pr-4 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm"
-              >
-                <option value="all">Tüm Durumlar</option>
-                {Object.values(WorkOrderStatusEnum).map((status) => (
-                  <option key={status} value={status}>
-                    {getWorkOrderStatusText(status)}
-                  </option>
-                ))}
-              </select>
-            </div>
-            <button
-              onClick={() => setCurrentDate(new Date())}
-              className="px-3 py-1.5 text-sm text-blue-600 hover:bg-blue-50 rounded-lg"
-            >
-              Bugün
-            </button>
-          </div>
-        </div>
-
-        {/* Calendar View */}
-        <div className="grid grid-cols-1 lg:grid-cols-4 gap-4">
-          <div className="lg:col-span-3">
-            {view === 'month' && renderMonthView()}
-            {view === 'week' && renderWeekView()}
-          </div>
-
-          {/* Today's Events Sidebar */}
-          <div className="bg-white rounded-lg shadow p-4">
-            <h4 className="text-base font-semibold text-gray-900 mb-3">Bugünün Etkinlikleri</h4>
-            <div className="space-y-3">
-              {getTodayEvents().map((event) => (
-                <div
-                  key={event.id}
-                  onClick={() => handleEventClick(event)}
-                  className={`p-2 border-l-4 rounded-r-lg cursor-pointer hover:bg-gray-50 ${getPriorityColor(
-                    event.priority,
-                  )}`}
-                >
-                  <div className="flex items-start justify-between">
-                    <div className="flex-1">
-                      <h5 className="text-sm font-medium text-gray-900">{event.title}</h5>
-                      <p className="text-xs text-gray-500 mt-1">{event.workCenterCode}</p>
-                      <div className="flex items-center space-x-2 mt-2">
-                        <FaClock className="w-3 h-3 text-gray-400" />
-                        <span className="text-xs text-gray-500">
-                          {event.startTime} - {event.endTime}
-                        </span>
-                      </div>
-                      {event.assignedTo && (
-                        <div className="flex items-center space-x-2 mt-1">
-                          <FaUser className="w-3 h-3 text-gray-400" />
-                          <span className="text-xs text-gray-500">{event.assignedTo}</span>
-                        </div>
-                      )}
-                    </div>
-                    <span
-                      className={`px-2 py-1 text-xs font-semibold rounded-full ${getWorkOrderStatusColor(
-                        event.status,
-                      )}`}
-                    >
-                      {event.status === WorkOrderStatusEnum.Planned
-                        ? 'Planlandı'
-                        : event.status === WorkOrderStatusEnum.InProgress
-                          ? 'Devam Ediyor'
-                          : event.status === WorkOrderStatusEnum.Completed
-                            ? 'Tamamlandı'
-                            : 'Bekliyor'}
-                    </span>
-                  </div>
-                </div>
-              ))}
-              {getTodayEvents().length === 0 && (
-                <div className="text-center py-8">
-                  <FaCalendar className="w-10 h-10 text-gray-400 mx-auto mb-2" />
-                  <p className="text-sm text-gray-600">Bugün için planlanan etkinlik yok</p>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* Event Details Modal */}
-      {showEventDetailModal && selectedEvent && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-          <div className="bg-white rounded-lg p-4 w-full max-w-lg mx-4">
-            <div className="flex items-start justify-between mb-3">
-              <div>
-                <h3 className="text-base font-semibold text-gray-900">{selectedEvent.title}</h3>
-                <p className="text-sm text-gray-500 mt-1">{selectedEvent.workCenterCode}</p>
-              </div>
-              <button
-                onClick={() => setShowEventDetailModal(false)}
-                className="text-gray-400 hover:text-gray-600"
-              >
-                ×
-              </button>
-            </div>
-
-            <div className="grid grid-cols-2 gap-4 mb-4">
-              <div>
-                <label className="text-sm font-medium text-gray-500">Tarih & Saat</label>
-                <p className="text-sm text-gray-900">
-                  {selectedEvent.date.toLocaleDateString('tr-TR')} - {selectedEvent.startTime} /{' '}
-                  {selectedEvent.endTime}
-                </p>
-              </div>
-              <div>
-                <label className="text-sm font-medium text-gray-500">Süre</label>
-                <p className="text-sm text-gray-900">{selectedEvent.duration} dakika</p>
-              </div>
-              <div>
-                <label className="text-sm font-medium text-gray-500">Atanan Kişi</label>
-                <p className="text-sm text-gray-900">{selectedEvent.assignedTo || 'Atanmadı'}</p>
-              </div>
-              <div>
-                <label className="text-sm font-medium text-gray-500">Durum</label>
-                <span
-                  className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getWorkOrderStatusColor(
-                    selectedEvent.status,
-                  )}`}
-                >
-                  {selectedEvent.status === WorkOrderStatusEnum.Planned
-                    ? 'Planlandı'
-                    : selectedEvent.status === WorkOrderStatusEnum.InProgress
-                      ? 'Devam Ediyor'
-                      : selectedEvent.status === WorkOrderStatusEnum.Completed
-                        ? 'Tamamlandı'
-                        : 'Bekliyor'}
-                </span>
-              </div>
-            </div>
-
-            <div className="flex justify-end space-x-3">
-              <button
-                onClick={() => setShowEventDetailModal(false)}
-                className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-              >
-                Kapat
-              </button>
-              <button className="px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center space-x-2">
-                <FaEdit className="w-4 h-4" />
-                <span>Düzenle</span>
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* New Calendar Event Modal */}
-      <NewCalendarEventModal
-        isOpen={showNewEventModal}
-        onClose={() => {
-          setShowNewEventModal(false)
-          setSelectedDate(null)
-        }}
-        onSave={handleNewEventSave}
-        selectedDate={selectedDate || undefined}
-      />
-    </Container>
-  )
-}
-
-export default MaintenanceCalendar
diff --git a/ui/src/views/maintenance/components/MaintenancePlanModal.tsx b/ui/src/views/maintenance/components/MaintenancePlanModal.tsx
deleted file mode 100644
index 38d2e655..00000000
--- a/ui/src/views/maintenance/components/MaintenancePlanModal.tsx
+++ /dev/null
@@ -1,217 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaPlus } from 'react-icons/fa'
-import {
-  PmWorkCenter,
-  MaintenancePlanTypeEnum,
-  FrequencyUnitEnum,
-  PmMaintenancePlan,
-} from '../../../types/pm'
-import { PriorityEnum } from '../../../types/common'
-import { getMaintenancePlanTypeText, getPriorityText } from '@/utils/erp'
-
-interface MaintenancePlanModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (planData: PmMaintenancePlan[]) => void
-  selectedWorkCenters: PmWorkCenter[]
-}
-
-const MaintenancePlanModal: React.FC<MaintenancePlanModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  selectedWorkCenters,
-}) => {
-  const [planData, setPlanData] = useState({
-    planType: MaintenancePlanTypeEnum.Preventive,
-    description: '',
-    frequency: 1,
-    frequencyUnit: FrequencyUnitEnum.Months,
-    estimatedDuration: 60,
-    priority: PriorityEnum.Normal,
-    instructions: '',
-    requiredSkills: [] as string[],
-    nextDue: new Date(),
-  })
-
-  const [newSkill, setNewSkill] = useState('')
-
-  if (!isOpen) return null
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    setPlanData((prev) => ({
-      ...prev,
-      [name]: type === 'date' ? new Date(value) : type === 'number' ? Number(value) : value,
-    }))
-  }
-
-  const addSkill = () => {
-    if (newSkill.trim() && !planData.requiredSkills.includes(newSkill.trim())) {
-      setPlanData((prev) => ({
-        ...prev,
-        requiredSkills: [...prev.requiredSkills, newSkill.trim()],
-      }))
-      setNewSkill('')
-    }
-  }
-
-  const removeSkill = (skillToRemove: string) => {
-    setPlanData((prev) => ({
-      ...prev,
-      requiredSkills: prev.requiredSkills.filter((skill) => skill !== skillToRemove),
-    }))
-  }
-
-  const handleSave = () => {
-    const plansToCreate = selectedWorkCenters.map((workCenter) => ({
-      id: `MP${Date.now()}-${workCenter.id}`,
-      planCode: `MP-${workCenter.code}-${Date.now()}`,
-      workCenterId: workCenter.id,
-      workCenter: workCenter,
-      ...planData,
-      requiredMaterials: [],
-      isActive: true,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    }))
-
-    onSave(plansToCreate)
-    onClose()
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <h2 className="text-lg font-semibold text-gray-900">
-            Bakım Planı Oluştur ({selectedWorkCenters.length} iş merkezi)
-          </h2>
-          <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-lg transition-colors">
-            <FaTimes className="w-5 h-5 text-gray-500" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Selected Work Center List */}
-          <div>
-            <h3 className="text-sm font-medium text-gray-900 mb-2">Seçili İş Merkezleri</h3>
-            <div className="max-h-28 overflow-y-auto bg-gray-50 rounded-lg p-2">
-              {selectedWorkCenters.map((workCenter) => (
-                <div key={workCenter.id} className="flex items-center justify-between py-0.5">
-                  <span className="text-sm text-gray-700">
-                    {workCenter.code} - {workCenter.name}
-                  </span>
-                  <span className="text-xs text-gray-500">{workCenter.location}</span>
-                </div>
-              ))}
-            </div>
-          </div>
-
-          {/* Plan Details */}
-          <div>
-            <h3 className="text-sm font-medium text-gray-900 mb-2">Plan Detayları</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Plan Tipi</label>
-                <select
-                  name="planType"
-                  value={planData.planType}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(MaintenancePlanTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getMaintenancePlanTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Öncelik</label>
-                <select
-                  name="priority"
-                  value={planData.priority}
-                  onChange={handleInputChange}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(PriorityEnum).map((priority) => (
-                    <option key={priority} value={priority}>
-                      {getPriorityText(priority)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-            </div>
-          </div>
-
-          {/* Required Skills */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Gerekli Yetenekler
-            </label>
-            <div className="flex space-x-2 mb-2">
-              <input
-                type="text"
-                value={newSkill}
-                onChange={(e) => setNewSkill(e.target.value)}
-                placeholder="Yetenek ekle..."
-                className="flex-1 px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                onKeyPress={(e) => e.key === 'Enter' && addSkill()}
-              />
-              <button
-                type="button"
-                onClick={addSkill}
-                className="px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700"
-              >
-                <FaPlus className="w-4 h-4" />
-              </button>
-            </div>
-            <div className="flex flex-wrap gap-2">
-              {planData.requiredSkills.map((skill, index) => (
-                <span
-                  key={index}
-                  className="inline-flex items-center px-2 py-1 bg-blue-100 text-blue-800 rounded-full text-xs"
-                >
-                  {skill}
-                  <button
-                    type="button"
-                    onClick={() => removeSkill(skill)}
-                    className="ml-2 text-blue-600 hover:text-blue-800"
-                  >
-                    ×
-                  </button>
-                </span>
-              ))}
-            </div>
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-3 p-4 border-t border-gray-200">
-          <button
-            type="button"
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            type="button"
-            onClick={handleSave}
-            className="flex items-center space-x-2 px-3 py-1.5 text-sm bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>Bakım Planı Oluştur</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default MaintenancePlanModal
diff --git a/ui/src/views/maintenance/components/MaintenancePlans.tsx b/ui/src/views/maintenance/components/MaintenancePlans.tsx
deleted file mode 100644
index b59714a0..00000000
--- a/ui/src/views/maintenance/components/MaintenancePlans.tsx
+++ /dev/null
@@ -1,486 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaCalendar,
-  FaPlay,
-  FaPause,
-  FaEdit,
-  FaTrash,
-  FaEye,
-  FaTasks,
-} from 'react-icons/fa'
-import {
-  PmMaintenancePlan,
-  MaintenancePlanTypeEnum,
-  PmMaintenanceWorkOrder,
-} from '../../../types/pm'
-import { mockMaintenancePlans } from '../../../mocks/mockMaintenancePlans'
-import NewMaintenancePlanModal from './NewMaintenancePlanModal'
-import ViewMaintenancePlanModal from './ViewMaintenancePlanModal'
-import EditMaintenancePlanModal from './EditMaintenancePlanModal'
-import CreateWorkOrderModal from './CreateWorkOrderModal'
-import PlanStatusChangeModal from './PlanStatusChangeModal'
-import Widget from '../../../components/common/Widget'
-import { PriorityEnum } from '../../../types/common'
-import {
-  getFrequencyUnitTextByFrequency,
-  getMaintenancePlanTypeColor,
-  getMaintenancePlanTypeText,
-  getPriorityColor,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const MaintenancePlans: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [typeFilter, setTypeFilter] = useState<MaintenancePlanTypeEnum | 'all'>('all')
-  const [statusFilter, setStatusFilter] = useState<'active' | 'inactive' | 'all'>('all')
-  const [editingPlan, setEditingPlan] = useState<PmMaintenancePlan | null>(null)
-  const [selectedPlans, setSelectedPlans] = useState<string[]>([])
-
-  // Modal states
-  const [showNewModal, setShowNewModal] = useState(false)
-  const [showViewModal, setShowViewModal] = useState(false)
-  const [showEditModal, setShowEditModal] = useState(false)
-  const [showWorkOrderModal, setShowWorkOrderModal] = useState(false)
-  const [showStatusModal, setShowStatusModal] = useState(false)
-  const [viewingPlan, setViewingPlan] = useState<PmMaintenancePlan | null>(null)
-
-  // Mock data - replace with actual API calls
-  const [plans] = useState<PmMaintenancePlan[]>(mockMaintenancePlans)
-
-  const filteredPlans = plans.filter((plan) => {
-    const matchesSearch =
-      plan.planCode.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      plan.description.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesType = typeFilter === 'all' || plan.planType === typeFilter
-    const matchesStatus =
-      statusFilter === 'all' ||
-      (statusFilter === 'active' && plan.isActive) ||
-      (statusFilter === 'inactive' && !plan.isActive)
-    return matchesSearch && matchesType && matchesStatus
-  })
-
-  const isOverdue = (plan: PmMaintenancePlan) => {
-    if (!plan.nextDue) return false
-    return plan.nextDue < new Date()
-  }
-
-  const isDueSoon = (plan: PmMaintenancePlan) => {
-    if (!plan.nextDue) return false
-    const today = new Date()
-    const diffTime = plan.nextDue.getTime() - today.getTime()
-    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
-    return diffDays <= 7 && diffDays > 0
-  }
-
-  const getTotalMaterialCost = (plan: PmMaintenancePlan) => {
-    return plan.priority
-  }
-
-  // Event handlers
-  const handleAddPlan = () => {
-    setShowNewModal(true)
-  }
-
-  const handleEdit = (plan: PmMaintenancePlan) => {
-    setEditingPlan(plan)
-    setShowEditModal(true)
-  }
-
-  const handleView = (plan: PmMaintenancePlan) => {
-    setViewingPlan(plan)
-    setShowViewModal(true)
-  }
-
-  const handleSelectPlan = (planId: string) => {
-    setSelectedPlans((prev) =>
-      prev.includes(planId) ? prev.filter((id) => id !== planId) : [...prev, planId],
-    )
-  }
-
-  const handleCreateWorkOrder = () => {
-    setShowWorkOrderModal(true)
-  }
-
-  const handleStatusChange = () => {
-    setShowStatusModal(true)
-  }
-
-  // Modal handlers
-  const handleSaveNewPlan = (newPlan: Partial<PmMaintenancePlan>) => {
-    console.log('New plan:', newPlan)
-    // TODO: API call to save new plan
-  }
-
-  const handleSaveEditPlan = (updatedPlan: PmMaintenancePlan) => {
-    console.log('Updated plan:', updatedPlan)
-    // TODO: API call to update plan
-  }
-
-  const handleSaveWorkOrders = (workOrders: Partial<PmMaintenanceWorkOrder>[]) => {
-    console.log('Work orders:', workOrders)
-    // TODO: API call to create work orders
-    setSelectedPlans([])
-  }
-
-  const handleSaveStatusChange = (planIds: string[], isActive: boolean, reason: string) => {
-    console.log('Status change:', { planIds, isActive, reason })
-    // TODO: API call to update plan statuses
-    setSelectedPlans([])
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Bakım Planları</h2>
-            <p className="text-gray-600">Periyodik ve düzeltici bakım planlarını yönetin</p>
-          </div>
-          <button
-            onClick={handleAddPlan}
-            className="bg-blue-600 text-white px-3 py-1.5 rounded-lg hover:bg-blue-700 flex items-center space-x-2 text-sm"
-          >
-            <FaPlus className="w-4 h-4" />
-            <span>Yeni Plan</span>
-          </button>
-        </div>
-
-        {/* Summary Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-6">
-          <Widget title="Toplam Plan" value={plans.length} color="blue" icon="FaCalendar" />
-
-          <Widget
-            title="Aktif Plan"
-            value={plans.filter((p) => p.isActive).length}
-            color="green"
-            icon="FaCheckCircle"
-          />
-
-          <Widget
-            title="Geciken"
-            value={plans.filter((p) => isOverdue(p)).length}
-            color="red"
-            icon="FaExclamationTriangle"
-          />
-
-          <Widget
-            title="Bu Hafta"
-            value={plans.filter((p) => isDueSoon(p)).length}
-            color="orange"
-            icon="FaClock"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex space-x-3">
-          <div className="flex-1 relative">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Plan ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-9 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <div className="relative">
-            <FaFilter className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-            <select
-              value={typeFilter}
-              onChange={(e) => setTypeFilter(e.target.value as MaintenancePlanTypeEnum | 'all')}
-              className="pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              {Object.values(MaintenancePlanTypeEnum).map((type) => (
-                <option key={type} value={type}>
-                  {getMaintenancePlanTypeText(type)}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div className="relative">
-            <select
-              value={statusFilter}
-              onChange={(e) => setStatusFilter(e.target.value as 'active' | 'inactive' | 'all')}
-              className="pl-4 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              <option value="all">Tüm Durumlar</option>
-              <option value="active">Aktif</option>
-              <option value="inactive">Pasif</option>
-            </select>
-          </div>
-        </div>
-
-        {/* Plans Table */}
-        <div className="bg-white rounded-lg shadow-md overflow-hidden">
-          <div className="overflow-x-auto">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    <input
-                      type="checkbox"
-                      checked={
-                        selectedPlans.length === filteredPlans.length && filteredPlans.length > 0
-                      }
-                      onChange={(e) => {
-                        if (e.target.checked) {
-                          setSelectedPlans(filteredPlans.map((p) => p.id))
-                        } else {
-                          setSelectedPlans([])
-                        }
-                      }}
-                      className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                    />
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Plan Bilgileri
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İş Merkezi
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tip/Öncelik
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Sıklık
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Sonraki Bakım
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Maliyet
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {filteredPlans.map((plan) => (
-                  <tr key={plan.id} className="hover:bg-gray-50">
-                    <td className="px-4 py-3 whitespace-nowrap">
-                      <input
-                        type="checkbox"
-                        checked={selectedPlans.includes(plan.id)}
-                        onChange={() => handleSelectPlan(plan.id)}
-                        className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                      />
-                    </td>
-                    <td className="px-4 py-3 whitespace-nowrap">
-                      <div className="flex items-center">
-                        <div>
-                          <div className="text-sm font-medium text-gray-900">{plan.planCode}</div>
-                          <div className="text-sm text-gray-500">{plan.description}</div>
-                          <div className="text-xs text-gray-400 mt-1">{plan.description}</div>
-                        </div>
-                      </div>
-                    </td>
-                    <td className="px-4 py-3 whitespace-nowrap">
-                      <div className="text-sm text-gray-900">{plan.workCenterId}</div>
-                      <div className="text-sm text-gray-500">İş Merkezi Adı</div>
-                    </td>
-                    <td className="px-4 py-3 whitespace-nowrap">
-                      <div className="space-y-1">
-                        <span
-                          className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getMaintenancePlanTypeColor(
-                            plan.planType,
-                          )}`}
-                        >
-                          {getMaintenancePlanTypeText(plan.planType)}
-                        </span>
-                        <br />
-                        <span
-                          className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getPriorityColor(
-                            plan.priority,
-                          )}`}
-                        >
-                          {plan.priority === PriorityEnum.Low
-                            ? 'Düşük'
-                            : plan.priority === PriorityEnum.Normal
-                              ? 'Normal'
-                              : plan.priority === PriorityEnum.High
-                                ? 'Yüksek'
-                                : 'Acil'}
-                        </span>
-                      </div>
-                    </td>
-                    <td className="px-4 py-3 whitespace-nowrap">
-                      <div className="text-sm text-gray-900">
-                        {getFrequencyUnitTextByFrequency(plan.frequency, plan.frequencyUnit)}
-                      </div>
-                      <div className="text-xs text-gray-500">{plan.estimatedDuration} dakika</div>
-                    </td>
-                    <td className="px-4 py-3 whitespace-nowrap">
-                      {plan.nextDue ? (
-                        <div
-                          className={`text-sm ${
-                            isOverdue(plan)
-                              ? 'text-red-600 font-medium'
-                              : isDueSoon(plan)
-                                ? 'text-orange-600 font-medium'
-                                : 'text-gray-900'
-                          }`}
-                        >
-                          {plan.nextDue.toLocaleDateString('tr-TR')}
-                          {isOverdue(plan) && <div className="text-xs">GECİKMİŞ</div>}
-                          {isDueSoon(plan) && !isOverdue(plan) && (
-                            <div className="text-xs">YAKINDA</div>
-                          )}
-                        </div>
-                      ) : (
-                        <span className="text-sm text-gray-400">-</span>
-                      )}
-                    </td>
-                    <td className="px-4 py-3 whitespace-nowrap">
-                      <div className="text-sm text-gray-900">
-                        ₺{getTotalMaterialCost(plan).toLocaleString()}
-                      </div>
-                      <div className="text-xs text-gray-500">
-                        {plan.requiredMaterials.length} malzeme
-                      </div>
-                    </td>
-                    <td className="px-4 py-3 whitespace-nowrap">
-                      <span
-                        className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${
-                          plan.isActive
-                            ? 'bg-green-100 text-green-800'
-                            : 'bg-gray-100 text-gray-800'
-                        }`}
-                      >
-                        {plan.isActive ? 'Aktif' : 'Pasif'}
-                      </span>
-                    </td>
-                    <td className="px-4 py-3 whitespace-nowrap text-right text-sm font-medium">
-                      <div className="flex items-center justify-end space-x-2">
-                        <button
-                          onClick={() => handleView(plan)}
-                          className="text-gray-400 hover:text-blue-600 hover:bg-blue-50 p-1 rounded"
-                          title="Görüntüle"
-                        >
-                          <FaEye className="w-4 h-4" />
-                        </button>
-                        <button
-                          onClick={() => handleEdit(plan)}
-                          className="text-gray-400 hover:text-green-600 hover:bg-green-50 p-1 rounded"
-                          title="Düzenle"
-                        >
-                          <FaEdit className="w-4 h-4" />
-                        </button>
-                        <button
-                          className="text-gray-400 hover:text-red-600 hover:bg-red-50 p-1 rounded"
-                          title="Sil"
-                        >
-                          <FaTrash className="w-4 h-4" />
-                        </button>
-                        <button
-                          className="text-gray-400 hover:text-blue-600 hover:bg-blue-50 p-1 rounded"
-                          title={plan.isActive ? 'Pasif Yap' : 'Aktif Yap'}
-                        >
-                          {plan.isActive ? (
-                            <FaPause className="w-4 h-4" />
-                          ) : (
-                            <FaPlay className="w-4 h-4" />
-                          )}
-                        </button>
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-
-          {filteredPlans.length === 0 && (
-            <div className="text-center py-12">
-              <FaCalendar className="w-16 h-16 text-gray-400 mx-auto mb-4" />
-              <h3 className="text-lg font-medium text-gray-900 mb-2">Plan bulunamadı</h3>
-              <p className="text-gray-500 mb-4">
-                Arama kriterlerinizi değiştirin veya yeni bir plan oluşturun.
-              </p>
-              <button
-                onClick={handleAddPlan}
-                className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700"
-              >
-                Yeni Plan Oluştur
-              </button>
-            </div>
-          )}
-        </div>
-
-        {/* Bulk Actions */}
-        {selectedPlans.length > 0 && (
-          <div className="fixed bottom-6 left-1/2 transform -translate-x-1/2 bg-white rounded-lg shadow-lg border border-gray-200 p-4">
-            <div className="flex items-center space-x-4">
-              <span className="text-sm text-gray-600">{selectedPlans.length} plan seçildi</span>
-              <div className="flex space-x-2">
-                <button
-                  onClick={handleCreateWorkOrder}
-                  className="flex items-center space-x-1 bg-green-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-green-700"
-                >
-                  <FaTasks className="w-4 h-4" />
-                  <span>İş Emri Oluştur</span>
-                </button>
-                <button
-                  onClick={handleStatusChange}
-                  className="flex items-center space-x-1 bg-blue-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-blue-700"
-                >
-                  <FaPlay className="w-4 h-4" />
-                  <span>Durum Değiştir</span>
-                </button>
-                <button
-                  onClick={() => setSelectedPlans([])}
-                  className="bg-gray-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-gray-700"
-                >
-                  Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* Modals */}
-      <NewMaintenancePlanModal
-        isOpen={showNewModal}
-        onClose={() => setShowNewModal(false)}
-        onSave={handleSaveNewPlan}
-      />
-
-      <ViewMaintenancePlanModal
-        isOpen={showViewModal}
-        onClose={() => setShowViewModal(false)}
-        plan={viewingPlan}
-      />
-
-      <EditMaintenancePlanModal
-        isOpen={showEditModal}
-        onClose={() => setShowEditModal(false)}
-        onSave={handleSaveEditPlan}
-        plan={editingPlan}
-      />
-
-      <CreateWorkOrderModal
-        isOpen={showWorkOrderModal}
-        onClose={() => setShowWorkOrderModal(false)}
-        onSave={handleSaveWorkOrders}
-        selectedPlans={selectedPlans.map((id) => plans.find((p) => p.id === id)!).filter(Boolean)}
-      />
-
-      <PlanStatusChangeModal
-        isOpen={showStatusModal}
-        onClose={() => setShowStatusModal(false)}
-        onSave={handleSaveStatusChange}
-        selectedPlans={selectedPlans.map((id) => plans.find((p) => p.id === id)!).filter(Boolean)}
-      />
-    </Container>
-  )
-}
-
-export default MaintenancePlans
diff --git a/ui/src/views/maintenance/components/MaintenanceTeams.tsx b/ui/src/views/maintenance/components/MaintenanceTeams.tsx
deleted file mode 100644
index 793a91f5..00000000
--- a/ui/src/views/maintenance/components/MaintenanceTeams.tsx
+++ /dev/null
@@ -1,478 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaUsers,
-  FaUser,
-  FaEdit,
-  FaTrash,
-  FaEye,
-  FaPhone,
-  FaEnvelope,
-  FaAward,
-  FaClock,
-} from 'react-icons/fa'
-import { TeamRoleEnum } from '../../../types/common'
-import { mockMaintenanceTeams } from '../../../mocks/mockMaintenanceTeams'
-import NewTeamModal from './NewTeamModal'
-import ViewTeamModal from './ViewTeamModal'
-import EditTeamModal from './EditTeamModal'
-import AssignWorkOrderModal from './AssignWorkOrderModal'
-import TeamStatusChangeModal from './TeamStatusChangeModal'
-import Widget from '../../../components/common/Widget'
-import { Team } from '../../../types/common'
-import { getTeamRoleColor, getTeamRoleIcon, getTeamRoleText } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const MaintenanceTeams: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [roleFilter, setRoleFilter] = useState<TeamRoleEnum | 'all'>('all')
-  const [statusFilter, setStatusFilter] = useState<'active' | 'inactive' | 'all'>('all')
-
-  // Modal states
-  const [showNewTeamModal, setShowNewTeamModal] = useState(false)
-  const [showViewTeamModal, setShowViewTeamModal] = useState(false)
-  const [showEditTeamModal, setShowEditTeamModal] = useState(false)
-  const [showAssignWorkOrderModal, setShowAssignWorkOrderModal] = useState(false)
-  const [showStatusChangeModal, setShowStatusChangeModal] = useState(false)
-
-  // Selected data
-  const [viewingTeam, setViewingTeam] = useState<Team | null>(null)
-  const [editingTeam, setEditingTeam] = useState<Team | null>(null)
-  const [selectedTeams, setSelectedTeams] = useState<string[]>([])
-
-  // Mock data - replace with actual API calls
-  const [teams, setTeams] = useState<Team[]>(mockMaintenanceTeams)
-
-  const filteredTeams = teams.filter((team) => {
-    const matchesSearch =
-      team.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      team.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      team.members.some(
-        (member) =>
-          member.employee?.firstName.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          member.employee?.lastName.toLowerCase().includes(searchTerm.toLowerCase()),
-      )
-    const matchesRole =
-      roleFilter === 'all' || team.members.some((member) => member.role === roleFilter)
-    const matchesStatus =
-      statusFilter === 'all' ||
-      (statusFilter === 'active' && team.isActive) ||
-      (statusFilter === 'inactive' && !team.isActive)
-    return matchesSearch && matchesRole && matchesStatus
-  })
-
-  const getTeamLeader = (team: Team) => {
-    return team.members.find((member) => member.role === TeamRoleEnum.Lead)
-  }
-
-  const getActiveMembers = (team: Team) => {
-    return team.members.filter((member) => member.isActive)
-  }
-
-  const handleAddTeam = () => {
-    setEditingTeam(null)
-    setShowNewTeamModal(true)
-  }
-
-  const handleViewTeam = (team: Team) => {
-    setViewingTeam(team)
-    setShowViewTeamModal(true)
-  }
-
-  const handleEditTeam = (team: Team) => {
-    setEditingTeam(team)
-    setShowEditTeamModal(true)
-  }
-
-  const handleSelectTeam = (teamId: string) => {
-    setSelectedTeams((prev) =>
-      prev.includes(teamId) ? prev.filter((id) => id !== teamId) : [...prev, teamId],
-    )
-  }
-
-  const handleNewTeamSave = (newTeam: Partial<Team>) => {
-    if (newTeam.id) {
-      setTeams((prev) => [...prev, newTeam as Team])
-    }
-  }
-
-  const handleEditTeamSave = (updatedTeam: Team) => {
-    setTeams((prev) => prev.map((team) => (team.id === updatedTeam.id ? updatedTeam : team)))
-  }
-
-  const handleAssignWorkOrders = (assignments: { teamId: string; planIds: string[] }[]) => {
-    // Here you would typically make API calls to assign work orders
-    console.log('Assigning work orders:', assignments)
-    // Show success message or handle the actual assignment logic
-  }
-
-  const handleStatusChange = (teamIds: string[], newStatus: boolean, reason?: string) => {
-    setTeams((prev) =>
-      prev.map((team) =>
-        teamIds.includes(team.id)
-          ? { ...team, isActive: newStatus, lastModificationTime: new Date() }
-          : team,
-      ),
-    )
-    setSelectedTeams([])
-    // Here you would typically log the status change with reason
-    console.log('Status change:', { teamIds, newStatus, reason })
-  }
-
-  const selectedTeamObjects = teams.filter((team) => selectedTeams.includes(team.id))
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Bakım Ekipleri</h2>
-            <p className="text-gray-600">Bakım ekiplerini ve üyelerini yönetin</p>
-          </div>
-          <button
-            onClick={handleAddTeam}
-            className="bg-blue-600 text-white px-3 py-1.5 rounded-lg hover:bg-blue-700 flex items-center space-x-2 text-sm"
-          >
-            <FaPlus className="w-4 h-4" />
-            <span>Yeni Ekip</span>
-          </button>
-        </div>
-
-        {/* Summary Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-6">
-          <Widget title="Toplam Ekip" value={teams.length} color="blue" icon="FaUsers" />
-
-          <Widget
-            title="Aktif Ekip"
-            value={teams.filter((t) => t.isActive).length}
-            color="green"
-            icon="FaCheckCircle"
-          />
-
-          <Widget
-            title="Toplam Üye"
-            value={teams.reduce((total, team) => total + getActiveMembers(team).length, 0)}
-            color="orange"
-            icon="FaUser"
-          />
-
-          <Widget
-            title="Uzmanlık"
-            value={teams.reduce((total, team) => total + (team.specializations?.length || 0), 0)}
-            color="purple"
-            icon="FaWrench"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex space-x-3">
-          <div className="flex-1 relative">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Ekip veya üye ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-9 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <div className="relative">
-            <FaFilter className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-            <select
-              value={roleFilter}
-              onChange={(e) => setRoleFilter(e.target.value as TeamRoleEnum | 'all')}
-              className="pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              <option value="all">Tüm Roller</option>
-              {Object.values(TeamRoleEnum).map((role) => (
-                <option key={role} value={role}>
-                  {getTeamRoleText(role)}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div className="relative">
-            <select
-              value={statusFilter}
-              onChange={(e) => setStatusFilter(e.target.value as 'active' | 'inactive' | 'all')}
-              className="pl-4 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              <option value="all">Tüm Durumlar</option>
-              <option value="active">Aktif</option>
-              <option value="inactive">Pasif</option>
-            </select>
-          </div>
-        </div>
-
-        {/* Teams Grid */}
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-          {filteredTeams.map((team) => {
-            const leader = getTeamLeader(team)
-            const activeMembers = getActiveMembers(team)
-
-            return (
-              <div
-                key={team.id}
-                className="bg-white rounded-lg shadow-md border border-gray-200 p-4 hover:shadow-lg transition-shadow"
-              >
-                <div className="flex items-start justify-between mb-3">
-                  <div className="flex-1">
-                    <div className="flex items-center space-x-2 mb-2">
-                      <input
-                        type="checkbox"
-                        checked={selectedTeams.includes(team.id)}
-                        onChange={() => handleSelectTeam(team.id)}
-                        className="rounded border-gray-300 text-blue-600 focus:ring-blue-500 mt-0.5"
-                      />
-                      <h3 className="text-lg font-semibold text-gray-900">{team.code}</h3>
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${
-                          team.isActive
-                            ? 'bg-green-100 text-green-800'
-                            : 'bg-gray-100 text-gray-800'
-                        }`}
-                      >
-                        {team.isActive ? 'Aktif' : 'Pasif'}
-                      </span>
-                    </div>
-                    <h4 className="font-medium text-gray-700 mb-1 text-sm">{team.name}</h4>
-                    <p className="text-xs text-gray-500 mb-2">{team.description}</p>
-                  </div>
-                  <div className="flex space-x-1">
-                    <button
-                      onClick={() => handleViewTeam(team)}
-                      className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                    >
-                      <FaEye className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleEditTeam(team)}
-                      className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                    <button className="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition-colors">
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-
-                {/* Team Leader */}
-                {leader && (
-                  <div className="bg-purple-50 rounded-lg p-2 mb-3">
-                    <div className="flex items-center space-x-3">
-                      <div className="w-10 h-10 bg-purple-600 rounded-full flex items-center justify-center">
-                        <FaAward className="w-5 h-5 text-white" />
-                      </div>
-                      <div className="flex-1">
-                        <div className="flex items-center space-x-2">
-                          <h5 className="font-medium text-gray-900">
-                            {leader.employee?.firstName} {leader.employee?.lastName}
-                          </h5>
-                          <span
-                            className={`px-2 py-1 rounded-full text-xs font-medium flex items-center space-x-1 ${getTeamRoleColor(
-                              leader.role,
-                            )}`}
-                          >
-                            {getTeamRoleIcon(leader.role)}
-                            <span>{getTeamRoleText(leader.role)}</span>
-                          </span>
-                        </div>
-                        <p className="text-sm text-gray-600">
-                          {leader.employee?.jobPosition?.code}
-                        </p>
-                        <div className="flex items-center space-x-4 mt-1 text-xs text-gray-500">
-                          {leader.employee?.email && (
-                            <div className="flex items-center space-x-1">
-                              <FaEnvelope className="w-3 h-3" />
-                              <span>{leader.employee.email}</span>
-                            </div>
-                          )}
-                          {leader.employee?.phoneNumber && (
-                            <div className="flex items-center space-x-1">
-                              <FaPhone className="w-3 h-3" />
-                              <span>{leader.employee.phoneNumber}</span>
-                            </div>
-                          )}
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                )}
-
-                {/* Team Members */}
-                <div className="space-y-2 mb-3">
-                  <h5 className="text-xs font-medium text-gray-700">
-                    Ekip Üyeleri ({activeMembers.length})
-                  </h5>
-                  <div className="space-y-2">
-                    {activeMembers
-                      .filter((member) => member.role !== TeamRoleEnum.Lead)
-                      .slice(0, 3)
-                      .map((member) => (
-                        <div
-                          key={member.id}
-                          className="flex items-center space-x-2 p-1.5 bg-gray-50 rounded-lg"
-                        >
-                          <div className="w-8 h-8 bg-gray-400 rounded-full flex items-center justify-center">
-                            <FaUser className="w-4 h-4 text-white" />
-                          </div>
-                          <div className="flex-1">
-                            <div className="flex items-center space-x-2">
-                              <span className="text-sm font-medium text-gray-900">
-                                {member.employee?.firstName} {member.employee?.lastName}
-                              </span>
-                              <span
-                                className={`px-2 py-1 rounded-full text-xs font-medium flex items-center space-x-1 ${getTeamRoleColor(
-                                  member.role,
-                                )}`}
-                              >
-                                {getTeamRoleIcon(member.role)}
-                                <span>{getTeamRoleText(member.role)}</span>
-                              </span>
-                            </div>
-                            <p className="text-xs text-gray-600">
-                              {member.employee?.jobPosition?.code}
-                            </p>
-                          </div>
-                        </div>
-                      ))}
-                    {activeMembers.filter((member) => member.role !== TeamRoleEnum.Lead).length >
-                      3 && (
-                      <div className="text-center text-xs text-gray-500 p-1.5">
-                        +
-                        {activeMembers.filter((member) => member.role !== TeamRoleEnum.Lead)
-                          .length - 3}{' '}
-                        kişi daha...
-                      </div>
-                    )}
-                  </div>
-                </div>
-
-                {/* Specializations */}
-                <div className="border-t border-gray-100 pt-2">
-                  <h5 className="text-xs font-medium text-gray-700 mb-2">Uzmanlık Alanları</h5>
-                  <div className="flex flex-wrap gap-1">
-                    {team.specializations ??
-                      [].slice(0, 6).map((specialization, index) => (
-                        <span
-                          key={index}
-                          className="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full"
-                        >
-                          {specialization}
-                        </span>
-                      ))}
-                    {(team.specializations?.length ?? 0) > 6 && (
-                      <span className="px-2 py-1 bg-gray-100 text-gray-600 text-xs rounded-full">
-                        +{(team.specializations?.length ?? 0) - 6}
-                      </span>
-                    )}
-                  </div>
-                </div>
-
-                <div className="border-t border-gray-100 pt-2 mt-2">
-                  <div className="flex items-center justify-between text-xs text-gray-500">
-                    <div className="flex items-center space-x-2">
-                      <FaClock className="w-3 h-3" />
-                      <span>Oluşturuldu: {team.creationTime.toLocaleDateString('tr-TR')}</span>
-                    </div>
-                    <div className="flex items-center space-x-2">
-                      <span>
-                        Son Güncelleme: {team.lastModificationTime.toLocaleDateString('tr-TR')}
-                      </span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            )
-          })}
-        </div>
-
-        {filteredTeams.length === 0 && (
-          <div className="text-center py-12">
-            <FaUsers className="w-16 h-16 text-gray-400 mx-auto mb-4" />
-            <h3 className="text-lg font-medium text-gray-900 mb-2">Ekip bulunamadı</h3>
-            <p className="text-gray-500 mb-4">
-              Arama kriterlerinizi değiştirin veya yeni bir ekip oluşturun.
-            </p>
-            <button
-              onClick={handleAddTeam}
-              className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700"
-            >
-              Yeni Ekip Oluştur
-            </button>
-          </div>
-        )}
-
-        {/* Bulk Actions */}
-        {selectedTeams.length > 0 && (
-          <div className="fixed bottom-6 left-1/2 transform -translate-x-1/2 bg-white rounded-lg shadow-lg border border-gray-200 p-4">
-            <div className="flex items-center space-x-4">
-              <span className="text-sm text-gray-600">{selectedTeams.length} ekip seçildi</span>
-              <div className="flex space-x-2">
-                <button
-                  onClick={() => setShowAssignWorkOrderModal(true)}
-                  className="bg-green-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-green-700"
-                >
-                  İş Emri Ata
-                </button>
-                <button
-                  onClick={() => setShowStatusChangeModal(true)}
-                  className="bg-blue-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-blue-700"
-                >
-                  Durum Değiştir
-                </button>
-                <button
-                  onClick={() => setSelectedTeams([])}
-                  className="bg-gray-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-gray-700"
-                >
-                  Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* Modals */}
-      <NewTeamModal
-        isOpen={showNewTeamModal}
-        onClose={() => setShowNewTeamModal(false)}
-        onSave={handleNewTeamSave}
-      />
-
-      <ViewTeamModal
-        isOpen={showViewTeamModal}
-        onClose={() => setShowViewTeamModal(false)}
-        onEdit={handleEditTeam}
-        team={viewingTeam}
-      />
-
-      <EditTeamModal
-        isOpen={showEditTeamModal}
-        onClose={() => setShowEditTeamModal(false)}
-        onSave={handleEditTeamSave}
-        team={editingTeam}
-      />
-
-      <AssignWorkOrderModal
-        isOpen={showAssignWorkOrderModal}
-        onClose={() => setShowAssignWorkOrderModal(false)}
-        onSave={handleAssignWorkOrders}
-        selectedTeams={selectedTeamObjects}
-      />
-
-      <TeamStatusChangeModal
-        isOpen={showStatusChangeModal}
-        onClose={() => setShowStatusChangeModal(false)}
-        onSave={handleStatusChange}
-        selectedTeams={selectedTeamObjects}
-      />
-    </Container>
-  )
-}
-
-export default MaintenanceTeams
diff --git a/ui/src/views/maintenance/components/MaintenanceWorkOrders.tsx b/ui/src/views/maintenance/components/MaintenanceWorkOrders.tsx
deleted file mode 100644
index f44f9aea..00000000
--- a/ui/src/views/maintenance/components/MaintenanceWorkOrders.tsx
+++ /dev/null
@@ -1,638 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaFileAlt,
-  FaClock,
-  FaCheckCircle,
-  FaExclamationTriangle,
-  FaEdit,
-  FaTrash,
-  FaEye,
-  FaDollarSign,
-} from 'react-icons/fa'
-import { PmMaintenanceWorkOrder, WorkOrderStatusEnum, WorkOrderTypeEnum } from '../../../types/pm'
-import { mockMaintenanceWorkOrders } from '../../../mocks/mockMaintenanceWorkOrders'
-import NewWorkOrderModal from './NewWorkOrderModal'
-import ViewWorkOrderModal from './ViewWorkOrderModal'
-import EditWorkOrderModal from './EditWorkOrderModal'
-import StartWorkOrderModal from './StartWorkOrderModal'
-import AssignWorkOrdersModal from './AssignWorkOrdersModal'
-import ChangeWorkOrderStatusModal from './ChangeWorkOrderStatusModal'
-import Widget from '../../../components/common/Widget'
-import {
-  getPriorityColor,
-  getPriorityText,
-  getWorkOrderStatusColor,
-  getWorkOrderStatusIcon,
-  getWorkOrderStatusText,
-  getWorkOrderTypeColor,
-  getWorkOrderTypeText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const MaintenanceWorkOrders: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<WorkOrderStatusEnum | 'all'>('all')
-  const [typeFilter, setTypeFilter] = useState<WorkOrderTypeEnum | 'all'>('all')
-  const [showModal, setShowModal] = useState(false)
-  const [editingWorkOrder, setEditingWorkOrder] = useState<PmMaintenanceWorkOrder | null>(null)
-  const [viewingWorkOrder, setViewingWorkOrder] = useState<PmMaintenanceWorkOrder | null>(null)
-  const [selectedWorkOrders, setSelectedWorkOrders] = useState<string[]>([])
-  const [showStartModal, setShowStartModal] = useState(false)
-  const [showAssignModal, setShowAssignModal] = useState(false)
-  const [showStatusChangeModal, setShowStatusChangeModal] = useState(false)
-
-  // Mock data - replace with actual API calls
-  const [workOrders, setWorkOrders] = useState<PmMaintenanceWorkOrder[]>(mockMaintenanceWorkOrders)
-
-  const filteredWorkOrders = workOrders.filter((workOrder) => {
-    const matchesSearch =
-      workOrder.workOrderNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      workOrder.description.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      workOrder.assignedTo?.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      workOrder.reportedBy.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesStatus = statusFilter === 'all' || workOrder.status === statusFilter
-    const matchesType = typeFilter === 'all' || workOrder.orderType === typeFilter
-    return matchesSearch && matchesStatus && matchesType
-  })
-
-  const getTotalMaterialCost = (workOrder: PmMaintenanceWorkOrder) => {
-    return workOrder.materials.reduce((total, material) => total + material.totalCost, 0)
-  }
-
-  const getCompletionPercentage = (workOrder: PmMaintenanceWorkOrder) => {
-    const completedActivities = workOrder.activities.filter(
-      (activity) => activity.completedAt,
-    ).length
-    const totalActivities = workOrder.activities.length
-    return totalActivities > 0 ? Math.round((completedActivities / totalActivities) * 100) : 0
-  }
-
-  const isOverdue = (workOrder: PmMaintenanceWorkOrder) => {
-    if (!workOrder.scheduledEnd) return false
-    const now = new Date()
-    return workOrder.scheduledEnd < now && workOrder.status !== WorkOrderStatusEnum.Completed
-  }
-
-  const handleAddWorkOrder = () => {
-    setEditingWorkOrder(null)
-    setShowModal(true)
-  }
-
-  const handleEdit = (workOrder: PmMaintenanceWorkOrder) => {
-    setEditingWorkOrder(workOrder)
-    setShowModal(true)
-  }
-
-  const handleView = (workOrder: PmMaintenanceWorkOrder) => {
-    setViewingWorkOrder(workOrder)
-  }
-
-  const handleSelectWorkOrder = (workOrderId: string) => {
-    setSelectedWorkOrders((prev) =>
-      prev.includes(workOrderId) ? prev.filter((id) => id !== workOrderId) : [...prev, workOrderId],
-    )
-  }
-
-  const handleSaveWorkOrder = (
-    workOrderData: Omit<PmMaintenanceWorkOrder, 'id' | 'creationTime' | 'lastModificationTime'>,
-  ) => {
-    const newWorkOrder: PmMaintenanceWorkOrder = {
-      ...workOrderData,
-      id: `wo-${Date.now()}`,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    }
-    setWorkOrders([...workOrders, newWorkOrder])
-  }
-
-  const handleUpdateWorkOrder = (updatedWorkOrder: PmMaintenanceWorkOrder) => {
-    setWorkOrders(workOrders.map((wo) => (wo.id === updatedWorkOrder.id ? updatedWorkOrder : wo)))
-  }
-
-  const handleStartWorkOrders = (
-    selectedWorkOrders: PmMaintenanceWorkOrder[],
-    startData: {
-      actualStart: Date
-      assignedTo?: string
-      maintenanceTeamId?: string
-      notes?: string
-    },
-  ) => {
-    const updatedWorkOrders = workOrders.map((wo) => {
-      if (selectedWorkOrders.some((swo) => swo.id === wo.id)) {
-        return {
-          ...wo,
-          status: WorkOrderStatusEnum.InProgress,
-          actualStart: startData.actualStart,
-          assignedTo: startData.assignedTo || wo.assignedTo,
-          maintenanceTeamId: startData.maintenanceTeamId || wo.maintenanceTeamId,
-          notes: startData.notes
-            ? `${wo.notes ? wo.notes + '\n' : ''}${startData.notes}`
-            : wo.notes,
-          lastModificationTime: new Date(),
-        }
-      }
-      return wo
-    })
-    setWorkOrders(updatedWorkOrders)
-    setSelectedWorkOrders([])
-  }
-
-  const handleAssignWorkOrders = (
-    selectedWorkOrders: PmMaintenanceWorkOrder[],
-    assignmentData: {
-      assignmentType: 'person' | 'team'
-      assignedTo?: string
-      maintenanceTeamId?: string
-      notes?: string
-    },
-  ) => {
-    const updatedWorkOrders = workOrders.map((wo) => {
-      if (selectedWorkOrders.some((swo) => swo.id === wo.id)) {
-        return {
-          ...wo,
-          assignedTo: assignmentData.assignedTo || wo.assignedTo,
-          maintenanceTeamId: assignmentData.maintenanceTeamId || wo.maintenanceTeamId,
-          notes: assignmentData.notes
-            ? `${wo.notes ? wo.notes + '\n' : ''}${assignmentData.notes}`
-            : wo.notes,
-          lastModificationTime: new Date(),
-        }
-      }
-      return wo
-    })
-    setWorkOrders(updatedWorkOrders)
-    setSelectedWorkOrders([])
-  }
-
-  const handleChangeWorkOrderStatus = (
-    selectedWorkOrders: PmMaintenanceWorkOrder[],
-    statusData: {
-      newStatus: WorkOrderStatusEnum
-      notes?: string
-      completionNotes?: string
-    },
-  ) => {
-    const updatedWorkOrders = workOrders.map((wo) => {
-      if (selectedWorkOrders.some((swo) => swo.id === wo.id)) {
-        const updates: Partial<PmMaintenanceWorkOrder> = {
-          status: statusData.newStatus,
-          lastModificationTime: new Date(),
-        }
-
-        if (statusData.notes) {
-          updates.notes = statusData.notes
-        }
-
-        if (statusData.completionNotes) {
-          updates.completionNotes = statusData.completionNotes
-        }
-
-        if (statusData.newStatus === WorkOrderStatusEnum.Completed) {
-          updates.actualEnd = new Date()
-        }
-
-        return { ...wo, ...updates }
-      }
-      return wo
-    })
-    setWorkOrders(updatedWorkOrders)
-    setSelectedWorkOrders([])
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Bakım İş Emirleri</h2>
-            <p className="text-gray-600">Bakım iş emirlerini takip edin ve yönetin</p>
-          </div>
-          <button
-            onClick={handleAddWorkOrder}
-            className="bg-blue-600 text-white px-3 py-1.5 rounded-lg hover:bg-blue-700 flex items-center space-x-2 text-sm"
-          >
-            <FaPlus className="w-4 h-4" />
-            <span>Yeni İş Emri</span>
-          </button>
-        </div>
-
-        {/* Summary Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-5 gap-6">
-          <Widget title="Toplam" value={workOrders.length} color="gray" icon="FaFileAlt" />
-
-          <Widget
-            title="Devam Ediyor"
-            value={workOrders.filter((wo) => wo.status === WorkOrderStatusEnum.InProgress).length}
-            color="orange"
-            icon="FaWrench"
-          />
-
-          <Widget
-            title="Planlandı"
-            value={workOrders.filter((wo) => wo.status === WorkOrderStatusEnum.Planned).length}
-            color="blue"
-            icon="FaCalendar"
-          />
-
-          <Widget
-            title="Tamamlandı"
-            value={workOrders.filter((wo) => wo.status === WorkOrderStatusEnum.Completed).length}
-            color="green"
-            icon="FaCheckCircle"
-          />
-
-          <Widget
-            title="Geciken"
-            value={workOrders.filter((wo) => isOverdue(wo)).length}
-            color="red"
-            icon="FaExclamationTriangle"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex space-x-3">
-          <div className="flex-1 relative">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="İş emri ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-9 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <div className="relative">
-            <FaFilter className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-            <select
-              value={statusFilter}
-              onChange={(e) => setStatusFilter(e.target.value as WorkOrderStatusEnum | 'all')}
-              className="pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              <option value="all">Tüm Durumlar</option>
-              {Object.values(WorkOrderStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getWorkOrderStatusText(status)}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div className="relative">
-            <select
-              value={typeFilter}
-              onChange={(e) => setTypeFilter(e.target.value as WorkOrderTypeEnum | 'all')}
-              className="pl-4 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              <option value="all">Tüm Tipler</option>
-              {Object.values(WorkOrderTypeEnum).map((type) => (
-                <option key={type} value={type}>
-                  {getWorkOrderTypeText(type)}
-                </option>
-              ))}
-            </select>
-          </div>
-        </div>
-
-        {/* Work Orders List */}
-        <div className="space-y-3 pt-2">
-          {filteredWorkOrders.map((workOrder) => {
-            const completionPercentage = getCompletionPercentage(workOrder)
-            const materialCost = getTotalMaterialCost(workOrder)
-
-            return (
-              <div
-                key={workOrder.id}
-                className="bg-white rounded-lg shadow-md border border-gray-200 p-4 hover:shadow-lg transition-shadow"
-              >
-                <div className="flex items-start justify-between">
-                  <div className="flex items-start space-x-4 flex-1">
-                    <input
-                      type="checkbox"
-                      checked={selectedWorkOrders.includes(workOrder.id)}
-                      onChange={() => handleSelectWorkOrder(workOrder.id)}
-                      className="mt-1 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                    />
-
-                    <div className="flex-1">
-                      <div className="flex items-center space-x-3 mb-2">
-                        <h3 className="text-base font-semibold text-gray-900">
-                          {workOrder.workOrderNumber}
-                        </h3>
-                        <span
-                          className={`px-2 py-1 rounded-full text-xs font-medium flex items-center space-x-1 ${getWorkOrderStatusColor(
-                            workOrder.status,
-                          )}`}
-                        >
-                          {getWorkOrderStatusIcon(workOrder.status)}
-                          <span>{getWorkOrderStatusText(workOrder.status)}</span>
-                        </span>
-                        <span
-                          className={`px-2 py-1 rounded-full text-xs font-medium ${getWorkOrderTypeColor(
-                            workOrder.orderType,
-                          )}`}
-                        >
-                          {getWorkOrderTypeText(workOrder.orderType)}
-                        </span>
-                        <span
-                          className={`px-2 py-1 rounded-full text-xs font-medium ${getPriorityColor(
-                            workOrder.priority,
-                          )}`}
-                        >
-                          {getPriorityText(workOrder.priority)}
-                        </span>
-                        {isOverdue(workOrder) && (
-                          <span className="px-2 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800 flex items-center space-x-1">
-                            <FaExclamationTriangle className="w-3 h-3" />
-                            <span>GECİKMİŞ</span>
-                          </span>
-                        )}
-                      </div>
-
-                      <h4 className="font-medium text-gray-800 mb-2 text-sm">
-                        {workOrder.description}
-                      </h4>
-
-                      <div className="grid grid-cols-2 lg:grid-cols-4 gap-4 text-xs mb-3">
-                        <div>
-                          <span className="text-gray-500">Bildiren:</span>
-                          <p className="font-medium text-gray-900">{workOrder.reportedBy}</p>
-                        </div>
-                        <div>
-                          <span className="text-gray-500">Atanan:</span>
-                          <p className="font-medium text-gray-900">
-                            {workOrder.assignedTo || 'Atanmadı'}
-                          </p>
-                        </div>
-                        <div>
-                          <span className="text-gray-500">Planlanan Süre:</span>
-                          <p className="font-medium text-gray-900">
-                            {workOrder.scheduledStart && workOrder.scheduledEnd ? (
-                              <>
-                                {workOrder.scheduledStart.toLocaleDateString('tr-TR')} -{' '}
-                                {workOrder.scheduledEnd.toLocaleDateString('tr-TR')}
-                              </>
-                            ) : (
-                              'Belirsiz'
-                            )}
-                          </p>
-                        </div>
-                        <div>
-                          <span className="text-gray-500">Maliyet:</span>
-                          <p className="font-medium text-gray-900 flex items-center">
-                            <FaDollarSign className="w-3 h-3 mr-1" />₺
-                            {workOrder.actualCost > 0
-                              ? workOrder.actualCost.toLocaleString('tr-TR')
-                              : workOrder.estimatedCost.toLocaleString('tr-TR')}
-                            {workOrder.actualCost === 0 && (
-                              <span className="text-xs text-gray-500 ml-1">(tahmini)</span>
-                            )}
-                          </p>
-                        </div>
-                      </div>
-
-                      {/* Progress Bar */}
-                      {workOrder.status === WorkOrderStatusEnum.InProgress && (
-                        <div className="mb-3">
-                          <div className="flex items-center justify-between text-sm text-gray-600 mb-1">
-                            <span>İlerleme</span>
-                            <span>{completionPercentage}%</span>
-                          </div>
-                          <div className="w-full bg-gray-200 rounded-full h-2">
-                            <div
-                              className="bg-blue-600 h-2 rounded-full transition-all duration-300"
-                              style={{ width: `${completionPercentage}%` }}
-                            ></div>
-                          </div>
-                        </div>
-                      )}
-
-                      {/* Materials Summary */}
-                      {workOrder.materials.length > 0 && (
-                        <div className="bg-blue-50 rounded-lg p-2 mb-2">
-                          <div className="flex items-center justify-between text-sm">
-                            <div className="flex items-center space-x-2">
-                              <span className="text-gray-600">Malzemeler:</span>
-                              <span className="font-medium text-gray-900">
-                                {workOrder.materials.length} kalem
-                              </span>
-                            </div>
-                            <span className="font-medium text-gray-900">
-                              ₺{materialCost.toLocaleString('tr-TR')}
-                            </span>
-                          </div>
-                        </div>
-                      )}
-
-                      {/* Activities Summary */}
-                      <div className="bg-gray-50 rounded-lg p-2 mb-2">
-                        <div className="flex items-center justify-between text-sm">
-                          <div className="flex items-center space-x-2">
-                            <span className="text-gray-600">Aktiviteler:</span>
-                            <span className="font-medium text-gray-900">
-                              {workOrder.activities.filter((a) => a.completedAt).length} /{' '}
-                              {workOrder.activities.length} tamamlandı
-                            </span>
-                          </div>
-                          <div className="text-gray-600">
-                            Toplam:{' '}
-                            {workOrder.activities.reduce(
-                              (total, activity) => total + activity.plannedDuration,
-                              0,
-                            )}{' '}
-                            dk
-                          </div>
-                        </div>
-                      </div>
-
-                      {workOrder.notes && (
-                        <div className="bg-yellow-50 rounded-lg p-2 mb-2">
-                          <div className="flex items-start space-x-2 text-sm">
-                            <FaFileAlt className="w-4 h-4 text-yellow-600 mt-0.5" />
-                            <div>
-                              <span className="text-gray-600">Notlar:</span>
-                              <p className="text-gray-900 mt-1">{workOrder.notes}</p>
-                            </div>
-                          </div>
-                        </div>
-                      )}
-
-                      {workOrder.completionNotes && (
-                        <div className="bg-green-50 rounded-lg p-2 mb-2">
-                          <div className="flex items-start space-x-2 text-sm">
-                            <FaCheckCircle className="w-4 h-4 text-green-600 mt-0.5" />
-                            <div>
-                              <span className="text-gray-600">Tamamlanma Notları:</span>
-                              <p className="text-gray-900 mt-1">{workOrder.completionNotes}</p>
-                            </div>
-                          </div>
-                        </div>
-                      )}
-
-                      <div className="flex items-center justify-between text-xs text-gray-500">
-                        <div className="flex items-center space-x-2">
-                          <FaClock className="w-3 h-3" />
-                          <span>
-                            Oluşturuldu: {workOrder.creationTime.toLocaleDateString('tr-TR')}
-                          </span>
-                        </div>
-                        <div className="flex items-center space-x-2">
-                          <span>
-                            Son Güncelleme:{' '}
-                            {workOrder.lastModificationTime.toLocaleDateString('tr-TR')}
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div className="flex space-x-1">
-                    <button
-                      onClick={() => handleView(workOrder)}
-                      className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                    >
-                      <FaEye className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleEdit(workOrder)}
-                      className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                    <button className="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition-colors">
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                    {workOrder.status === WorkOrderStatusEnum.InProgress && (
-                      <button className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors">
-                        <FaCheckCircle className="w-4 h-4" />
-                      </button>
-                    )}
-                  </div>
-                </div>
-              </div>
-            )
-          })}
-        </div>
-
-        {filteredWorkOrders.length === 0 && (
-          <div className="text-center py-12">
-            <FaFileAlt className="w-16 h-16 text-gray-400 mx-auto mb-4" />
-            <h3 className="text-lg font-medium text-gray-900 mb-2">İş emri bulunamadı</h3>
-            <p className="text-gray-500 mb-4">
-              Arama kriterlerinizi değiştirin veya yeni bir iş emri oluşturun.
-            </p>
-            <button
-              onClick={handleAddWorkOrder}
-              className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700"
-            >
-              Yeni İş Emri Oluştur
-            </button>
-          </div>
-        )}
-
-        {/* Bulk Actions */}
-        {selectedWorkOrders.length > 0 && (
-          <div className="fixed bottom-6 left-1/2 transform -translate-x-1/2 bg-white rounded-lg shadow-lg border border-gray-200 p-4">
-            <div className="flex items-center space-x-4">
-              <span className="text-sm text-gray-600">
-                {selectedWorkOrders.length} iş emri seçildi
-              </span>
-              <div className="flex space-x-2">
-                <button
-                  onClick={() => setShowStartModal(true)}
-                  className="bg-green-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-green-700"
-                >
-                  Başlat
-                </button>
-                <button
-                  onClick={() => setShowAssignModal(true)}
-                  className="bg-blue-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-blue-700"
-                >
-                  Atama Yap
-                </button>
-                <button
-                  onClick={() => setShowStatusChangeModal(true)}
-                  className="bg-orange-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-orange-700"
-                >
-                  Durum Değiştir
-                </button>
-                <button
-                  onClick={() => setSelectedWorkOrders([])}
-                  className="bg-gray-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-gray-700"
-                >
-                  Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* Modals */}
-      {showModal && !editingWorkOrder && (
-        <NewWorkOrderModal
-          isOpen={showModal}
-          onClose={() => setShowModal(false)}
-          onSave={handleSaveWorkOrder}
-        />
-      )}
-
-      {editingWorkOrder && (
-        <EditWorkOrderModal
-          isOpen={showModal}
-          onClose={() => {
-            setShowModal(false)
-            setEditingWorkOrder(null)
-          }}
-          onSave={handleUpdateWorkOrder}
-          workOrder={editingWorkOrder}
-        />
-      )}
-
-      {viewingWorkOrder && (
-        <ViewWorkOrderModal
-          isOpen={!!viewingWorkOrder}
-          onClose={() => setViewingWorkOrder(null)}
-          onEdit={(workOrder) => {
-            setViewingWorkOrder(null)
-            setEditingWorkOrder(workOrder)
-            setShowModal(true)
-          }}
-          workOrder={viewingWorkOrder}
-        />
-      )}
-
-      {showStartModal && selectedWorkOrders.length > 0 && (
-        <StartWorkOrderModal
-          isOpen={showStartModal}
-          onClose={() => setShowStartModal(false)}
-          onStart={handleStartWorkOrders}
-          workOrders={workOrders.filter((wo) => selectedWorkOrders.includes(wo.id))}
-        />
-      )}
-
-      {showAssignModal && selectedWorkOrders.length > 0 && (
-        <AssignWorkOrdersModal
-          isOpen={showAssignModal}
-          onClose={() => setShowAssignModal(false)}
-          onAssign={handleAssignWorkOrders}
-          workOrders={workOrders.filter((wo) => selectedWorkOrders.includes(wo.id))}
-        />
-      )}
-
-      {showStatusChangeModal && selectedWorkOrders.length > 0 && (
-        <ChangeWorkOrderStatusModal
-          isOpen={showStatusChangeModal}
-          onClose={() => setShowStatusChangeModal(false)}
-          onStatusChange={handleChangeWorkOrderStatus}
-          workOrders={workOrders.filter((wo) => selectedWorkOrders.includes(wo.id))}
-        />
-      )}
-    </Container>
-  )
-}
-
-export default MaintenanceWorkOrders
diff --git a/ui/src/views/maintenance/components/NewCalendarEventModal.tsx b/ui/src/views/maintenance/components/NewCalendarEventModal.tsx
deleted file mode 100644
index e836465d..00000000
--- a/ui/src/views/maintenance/components/NewCalendarEventModal.tsx
+++ /dev/null
@@ -1,367 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave, FaCalendar, FaClock } from 'react-icons/fa'
-import { PmCalendarEvent, WorkOrderStatusEnum } from '../../../types/pm'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { PriorityEnum } from '../../../types/common'
-import { getPriorityText, getWorkOrderStatusText } from '@/utils/erp'
-
-interface NewCalendarEventModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (event: Partial<PmCalendarEvent>) => void
-  selectedDate?: Date
-}
-
-const NewCalendarEventModal: React.FC<NewCalendarEventModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  selectedDate,
-}) => {
-  const getInitialStartTime = () => {
-    if (selectedDate) {
-      const hour = selectedDate.getHours()
-      const minute = selectedDate.getMinutes()
-      return `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`
-    }
-    return '09:00'
-  }
-
-  const getInitialEndTime = () => {
-    if (selectedDate) {
-      const endTime = new Date(selectedDate)
-      endTime.setHours(endTime.getHours() + 1)
-      const hour = endTime.getHours()
-      const minute = endTime.getMinutes()
-      return `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`
-    }
-    return '10:00'
-  }
-
-  const [eventData, setEventData] = useState<Partial<PmCalendarEvent>>({
-    title: '',
-    type: 'plan',
-    date: selectedDate || new Date(),
-    startTime: getInitialStartTime(),
-    endTime: getInitialEndTime(),
-    status: WorkOrderStatusEnum.Planned,
-    priority: PriorityEnum.Normal,
-    assignedTo: '',
-    workCenterCode: '',
-    duration: 60,
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  // Update form data when selectedDate changes
-  useEffect(() => {
-    if (selectedDate) {
-      const getInitialStartTime = () => {
-        const hour = selectedDate.getHours()
-        const minute = selectedDate.getMinutes()
-        return `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`
-      }
-
-      const getInitialEndTime = () => {
-        const endTime = new Date(selectedDate)
-        endTime.setHours(endTime.getHours() + 1)
-        const hour = endTime.getHours()
-        const minute = endTime.getMinutes()
-        return `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`
-      }
-
-      setEventData((prev) => ({
-        ...prev,
-        date: selectedDate,
-        startTime: getInitialStartTime(),
-        endTime: getInitialEndTime(),
-      }))
-    }
-  }, [selectedDate])
-
-  if (!isOpen) return null
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!eventData.title?.trim()) {
-      newErrors.title = 'Başlık gerekli'
-    }
-    if (!eventData.workCenterCode?.trim()) {
-      newErrors.workCenterCode = 'İş Merkezi seçimi gerekli'
-    }
-    if (!eventData.startTime) {
-      newErrors.startTime = 'Başlangıç saati gerekli'
-    }
-    if (!eventData.endTime) {
-      newErrors.endTime = 'Bitiş saati gerekli'
-    }
-    if (eventData.startTime && eventData.endTime) {
-      const start = new Date(`2000-01-01 ${eventData.startTime}`)
-      const end = new Date(`2000-01-01 ${eventData.endTime}`)
-      if (start >= end) {
-        newErrors.endTime = 'Bitiş saati başlangıç saatinden sonra olmalı'
-      }
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSave = () => {
-    if (validateForm()) {
-      // Calculate duration
-      if (eventData.startTime && eventData.endTime) {
-        const start = new Date(`2000-01-01 ${eventData.startTime}`)
-        const end = new Date(`2000-01-01 ${eventData.endTime}`)
-        const durationMinutes = (end.getTime() - start.getTime()) / (1000 * 60)
-        eventData.duration = durationMinutes
-      }
-
-      onSave({
-        ...eventData,
-        id: `E${Date.now()}`, // Generate a simple ID
-      })
-      onClose()
-      // Reset form
-      setEventData({
-        title: '',
-        type: 'plan',
-        date: selectedDate || new Date(),
-        startTime: getInitialStartTime(),
-        endTime: getInitialEndTime(),
-        status: WorkOrderStatusEnum.Planned,
-        priority: PriorityEnum.Normal,
-        assignedTo: '',
-        workCenterCode: '',
-        duration: 60,
-      })
-      setErrors({})
-    }
-  }
-
-  const handleInputChange = (
-    field: keyof PmCalendarEvent,
-    value: string | Date | PriorityEnum | WorkOrderStatusEnum | 'plan' | 'workorder' | 'scheduled',
-  ) => {
-    setEventData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-    // Clear error when user starts typing
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const generateTimeOptions = () => {
-    const options = []
-    for (let hour = 0; hour < 24; hour++) {
-      for (let minute = 0; minute < 60; minute += 30) {
-        const timeString = `${hour.toString().padStart(2, '0')}:${minute
-          .toString()
-          .padStart(2, '0')}`
-        options.push(timeString)
-      }
-    }
-    return options
-  }
-
-  const timeOptions = generateTimeOptions()
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-lg mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <h2 className="text-xl font-bold text-gray-900">Yeni Bakım Planlaması</h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600 transition-colors">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-3 space-y-3">
-          {/* Basic Info */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div className="md:col-span-2">
-              <label className="block text-sm font-medium text-gray-700 mb-1">Başlık *</label>
-              <input
-                type="text"
-                value={eventData.title || ''}
-                onChange={(e) => handleInputChange('title', e.target.value)}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.title ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Bakım planı başlığı"
-              />
-              {errors.title && <p className="text-red-500 text-xs mt-1">{errors.title}</p>}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Tip</label>
-              <select
-                value={eventData.type || 'plan'}
-                onChange={(e) => handleInputChange('type', e.target.value as 'plan' | 'workorder')}
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="plan">Bakım Planı</option>
-                <option value="workorder">İş Emri</option>
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Öncelik</label>
-              <select
-                value={eventData.priority || PriorityEnum.Normal}
-                onChange={(e) => handleInputChange('priority', e.target.value as PriorityEnum)}
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(PriorityEnum).map((priority) => (
-                  <option key={priority} value={priority}>
-                    {getPriorityText(priority)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">İş Merkezi *</label>
-              <select
-                value={eventData.workCenterCode || ''}
-                onChange={(e) => handleInputChange('workCenterCode', e.target.value)}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.workCenterCode ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                <option value="">İş merkezi seçin</option>
-                {mockWorkCenters.map((workCenter) => (
-                  <option key={workCenter.id} value={workCenter.code}>
-                    {workCenter.code} - {workCenter.name}
-                  </option>
-                ))}
-              </select>
-              {errors.workCenterCode && (
-                <p className="text-red-500 text-xs mt-1">{errors.workCenterCode}</p>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Atanan Kişi</label>
-              <select
-                value={eventData.assignedTo || ''}
-                onChange={(e) => handleInputChange('assignedTo', e.target.value)}
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Kişi seçin</option>
-                {mockEmployees.map((employee) => (
-                  <option key={employee.id} value={employee.name}>
-                    {employee.name} ({employee.code})
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          {/* Date and Time */}
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                <FaCalendar className="inline w-4 h-4 mr-2" />
-                Tarih
-              </label>
-              <input
-                type="date"
-                value={eventData.date?.toISOString().split('T')[0] || ''}
-                onChange={(e) => handleInputChange('date', new Date(e.target.value))}
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                <FaClock className="inline w-4 h-4 mr-2" />
-                Başlangıç Saati *
-              </label>
-              <select
-                value={eventData.startTime || '09:00'}
-                onChange={(e) => handleInputChange('startTime', e.target.value)}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.startTime ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                {timeOptions.map((time) => (
-                  <option key={time} value={time}>
-                    {time}
-                  </option>
-                ))}
-              </select>
-              {errors.startTime && <p className="text-red-500 text-xs mt-1">{errors.startTime}</p>}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Bitiş Saati *</label>
-              <select
-                value={eventData.endTime || '10:00'}
-                onChange={(e) => handleInputChange('endTime', e.target.value)}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.endTime ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                {timeOptions.map((time) => (
-                  <option key={time} value={time}>
-                    {time}
-                  </option>
-                ))}
-              </select>
-              {errors.endTime && <p className="text-red-500 text-xs mt-1">{errors.endTime}</p>}
-            </div>
-          </div>
-
-          {/* Status */}
-          {eventData.type === 'workorder' && (
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Durum</label>
-              <select
-                value={eventData.status || 'scheduled'}
-                onChange={(e) =>
-                  handleInputChange('status', e.target.value as WorkOrderStatusEnum | 'scheduled')
-                }
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(WorkOrderStatusEnum).map((status) => (
-                  <option key={status} value={status}>
-                    {getWorkOrderStatusText(status)}
-                  </option>
-                ))}
-              </select>
-            </div>
-          )}
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-2 p-3 border-t border-gray-200">
-          <button
-            onClick={onClose}
-            className="px-3 py-1 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            onClick={handleSave}
-            className="px-3 py-1 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center space-x-2"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>Kaydet</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default NewCalendarEventModal
diff --git a/ui/src/views/maintenance/components/NewFaultNotificationModal.tsx b/ui/src/views/maintenance/components/NewFaultNotificationModal.tsx
deleted file mode 100644
index c8189d5b..00000000
--- a/ui/src/views/maintenance/components/NewFaultNotificationModal.tsx
+++ /dev/null
@@ -1,424 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaUpload, FaMinus } from 'react-icons/fa'
-import {
-  PmFaultNotification,
-  FaultTypeEnum,
-  CriticalityLevelEnum,
-  NotificationStatusEnum,
-} from '../../../types/pm'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { PriorityEnum } from '../../../types/common'
-import { getCriticalityLevelText, getFaultTypeText, getPriorityText } from '@/utils/erp'
-
-interface NewFaultNotificationModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (notification: Partial<PmFaultNotification>) => void
-}
-
-const NewFaultNotificationModal: React.FC<NewFaultNotificationModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-}) => {
-  const [notificationData, setNotificationData] = useState<Partial<PmFaultNotification>>({
-    notificationCode: `ARZ-${new Date().getFullYear()}-${String(Date.now()).slice(-3)}`,
-    faultType: FaultTypeEnum.Mechanical,
-    priority: PriorityEnum.Normal,
-    severity: CriticalityLevelEnum.Medium,
-    status: NotificationStatusEnum.Open,
-    followUpRequired: false,
-    isActive: true,
-    images: [],
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-  const [uploadedImages, setUploadedImages] = useState<string[]>([])
-
-  if (!isOpen) return null
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!notificationData.workCenterId) {
-      newErrors.workCenterId = 'İş merkezi seçimi gerekli'
-    }
-    if (!notificationData.title?.trim()) {
-      newErrors.title = 'Başlık gerekli'
-    }
-    if (!notificationData.description?.trim()) {
-      newErrors.description = 'Açıklama gerekli'
-    }
-    if (!notificationData.location?.trim()) {
-      newErrors.location = 'Konum gerekli'
-    }
-    if (!notificationData.reportedBy?.trim()) {
-      newErrors.reportedBy = 'Bildiren kişi gerekli'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleInputChange = (
-    field: keyof PmFaultNotification,
-    value: string | number | boolean | undefined,
-  ) => {
-    setNotificationData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-    // Clear error when user starts typing
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const handleWorkCenterChange = (workCenterId: string) => {
-    const selectedWorkCenter = mockWorkCenters.find((eq) => eq.id === workCenterId)
-    if (selectedWorkCenter) {
-      setNotificationData((prev) => ({
-        ...prev,
-        workCenterId: selectedWorkCenter.id,
-        workCenterCode: selectedWorkCenter.code,
-        workCenterName: selectedWorkCenter.name,
-        location: selectedWorkCenter.location,
-      }))
-    }
-  }
-
-  const handleImageUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
-    const files = event.target.files
-    if (files) {
-      const imageNames = Array.from(files).map((file) => file.name)
-      setUploadedImages((prev) => [...prev, ...imageNames])
-      setNotificationData((prev) => ({
-        ...prev,
-        images: [...(prev.images || []), ...imageNames],
-      }))
-    }
-  }
-
-  const removeImage = (index: number) => {
-    setUploadedImages((prev) => prev.filter((_, i) => i !== index))
-    setNotificationData((prev) => ({
-      ...prev,
-      images: prev.images?.filter((_, i) => i !== index) || [],
-    }))
-  }
-
-  const handleSave = () => {
-    if (validateForm()) {
-      const notificationToSave: Partial<PmFaultNotification> = {
-        ...notificationData,
-        id: `FN${Date.now()}`,
-        reportedAt: new Date(),
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      }
-
-      onSave(notificationToSave)
-      onClose()
-
-      // Reset form
-      setNotificationData({
-        notificationCode: `ARZ-${new Date().getFullYear()}-${String(Date.now()).slice(-3)}`,
-        faultType: FaultTypeEnum.Mechanical,
-        priority: PriorityEnum.Normal,
-        severity: CriticalityLevelEnum.Medium,
-        status: NotificationStatusEnum.Open,
-        followUpRequired: false,
-        isActive: true,
-        images: [],
-      })
-      setUploadedImages([])
-      setErrors({})
-    }
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <h2 className="text-xl font-bold text-gray-900">Yeni Arıza Bildirimi</h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600 transition-colors">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-3 space-y-3">
-          {/* Basic Info */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Bildirim Kodu *
-              </label>
-              <input
-                type="text"
-                value={notificationData.notificationCode || ''}
-                onChange={(e) => handleInputChange('notificationCode', e.target.value)}
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="ARZ-2024-001"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">İş Merkezi *</label>
-              <select
-                value={notificationData.workCenterId || ''}
-                onChange={(e) => handleWorkCenterChange(e.target.value)}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.workCenterId ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                <option value="">İş merkezi seçin</option>
-                {mockWorkCenters.map((workCenter) => (
-                  <option key={workCenter.id} value={workCenter.id}>
-                    {workCenter.code} - {workCenter.name}
-                  </option>
-                ))}
-              </select>
-              {errors.workCenterId && (
-                <p className="text-red-500 text-xs mt-1">{errors.workCenterId}</p>
-              )}
-            </div>
-          </div>
-
-          {/* Title and Description */}
-          <div className="space-y-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Arıza Başlığı *
-              </label>
-              <input
-                type="text"
-                value={notificationData.title || ''}
-                onChange={(e) => handleInputChange('title', e.target.value)}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.title ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Arıza başlığı"
-              />
-              {errors.title && <p className="text-red-500 text-xs mt-1">{errors.title}</p>}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Detaylı Açıklama *
-              </label>
-              <textarea
-                value={notificationData.description || ''}
-                onChange={(e) => handleInputChange('description', e.target.value)}
-                rows={2}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.description ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Arızanın detaylı açıklaması, belirtiler ve gözlemler"
-              />
-              {errors.description && (
-                <p className="text-red-500 text-xs mt-1">{errors.description}</p>
-              )}
-            </div>
-          </div>
-
-          {/* Location and Reporter */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Konum *</label>
-              <input
-                type="text"
-                value={notificationData.location || ''}
-                onChange={(e) => handleInputChange('location', e.target.value)}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.location ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Atölye A - Hat 1"
-              />
-              {errors.location && <p className="text-red-500 text-xs mt-1">{errors.location}</p>}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Bildiren Kişi *
-              </label>
-              <select
-                value={notificationData.reportedBy || ''}
-                onChange={(e) => handleInputChange('reportedBy', e.target.value)}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.reportedBy ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                <option value="">Bildiren kişi seçin</option>
-                {mockEmployees.map((employee) => (
-                  <option key={employee.id} value={employee.name}>
-                    {employee.name} - {employee.jobPosition?.name}
-                  </option>
-                ))}
-              </select>
-              {errors.reportedBy && (
-                <p className="text-red-500 text-xs mt-1">{errors.reportedBy}</p>
-              )}
-            </div>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Arıza Türü</label>
-              <select
-                value={notificationData.faultType || FaultTypeEnum.Mechanical}
-                onChange={(e) => handleInputChange('faultType', e.target.value as FaultTypeEnum)}
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(FaultTypeEnum).map((faultType) => (
-                  <option key={faultType} value={faultType}>
-                    {getFaultTypeText(faultType)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Öncelik</label>
-              <select
-                value={notificationData.priority || PriorityEnum.Normal}
-                onChange={(e) => handleInputChange('priority', e.target.value as PriorityEnum)}
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(PriorityEnum).map((priority) => (
-                  <option key={priority} value={priority}>
-                    {getPriorityText(priority)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Kritiklik</label>
-              <select
-                value={notificationData.severity || CriticalityLevelEnum.Medium}
-                onChange={(e) =>
-                  handleInputChange('severity', e.target.value as CriticalityLevelEnum)
-                }
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(CriticalityLevelEnum).map((level) => (
-                  <option key={level} value={level}>
-                    {getCriticalityLevelText(level)}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          {/* Estimated Repair Time */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Tahmini Onarım Süresi (dakika)
-              </label>
-              <input
-                type="number"
-                value={notificationData.estimatedRepairTime || ''}
-                onChange={(e) =>
-                  handleInputChange('estimatedRepairTime', parseInt(e.target.value) || undefined)
-                }
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="120"
-                min="0"
-              />
-            </div>
-
-            <div className="flex items-center">
-              <label className="flex items-center">
-                <input
-                  type="checkbox"
-                  checked={notificationData.followUpRequired || false}
-                  onChange={(e) => handleInputChange('followUpRequired', e.target.checked)}
-                  className="rounded border-gray-300 text-blue-600 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
-                />
-                <span className="ml-2 text-sm text-gray-700">Takip gerekli</span>
-              </label>
-            </div>
-          </div>
-
-          {/* Image Upload */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Fotoğraflar</label>
-            <div className="border-2 border-dashed border-gray-300 rounded-lg p-4">
-              <div className="text-center">
-                <FaUpload className="mx-auto h-10 w-10 text-gray-400" />
-                <div className="mt-4">
-                  <label htmlFor="image-upload" className="cursor-pointer">
-                    <span className="mt-2 block text-sm font-medium text-gray-900">
-                      Fotoğraf yükleyin
-                    </span>
-                    <span className="mt-1 block text-sm text-gray-500">
-                      PNG, JPG, GIF formatında dosyalar
-                    </span>
-                  </label>
-                  <input
-                    id="image-upload"
-                    name="image-upload"
-                    type="file"
-                    multiple
-                    accept="image/*"
-                    className="sr-only"
-                    onChange={handleImageUpload}
-                  />
-                </div>
-              </div>
-            </div>
-
-            {uploadedImages.length > 0 && (
-              <div className="mt-4">
-                <h4 className="text-sm font-medium text-gray-700 mb-1">Yüklenen Fotoğraflar:</h4>
-                <div className="space-y-2">
-                  {uploadedImages.map((image, index) => (
-                    <div
-                      key={index}
-                      className="flex items-center justify-between p-1.5 bg-gray-50 rounded"
-                    >
-                      <span className="text-sm text-gray-600">{image}</span>
-                      <button
-                        type="button"
-                        onClick={() => removeImage(index)}
-                        className="text-red-600 hover:text-red-800"
-                      >
-                        <FaMinus className="w-3 h-3" />
-                      </button>
-                    </div>
-                  ))}
-                </div>
-              </div>
-            )}
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-2 p-3 border-t border-gray-200">
-          <button
-            onClick={onClose}
-            className="px-3 py-1 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            onClick={handleSave}
-            className="px-3 py-1 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center space-x-2"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>Kaydet</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default NewFaultNotificationModal
diff --git a/ui/src/views/maintenance/components/NewMaintenancePlanModal.tsx b/ui/src/views/maintenance/components/NewMaintenancePlanModal.tsx
deleted file mode 100644
index a33db27a..00000000
--- a/ui/src/views/maintenance/components/NewMaintenancePlanModal.tsx
+++ /dev/null
@@ -1,437 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaPlus, FaMinus } from 'react-icons/fa'
-import {
-  PmMaintenancePlan,
-  MaintenancePlanTypeEnum,
-  FrequencyUnitEnum,
-  PmPlanMaterial,
-} from '../../../types/pm'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockUnits } from '../../../mocks/mockUnits'
-import { PriorityEnum } from '../../../types/common'
-import { getFrequencyUnitText, getMaintenancePlanTypeText, getPriorityText } from '@/utils/erp'
-
-interface NewMaintenancePlanModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (plan: Partial<PmMaintenancePlan>) => void
-}
-
-const initialPlan: Partial<PmMaintenancePlan> = {
-  planCode: '',
-  workCenterId: '',
-  planType: MaintenancePlanTypeEnum.Preventive,
-  description: '',
-  frequency: 1,
-  frequencyUnit: FrequencyUnitEnum.Months,
-  estimatedDuration: 60,
-  priority: PriorityEnum.Normal,
-  instructions: '',
-  requiredMaterials: [],
-  requiredSkills: [],
-  nextDue: new Date(),
-  isActive: true,
-}
-
-const NewMaintenancePlanModal: React.FC<NewMaintenancePlanModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-}) => {
-  const [planData, setPlanData] = useState<Partial<PmMaintenancePlan>>(initialPlan)
-  const [requiredSkills, setRequiredSkills] = useState<string[]>([])
-  const [requiredMaterials, setRequiredMaterials] = useState<PmPlanMaterial[]>([])
-  const [newSkill, setNewSkill] = useState('')
-
-  if (!isOpen) return null
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    setPlanData((prev) => ({
-      ...prev,
-      [name]: type === 'date' ? new Date(value) : type === 'number' ? Number(value) : value,
-    }))
-  }
-
-  const addSkill = () => {
-    if (newSkill.trim() && !requiredSkills.includes(newSkill.trim())) {
-      setRequiredSkills([...requiredSkills, newSkill.trim()])
-      setNewSkill('')
-    }
-  }
-
-  const removeSkill = (skillToRemove: string) => {
-    setRequiredSkills(requiredSkills.filter((skill) => skill !== skillToRemove))
-  }
-
-  const addMaterial = () => {
-    const newMaterial: PmPlanMaterial = {
-      id: `MAT${Date.now()}`,
-      planId: '',
-      materialId: '',
-      quantity: 1,
-      unitId: '',
-      isRequired: true,
-    }
-    setRequiredMaterials([...requiredMaterials, newMaterial])
-  }
-
-  const removeMaterial = (index: number) => {
-    setRequiredMaterials(requiredMaterials.filter((_, i) => i !== index))
-  }
-
-  const updateMaterial = (index: number, field: string, value: string | number | boolean) => {
-    const updated = requiredMaterials.map((material, i) =>
-      i === index ? { ...material, [field]: value } : material,
-    )
-    setRequiredMaterials(updated)
-  }
-
-  const handleSave = () => {
-    const planToSave = {
-      ...planData,
-      requiredSkills,
-      requiredMaterials,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    }
-    onSave(planToSave)
-    setPlanData(initialPlan)
-    setRequiredSkills([])
-    setRequiredMaterials([])
-    onClose()
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-4xl mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <h2 className="text-lg font-semibold text-gray-900">Yeni Bakım Planı</h2>
-          <button onClick={onClose} className="p-1 hover:bg-gray-100 rounded-lg transition-colors">
-            <FaTimes className="w-4 h-4 text-gray-500" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Basic Information */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-3">Temel Bilgiler</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Plan Kodu *</label>
-                <input
-                  type="text"
-                  name="planCode"
-                  value={planData.planCode || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: PM-CNC-001"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">İş Merkezi *</label>
-                <select
-                  name="workCenterId"
-                  value={planData.workCenterId || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  required
-                >
-                  <option value="">İş Merkezi Seçin</option>
-                  {mockWorkCenters.map((workCenter) => (
-                    <option key={workCenter.id} value={workCenter.id}>
-                      {workCenter.code} - {workCenter.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Plan Tipi *</label>
-                <select
-                  name="planType"
-                  value={planData.planType || MaintenancePlanTypeEnum.Preventive}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(MaintenancePlanTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getMaintenancePlanTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Öncelik</label>
-                <select
-                  name="priority"
-                  value={planData.priority || PriorityEnum.Normal}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(PriorityEnum).map((priority) => (
-                    <option key={priority} value={priority}>
-                      {getPriorityText(priority)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div className="md:col-span-2">
-                <label className="block text-sm font-medium text-gray-700 mb-2">Açıklama *</label>
-                <textarea
-                  name="description"
-                  value={planData.description || ''}
-                  onChange={handleInputChange}
-                  rows={2}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="Bakım planı açıklaması..."
-                  required
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Frequency Settings */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-3">Sıklık Ayarları</h3>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Sıklık *</label>
-                <input
-                  type="number"
-                  name="frequency"
-                  min="1"
-                  value={planData.frequency || 1}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Sıklık Birimi *
-                </label>
-                <select
-                  name="frequencyUnit"
-                  value={planData.frequencyUnit || FrequencyUnitEnum.Months}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(FrequencyUnitEnum).map((unit) => (
-                    <option key={unit} value={unit}>
-                      {getFrequencyUnitText(unit)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Tahmini Süre (dakika) *
-                </label>
-                <input
-                  type="number"
-                  name="estimatedDuration"
-                  min="1"
-                  value={planData.estimatedDuration || 60}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Sonraki Bakım Tarihi
-                </label>
-                <input
-                  type="date"
-                  name="nextDue"
-                  value={planData.nextDue ? planData.nextDue.toISOString().split('T')[0] : ''}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Instructions */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-3">Bakım Talimatları</h3>
-            <textarea
-              name="instructions"
-              value={planData.instructions || ''}
-              onChange={handleInputChange}
-              rows={3}
-              className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="Detaylı bakım talimatları..."
-            />
-          </div>
-
-          {/* Required Skills */}
-          <div>
-            <div className="flex items-center justify-between mb-3">
-              <h3 className="text-base font-medium text-gray-900">Gerekli Yetenekler</h3>
-              <div className="flex space-x-1.5">
-                <input
-                  type="text"
-                  value={newSkill}
-                  onChange={(e) => setNewSkill(e.target.value)}
-                  placeholder="Yetenek ekle..."
-                  className="px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  onKeyPress={(e) => e.key === 'Enter' && addSkill()}
-                />
-                <button
-                  type="button"
-                  onClick={addSkill}
-                  className="px-2.5 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700"
-                >
-                  <FaPlus className="w-4 h-4" />
-                </button>
-              </div>
-            </div>
-            <div className="flex flex-wrap gap-2">
-              {requiredSkills.map((skill, index) => (
-                <span
-                  key={index}
-                  className="inline-flex items-center px-2.5 py-1 bg-blue-100 text-blue-800 rounded-full text-xs"
-                >
-                  {skill}
-                  <button
-                    type="button"
-                    onClick={() => removeSkill(skill)}
-                    className="ml-2 text-blue-600 hover:text-blue-800"
-                  >
-                    ×
-                  </button>
-                </span>
-              ))}
-            </div>
-          </div>
-
-          {/* Required Materials */}
-          <div>
-            <div className="flex items-center justify-between mb-3">
-              <h3 className="text-base font-medium text-gray-900">Gerekli Malzemeler</h3>
-              <button
-                type="button"
-                onClick={addMaterial}
-                className="flex items-center space-x-2 px-2.5 py-1.5 text-sm bg-green-600 text-white rounded-lg hover:bg-green-700"
-              >
-                <FaPlus className="w-4 h-4" />
-                <span>Malzeme Ekle</span>
-              </button>
-            </div>
-            <div className="space-y-3">
-              {requiredMaterials.map((material, index) => (
-                <div key={index} className="flex items-center space-x-2 p-2 bg-gray-50 rounded-lg">
-                  <select
-                    value={material.materialId}
-                    onChange={(e) => {
-                      const selectedMaterial = mockMaterials.find((m) => m.id === e.target.value)
-                      updateMaterial(index, 'materialId', e.target.value)
-                      if (selectedMaterial) {
-                        updateMaterial(index, 'unitId', selectedMaterial.baseUnitId)
-                      }
-                    }}
-                    className="flex-1 px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  >
-                    <option value="">Malzeme Seçin</option>
-                    {mockMaterials.map((mat) => (
-                      <option key={mat.id} value={mat.id}>
-                        {mat.code} - {mat.name}
-                      </option>
-                    ))}
-                  </select>
-                  <input
-                    type="number"
-                    value={material.quantity}
-                    onChange={(e) => updateMaterial(index, 'quantity', Number(e.target.value))}
-                    placeholder="Miktar"
-                    min="1"
-                    className="w-20 px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  />
-                  <select
-                    value={material.unitId}
-                    onChange={(e) => updateMaterial(index, 'unitId', e.target.value)}
-                    className="w-24 px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  >
-                    <option value="">Birim</option>
-                    {mockUnits.map((unit) => (
-                      <option key={unit.id} value={unit.id}>
-                        {unit.code}
-                      </option>
-                    ))}
-                    {/* Seçili malzemenin birimi varsa ve listede yoksa ekle */}
-                    {material.materialId &&
-                      (() => {
-                        const selectedMaterial = mockMaterials.find(
-                          (m) => m.id === material.materialId,
-                        )
-                        const baseUnitCode = selectedMaterial?.baseUnit
-                        const existsInList = mockUnits.some((unit) => unit.id === baseUnitCode?.id)
-                        if (baseUnitCode && !existsInList) {
-                          return (
-                            <option key={baseUnitCode.id} value={baseUnitCode.id}>
-                              {baseUnitCode.code}
-                            </option>
-                          )
-                        }
-                        return null
-                      })()}
-                  </select>
-                  <label className="flex items-center space-x-2">
-                    <input
-                      type="checkbox"
-                      checked={material.isRequired}
-                      onChange={(e) => updateMaterial(index, 'isRequired', e.target.checked)}
-                      className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                    />
-                    <span className="text-sm text-gray-700">Zorunlu</span>
-                  </label>
-                  <button
-                    type="button"
-                    onClick={() => removeMaterial(index)}
-                    className="p-2 text-red-600 hover:bg-red-50 rounded-lg"
-                  >
-                    <FaMinus className="w-3 h-3" />
-                  </button>
-                </div>
-              ))}
-              {requiredMaterials.length === 0 && (
-                <p className="text-gray-500 text-center py-4">
-                  Henüz malzeme eklenmedi. "Malzeme Ekle" butonunu kullanarak malzeme
-                  ekleyebilirsiniz.
-                </p>
-              )}
-            </div>
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-2 p-4 border-t border-gray-200">
-          <button
-            type="button"
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            type="button"
-            onClick={handleSave}
-            className="flex items-center space-x-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>Kaydet</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default NewMaintenancePlanModal
diff --git a/ui/src/views/maintenance/components/NewTeamModal.tsx b/ui/src/views/maintenance/components/NewTeamModal.tsx
deleted file mode 100644
index 8d2a33c3..00000000
--- a/ui/src/views/maintenance/components/NewTeamModal.tsx
+++ /dev/null
@@ -1,364 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaPlus, FaMinus } from 'react-icons/fa'
-import { TeamRoleEnum } from '../../../types/common'
-import MultiSelectEmployee from '../../../components/common/MultiSelectEmployee'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { Team, TeamMember } from '../../../types/common'
-import { getTeamRoleText } from '@/utils/erp'
-
-interface NewTeamModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (team: Partial<Team>) => void
-}
-
-const NewTeamModal: React.FC<NewTeamModalProps> = ({ isOpen, onClose, onSave }) => {
-  const [teamData, setTeamData] = useState<Partial<Team>>({
-    code: '',
-    name: '',
-    description: '',
-    isActive: true,
-    specializations: [],
-    members: [],
-  })
-
-  const [selectedEmployees, setSelectedEmployees] = useState<string[]>([])
-  const [newSpecialization, setNewSpecialization] = useState('')
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!teamData.code?.trim()) {
-      newErrors.teamCode = 'Ekip kodu gerekli'
-    }
-    if (!teamData.name?.trim()) {
-      newErrors.teamName = 'Ekip adı gerekli'
-    }
-    if (!teamData.description?.trim()) {
-      newErrors.description = 'Açıklama gerekli'
-    }
-    if (!teamData.managerId) {
-      newErrors.managerId = 'Ekip yöneticisi seçilmeli'
-    }
-    if (selectedEmployees.length === 0) {
-      newErrors.members = 'En az bir ekip üyesi seçilmeli'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleInputChange = (field: keyof Team, value: string | boolean | string[]) => {
-    setTeamData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-    // Clear error when user starts typing
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const addSpecialization = () => {
-    if (newSpecialization.trim() && !teamData.specializations?.includes(newSpecialization.trim())) {
-      setTeamData((prev) => ({
-        ...prev,
-        specializations: [...(prev.specializations || []), newSpecialization.trim()],
-      }))
-      setNewSpecialization('')
-    }
-  }
-
-  const removeSpecialization = (index: number) => {
-    setTeamData((prev) => ({
-      ...prev,
-      specializations: prev.specializations?.filter((_, i) => i !== index) || [],
-    }))
-  }
-
-  const handleEmployeeSelection = (employees: string[]) => {
-    setSelectedEmployees(employees)
-    if (errors.members) {
-      setErrors((prev) => ({
-        ...prev,
-        members: '',
-      }))
-    }
-  }
-
-  const handleMemberRoleChange = (employeeName: string, role: TeamRoleEnum) => {
-    const employee = mockEmployees.find((emp) => emp.name === employeeName)
-    if (role === TeamRoleEnum.Lead && employee) {
-      handleInputChange('managerId', employee.id)
-    }
-  }
-
-  const handleSave = () => {
-    if (validateForm()) {
-      const members: TeamMember[] = selectedEmployees.map((employeeName, index) => {
-        const employee = mockEmployees.find((emp) => emp.name === employeeName)
-        const isLeader = index === 0 // First selected employee becomes leader
-
-        return {
-          id: `TM${Date.now()}-${index}`,
-          teamId: '',
-          employeeId: employee?.id || '',
-          employee: employee,
-          role: isLeader ? TeamRoleEnum.Lead : TeamRoleEnum.Member,
-          joinDate: new Date(),
-          isActive: true,
-        }
-      })
-
-      const teamId = `MT${Date.now()}`
-
-      // Update members with the teamId
-      members.forEach((member) => {
-        member.teamId = teamId
-      })
-
-      const teamToSave: Partial<Team> = {
-        ...teamData,
-        id: teamId,
-        managerId: members.find((m) => m.role === TeamRoleEnum.Lead)?.employeeId,
-        members,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      }
-
-      onSave(teamToSave)
-      onClose()
-
-      // Reset form
-      setTeamData({
-        code: '',
-        name: '',
-        description: '',
-        isActive: true,
-        specializations: [],
-        members: [],
-      })
-      setSelectedEmployees([])
-      setNewSpecialization('')
-      setErrors({})
-    }
-  }
-
-  return (
-    isOpen && (
-      <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-        <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-          {/* Header */}
-          <div className="flex items-center justify-between p-4 border-b border-gray-200">
-            <h2 className="text-lg font-semibold text-gray-900">Yeni Ekip Oluştur</h2>
-            <button
-              onClick={onClose}
-              className="text-gray-400 hover:text-gray-600 transition-colors"
-            >
-              <FaTimes className="w-5 h-5" />
-            </button>
-          </div>
-
-          {/* Content */}
-          <div className="p-4 space-y-4">
-            {/* Basic Info */}
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Ekip Kodu *</label>
-                <input
-                  type="text"
-                  value={teamData.code || ''}
-                  onChange={(e) => handleInputChange('code', e.target.value)}
-                  className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                    errors.code ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="MEC-001"
-                />
-                {errors.code && <p className="text-red-500 text-xs mt-1">{errors.code}</p>}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Ekip Adı *</label>
-                <input
-                  type="text"
-                  value={teamData.name || ''}
-                  onChange={(e) => handleInputChange('name', e.target.value)}
-                  className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                    errors.name ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Mekanik Bakım Ekibi"
-                />
-                {errors.name && <p className="text-red-500 text-xs mt-1">{errors.name}</p>}
-              </div>
-            </div>
-
-            {/* Description */}
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Açıklama *</label>
-              <textarea
-                value={teamData.description || ''}
-                onChange={(e) => handleInputChange('description', e.target.value)}
-                rows={2}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.description ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Ekip açıklaması ve sorumlulukları"
-              />
-              {errors.description && (
-                <p className="text-red-500 text-xs mt-1">{errors.description}</p>
-              )}
-            </div>
-
-            {/* Team Members */}
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Ekip Üyeleri *</label>
-              <MultiSelectEmployee
-                selectedEmployees={selectedEmployees}
-                onChange={handleEmployeeSelection}
-                placeholder="Ekip üyelerini seçin"
-                className={errors.members ? 'border-red-500' : ''}
-              />
-              {errors.members && <p className="text-red-500 text-xs mt-1">{errors.members}</p>}
-
-              {/* Selected Members Display */}
-              {selectedEmployees.length > 0 && (
-                <div className="mt-3 p-3 bg-gray-50 rounded-lg">
-                  <h4 className="text-sm font-medium text-gray-700 mb-2">Seçili Ekip Üyeleri:</h4>
-                  <div className="space-y-1.5">
-                    {selectedEmployees.map((employeeName, index) => {
-                      const employee = mockEmployees.find((emp) => emp.name === employeeName)
-                      return (
-                        <div
-                          key={index}
-                          className="flex items-center justify-between p-2 bg-white rounded border"
-                        >
-                          <div className="flex items-center space-x-3">
-                            <div className="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center">
-                              <span className="text-sm font-medium text-blue-600">
-                                {employee?.firstName?.charAt(0)}
-                                {employee?.lastName?.charAt(0)}
-                              </span>
-                            </div>
-                            <div>
-                              <p className="text-sm font-medium text-gray-900">{employeeName}</p>
-                              <p className="text-sm text-gray-600">{employee?.jobPosition?.name}</p>
-                            </div>
-                          </div>
-                          <div className="flex items-center space-x-2">
-                            <select
-                              value={
-                                teamData.managerId === employee?.id
-                                  ? TeamRoleEnum.Lead
-                                  : TeamRoleEnum.Member
-                              }
-                              onChange={(e) =>
-                                handleMemberRoleChange(employeeName, e.target.value as TeamRoleEnum)
-                              }
-                              className="text-xs px-1.5 py-1 border border-gray-300 rounded"
-                            >
-                              {Object.values(TeamRoleEnum).map((role) => (
-                                <option key={role} value={role}>
-                                  {getTeamRoleText(role)}
-                                </option>
-                              ))}
-                            </select>
-                          </div>
-                        </div>
-                      )
-                    })}
-                  </div>
-                </div>
-              )}
-            </div>
-
-            {/* Specializations */}
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Uzmanlık Alanları
-              </label>
-              <div className="space-y-2">
-                <div className="flex space-x-1.5">
-                  <input
-                    type="text"
-                    value={newSpecialization}
-                    onChange={(e) => setNewSpecialization(e.target.value)}
-                    className="flex-1 px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    placeholder="Uzmanlık alanı ekle"
-                    onKeyPress={(e) => {
-                      if (e.key === 'Enter') {
-                        e.preventDefault()
-                        addSpecialization()
-                      }
-                    }}
-                  />
-                  <button
-                    type="button"
-                    onClick={addSpecialization}
-                    className="px-2.5 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700"
-                  >
-                    <FaPlus className="w-4 h-4" />
-                  </button>
-                </div>
-                {teamData.specializations && teamData.specializations.length > 0 && (
-                  <div className="flex flex-wrap gap-2">
-                    {teamData.specializations.map((spec, index) => (
-                      <span
-                        key={index}
-                        className="inline-flex items-center px-2.5 py-1 rounded-full text-xs bg-blue-100 text-blue-800"
-                      >
-                        {spec}
-                        <button
-                          type="button"
-                          onClick={() => removeSpecialization(index)}
-                          className="ml-2 text-blue-600 hover:text-blue-800"
-                        >
-                          <FaMinus className="w-3 h-3" />
-                        </button>
-                      </span>
-                    ))}
-                  </div>
-                )}
-              </div>
-            </div>
-
-            {/* Status */}
-            <div>
-              <label className="flex items-center">
-                <input
-                  type="checkbox"
-                  checked={teamData.isActive || false}
-                  onChange={(e) => handleInputChange('isActive', e.target.checked)}
-                  className="rounded border-gray-300 text-blue-600 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
-                />
-                <span className="ml-2 text-sm text-gray-700">Ekip aktif</span>
-              </label>
-            </div>
-          </div>
-
-          {/* Footer */}
-          <div className="flex items-center justify-end space-x-2 p-4 border-t border-gray-200">
-            <button
-              onClick={onClose}
-              className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              onClick={handleSave}
-              className="px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center space-x-2"
-            >
-              <FaSave className="w-4 h-4" />
-              <span>Kaydet</span>
-            </button>
-          </div>
-        </div>
-      </div>
-    )
-  )
-}
-
-export default NewTeamModal
diff --git a/ui/src/views/maintenance/components/NewWorkCenterModal.tsx b/ui/src/views/maintenance/components/NewWorkCenterModal.tsx
deleted file mode 100644
index 5630a0d3..00000000
--- a/ui/src/views/maintenance/components/NewWorkCenterModal.tsx
+++ /dev/null
@@ -1,372 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaPlus, FaMinus } from 'react-icons/fa'
-import {
-  PmWorkCenter,
-  WorkCenterStatusEnum,
-  CriticalityLevelEnum,
-  PmWorkCenterSpecification,
-} from '../../../types/pm'
-import { getCriticalityLevelText, getWorkCenterStatusText } from '@/utils/erp'
-
-interface NewWorkCenterModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (workCenter: Partial<PmWorkCenter>) => void
-}
-
-const initialWorkCenter: Partial<PmWorkCenter> = {
-  code: '',
-  name: '',
-  description: '',
-  manufacturer: '',
-  model: '',
-  serialNumber: '',
-  installationDate: new Date(),
-  location: '',
-  departmentId: '',
-  status: WorkCenterStatusEnum.Operational,
-  criticality: CriticalityLevelEnum.Medium,
-  specifications: [],
-  isActive: true,
-}
-
-const NewWorkCenterModal: React.FC<NewWorkCenterModalProps> = ({ isOpen, onClose, onSave }) => {
-  const [workCenter, setWorkCenter] = useState<Partial<PmWorkCenter>>(initialWorkCenter)
-  const [specifications, setSpecifications] = useState<PmWorkCenterSpecification[]>([])
-
-  if (!isOpen) return null
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    setWorkCenter((prev) => ({
-      ...prev,
-      [name]: type === 'date' ? new Date(value) : value,
-    }))
-  }
-
-  const addSpecification = () => {
-    const newSpec: PmWorkCenterSpecification = {
-      id: `SPEC${Date.now()}`,
-      workCenterId: '',
-      specificationName: '',
-      specificationValue: '',
-      unit: '',
-      isRequired: false,
-    }
-    setSpecifications([...specifications, newSpec])
-  }
-
-  const removeSpecification = (index: number) => {
-    setSpecifications(specifications.filter((_, i) => i !== index))
-  }
-
-  const updateSpecification = (index: number, field: string, value: string | boolean) => {
-    const updated = specifications.map((spec, i) =>
-      i === index ? { ...spec, [field]: value } : spec,
-    )
-    setSpecifications(updated)
-  }
-
-  const handleSave = () => {
-    const workCenterData = {
-      ...workCenter,
-      specifications,
-      workCenterType: {
-        id: 'ET001',
-        code: 'GENERAL',
-        name: 'Genel İş Merkezi',
-        category: 'Genel',
-        isActive: true,
-      },
-      maintenancePlans: [],
-      workOrders: [],
-      downTimeHistory: [],
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    }
-    onSave(workCenterData)
-    setWorkCenter(initialWorkCenter)
-    setSpecifications([])
-    onClose()
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-4xl mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <h2 className="text-lg font-semibold text-gray-900">Yeni İş Merkezi Ekle</h2>
-          <button onClick={onClose} className="p-1 hover:bg-gray-100 rounded-lg transition-colors">
-            <FaTimes className="w-4 h-4 text-gray-500" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Basic Information */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-3">Temel Bilgiler</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  İş Merkezi Kodu *
-                </label>
-                <input
-                  type="text"
-                  name="workCenterCode"
-                  value={workCenter.code || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: CNC-001"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  İş Merkezi Adı *
-                </label>
-                <input
-                  type="text"
-                  name="name"
-                  value={workCenter.name || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: CNC Torna Tezgahı"
-                  required
-                />
-              </div>
-              <div className="md:col-span-2">
-                <label className="block text-sm font-medium text-gray-700 mb-2">Açıklama</label>
-                <textarea
-                  name="description"
-                  value={workCenter.description || ''}
-                  onChange={handleInputChange}
-                  rows={2}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="İş Merkezi açıklaması..."
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Technical Details */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-3">Teknik Detaylar</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Üretici</label>
-                <input
-                  type="text"
-                  name="manufacturer"
-                  value={workCenter.manufacturer || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: HAAS Automation"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Model</label>
-                <input
-                  type="text"
-                  name="model"
-                  value={workCenter.model || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: ST-30"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Seri Numarası
-                </label>
-                <input
-                  type="text"
-                  name="serialNumber"
-                  value={workCenter.serialNumber || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: SN123456789"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Kurulum Tarihi *
-                </label>
-                <input
-                  type="date"
-                  name="installationDate"
-                  value={
-                    workCenter.installationDate
-                      ? workCenter.installationDate.toISOString().split('T')[0]
-                      : ''
-                  }
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  required
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Garanti Bitiş Tarihi
-                </label>
-                <input
-                  type="date"
-                  name="warrantyExpiry"
-                  value={
-                    workCenter.warrantyExpiry
-                      ? workCenter.warrantyExpiry.toISOString().split('T')[0]
-                      : ''
-                  }
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Lokasyon *</label>
-                <input
-                  type="text"
-                  name="location"
-                  value={workCenter.location || ''}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="örn: Atölye A - Hat 1"
-                  required
-                />
-              </div>
-            </div>
-          </div>
-
-          {/* Status and Priority */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-3">Durum ve Öncelik</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Durum</label>
-                <select
-                  name="status"
-                  value={workCenter.status || WorkCenterStatusEnum.Operational}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(WorkCenterStatusEnum).map((status) => (
-                    <option key={status} value={status}>
-                      {getWorkCenterStatusText(status)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Kritiklik Seviyesi
-                </label>
-                <select
-                  name="criticality"
-                  value={workCenter.criticality || CriticalityLevelEnum.Medium}
-                  onChange={handleInputChange}
-                  className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(CriticalityLevelEnum).map((level) => (
-                    <option key={level} value={level}>
-                      {getCriticalityLevelText(level)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-            </div>
-          </div>
-
-          {/* Specifications */}
-          <div>
-            <div className="flex items-center justify-between mb-3">
-              <h3 className="text-base font-medium text-gray-900">Teknik Özellikler</h3>
-              <button
-                type="button"
-                onClick={addSpecification}
-                className="flex items-center space-x-2 px-2.5 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700"
-              >
-                <FaPlus className="w-4 h-4" />
-                <span>Özellik Ekle</span>
-              </button>
-            </div>
-            <div className="space-y-3">
-              {specifications.map((spec, index) => (
-                <div key={index} className="flex items-center space-x-2 p-2 bg-gray-50 rounded-lg">
-                  <input
-                    type="text"
-                    value={spec.specificationName}
-                    onChange={(e) =>
-                      updateSpecification(index, 'specificationName', e.target.value)
-                    }
-                    placeholder="Özellik adı"
-                    className="flex-1 px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  />
-                  <input
-                    type="text"
-                    value={spec.specificationValue}
-                    onChange={(e) =>
-                      updateSpecification(index, 'specificationValue', e.target.value)
-                    }
-                    placeholder="Değer"
-                    className="flex-1 px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  />
-                  <input
-                    type="text"
-                    value={spec.unit || ''}
-                    onChange={(e) => updateSpecification(index, 'unit', e.target.value)}
-                    placeholder="Birim"
-                    className="w-20 px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  />
-                  <label className="flex items-center space-x-2">
-                    <input
-                      type="checkbox"
-                      checked={spec.isRequired}
-                      onChange={(e) => updateSpecification(index, 'isRequired', e.target.checked)}
-                      className="rounded border-gray-300 text-blue-600 focus:ring-blue-500 h-4 w-4"
-                    />
-                    <span className="text-sm text-gray-700">Zorunlu</span>
-                  </label>
-                  <button
-                    type="button"
-                    onClick={() => removeSpecification(index)}
-                    className="p-2 text-red-600 hover:bg-red-50 rounded-lg"
-                  >
-                    <FaMinus className="w-3 h-3" />
-                  </button>
-                </div>
-              ))}
-              {specifications.length === 0 && (
-                <p className="text-gray-500 text-center py-4">
-                  Henüz teknik özellik eklenmedi. "Özellik Ekle" butonunu kullanarak özellik
-                  ekleyebilirsiniz.
-                </p>
-              )}
-            </div>
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-2 p-4 border-t border-gray-200">
-          <button
-            type="button"
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            type="button"
-            onClick={handleSave}
-            className="flex items-center space-x-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>Kaydet</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default NewWorkCenterModal
diff --git a/ui/src/views/maintenance/components/NewWorkOrderModal.tsx b/ui/src/views/maintenance/components/NewWorkOrderModal.tsx
deleted file mode 100644
index ac79ffc3..00000000
--- a/ui/src/views/maintenance/components/NewWorkOrderModal.tsx
+++ /dev/null
@@ -1,577 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaPlus, FaTrash, FaCalendar, FaClock } from 'react-icons/fa'
-import {
-  PmMaintenanceWorkOrder,
-  WorkOrderTypeEnum,
-  WorkOrderStatusEnum,
-  PmWorkOrderMaterial,
-  PmWorkOrderActivity,
-} from '../../../types/pm'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import { mockMaintenanceTeams } from '../../../mocks/mockMaintenanceTeams'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { PriorityEnum } from '../../../types/common'
-import { getPriorityText, getWorkOrderTypeText } from '@/utils/erp'
-
-interface NewWorkOrderModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (
-    workOrder: Omit<PmMaintenanceWorkOrder, 'id' | 'creationTime' | 'lastModificationTime'>,
-  ) => void
-}
-
-const NewWorkOrderModal: React.FC<NewWorkOrderModalProps> = ({ isOpen, onClose, onSave }) => {
-  const [formData, setFormData] = useState({
-    workOrderNumber: `WO-${Date.now()}`,
-    workCenterId: '',
-    orderType: WorkOrderTypeEnum.Corrective,
-    priority: PriorityEnum.Normal,
-    status: WorkOrderStatusEnum.Created,
-    description: '',
-    reportedBy: '',
-    assignedTo: '',
-    maintenanceTeamId: '',
-    scheduledStart: '',
-    scheduledEnd: '',
-    estimatedCost: 0,
-    notes: '',
-  })
-
-  const [materials, setMaterials] = useState<Omit<PmWorkOrderMaterial, 'id' | 'workOrderId'>[]>([])
-  const [activities, setActivities] = useState<Omit<PmWorkOrderActivity, 'id' | 'workOrderId'>[]>(
-    [],
-  )
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.description.trim()) {
-      newErrors.description = 'Açıklama alanı zorunludur'
-    }
-    if (!formData.workCenterId) {
-      newErrors.workCenterId = 'İş Merkezi seçimi zorunludur'
-    }
-    if (!formData.reportedBy.trim()) {
-      newErrors.reportedBy = 'Bildiren kişi zorunludur'
-    }
-    if (formData.estimatedCost < 0) {
-      newErrors.estimatedCost = 'Tahmini maliyet negatif olamaz'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (!validateForm()) return
-
-    const newWorkOrder: Omit<
-      PmMaintenanceWorkOrder,
-      'id' | 'creationTime' | 'lastModificationTime'
-    > = {
-      workOrderNumber: formData.workOrderNumber,
-      workCenterId: formData.workCenterId,
-      orderType: formData.orderType,
-      priority: formData.priority,
-      status: formData.status,
-      description: formData.description,
-      reportedBy: formData.reportedBy,
-      assignedTo: formData.assignedTo || undefined,
-      maintenanceTeamId: formData.maintenanceTeamId || undefined,
-      scheduledStart: formData.scheduledStart ? new Date(formData.scheduledStart) : undefined,
-      scheduledEnd: formData.scheduledEnd ? new Date(formData.scheduledEnd) : undefined,
-      actualStart: undefined,
-      actualEnd: undefined,
-      estimatedCost: formData.estimatedCost,
-      actualCost: 0,
-      materials: materials.map((material, index) => ({
-        ...material,
-        id: `mat-${index}`,
-        workOrderId: '',
-        totalCost: material.plannedQuantity * material.unitCost,
-      })),
-      activities: activities.map((activity, index) => ({
-        ...activity,
-        id: `act-${index}`,
-        workOrderId: '',
-        actualDuration: 0,
-        completedAt: undefined,
-      })),
-      notes: formData.notes || undefined,
-      completionNotes: undefined,
-    }
-
-    onSave(newWorkOrder)
-    onClose()
-  }
-
-  const addMaterial = () => {
-    setMaterials([
-      ...materials,
-      {
-        materialId: '',
-        materialCode: '',
-        materialName: '',
-        plannedQuantity: 1,
-        actualQuantity: 0,
-        unitCost: 0,
-        totalCost: 0,
-      },
-    ])
-  }
-
-  const removeMaterial = (index: number) => {
-    setMaterials(materials.filter((_, i) => i !== index))
-  }
-
-  const updateMaterial = (index: number, field: string, value: string | number) => {
-    const updated = [...materials]
-    if (field === 'materialId') {
-      const selectedMaterial = mockMaterials.find((m) => m.id === value)
-      if (selectedMaterial) {
-        updated[index] = {
-          ...updated[index],
-          materialId: value as string,
-          materialCode: selectedMaterial.code,
-          materialName: selectedMaterial.name,
-          unitCost: selectedMaterial.costPrice,
-        }
-      }
-    } else {
-      const material = updated[index]
-      if (field === 'plannedQuantity') {
-        material.plannedQuantity = value as number
-      } else if (field === 'unitCost') {
-        material.unitCost = value as number
-      }
-    }
-    setMaterials(updated)
-  }
-
-  const addActivity = () => {
-    setActivities([
-      ...activities,
-      {
-        activityDescription: '',
-        plannedDuration: 60,
-        actualDuration: 0,
-        performedBy: '',
-        notes: '',
-      },
-    ])
-  }
-
-  const removeActivity = (index: number) => {
-    setActivities(activities.filter((_, i) => i !== index))
-  }
-
-  const updateActivity = (index: number, field: string, value: string | number) => {
-    const updated = [...activities]
-    const activity = updated[index]
-    if (field === 'activityDescription') {
-      activity.activityDescription = value as string
-    } else if (field === 'plannedDuration') {
-      activity.plannedDuration = value as number
-    } else if (field === 'performedBy') {
-      activity.performedBy = value as string
-    } else if (field === 'notes') {
-      activity.notes = value as string
-    }
-    setActivities(updated)
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg p-4 w-full max-w-5xl mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between mb-4">
-          <h3 className="text-lg font-semibold text-gray-900">Yeni İş Emri</h3>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="space-y-4">
-          {/* Basic Information */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">İş Emri No</label>
-              <input
-                type="text"
-                value={formData.workOrderNumber}
-                onChange={(e) => setFormData({ ...formData, workOrderNumber: e.target.value })}
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                readOnly
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">İş Merkezi *</label>
-              <select
-                value={formData.workCenterId}
-                onChange={(e) => setFormData({ ...formData, workCenterId: e.target.value })}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.workCenterId ? 'border-red-500' : 'border-gray-300'
-                }`}
-              >
-                <option value="">İş Merkezi Seçin</option>
-                {mockWorkCenters.map((workCenter) => (
-                  <option key={workCenter.id} value={workCenter.id}>
-                    {workCenter.code} - {workCenter.name}
-                  </option>
-                ))}
-              </select>
-              {errors.workCenterId && (
-                <p className="mt-1 text-xs text-red-600">{errors.workCenterId}</p>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">İş Emri Tipi</label>
-              <select
-                value={formData.orderType}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    orderType: e.target.value as WorkOrderTypeEnum,
-                  })
-                }
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(WorkOrderTypeEnum).map((type) => (
-                  <option key={type} value={type}>
-                    {getWorkOrderTypeText(type)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Öncelik</label>
-              <select
-                value={formData.priority}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    priority: e.target.value as PriorityEnum,
-                  })
-                }
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                {Object.values(PriorityEnum).map((priority) => (
-                  <option key={priority} value={priority}>
-                    {getPriorityText(priority)}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">Açıklama *</label>
-            <textarea
-              value={formData.description}
-              onChange={(e) => setFormData({ ...formData, description: e.target.value })}
-              rows={2}
-              className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                errors.description ? 'border-red-500' : 'border-gray-300'
-              }`}
-              placeholder="İş emri açıklaması..."
-            />
-            {errors.description && (
-              <p className="mt-1 text-xs text-red-600">{errors.description}</p>
-            )}
-          </div>
-
-          {/* Assignment */}
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Bildiren *</label>
-              <input
-                type="text"
-                value={formData.reportedBy}
-                onChange={(e) => setFormData({ ...formData, reportedBy: e.target.value })}
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.reportedBy ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="Bildiren kişi adı"
-              />
-              {errors.reportedBy && (
-                <p className="mt-1 text-xs text-red-600">{errors.reportedBy}</p>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Atanan Kişi</label>
-              <select
-                value={formData.assignedTo}
-                onChange={(e) => setFormData({ ...formData, assignedTo: e.target.value })}
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Kişi Seçin</option>
-                {mockEmployees.map((employee) => (
-                  <option key={employee.id} value={employee.name}>
-                    {employee.name} - {employee.jobPosition?.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Bakım Ekibi</label>
-              <select
-                value={formData.maintenanceTeamId}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    maintenanceTeamId: e.target.value,
-                  })
-                }
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Ekip Seçin</option>
-                {mockMaintenanceTeams.map((team) => (
-                  <option key={team.id} value={team.id}>
-                    {team.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          {/* Schedule */}
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                <FaCalendar className="w-4 h-4 inline mr-2" />
-                Planlanan Başlangıç
-              </label>
-              <input
-                type="datetime-local"
-                value={formData.scheduledStart}
-                onChange={(e) => setFormData({ ...formData, scheduledStart: e.target.value })}
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                <FaCalendar className="w-4 h-4 inline mr-2" />
-                Planlanan Bitiş
-              </label>
-              <input
-                type="datetime-local"
-                value={formData.scheduledEnd}
-                onChange={(e) => setFormData({ ...formData, scheduledEnd: e.target.value })}
-                className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Tahmini Maliyet
-              </label>
-              <input
-                type="number"
-                min="0"
-                step="0.01"
-                value={formData.estimatedCost}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    estimatedCost: parseFloat(e.target.value) || 0,
-                  })
-                }
-                className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                  errors.estimatedCost ? 'border-red-500' : 'border-gray-300'
-                }`}
-                placeholder="0.00"
-              />
-              {errors.estimatedCost && (
-                <p className="mt-1 text-xs text-red-600">{errors.estimatedCost}</p>
-              )}
-            </div>
-          </div>
-
-          {/* Materials */}
-          <div>
-            <div className="flex items-center justify-between mb-4">
-              <h4 className="text-base font-medium text-gray-900">Malzemeler</h4>
-              <button
-                type="button"
-                onClick={addMaterial}
-                className="bg-blue-600 text-white px-2.5 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center space-x-2"
-              >
-                <FaPlus className="w-4 h-4" />
-                <span>Malzeme Ekle</span>
-              </button>
-            </div>
-
-            {materials.map((material, index) => (
-              <div key={index} className="bg-gray-50 p-3 rounded-lg mb-2">
-                <div className="grid grid-cols-1 md:grid-cols-5 gap-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Malzeme</label>
-                    <select
-                      value={material.materialId}
-                      onChange={(e) => updateMaterial(index, 'materialId', e.target.value)}
-                      className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    >
-                      <option value="">Malzeme Seçin</option>
-                      {mockMaterials.map((mat) => (
-                        <option key={mat.id} value={mat.id}>
-                          {mat.code} - {mat.name}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Planlanan Miktar
-                    </label>
-                    <input
-                      type="number"
-                      min="0"
-                      value={material.plannedQuantity}
-                      onChange={(e) =>
-                        updateMaterial(index, 'plannedQuantity', parseInt(e.target.value) || 0)
-                      }
-                      className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Birim Fiyat
-                    </label>
-                    <input
-                      type="number"
-                      min="0"
-                      step="0.01"
-                      value={material.unitCost}
-                      onChange={(e) =>
-                        updateMaterial(index, 'unitCost', parseFloat(e.target.value) || 0)
-                      }
-                      className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Toplam</label>
-                    <input
-                      type="text"
-                      value={`₺${(material.plannedQuantity * material.unitCost).toFixed(2)}`}
-                      readOnly
-                      className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg bg-gray-100"
-                    />
-                  </div>
-                  <div className="flex items-end">
-                    <button
-                      type="button"
-                      onClick={() => removeMaterial(index)}
-                      className="text-red-600 hover:text-red-800 p-2"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-
-          {/* Activities */}
-          <div>
-            <div className="flex items-center justify-between mb-4">
-              <h4 className="text-base font-medium text-gray-900">Aktiviteler</h4>
-              <button
-                type="button"
-                onClick={addActivity}
-                className="bg-green-600 text-white px-2.5 py-1.5 text-sm rounded-lg hover:bg-green-700 flex items-center space-x-2"
-              >
-                <FaPlus className="w-4 h-4" />
-                <span>Aktivite Ekle</span>
-              </button>
-            </div>
-
-            {activities.map((activity, index) => (
-              <div key={index} className="bg-gray-50 p-3 rounded-lg mb-2">
-                <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-                  <div className="md:col-span-2">
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Aktivite Açıklaması
-                    </label>
-                    <input
-                      type="text"
-                      value={activity.activityDescription}
-                      onChange={(e) => updateActivity(index, 'activityDescription', e.target.value)}
-                      className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                      placeholder="Aktivite açıklaması"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      <FaClock className="w-4 h-4 inline mr-1" />
-                      Süre (dk)
-                    </label>
-                    <input
-                      type="number"
-                      min="0"
-                      value={activity.plannedDuration}
-                      onChange={(e) =>
-                        updateActivity(index, 'plannedDuration', parseInt(e.target.value) || 0)
-                      }
-                      className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    />
-                  </div>
-                  <div className="flex items-end">
-                    <button
-                      type="button"
-                      onClick={() => removeActivity(index)}
-                      className="text-red-600 hover:text-red-800 p-2"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-
-          {/* Notes */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">Notlar</label>
-            <textarea
-              value={formData.notes}
-              onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
-              rows={2}
-              className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="Ek notlar..."
-            />
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end space-x-2 pt-4 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-4 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700"
-            >
-              İş Emri Oluştur
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default NewWorkOrderModal
diff --git a/ui/src/views/maintenance/components/PlanStatusChangeModal.tsx b/ui/src/views/maintenance/components/PlanStatusChangeModal.tsx
deleted file mode 100644
index 6628aa7a..00000000
--- a/ui/src/views/maintenance/components/PlanStatusChangeModal.tsx
+++ /dev/null
@@ -1,300 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave, FaExclamationTriangle, FaInfoCircle } from 'react-icons/fa'
-import { PmMaintenancePlan } from '../../../types/pm'
-
-interface PlanStatusChangeModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (planIds: string[], isActive: boolean, reason: string) => void
-  selectedPlans: PmMaintenancePlan[]
-}
-
-const PlanStatusChangeModal: React.FC<PlanStatusChangeModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  selectedPlans,
-}) => {
-  const [targetStatus, setTargetStatus] = useState<boolean>(true)
-  const [reason, setReason] = useState('')
-
-  const activePlans = selectedPlans.filter((plan) => plan.isActive)
-  const inactivePlans = selectedPlans.filter((plan) => !plan.isActive)
-
-  useEffect(() => {
-    if (isOpen) {
-      setTargetStatus(true)
-      setReason('')
-    }
-  }, [isOpen])
-
-  const handleSave = () => {
-    if (!reason.trim()) {
-      alert('Lütfen durum değişikliği için bir açıklama girin.')
-      return
-    }
-    const planIds = selectedPlans.map((plan) => plan.id)
-    onSave(planIds, targetStatus, reason.trim())
-    onClose()
-  }
-
-  const getStatusText = (isActive: boolean) => {
-    return isActive ? 'Aktif' : 'Pasif'
-  }
-
-  const getStatusColor = (isActive: boolean) => {
-    return isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-  }
-
-  const getTargetStatusColor = (isActive: boolean) => {
-    return isActive ? 'text-green-600' : 'text-red-600'
-  }
-
-  const willChange = selectedPlans.filter((plan) => plan.isActive !== targetStatus)
-  const willNotChange = selectedPlans.filter((plan) => plan.isActive === targetStatus)
-
-  return (
-    isOpen && (
-      <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-        <div className="bg-white rounded-lg w-full max-w-lg mx-4 max-h-[90vh] overflow-y-auto">
-          {/* Header */}
-          <div className="flex items-center justify-between p-4 border-b border-gray-200">
-            <div>
-              <h2 className="text-2xl font-bold text-gray-900">Plan Durumu Değiştir</h2>
-              <p className="text-gray-600">{selectedPlans.length} plan için durum değişikliği</p>
-            </div>
-            <button
-              onClick={onClose}
-              className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
-            >
-              <FaTimes className="w-4 h-4 text-gray-500" />
-            </button>
-          </div>
-
-          {/* Content */}
-          <div className="p-3 space-y-3">
-            {/* Current Status Summary */}
-            <div>
-              <h3 className="text-sm font-medium text-gray-900 mb-2">Mevcut Durum</h3>
-              <div className="grid grid-cols-2 gap-3">
-                <div className="bg-green-50 border border-green-200 rounded-lg p-3">
-                  <div className="flex items-center space-x-1.5">
-                    <div className="w-3 h-3 bg-green-500 rounded-full"></div>
-                    <span className="text-sm font-medium text-green-800">Aktif Planlar</span>
-                  </div>
-                  <p className="text-base font-bold text-green-600 mt-1">{activePlans.length}</p>
-                </div>
-                <div className="bg-red-50 border border-red-200 rounded-lg p-3">
-                  <div className="flex items-center space-x-1.5">
-                    <div className="w-3 h-3 bg-red-500 rounded-full"></div>
-                    <span className="text-sm font-medium text-red-800">Pasif Planlar</span>
-                  </div>
-                  <p className="text-base font-bold text-red-600 mt-1">{inactivePlans.length}</p>
-                </div>
-              </div>
-            </div>
-
-            {/* Target Status Selection */}
-            <div>
-              <h3 className="text-sm font-medium text-gray-900 mb-2">Hedef Durum</h3>
-              <div className="space-y-2">
-                <label className="flex items-center space-x-3 p-2 border border-gray-200 rounded-lg hover:bg-gray-50">
-                  <input
-                    type="radio"
-                    name="targetStatus"
-                    checked={targetStatus === true}
-                    onChange={() => setTargetStatus(true)}
-                    className="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-300"
-                  />
-                  <div className="flex items-center space-x-1.5">
-                    <div className="w-3 h-3 bg-green-500 rounded-full"></div>
-                    <span className="text-sm font-medium text-gray-900">Aktif</span>
-                    <span className="text-xs text-gray-500">
-                      (Planlar bakım takvimine dahil edilir)
-                    </span>
-                  </div>
-                </label>
-                <label className="flex items-center space-x-3 p-2 border border-gray-200 rounded-lg hover:bg-gray-50">
-                  <input
-                    type="radio"
-                    name="targetStatus"
-                    checked={targetStatus === false}
-                    onChange={() => setTargetStatus(false)}
-                    className="h-4 w-4 text-red-600 focus:ring-red-500 border-gray-300"
-                  />
-                  <div className="flex items-center space-x-1.5">
-                    <div className="w-3 h-3 bg-red-500 rounded-full"></div>
-                    <span className="text-sm font-medium text-gray-900">Pasif</span>
-                    <span className="text-xs text-gray-500">
-                      (Planlar bakım takvimine dahil edilmez)
-                    </span>
-                  </div>
-                </label>
-              </div>
-            </div>
-
-            {/* Change Impact */}
-            <div>
-              <h3 className="text-sm font-medium text-gray-900 mb-2">Değişiklik Etkisi</h3>
-
-              {willChange.length > 0 && (
-                <div className="mb-2">
-                  <div className="flex items-center space-x-2 mb-2">
-                    <FaExclamationTriangle className="w-4 h-4 text-yellow-500" />
-                    <span className="text-sm font-medium text-gray-900">
-                      Durum değişecek planlar ({willChange.length} adet)
-                    </span>
-                  </div>
-                  <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-2 max-h-28 overflow-y-auto">
-                    <div className="space-y-2">
-                      {willChange.map((plan) => (
-                        <div key={plan.id} className="flex items-center justify-between text-sm">
-                          <div className="flex items-center space-x-2">
-                            <span className="font-mono text-gray-600">{plan.planCode}</span>
-                            <span className="text-gray-500">-</span>
-                            <span className="text-gray-700">{plan.description}</span>
-                          </div>
-                          <div className="flex items-center space-x-2">
-                            <span
-                              className={`px-2 py-1 rounded-full text-xs ${getStatusColor(
-                                plan.isActive,
-                              )}`}
-                            >
-                              {getStatusText(plan.isActive)}
-                            </span>
-                            <span className="text-gray-400">→</span>
-                            <span
-                              className={`px-2 py-1 rounded-full text-xs ${getStatusColor(
-                                targetStatus,
-                              )}`}
-                            >
-                              {getStatusText(targetStatus)}
-                            </span>
-                          </div>
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {willNotChange.length > 0 && (
-                <div className="mb-2">
-                  <div className="flex items-center space-x-2 mb-2">
-                    <FaInfoCircle className="w-4 h-4 text-blue-500" />
-                    <span className="text-sm font-medium text-gray-900">
-                      Durum değişmeyecek planlar ({willNotChange.length} adet)
-                    </span>
-                  </div>
-                  <div className="bg-blue-50 border border-blue-200 rounded-lg p-2 max-h-28 overflow-y-auto">
-                    <div className="space-y-2">
-                      {willNotChange.map((plan) => (
-                        <div key={plan.id} className="flex items-center justify-between text-sm">
-                          <div className="flex items-center space-x-2">
-                            <span className="font-mono text-gray-600">{plan.planCode}</span>
-                            <span className="text-gray-500">-</span>
-                            <span className="text-gray-700">{plan.description}</span>
-                          </div>
-                          <span
-                            className={`px-2 py-1 rounded-full text-xs ${getStatusColor(
-                              plan.isActive,
-                            )}`}
-                          >
-                            {getStatusText(plan.isActive)}
-                          </span>
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-                </div>
-              )}
-            </div>
-
-            {/* Reason */}
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Değişiklik Açıklaması *
-              </label>
-              <textarea
-                value={reason}
-                onChange={(e) => setReason(e.target.value)}
-                rows={2}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="Bu değişikliğin nedenini açıklayın..."
-                required
-              />
-              <p className="text-xs text-gray-500 mt-1">
-                Bu açıklama değişiklik geçmişinde saklanacaktır.
-              </p>
-            </div>
-
-            {/* Warnings */}
-            {targetStatus === false && willChange.length > 0 && (
-              <div className="bg-red-50 border border-red-200 rounded-lg p-2">
-                <div className="flex items-start space-x-2">
-                  <FaExclamationTriangle className="w-5 h-5 text-red-600 mt-0.5" />
-                  <div>
-                    <h4 className="text-sm font-medium text-red-800">Uyarı</h4>
-                    <p className="text-sm text-red-700 mt-1">
-                      Planları pasif hale getirmek, gelecek bakım işlemlerinin otomatik olarak
-                      planlanmasını durdurur. Bu planlar manuel olarak aktif hale getirilene kadar
-                      bakım takviminde görünmeyecektir.
-                    </p>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {targetStatus === true && willChange.length > 0 && (
-              <div className="bg-green-50 border border-green-200 rounded-lg p-2">
-                <div className="flex items-start space-x-2">
-                  <FaInfoCircle className="w-5 h-5 text-green-600 mt-0.5" />
-                  <div>
-                    <h4 className="text-sm font-medium text-green-800">Bilgi</h4>
-                    <p className="text-sm text-green-700 mt-1">
-                      Planları aktif hale getirmek, bakım takviminde görünmelerini ve otomatik iş
-                      emri oluşturulmalarını sağlar. Sonraki bakım tarihleri plan ayarlarına göre
-                      hesaplanacaktır.
-                    </p>
-                  </div>
-                </div>
-              </div>
-            )}
-          </div>
-
-          {/* Footer */}
-          <div className="flex items-center justify-end space-x-2 p-3 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="button"
-              onClick={handleSave}
-              disabled={!reason.trim()}
-              className={`flex items-center space-x-2 px-3 py-1.5 text-sm rounded-lg transition-colors ${
-                !reason.trim()
-                  ? 'bg-gray-300 text-gray-500 cursor-not-allowed'
-                  : `${getTargetStatusColor(targetStatus)} ${
-                      targetStatus
-                        ? 'bg-green-600 hover:bg-green-700 text-white'
-                        : 'bg-red-600 hover:bg-red-700 text-white'
-                    }`
-              }`}
-            >
-              <FaSave className="w-4 h-4" />
-              <span>
-                {willChange.length} Planı {getStatusText(targetStatus)} Yap
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-    )
-  )
-}
-
-export default PlanStatusChangeModal
diff --git a/ui/src/views/maintenance/components/StartWorkOrderModal.tsx b/ui/src/views/maintenance/components/StartWorkOrderModal.tsx
deleted file mode 100644
index 3d80e5f8..00000000
--- a/ui/src/views/maintenance/components/StartWorkOrderModal.tsx
+++ /dev/null
@@ -1,307 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaPlay, FaCalendar, FaUser } from 'react-icons/fa'
-import { PmMaintenanceWorkOrder, WorkOrderStatusEnum } from '../../../types/pm'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockMaintenanceTeams } from '../../../mocks/mockMaintenanceTeams'
-
-interface StartWorkOrderModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onStart: (workOrders: PmMaintenanceWorkOrder[], startData: StartWorkOrderData) => void
-  workOrders: PmMaintenanceWorkOrder[]
-}
-
-interface StartWorkOrderData {
-  actualStart: Date
-  assignedTo?: string
-  maintenanceTeamId?: string
-  notes?: string
-}
-
-const StartWorkOrderModal: React.FC<StartWorkOrderModalProps> = ({
-  isOpen,
-  onClose,
-  onStart,
-  workOrders,
-}) => {
-  const [formData, setFormData] = useState({
-    actualStart: new Date().toISOString().slice(0, 16),
-    assignedTo: '',
-    maintenanceTeamId: '',
-    notes: '',
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.actualStart) {
-      newErrors.actualStart = 'Başlangıç tarihi zorunludur'
-    }
-
-    const startDate = new Date(formData.actualStart)
-    const now = new Date()
-    if (startDate > now) {
-      newErrors.actualStart = 'Başlangıç tarihi gelecekte olamaz'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (!validateForm()) return
-
-    const startData: StartWorkOrderData = {
-      actualStart: new Date(formData.actualStart),
-      assignedTo: formData.assignedTo || undefined,
-      maintenanceTeamId: formData.maintenanceTeamId || undefined,
-      notes: formData.notes || undefined,
-    }
-
-    onStart(workOrders, startData)
-    onClose()
-  }
-
-  const canStartWorkOrders = workOrders.every(
-    (wo) =>
-      wo.status === WorkOrderStatusEnum.Created ||
-      wo.status === WorkOrderStatusEnum.Planned ||
-      wo.status === WorkOrderStatusEnum.Released,
-  )
-
-  const inProgressWorkOrders = workOrders.filter(
-    (wo) => wo.status === WorkOrderStatusEnum.InProgress,
-  )
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg p-4 w-full max-w-lg mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between mb-4">
-          <h3 className="text-lg font-semibold text-gray-900 flex items-center">
-            <FaPlay className="w-5 h-5 mr-2 text-green-600" />
-            İş Emirlerini Başlat
-          </h3>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Work Orders Summary */}
-        <div className="mb-4">
-          <h4 className="text-base font-medium text-gray-900 mb-2">
-            Seçilen İş Emirleri ({workOrders.length})
-          </h4>
-          <div className="max-h-32 overflow-y-auto border border-gray-200 rounded-lg">
-            {workOrders.map((workOrder) => (
-              <div key={workOrder.id} className="p-3 border-b border-gray-100 last:border-b-0">
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="font-medium text-sm text-gray-900">{workOrder.workOrderNumber}</p>
-                    <p className="text-xs text-gray-600 truncate">{workOrder.description}</p>
-                  </div>
-                  <div className="text-right">
-                    <span
-                      className={`px-2 py-1 rounded-full text-xs font-medium ${
-                        workOrder.status === WorkOrderStatusEnum.Created
-                          ? 'bg-gray-100 text-gray-800'
-                          : workOrder.status === WorkOrderStatusEnum.Planned
-                            ? 'bg-blue-100 text-blue-800'
-                            : workOrder.status === WorkOrderStatusEnum.Released
-                              ? 'bg-purple-100 text-purple-800'
-                              : workOrder.status === WorkOrderStatusEnum.InProgress
-                                ? 'bg-orange-100 text-orange-800'
-                                : 'bg-gray-100 text-gray-800'
-                      }`}
-                    >
-                      {workOrder.status === WorkOrderStatusEnum.Created && 'Oluşturuldu'}
-                      {workOrder.status === WorkOrderStatusEnum.Planned && 'Planlandı'}
-                      {workOrder.status === WorkOrderStatusEnum.Released && 'Serbest Bırakıldı'}
-                      {workOrder.status === WorkOrderStatusEnum.InProgress && 'Devam Ediyor'}
-                      {workOrder.status === WorkOrderStatusEnum.OnHold && 'Beklemede'}
-                      {workOrder.status === WorkOrderStatusEnum.Completed && 'Tamamlandı'}
-                      {workOrder.status === WorkOrderStatusEnum.Cancelled && 'İptal Edildi'}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Validation Messages */}
-        {!canStartWorkOrders && (
-          <div className="mb-4 p-3 bg-yellow-50 border border-yellow-200 rounded-lg">
-            <div className="flex items-start space-x-2">
-              <FaTimes className="w-5 h-5 text-yellow-600 mt-0.5" />
-              <div>
-                <h5 className="font-medium text-yellow-800 mb-1">Uyarı</h5>
-                <p className="text-yellow-700 text-sm">
-                  Bazı iş emirleri başlatılamaz durumda. Sadece "Oluşturuldu", "Planlandı" veya
-                  "Serbest Bırakıldı" durumundaki iş emirleri başlatılabilir.
-                </p>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {inProgressWorkOrders.length > 0 && (
-          <div className="mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg">
-            <div className="flex items-start space-x-2">
-              <FaPlay className="w-5 h-5 text-blue-600 mt-0.5" />
-              <div>
-                <h5 className="font-medium text-blue-800 mb-1">Bilgi</h5>
-                <p className="text-blue-700 text-sm">
-                  {inProgressWorkOrders.length} iş emri zaten devam ediyor durumunda. Bu iş emirleri
-                  için sadece atama ve not güncellemesi yapılacak.
-                </p>
-              </div>
-            </div>
-          </div>
-        )}
-
-        <form onSubmit={handleSubmit} className="space-y-4">
-          {/* Start DateTime */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              <FaCalendar className="w-4 h-4 inline mr-2" />
-              Başlangıç Tarihi ve Saati *
-            </label>
-            <input
-              type="datetime-local"
-              value={formData.actualStart}
-              onChange={(e) => setFormData({ ...formData, actualStart: e.target.value })}
-              className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                errors.actualStart ? 'border-red-500' : 'border-gray-300'
-              }`}
-            />
-            {errors.actualStart && (
-              <p className="mt-1 text-xs text-red-600">{errors.actualStart}</p>
-            )}
-          </div>
-
-          {/* Assignment */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                <FaUser className="w-4 h-4 inline mr-2" />
-                Atanan Kişi
-              </label>
-              <select
-                value={formData.assignedTo}
-                onChange={(e) => setFormData({ ...formData, assignedTo: e.target.value })}
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Kişi Seçin</option>
-                {mockEmployees.map((employee) => (
-                  <option key={employee.id} value={employee.name}>
-                    {employee.name} - {employee.jobPosition?.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Bakım Ekibi</label>
-              <select
-                value={formData.maintenanceTeamId}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    maintenanceTeamId: e.target.value,
-                  })
-                }
-                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Ekip Seçin</option>
-                {mockMaintenanceTeams.map((team) => (
-                  <option key={team.id} value={team.id}>
-                    {team.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          {/* Notes */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Başlangıç Notları
-            </label>
-            <textarea
-              value={formData.notes}
-              onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
-              rows={2}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="İş emirlerinin başlatılması ile ilgili notlar..."
-            />
-          </div>
-
-          {/* Summary */}
-          <div className="bg-gray-50 rounded-lg p-3">
-            <h5 className="font-medium text-gray-900 mb-2">Özet</h5>
-            <div className="grid grid-cols-2 gap-4 text-sm">
-              <div>
-                <span className="text-gray-600">Toplam İş Emri:</span>
-                <span className="ml-2 font-medium">{workOrders.length}</span>
-              </div>
-              <div>
-                <span className="text-gray-600">Başlatılabilir:</span>
-                <span className="ml-2 font-medium text-green-600">
-                  {
-                    workOrders.filter(
-                      (wo) =>
-                        wo.status === WorkOrderStatusEnum.Created ||
-                        wo.status === WorkOrderStatusEnum.Planned ||
-                        wo.status === WorkOrderStatusEnum.Released,
-                    ).length
-                  }
-                </span>
-              </div>
-              <div>
-                <span className="text-gray-600">Zaten Başlamış:</span>
-                <span className="ml-2 font-medium text-blue-600">
-                  {inProgressWorkOrders.length}
-                </span>
-              </div>
-              <div>
-                <span className="text-gray-600">Başlangıç Tarihi:</span>
-                <span className="ml-2 font-medium">
-                  {new Date(formData.actualStart).toLocaleDateString('tr-TR')}{' '}
-                  {new Date(formData.actualStart).toLocaleTimeString('tr-TR', {
-                    hour: '2-digit',
-                    minute: '2-digit',
-                  })}
-                </span>
-              </div>
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex justify-end space-x-2 pt-4 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-4 py-1.5 text-sm bg-green-600 text-white rounded-lg hover:bg-green-700 flex items-center space-x-2"
-            >
-              <FaPlay className="w-4 h-4" />
-              <span>İş Emirlerini Başlat</span>
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default StartWorkOrderModal
diff --git a/ui/src/views/maintenance/components/StatusUpdateModal.tsx b/ui/src/views/maintenance/components/StatusUpdateModal.tsx
deleted file mode 100644
index 1939c7f7..00000000
--- a/ui/src/views/maintenance/components/StatusUpdateModal.tsx
+++ /dev/null
@@ -1,215 +0,0 @@
-import React, { useState } from 'react'
-import { FaTimes, FaSave, FaExclamationTriangle } from 'react-icons/fa'
-import { PmWorkCenter, WorkCenterStatusEnum, CriticalityLevelEnum } from '../../../types/pm'
-import { getCriticalityLevelText, getWorkCenterStatusText } from '../../../utils/erp'
-
-interface StatusUpdateModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (updatedWorkCenters: PmWorkCenter[]) => void
-  selectedWorkCenters: PmWorkCenter[]
-}
-
-const StatusUpdateModal: React.FC<StatusUpdateModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  selectedWorkCenters,
-}) => {
-  const [newStatus, setNewStatus] = useState<WorkCenterStatusEnum>(WorkCenterStatusEnum.Operational)
-  const [newCriticality, setNewCriticality] = useState<CriticalityLevelEnum>(
-    CriticalityLevelEnum.Medium,
-  )
-  const [updateStatus, setUpdateStatus] = useState(true)
-  const [updateCriticality, setUpdateCriticality] = useState(false)
-  const [reason, setReason] = useState('')
-
-  if (!isOpen) return null
-
-  const handleSave = () => {
-    const updatedWorkCenters = selectedWorkCenters.map((workCenter) => ({
-      ...workCenter,
-      status: updateStatus ? newStatus : workCenter.status,
-      criticality: updateCriticality ? newCriticality : workCenter.criticality,
-      lastModificationTime: new Date(),
-    }))
-
-    onSave(updatedWorkCenters)
-    onClose()
-  }
-
-  const isStatusCritical =
-    newStatus === WorkCenterStatusEnum.OutOfOrder ||
-    newStatus === WorkCenterStatusEnum.UnderMaintenance
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <h2 className="text-lg font-semibold text-gray-900">
-            Durum Güncelle ({selectedWorkCenters.length} iş merkezi)
-          </h2>
-          <button onClick={onClose} className="p-1 hover:bg-gray-100 rounded-lg transition-colors">
-            <FaTimes className="w-4 h-4 text-gray-500" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Selected WorkCenter List */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-2">Seçili İş Merkezleri</h3>
-            <div className="max-h-28 overflow-y-auto bg-gray-50 rounded-lg p-2">
-              {selectedWorkCenters.map((workCenter) => (
-                <div key={workCenter.id} className="flex items-center justify-between py-0.5">
-                  <span className="text-sm text-gray-700">
-                    {workCenter.code} - {workCenter.name}
-                  </span>
-                  <div className="flex items-center space-x-2">
-                    <span className="text-xs text-gray-500">
-                      Mevcut: {getWorkCenterStatusText(workCenter.status)}
-                    </span>
-                    <span className="text-xs text-gray-500">
-                      {getCriticalityLevelText(workCenter.criticality)}
-                    </span>
-                  </div>
-                </div>
-              ))}
-            </div>
-          </div>
-
-          {/* Status Update Options */}
-          <div className="space-y-3">
-            <div className="flex items-center space-x-3">
-              <input
-                type="checkbox"
-                id="updateStatus"
-                checked={updateStatus}
-                onChange={(e) => setUpdateStatus(e.target.checked)}
-                className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-              />
-              <label htmlFor="updateStatus" className="text-sm font-medium text-gray-700">
-                Operasyonel durumu güncelle
-              </label>
-            </div>
-
-            {updateStatus && (
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Yeni Durum</label>
-                <select
-                  value={newStatus}
-                  onChange={(e) => setNewStatus(e.target.value as WorkCenterStatusEnum)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(WorkCenterStatusEnum).map((status) => (
-                    <option key={status} value={status}>
-                      {getWorkCenterStatusText(status)}
-                    </option>
-                  ))}
-                </select>
-
-                {isStatusCritical && (
-                  <div className="mt-2 p-2 bg-yellow-50 border border-yellow-200 rounded-lg">
-                    <div className="flex items-center space-x-2">
-                      <FaExclamationTriangle className="w-4 h-4 text-yellow-600" />
-                      <span className="text-sm text-yellow-800 font-medium">Dikkat!</span>
-                    </div>
-                    <p className="text-sm text-yellow-700 mt-1">
-                      Bu durum değişikliği iş merkezinin üretim kapasitesini etkileyebilir.
-                    </p>
-                  </div>
-                )}
-              </div>
-            )}
-
-            <div className="flex items-center space-x-3">
-              <input
-                type="checkbox"
-                id="updateCriticality"
-                checked={updateCriticality}
-                onChange={(e) => setUpdateCriticality(e.target.checked)}
-                className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-              />
-              <label htmlFor="updateCriticality" className="text-sm font-medium text-gray-700">
-                Kritiklik seviyesini güncelle
-              </label>
-            </div>
-
-            {updateCriticality && (
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Yeni Kritiklik Seviyesi
-                </label>
-                <select
-                  value={newCriticality}
-                  onChange={(e) => setNewCriticality(e.target.value as CriticalityLevelEnum)}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {Object.values(CriticalityLevelEnum).map((level) => (
-                    <option key={level} value={level}>
-                      {getCriticalityLevelText(level)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-            )}
-          </div>
-
-          {/* Reason */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Değişiklik Nedeni
-            </label>
-            <textarea
-              value={reason}
-              onChange={(e) => setReason(e.target.value)}
-              rows={2}
-              className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="Durum değişikliğinin nedenini açıklayın..."
-            />
-          </div>
-
-          {/* Summary */}
-          <div className="bg-blue-50 border border-blue-200 rounded-lg p-3">
-            <h4 className="font-medium text-blue-900 mb-2">Değişiklik Özeti</h4>
-            <div className="text-sm text-blue-800 space-y-1">
-              <p>• {selectedWorkCenters.length} iş merkezi güncellenecek</p>
-              {updateStatus && (
-                <p>• Durum "{getWorkCenterStatusText(newStatus)}" olarak değiştirilecek</p>
-              )}
-              {updateCriticality && (
-                <p>
-                  • Kritiklik seviyesi "{getCriticalityLevelText(newCriticality)}" olarak
-                  değiştirilecek
-                </p>
-              )}
-            </div>
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-2 p-4 border-t border-gray-200">
-          <button
-            type="button"
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            İptal
-          </button>
-          <button
-            type="button"
-            onClick={handleSave}
-            disabled={!updateStatus && !updateCriticality}
-            className="flex items-center space-x-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors"
-          >
-            <FaSave className="w-4 h-4" />
-            <span>Durumu Güncelle</span>
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default StatusUpdateModal
diff --git a/ui/src/views/maintenance/components/TeamStatusChangeModal.tsx b/ui/src/views/maintenance/components/TeamStatusChangeModal.tsx
deleted file mode 100644
index 91fbf9be..00000000
--- a/ui/src/views/maintenance/components/TeamStatusChangeModal.tsx
+++ /dev/null
@@ -1,267 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import {
-  FaTimes,
-  FaSave,
-  FaExclamationTriangle,
-  FaCheckCircle,
-  FaTimesCircle,
-} from 'react-icons/fa'
-import { Team } from '../../../types/common'
-
-interface TeamStatusChangeModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (teamIds: string[], newStatus: boolean, reason?: string) => void
-  selectedTeams: Team[]
-}
-
-const TeamStatusChangeModal: React.FC<TeamStatusChangeModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  selectedTeams,
-}) => {
-  const [newStatus, setNewStatus] = useState<boolean>(true)
-  const [reason, setReason] = useState('')
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  const activeTeams = selectedTeams.filter((team) => team.isActive)
-  const inactiveTeams = selectedTeams.filter((team) => !team.isActive)
-
-  useEffect(() => {
-    if (isOpen) {
-      // Reset form when modal opens
-      setNewStatus(true)
-      setReason('')
-      setErrors({})
-    }
-  }, [isOpen])
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {}
-
-    if (!newStatus && !reason.trim()) {
-      newErrors.reason = 'Ekipleri pasif yaparken sebep belirtmeniz gerekli'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSave = () => {
-    if (validateForm()) {
-      const teamIds = selectedTeams.map((team) => team.id)
-      onSave(teamIds, newStatus, reason.trim() || undefined)
-      onClose()
-    }
-  }
-
-  const getImpactAnalysis = () => {
-    const teamsToActivate = newStatus ? inactiveTeams : []
-    const teamsToDeactivate = newStatus ? [] : activeTeams
-
-    return {
-      teamsToActivate,
-      teamsToDeactivate,
-      totalMembers: selectedTeams.reduce(
-        (total, team) => total + team.members.filter((m) => m.isActive).length,
-        0,
-      ),
-      activeMembers: activeTeams.reduce(
-        (total, team) => total + team.members.filter((m) => m.isActive).length,
-        0,
-      ),
-    }
-  }
-
-  const impact = getImpactAnalysis()
-
-  return (
-    isOpen && (
-      <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-        <div className="bg-white rounded-lg w-full max-w-lg mx-4 max-h-[90vh] overflow-y-auto">
-          {/* Header */}
-          <div className="flex items-center justify-between p-4 border-b border-gray-200">
-            <div>
-              <h2 className="text-2xl font-bold text-gray-900">Ekip Durumu Değiştir</h2>
-              <p className="text-gray-600">{selectedTeams.length} ekibin durumunu değiştirin</p>
-            </div>
-            <button
-              onClick={onClose}
-              className="p-2 text-gray-400 hover:text-gray-600 transition-colors"
-            >
-              <FaTimes className="w-4 h-4" />
-            </button>
-          </div>
-
-          {/* Content */}
-          <div className="p-3 space-y-3">
-            {/* Status Selection */}
-            <div>
-              <h3 className="text-sm font-medium text-gray-900 mb-2">Yeni Durum</h3>
-              <div className="space-y-3">
-                <label className="flex items-center p-2 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer">
-                  <input
-                    type="radio"
-                    checked={newStatus === true}
-                    onChange={() => setNewStatus(true)}
-                    className="text-green-600 focus:ring-green-500"
-                  />
-                  <FaCheckCircle className="w-5 h-5 text-green-600 ml-3 mr-2" />
-                  <div>
-                    <span className="font-medium text-gray-900">Aktif</span>
-                    <p className="text-xs text-gray-600">
-                      Ekipler aktif hale gelir ve iş emirleri alabilir
-                    </p>
-                  </div>
-                </label>
-                <label className="flex items-center p-2 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer">
-                  <input
-                    type="radio"
-                    checked={newStatus === false}
-                    onChange={() => setNewStatus(false)}
-                    className="text-red-600 focus:ring-red-500"
-                  />
-                  <FaTimesCircle className="w-5 h-5 text-red-600 ml-3 mr-2" />
-                  <div>
-                    <span className="font-medium text-gray-900">Pasif</span>
-                    <p className="text-xs text-gray-600">
-                      Ekipler pasif hale gelir ve yeni iş emirleri alamaz
-                    </p>
-                  </div>
-                </label>
-              </div>
-            </div>
-
-            {/* Reason (required for deactivation) */}
-            {!newStatus && (
-              <div>
-                <label className="block text-xs font-medium text-gray-700 mb-1">
-                  Pasif Yapma Sebebi *
-                </label>
-                <textarea
-                  value={reason}
-                  onChange={(e) => {
-                    setReason(e.target.value)
-                    if (errors.reason) {
-                      setErrors((prev) => ({ ...prev, reason: '' }))
-                    }
-                  }}
-                  rows={2}
-                  className={`w-full px-3 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                    errors.reason ? 'border-red-500' : 'border-gray-300'
-                  }`}
-                  placeholder="Ekiplerin neden pasif yapıldığını açıklayın..."
-                />
-                {errors.reason && <p className="text-red-500 text-xs mt-1">{errors.reason}</p>}
-              </div>
-            )}
-
-            {/* Impact Analysis */}
-            <div className="bg-gray-50 rounded-lg p-3">
-              <h3 className="text-sm font-medium text-gray-900 mb-3">Etki Analizi</h3>
-              <div className="grid grid-cols-2 gap-3 mb-3">
-                <div className="text-center">
-                  <div className="text-base font-bold text-blue-600">{selectedTeams.length}</div>
-                  <div className="text-sm text-gray-600">Toplam Seçili Ekip</div>
-                </div>
-                <div className="text-center">
-                  <div className="text-base font-bold text-green-600">{impact.totalMembers}</div>
-                  <div className="text-sm text-gray-600">Toplam Üye Sayısı</div>
-                </div>
-              </div>
-
-              {!newStatus && impact.teamsToDeactivate.length > 0 && (
-                <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-2">
-                  <div className="flex items-start space-x-3">
-                    <FaExclamationTriangle className="w-5 h-5 text-yellow-600 mt-0.5" />
-                    <div>
-                      <h4 className="text-sm font-medium text-yellow-800">Uyarı</h4>
-                      <p className="text-sm text-yellow-700 mt-1">
-                        {impact.teamsToDeactivate.length} aktif ekip pasif yapılacak. Bu ekipler
-                        artık yeni iş emirleri alamayacak.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {newStatus && impact.teamsToActivate.length > 0 && (
-                <div className="bg-green-50 border border-green-200 rounded-lg p-2">
-                  <div className="flex items-start space-x-3">
-                    <FaCheckCircle className="w-5 h-5 text-green-600 mt-0.5" />
-                    <div>
-                      <h4 className="text-sm font-medium text-green-800">Bilgi</h4>
-                      <p className="text-sm text-green-700 mt-1">
-                        {impact.teamsToActivate.length} pasif ekip aktif hale gelecek. Bu ekipler
-                        tekrar iş emirleri alabilecek.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              )}
-            </div>
-
-            {/* Selected Teams List */}
-            <div>
-              <h3 className="text-sm font-medium text-gray-900 mb-2">Etkilenecek Ekipler</h3>
-              <div className="max-h-32 overflow-y-auto border border-gray-200 rounded-lg">
-                {selectedTeams.map((team) => (
-                  <div
-                    key={team.id}
-                    className="flex items-center justify-between p-2 border-b border-gray-100 last:border-b-0"
-                  >
-                    <div>
-                      <h4 className="font-medium text-sm text-gray-900">{team.name}</h4>
-                      <p className="text-sm text-gray-600">{team.code}</p>
-                    </div>
-                    <div className="flex items-center space-x-2">
-                      <span
-                        className={`px-2 py-1 text-xs font-semibold rounded-full ${
-                          team.isActive
-                            ? 'bg-green-100 text-green-800'
-                            : 'bg-gray-100 text-gray-800'
-                        }`}
-                      >
-                        {team.isActive ? 'Aktif' : 'Pasif'}
-                      </span>
-                      <span className="text-sm text-gray-500">→</span>
-                      <span
-                        className={`px-2 py-1 text-xs font-semibold rounded-full ${
-                          newStatus ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'
-                        }`}
-                      >
-                        {newStatus ? 'Aktif' : 'Pasif'}
-                      </span>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </div>
-          </div>
-
-          {/* Footer */}
-          <div className="flex items-center justify-end space-x-2 p-3 border-t border-gray-200">
-            <button
-              onClick={onClose}
-              className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              onClick={handleSave}
-              className={`px-3 py-1.5 text-sm text-white rounded-lg transition-colors flex items-center space-x-2 ${
-                newStatus ? 'bg-green-600 hover:bg-green-700' : 'bg-red-600 hover:bg-red-700'
-              }`}
-            >
-              <FaSave className="w-4 h-4" />
-              <span>Durumu Değiştir</span>
-            </button>
-          </div>
-        </div>
-      </div>
-    )
-  )
-}
-
-export default TeamStatusChangeModal
diff --git a/ui/src/views/maintenance/components/ViewFaultNotificationModal.tsx b/ui/src/views/maintenance/components/ViewFaultNotificationModal.tsx
deleted file mode 100644
index 59d6bd39..00000000
--- a/ui/src/views/maintenance/components/ViewFaultNotificationModal.tsx
+++ /dev/null
@@ -1,293 +0,0 @@
-import React from 'react'
-import {
-  FaTimes,
-  FaEdit,
-  FaExclamationTriangle,
-  FaClock,
-  FaUser,
-  FaMapMarkerAlt,
-  FaCamera,
-  FaFileAlt,
-  FaTools,
-  FaCalendarAlt,
-} from 'react-icons/fa'
-import { PmFaultNotification } from '../../../types/pm'
-import {
-  getFaultTypeColor,
-  getFaultTypeText,
-  getPriorityColor,
-  getPriorityText,
-  getCriticalityLevelColor,
-  getCriticalityLevelText,
-  getNotificationStatusColor,
-  getNotificationStatusText,
-} from '../../../utils/erp'
-
-interface ViewFaultNotificationModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onEdit: (notification: PmFaultNotification) => void
-  notification: PmFaultNotification | null
-}
-
-const ViewFaultNotificationModal: React.FC<ViewFaultNotificationModalProps> = ({
-  isOpen,
-  onClose,
-  onEdit,
-  notification,
-}) => {
-  if (!isOpen || !notification) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div>
-            <h2 className="text-lg font-semibold text-gray-900">{notification.notificationCode}</h2>
-            <p className="text-sm text-gray-500 mt-1">{notification.title}</p>
-          </div>
-          <div className="flex items-center space-x-3">
-            <button
-              onClick={() => onEdit(notification)}
-              className="px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center space-x-2 text-sm"
-            >
-              <FaEdit className="w-4 h-4" />
-              <span>Düzenle</span>
-            </button>
-            <button
-              onClick={onClose}
-              className="text-gray-400 hover:text-gray-600 transition-colors"
-            >
-              <FaTimes className="w-5 h-5" />
-            </button>
-          </div>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Status Badges */}
-          <div className="flex flex-wrap gap-1.5">
-            <span
-              className={`px-2.5 py-1 rounded-full text-xs font-medium ${getNotificationStatusColor(
-                notification.status,
-              )}`}
-            >
-              {getNotificationStatusText(notification.status)}
-            </span>
-            <span
-              className={`px-2.5 py-1 rounded-full text-xs font-medium ${getPriorityColor(
-                notification.priority,
-              )}`}
-            >
-              {getPriorityText(notification.priority)}
-            </span>
-            <span
-              className={`px-2.5 py-1 rounded-full text-xs font-medium ${getFaultTypeColor(
-                notification.faultType,
-              )}`}
-            >
-              {getFaultTypeText(notification.faultType)}
-            </span>
-            <span
-              className={`px-2.5 py-1 rounded-full text-xs font-medium ${getCriticalityLevelColor(
-                notification.severity,
-              )}`}
-            >
-              Kritiklik: {getCriticalityLevelText(notification.severity)}
-            </span>
-          </div>
-
-          {/* Main Info */}
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-            <div className="space-y-3">
-              <div>
-                <h3 className="text-base font-medium text-gray-900 mb-3">Arıza Bilgileri</h3>
-                <div className="space-y-2">
-                  <div>
-                    <label className="text-sm font-medium text-gray-500">Açıklama</label>
-                    <p className="text-sm text-gray-800 mt-1">{notification.description}</p>
-                  </div>
-
-                  <div className="grid grid-cols-2 gap-3">
-                    <div>
-                      <label className="text-sm font-medium text-gray-500">İş Merkezi Kodu</label>
-                      <p className="text-sm text-gray-800">{notification.workCenter.code}</p>
-                    </div>
-                    <div>
-                      <label className="text-sm font-medium text-gray-500">İş Merkezi Adı</label>
-                      <p className="text-sm text-gray-800">{notification.workCenter.name}</p>
-                    </div>
-                  </div>
-
-                  <div>
-                    <label className="text-sm font-medium text-gray-500">Konum</label>
-                    <p className="text-sm text-gray-800 flex items-center">
-                      <FaMapMarkerAlt className="w-4 h-4 mr-2 text-gray-400" />
-                      {notification.location}
-                    </p>
-                  </div>
-
-                  {notification.estimatedRepairTime && (
-                    <div>
-                      <label className="text-sm font-medium text-gray-500">
-                        Tahmini Onarım Süresi
-                      </label>
-                      <p className="text-sm text-gray-800 flex items-center">
-                        <FaClock className="w-4 h-4 mr-2 text-gray-400" />
-                        {notification.estimatedRepairTime} dakika
-                      </p>
-                    </div>
-                  )}
-
-                  {notification.actualRepairTime && (
-                    <div>
-                      <label className="text-sm font-medium text-gray-500">
-                        Gerçek Onarım Süresi
-                      </label>
-                      <p className="text-sm text-gray-800 flex items-center">
-                        <FaClock className="w-4 h-4 mr-2 text-gray-400" />
-                        {notification.actualRepairTime} dakika
-                      </p>
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-
-            <div className="space-y-3">
-              <div>
-                <h3 className="text-base font-medium text-gray-900 mb-3">Süreç Bilgileri</h3>
-                <div className="space-y-2">
-                  <div>
-                    <label className="text-sm font-medium text-gray-500">Bildiren Kişi</label>
-                    <p className="text-sm text-gray-800 flex items-center">
-                      <FaUser className="w-4 h-4 mr-2 text-gray-400" />
-                      {notification.reportedBy}
-                    </p>
-                  </div>
-
-                  <div>
-                    <label className="text-sm font-medium text-gray-500">Bildirim Tarihi</label>
-                    <p className="text-sm text-gray-800 flex items-center">
-                      <FaCalendarAlt className="w-4 h-4 mr-2 text-gray-400" />
-                      {notification.reportedAt.toLocaleDateString('tr-TR')}{' '}
-                      {notification.reportedAt.toLocaleTimeString('tr-TR')}
-                    </p>
-                  </div>
-
-                  {notification.assignedTo && (
-                    <div>
-                      <label className="text-sm font-medium text-gray-500">Atanan Kişi</label>
-                      <p className="text-sm text-gray-800 flex items-center">
-                        <FaTools className="w-4 h-4 mr-2 text-gray-400" />
-                        {notification.assignedTo}
-                      </p>
-                    </div>
-                  )}
-
-                  {notification.workOrderId && (
-                    <div>
-                      <label className="text-sm font-medium text-gray-500">İş Emri</label>
-                      <p className="text-sm text-gray-800">{notification.workOrderId}</p>
-                    </div>
-                  )}
-
-                  {notification.closedBy && notification.closedAt && (
-                    <div>
-                      <label className="text-sm font-medium text-gray-500">Kapatan</label>
-                      <p className="text-sm text-gray-800">{notification.closedBy}</p>
-                      <p className="text-sm text-gray-500">
-                        {notification.closedAt.toLocaleDateString('tr-TR')}{' '}
-                        {notification.closedAt.toLocaleTimeString('tr-TR')}
-                      </p>
-                    </div>
-                  )}
-
-                  <div className="flex items-center space-x-2">
-                    {notification.followUpRequired && (
-                      <span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-orange-100 text-orange-800">
-                        <FaExclamationTriangle className="w-3 h-3 mr-1" />
-                        Takip Gerekli
-                      </span>
-                    )}
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Resolution Notes */}
-          {notification.resolutionNotes && (
-            <div className="bg-green-50 border border-green-200 rounded-lg p-3">
-              <div className="flex items-start space-x-2">
-                <FaFileAlt className="w-5 h-5 text-green-600 mt-0.5" />
-                <div className="flex-1">
-                  <h4 className="text-sm font-medium text-green-800 mb-1">Çözüm Notları</h4>
-                  <p className="text-sm text-green-700">{notification.resolutionNotes}</p>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {/* Images */}
-          {notification.images && notification.images.length > 0 && (
-            <div>
-              <div className="flex items-center space-x-2 mb-2">
-                <FaCamera className="w-5 h-5 text-gray-400" />
-                <h3 className="text-base font-medium text-gray-900">
-                  Fotoğraflar ({notification.images.length})
-                </h3>
-              </div>
-              <div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-3">
-                {notification.images.map((image, index) => (
-                  <div key={index} className="border border-gray-200 rounded-lg p-2">
-                    <div className="aspect-square bg-gray-100 rounded flex items-center justify-center">
-                      <FaCamera className="w-8 h-8 text-gray-400" />
-                    </div>
-                    <p className="text-xs text-gray-500 mt-1 truncate">{image}</p>
-                  </div>
-                ))}
-              </div>
-            </div>
-          )}
-
-          {/* Timeline */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-3">Zaman Çizelgesi</h3>
-            <div className="space-y-2">
-              <div className="flex items-center space-x-3 text-sm">
-                <div className="w-2 h-2 bg-blue-500 rounded-full"></div>
-                <span className="text-gray-500">Oluşturuldu:</span>
-                <span className="font-medium">
-                  {notification.creationTime.toLocaleDateString('tr-TR')}{' '}
-                  {notification.creationTime.toLocaleTimeString('tr-TR')}
-                </span>
-              </div>
-              <div className="flex items-center space-x-3 text-sm">
-                <div className="w-2 h-2 bg-green-500 rounded-full"></div>
-                <span className="text-gray-500">Son Güncelleme:</span>
-                <span className="font-medium">
-                  {notification.lastModificationTime.toLocaleDateString('tr-TR')}{' '}
-                  {notification.lastModificationTime.toLocaleTimeString('tr-TR')}
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-2 p-4 border-t border-gray-200">
-          <button
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            Kapat
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default ViewFaultNotificationModal
diff --git a/ui/src/views/maintenance/components/ViewMaintenancePlanModal.tsx b/ui/src/views/maintenance/components/ViewMaintenancePlanModal.tsx
deleted file mode 100644
index eb3474b3..00000000
--- a/ui/src/views/maintenance/components/ViewMaintenancePlanModal.tsx
+++ /dev/null
@@ -1,351 +0,0 @@
-import React from 'react'
-import { FaTimes, FaTools, FaClock, FaUser, FaExclamationTriangle } from 'react-icons/fa'
-import { PmMaintenancePlan, MaintenancePlanTypeEnum, FrequencyUnitEnum } from '../../../types/pm'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { PriorityEnum } from '../../../types/common'
-
-interface ViewMaintenancePlanModalProps {
-  isOpen: boolean
-  onClose: () => void
-  plan: PmMaintenancePlan | null
-}
-
-const ViewMaintenancePlanModal: React.FC<ViewMaintenancePlanModalProps> = ({
-  isOpen,
-  onClose,
-  plan,
-}) => {
-  if (!isOpen || !plan) return null
-
-  const getPlanTypeDisplay = (type: MaintenancePlanTypeEnum) => {
-    const types = {
-      [MaintenancePlanTypeEnum.Preventive]: {
-        label: 'Önleyici Bakım',
-        color: 'bg-green-100 text-green-800',
-      },
-      [MaintenancePlanTypeEnum.Predictive]: {
-        label: 'Kestirimci Bakım',
-        color: 'bg-blue-100 text-blue-800',
-      },
-      [MaintenancePlanTypeEnum.Corrective]: {
-        label: 'Düzeltici Bakım',
-        color: 'bg-orange-100 text-orange-800',
-      },
-      [MaintenancePlanTypeEnum.Condition]: {
-        label: 'Durum Bazlı Bakım',
-        color: 'bg-purple-100 text-purple-800',
-      },
-    }
-    return types[type] || { label: type, color: 'bg-gray-100 text-gray-800' }
-  }
-
-  const getPriorityDisplay = (priority: PriorityEnum) => {
-    const priorities = {
-      [PriorityEnum.Low]: {
-        label: 'Düşük',
-        color: 'bg-gray-100 text-gray-800',
-        icon: null,
-      },
-      [PriorityEnum.Normal]: {
-        label: 'Normal',
-        color: 'bg-blue-100 text-blue-800',
-        icon: null,
-      },
-      [PriorityEnum.High]: {
-        label: 'Yüksek',
-        color: 'bg-yellow-100 text-yellow-800',
-        icon: FaExclamationTriangle,
-      },
-      [PriorityEnum.Urgent]: {
-        label: 'Acil',
-        color: 'bg-red-100 text-red-800',
-        icon: FaExclamationTriangle,
-      },
-    }
-    return (
-      priorities[priority] || {
-        label: priority,
-        color: 'bg-gray-100 text-gray-800',
-        icon: null,
-      }
-    )
-  }
-
-  const getFrequencyDisplay = (frequency: number, unit: FrequencyUnitEnum) => {
-    const units = {
-      [FrequencyUnitEnum.Days]: frequency === 1 ? 'gün' : 'gün',
-      [FrequencyUnitEnum.Weeks]: frequency === 1 ? 'hafta' : 'hafta',
-      [FrequencyUnitEnum.Months]: frequency === 1 ? 'ay' : 'ay',
-      [FrequencyUnitEnum.Years]: frequency === 1 ? 'yıl' : 'yıl',
-      [FrequencyUnitEnum.Hours]: frequency === 1 ? 'saat' : 'saat',
-      [FrequencyUnitEnum.Cycles]: frequency === 1 ? 'çevrim' : 'çevrim',
-    }
-    return `Her ${frequency} ${units[unit]}`
-  }
-
-  const formatDate = (date: Date) => {
-    return new Date(date).toLocaleDateString('tr-TR', {
-      year: 'numeric',
-      month: 'long',
-      day: 'numeric',
-    })
-  }
-
-  const formatDuration = (minutes: number) => {
-    if (minutes < 60) return `${minutes} dakika`
-    const hours = Math.floor(minutes / 60)
-    const remainingMinutes = minutes % 60
-    if (remainingMinutes === 0) return `${hours} saat`
-    return `${hours} saat ${remainingMinutes} dakika`
-  }
-
-  const isOverdue = plan.nextDue && new Date(plan.nextDue) < new Date()
-  const planTypeInfo = getPlanTypeDisplay(plan.planType)
-  const priorityInfo = getPriorityDisplay(plan.priority)
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div className="flex items-center space-x-3">
-            <FaTools className="w-5 h-5 text-blue-600" />
-            <div>
-              <h2 className="text-lg font-semibold text-gray-900">{plan.planCode}</h2>
-              <p className="text-sm text-gray-500">Bakım Planı Detayları</p>
-            </div>
-          </div>
-          <button onClick={onClose} className="p-1 hover:bg-gray-100 rounded-lg transition-colors">
-            <FaTimes className="w-4 h-4 text-gray-500" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Status and Priority */}
-          <div className="flex items-center space-x-3">
-            <span
-              className={`inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium ${planTypeInfo.color}`}
-            >
-              {planTypeInfo.label}
-            </span>
-            <span
-              className={`inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium ${priorityInfo.color}`}
-            >
-              {priorityInfo.icon && <priorityInfo.icon className="w-3 h-3 mr-1" />}
-              {priorityInfo.label}
-            </span>
-            <span
-              className={`inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium ${
-                plan.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-              }`}
-            >
-              {plan.isActive ? 'Aktif' : 'Pasif'}
-            </span>
-            {isOverdue && (
-              <span className="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800">
-                <FaExclamationTriangle className="w-3 h-3 mr-1" />
-                Süresi Geçmiş
-              </span>
-            )}
-          </div>
-
-          {/* Basic Information */}
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-            <div className="space-y-3">
-              <div>
-                <h3 className="text-base font-medium text-gray-900 mb-2">Temel Bilgiler</h3>
-                <div className="space-y-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-500">Plan Kodu</label>
-                    <p className="text-sm text-gray-900 font-mono">{plan.planCode}</p>
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-500">İş Merkezi</label>
-                    <p className="text-sm text-gray-900 font-mono">{plan.workCenter?.code}</p>
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-500">Açıklama</label>
-                    <p className="text-sm text-gray-900">{plan.description}</p>
-                  </div>
-                </div>
-              </div>
-
-              <div>
-                <h3 className="text-base font-medium text-gray-900 mb-2">Sıklık ve Süre</h3>
-                <div className="space-y-3">
-                  <div className="flex items-center space-x-2">
-                    <FaClock className="w-4 h-4 text-gray-400" />
-                    <span className="text-sm text-gray-900">
-                      {getFrequencyDisplay(plan.frequency, plan.frequencyUnit)}
-                    </span>
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-500">Tahmini Süre</label>
-                    <p className="text-sm text-gray-900">
-                      {formatDuration(plan.estimatedDuration)}
-                    </p>
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-500">Sonraki Bakım</label>
-                    <p
-                      className={`text-sm font-medium ${
-                        isOverdue ? 'text-red-600' : 'text-gray-900'
-                      }`}
-                    >
-                      {plan.nextDue ? formatDate(plan.nextDue) : 'Belirtilmemiş'}
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            <div className="space-y-3">
-              <div>
-                <h3 className="text-base font-medium text-gray-900 mb-2">Tarih Bilgileri</h3>
-                <div className="space-y-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-500">Oluşturulma</label>
-                    <p className="text-sm text-gray-900">{formatDate(plan.creationTime)}</p>
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-500">
-                      Son Güncelleme
-                    </label>
-                    <p className="text-sm text-gray-900">{formatDate(plan.lastModificationTime)}</p>
-                  </div>
-                </div>
-              </div>
-
-              <div>
-                <h3 className="text-lg font-medium text-gray-900 mb-3">İstatistikler</h3>
-                <div className="space-y-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-500">Durum</label>
-                    <p className="text-sm text-gray-900">
-                      {plan.isActive ? 'Aktif plan' : 'Pasif plan'}
-                    </p>
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-500">Tahmini Süre</label>
-                    <p className="text-sm text-gray-900">
-                      {formatDuration(plan.estimatedDuration)}
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Instructions */}
-          {plan.instructions && (
-            <div>
-              <h3 className="text-base font-medium text-gray-900 mb-2">Bakım Talimatları</h3>
-              <div className="bg-gray-50 rounded-lg p-3">
-                <pre className="text-sm text-gray-700 whitespace-pre-wrap font-sans">
-                  {plan.instructions}
-                </pre>
-              </div>
-            </div>
-          )}
-
-          {/* Required Skills */}
-          {plan.requiredSkills && plan.requiredSkills.length > 0 && (
-            <div>
-              <h3 className="flex items-center text-base font-medium text-gray-900 mb-2">
-                <FaUser className="w-5 h-5 mr-2 text-gray-400" />
-                Gerekli Yetenekler
-              </h3>
-              <div className="flex flex-wrap gap-1.5">
-                {plan.requiredSkills.map((skill, index) => (
-                  <span
-                    key={index}
-                    className="inline-flex items-center px-2.5 py-1 bg-blue-100 text-blue-800 rounded-full text-xs font-medium"
-                  >
-                    {skill}
-                  </span>
-                ))}
-              </div>
-            </div>
-          )}
-
-          {/* Required Materials */}
-          {plan.requiredMaterials && plan.requiredMaterials.length > 0 && (
-            <div>
-              <h3 className="text-base font-medium text-gray-900 mb-2">Gerekli Malzemeler</h3>
-              <div className="bg-white border border-gray-200 rounded-lg overflow-hidden">
-                <table className="min-w-full divide-y divide-gray-200">
-                  <thead className="bg-gray-50">
-                    <tr>
-                      <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        Malzeme
-                      </th>
-                      <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        Miktar
-                      </th>
-                      <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        Birim
-                      </th>
-                      <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        Durum
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody className="bg-white divide-y divide-gray-200">
-                    {plan.requiredMaterials.map((material, index) => {
-                      const materialInfo = mockMaterials.find((m) => m.id === material.materialId)
-                      return (
-                        <tr key={index} className="hover:bg-gray-50">
-                          <td className="px-4 py-3 whitespace-nowrap text-sm text-gray-900">
-                            <div>
-                              <div className="font-mono text-sm">
-                                {materialInfo?.code || material.materialId}
-                              </div>
-                              {materialInfo && (
-                                <div className="text-xs text-gray-500">{materialInfo.name}</div>
-                              )}
-                            </div>
-                          </td>
-                          <td className="px-4 py-3 whitespace-nowrap text-sm text-gray-900">
-                            {material.quantity}
-                          </td>
-                          <td className="px-4 py-3 whitespace-nowrap text-sm text-gray-900">
-                            {material.unitId}
-                          </td>
-                          <td className="px-4 py-3 whitespace-nowrap">
-                            <span
-                              className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${
-                                material.isRequired
-                                  ? 'bg-red-100 text-red-800'
-                                  : 'bg-green-100 text-green-800'
-                              }`}
-                            >
-                              {material.isRequired ? 'Zorunlu' : 'Opsiyonel'}
-                            </span>
-                          </td>
-                        </tr>
-                      )
-                    })}
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          )}
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-2 p-4 border-t border-gray-200">
-          <button
-            type="button"
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            Kapat
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default ViewMaintenancePlanModal
diff --git a/ui/src/views/maintenance/components/ViewTeamModal.tsx b/ui/src/views/maintenance/components/ViewTeamModal.tsx
deleted file mode 100644
index 7b76f832..00000000
--- a/ui/src/views/maintenance/components/ViewTeamModal.tsx
+++ /dev/null
@@ -1,242 +0,0 @@
-import React from 'react'
-import { FaTimes, FaEdit, FaUser, FaAward, FaEnvelope, FaPhone, FaClock } from 'react-icons/fa'
-import { Team, TeamRoleEnum } from '../../../types/common'
-import { getTeamRoleColor, getTeamRoleIcon, getTeamRoleText } from '../../../utils/erp'
-
-interface ViewTeamModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onEdit: (team: Team) => void
-  team: Team | null
-}
-
-const ViewTeamModal: React.FC<ViewTeamModalProps> = ({ isOpen, onClose, onEdit, team }) => {
-  if (!team) return null
-
-  const leader = team.members.find((member) => member.role === TeamRoleEnum.Lead)
-  const activeMembers = team.members.filter((member) => member.isActive)
-
-  return (
-    isOpen &&
-    team && (
-      <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-        <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-          {/* Header */}
-          <div className="flex items-center justify-between p-4 border-b border-gray-200">
-            <div>
-              <h2 className="text-lg font-semibold text-gray-900">{team.name}</h2>
-              <p className="text-sm text-gray-500 mt-1">{team.code}</p>
-            </div>
-            <div className="flex items-center space-x-3">
-              <button
-                onClick={() => onEdit(team)}
-                className="px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center space-x-2 text-sm"
-              >
-                <FaEdit className="w-4 h-4" />
-                <span>Düzenle</span>
-              </button>
-              <button
-                onClick={onClose}
-                className="text-gray-400 hover:text-gray-600 transition-colors"
-              >
-                <FaTimes className="w-5 h-5" />
-              </button>
-            </div>
-          </div>
-
-          {/* Content */}
-          <div className="p-4 space-y-4">
-            {/* Team Info */}
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div className="space-y-3">
-                <div>
-                  <h3 className="text-base font-medium text-gray-900 mb-3">Ekip Bilgileri</h3>
-                  <div className="space-y-2">
-                    <div>
-                      <label className="text-sm font-medium text-gray-500">Ekip Kodu</label>
-                      <p className="text-sm text-gray-900">{team.code}</p>
-                    </div>
-                    <div>
-                      <label className="text-sm font-medium text-gray-500">Ekip Adı</label>
-                      <p className="text-sm text-gray-900">{team.name}</p>
-                    </div>
-                    <div>
-                      <label className="text-sm font-medium text-gray-500">Açıklama</label>
-                      <p className="text-sm text-gray-900">{team.description}</p>
-                    </div>
-                    <div>
-                      <label className="text-sm font-medium text-gray-500">Durum</label>
-                      <p
-                        className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${
-                          team.isActive
-                            ? 'bg-green-100 text-green-800'
-                            : 'bg-gray-100 text-gray-800'
-                        }`}
-                      >
-                        {team.isActive ? 'Aktif' : 'Pasif'}
-                      </p>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Specializations */}
-                {team.specializations && team.specializations.length > 0 && (
-                  <div>
-                    <h4 className="text-sm font-medium text-gray-500 mb-1.5">Uzmanlık Alanları</h4>
-                    <div className="flex flex-wrap gap-1.5">
-                      {team.specializations.map((spec, index) => (
-                        <span
-                          key={index}
-                          className="px-2.5 py-1 bg-blue-100 text-blue-800 text-xs rounded-full"
-                        >
-                          {spec}
-                        </span>
-                      ))}
-                    </div>
-                  </div>
-                )}
-              </div>
-
-              <div>
-                <h3 className="text-base font-medium text-gray-900 mb-3">Zaman Bilgileri</h3>
-                <div className="space-y-2">
-                  <div className="flex items-center space-x-2 text-sm text-gray-600">
-                    <FaClock className="w-4 h-4" />
-                    <span>Oluşturuldu: {team.creationTime.toLocaleDateString('tr-TR')}</span>
-                  </div>
-                  <div className="flex items-center space-x-2 text-sm text-gray-600">
-                    <FaClock className="w-4 h-4" />
-                    <span>
-                      Son Güncelleme: {team.lastModificationTime.toLocaleDateString('tr-TR')}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            {/* Team Leader */}
-            {leader && (
-              <div>
-                <h3 className="text-base font-medium text-gray-900 mb-3">Ekip Lideri</h3>
-                <div className="bg-purple-50 rounded-lg p-3">
-                  <div className="flex items-center space-x-4">
-                    <div className="w-10 h-10 bg-purple-600 rounded-full flex items-center justify-center">
-                      <FaAward className="w-5 h-5 text-white" />
-                    </div>
-                    <div className="flex-1">
-                      <div className="flex items-center space-x-2 mb-1">
-                        <h4 className="font-medium text-gray-900">
-                          {leader.employee?.firstName} {leader.employee?.lastName}
-                        </h4>
-                        <span
-                          className={`px-2 py-1 rounded-full text-xs font-medium flex items-center space-x-1 ${getTeamRoleColor(
-                            leader.role,
-                          )}`}
-                        >
-                          {getTeamRoleIcon(leader.role)}
-                          <span>{getTeamRoleText(leader.role)}</span>
-                        </span>
-                      </div>
-                      <p className="text-sm text-gray-600 mb-2">
-                        {leader.employee?.jobPosition?.name}
-                      </p>
-                      <div className="flex items-center space-x-4 text-sm text-gray-500">
-                        {leader.employee?.email && (
-                          <div className="flex items-center space-x-1">
-                            <FaEnvelope className="w-3 h-3" />
-                            <span>{leader.employee.email}</span>
-                          </div>
-                        )}
-                        {leader.employee?.phoneNumber && (
-                          <div className="flex items-center space-x-1">
-                            <FaPhone className="w-3 h-3" />
-                            <span>{leader.employee.phoneNumber}</span>
-                          </div>
-                        )}
-                      </div>
-                      <div className="text-xs text-gray-500 mt-2">
-                        Katılma Tarihi: {leader.joinDate.toLocaleDateString('tr-TR')}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {/* Team Members */}
-            <div>
-              <div className="flex items-center justify-between mb-4">
-                <h3 className="text-base font-medium text-gray-900">
-                  Ekip Üyeleri ({activeMembers.length})
-                </h3>
-              </div>
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                {activeMembers
-                  .filter((member) => member.role !== TeamRoleEnum.Lead)
-                  .map((member) => (
-                    <div
-                      key={member.id}
-                      className="border border-gray-200 rounded-lg p-3 hover:bg-gray-50 transition-colors"
-                    >
-                      <div className="flex items-center space-x-3">
-                        <div className="w-9 h-9 bg-gray-400 rounded-full flex items-center justify-center">
-                          <FaUser className="w-5 h-5 text-white" />
-                        </div>
-                        <div className="flex-1">
-                          <div className="flex items-center space-x-2 mb-1">
-                            <h4 className="font-medium text-gray-900">
-                              {member.employee?.firstName} {member.employee?.lastName}
-                            </h4>
-                            <span
-                              className={`px-2 py-1 rounded-full text-xs font-medium flex items-center space-x-1 ${getTeamRoleColor(
-                                member.role,
-                              )}`}
-                            >
-                              {getTeamRoleIcon(member.role)}
-                              <span>{getTeamRoleText(member.role)}</span>
-                            </span>
-                          </div>
-                          <p className="text-sm text-gray-600 mb-2">
-                            {member.employee?.jobPosition?.name}
-                          </p>
-                          <div className="space-y-1">
-                            {member.employee?.email && (
-                              <div className="flex items-center space-x-1 text-xs text-gray-500">
-                                <FaEnvelope className="w-3 h-3" />
-                                <span>{member.employee.email}</span>
-                              </div>
-                            )}
-                            {member.employee?.phoneNumber && (
-                              <div className="flex items-center space-x-1 text-xs text-gray-500">
-                                <FaPhone className="w-3 h-3" />
-                                <span>{member.employee.phoneNumber}</span>
-                              </div>
-                            )}
-                            <div className="text-xs text-gray-500">
-                              Katılma Tarihi: {member.joinDate.toLocaleDateString('tr-TR')}
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  ))}
-              </div>
-            </div>
-          </div>
-
-          {/* Footer */}
-          <div className="flex items-center justify-end space-x-2 p-4 border-t border-gray-200">
-            <button
-              onClick={onClose}
-              className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              Kapat
-            </button>
-          </div>
-        </div>
-      </div>
-    )
-  )
-}
-
-export default ViewTeamModal
diff --git a/ui/src/views/maintenance/components/ViewWorkCenterModal.tsx b/ui/src/views/maintenance/components/ViewWorkCenterModal.tsx
deleted file mode 100644
index 3e73707c..00000000
--- a/ui/src/views/maintenance/components/ViewWorkCenterModal.tsx
+++ /dev/null
@@ -1,330 +0,0 @@
-import React from 'react'
-import {
-  FaTimes,
-  FaCog,
-  FaMapMarkerAlt,
-  FaCalendar,
-  FaUser,
-  FaWrench,
-  FaExclamationTriangle,
-} from 'react-icons/fa'
-import { PmWorkCenter, WorkOrderStatusEnum } from '../../../types/pm'
-import {
-  getWorkCenterStatusColor,
-  getWorkCenterStatusIcon,
-  getWorkCenterStatusText,
-  getCriticalityLevelColor,
-  getCriticalityLevelText,
-} from '../../../utils/erp'
-
-interface ViewWorkCenterModalProps {
-  isOpen: boolean
-  onClose: () => void
-  workCenter: PmWorkCenter
-}
-
-const ViewWorkCenterModal: React.FC<ViewWorkCenterModalProps> = ({
-  isOpen,
-  onClose,
-  workCenter,
-}) => {
-  if (!isOpen || !workCenter) return null
-
-  const isWarrantyExpiring = (workCenter: PmWorkCenter) => {
-    if (!workCenter.warrantyExpiry) return false
-    const today = new Date()
-    const diffTime = workCenter.warrantyExpiry.getTime() - today.getTime()
-    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
-    return diffDays <= 90 && diffDays > 0
-  }
-
-  const isWarrantyExpired = (workCenter: PmWorkCenter) => {
-    if (!workCenter.warrantyExpiry) return false
-    const today = new Date()
-    return workCenter.warrantyExpiry < today
-  }
-
-  const getWorkCenterAge = (installationDate: Date) => {
-    const today = new Date()
-    const diffTime = today.getTime() - installationDate.getTime()
-    const diffYears = Math.floor(diffTime / (1000 * 60 * 60 * 24 * 365))
-    return diffYears
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div className="flex items-center space-x-3">
-            <FaCog className="w-5 h-5 text-blue-600" />
-            <div>
-              <h2 className="text-lg font-semibold text-gray-900">{workCenter.name}</h2>
-              <p className="text-sm text-gray-500">{workCenter.code}</p>
-            </div>
-          </div>
-          <button onClick={onClose} className="p-1 hover:bg-gray-100 rounded-lg transition-colors">
-            <FaTimes className="w-4 h-4 text-gray-500" />
-          </button>
-        </div>
-
-        {/* Content */}
-        <div className="p-4 space-y-4">
-          {/* Status and Basic Info */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div className="space-y-3">
-              <div>
-                <h3 className="text-base font-medium text-gray-900 mb-2">Durum Bilgileri</h3>
-                <div className="space-y-2">
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-700">Operasyonel Durum:</span>
-                    <span
-                      className={`px-2.5 py-1 rounded-full text-xs font-medium flex items-center space-x-1.5 ${getWorkCenterStatusColor(
-                        workCenter.status,
-                      )}`}
-                    >
-                      {getWorkCenterStatusIcon(workCenter.status)}
-                      <span>{getWorkCenterStatusText(workCenter.status)}</span>
-                    </span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-700">Kritiklik Seviyesi:</span>
-                    <span
-                      className={`px-2.5 py-1 rounded-full text-xs font-medium ${getCriticalityLevelColor(
-                        workCenter.criticality,
-                      )}`}
-                    >
-                      {getCriticalityLevelText(workCenter.criticality)}
-                    </span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-700">Aktif Durum:</span>
-                    <span
-                      className={`px-2.5 py-1 rounded-full text-xs font-medium ${
-                        workCenter.isActive
-                          ? 'bg-green-100 text-green-800'
-                          : 'bg-red-100 text-red-800'
-                      }`}
-                    >
-                      {workCenter.isActive ? 'Aktif' : 'Pasif'}
-                    </span>
-                  </div>
-                </div>
-              </div>
-
-              <div>
-                <h3 className="text-base font-medium text-gray-900 mb-2">Lokasyon Bilgileri</h3>
-                <div className="flex items-center space-x-2 text-gray-700">
-                  <FaMapMarkerAlt className="w-4 h-4 text-blue-600" />
-                  <span>{workCenter.location}</span>
-                </div>
-              </div>
-            </div>
-
-            <div className="space-y-3">
-              <div>
-                <h3 className="text-base font-medium text-gray-900 mb-2">Temel Bilgiler</h3>
-                <div className="space-y-2 text-sm">
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Üretici:</span>
-                    <span className="text-gray-900 font-medium">
-                      {workCenter.manufacturer || '-'}
-                    </span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Model:</span>
-                    <span className="text-gray-900 font-medium">{workCenter.model || '-'}</span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">Seri No:</span>
-                    <span className="text-gray-900 font-medium">
-                      {workCenter.serialNumber || '-'}
-                    </span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-gray-600">İş Merkezi Tipi:</span>
-                    <span className="text-gray-900 font-medium">
-                      {workCenter.name || '-'}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Description */}
-          {workCenter.description && (
-            <div>
-              <h3 className="text-base font-medium text-gray-900 mb-2">Açıklama</h3>
-              <p className="text-sm text-gray-700 bg-gray-50 p-3 rounded-lg">
-                {workCenter.description}
-              </p>
-            </div>
-          )}
-
-          {/* Date Information */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-2">Tarih Bilgileri</h3>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-              <div className="bg-gray-50 p-3 rounded-lg">
-                <div className="flex items-center space-x-2 mb-2">
-                  <FaCalendar className="w-4 h-4 text-blue-600" />
-                  <span className="font-medium text-gray-900">Kurulum Tarihi</span>
-                </div>
-                <p className="text-gray-700">
-                  {workCenter.installationDate.toLocaleDateString('tr-TR')}
-                </p>
-                <p className="text-sm text-gray-500 mt-1">
-                  Yaş: {getWorkCenterAge(workCenter.installationDate)} yıl
-                </p>
-              </div>
-
-              {workCenter.warrantyExpiry && (
-                <div className="bg-gray-50 p-3 rounded-lg">
-                  <div className="flex items-center space-x-2 mb-2">
-                    <FaCalendar className="w-4 h-4 text-orange-600" />
-                    <span className="font-medium text-gray-900">Garanti Bitiş Tarihi</span>
-                  </div>
-                  <p
-                    className={`font-medium ${
-                      isWarrantyExpired(workCenter)
-                        ? 'text-red-600'
-                        : isWarrantyExpiring(workCenter)
-                          ? 'text-orange-600'
-                          : 'text-gray-700'
-                    }`}
-                  >
-                    {workCenter.warrantyExpiry.toLocaleDateString('tr-TR')}
-                    {isWarrantyExpiring(workCenter) && !isWarrantyExpired(workCenter) && (
-                      <span className="text-xs text-orange-600 ml-2">(Yakında sona eriyor)</span>
-                    )}
-                    {isWarrantyExpired(workCenter) && (
-                      <span className="text-xs text-red-600 ml-2">(Garanti doldu)</span>
-                    )}
-                  </p>
-                </div>
-              )}
-
-              <div className="bg-gray-50 p-3 rounded-lg">
-                <div className="flex items-center space-x-2 mb-2">
-                  <FaUser className="w-4 h-4 text-green-600" />
-                  <span className="font-medium text-gray-900">Oluşturan</span>
-                </div>
-                <p className="text-sm text-gray-500 mt-1">
-                  {workCenter.creationTime.toLocaleDateString('tr-TR')}
-                </p>
-              </div>
-
-              <div className="bg-gray-50 p-3 rounded-lg">
-                <div className="flex items-center space-x-2 mb-2">
-                  <FaCalendar className="w-4 h-4 text-gray-600" />
-                  <span className="font-medium text-gray-900">Son Güncelleme</span>
-                </div>
-                <p className="text-gray-700">
-                  {workCenter.lastModificationTime.toLocaleDateString('tr-TR')}
-                </p>
-              </div>
-            </div>
-          </div>
-
-          {/* Technical Specifications */}
-          {workCenter.specifications && workCenter.specifications.length > 0 && (
-            <div>
-              <h3 className="text-base font-medium text-gray-900 mb-2">Teknik Özellikler</h3>
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                {workCenter.specifications.map((spec) => (
-                  <div key={spec.id} className="bg-gray-50 p-3 rounded-lg">
-                    <div className="flex items-center justify-between mb-1">
-                      <span className="font-medium text-gray-900">{spec.specificationName}</span>
-                      {spec.isRequired && (
-                        <span className="px-2 py-0.5 bg-blue-100 text-blue-800 text-xs rounded-full">
-                          Zorunlu
-                        </span>
-                      )}
-                    </div>
-                    <p className="text-gray-700">
-                      {spec.specificationValue} {spec.unit}
-                    </p>
-                  </div>
-                ))}
-              </div>
-            </div>
-          )}
-
-          {/*  Summary */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-2">Bakım Planları</h3>
-            <div className="bg-gray-50 p-3 rounded-lg">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-lg font-semibold text-gray-900">
-                    {workCenter.maintenancePlans?.length || 0}
-                  </p>
-                  <p className="text-sm text-gray-600">Aktif Bakım Planı</p>
-                </div>
-                <FaWrench className="w-7 h-7 text-blue-600" />
-              </div>
-            </div>
-          </div>
-
-          {/* Work Orders Summary */}
-          <div>
-            <h3 className="text-base font-medium text-gray-900 mb-2">İş Emirleri</h3>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-              <div className="bg-gray-50 p-3 rounded-lg">
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="text-lg font-semibold text-gray-900">
-                      {workCenter.workOrders?.length || 0}
-                    </p>
-                    <p className="text-sm text-gray-600">Toplam İş Emri</p>
-                  </div>
-                  <FaCog className="w-6 h-6 text-blue-600" />
-                </div>
-              </div>
-
-              <div className="bg-gray-50 p-3 rounded-lg">
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="text-lg font-semibold text-gray-900">
-                      {workCenter.workOrders?.filter(
-                        (wo) => wo.status === WorkOrderStatusEnum.InProgress,
-                      ).length || 0}
-                    </p>
-                    <p className="text-sm text-gray-600">Devam Eden</p>
-                  </div>
-                  <FaWrench className="w-6 h-6 text-orange-600" />
-                </div>
-              </div>
-
-              <div className="bg-gray-50 p-3 rounded-lg">
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="text-lg font-semibold text-gray-900">
-                      {workCenter.downTimeHistory?.length || 0}
-                    </p>
-                    <p className="text-sm text-gray-600">Arıza Kayıtları</p>
-                  </div>
-                  <FaExclamationTriangle className="w-6 h-6 text-red-600" />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Footer */}
-        <div className="flex items-center justify-end space-x-2 p-4 border-t border-gray-200">
-          <button
-            type="button"
-            onClick={onClose}
-            className="px-4 py-1.5 text-sm bg-gray-600 text-white rounded-lg hover:bg-gray-700 transition-colors"
-          >
-            Kapat
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default ViewWorkCenterModal
diff --git a/ui/src/views/maintenance/components/ViewWorkOrderModal.tsx b/ui/src/views/maintenance/components/ViewWorkOrderModal.tsx
deleted file mode 100644
index 42ce22ed..00000000
--- a/ui/src/views/maintenance/components/ViewWorkOrderModal.tsx
+++ /dev/null
@@ -1,438 +0,0 @@
-import React from 'react'
-import {
-  FaTimes,
-  FaEye,
-  FaEdit,
-  FaCalendar,
-  FaClock,
-  FaUser,
-  FaWrench,
-  FaTools,
-  FaDollarSign,
-  FaCheck,
-  FaExclamationTriangle,
-} from 'react-icons/fa'
-import { PmMaintenanceWorkOrder, WorkOrderStatusEnum } from '../../../types/pm'
-import {
-  getPriorityColor,
-  getPriorityText,
-  getWorkOrderStatusColor,
-  getWorkOrderStatusText,
-  getWorkOrderTypeText,
-} from '../../../utils/erp'
-
-interface ViewWorkOrderModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onEdit: (workOrder: PmMaintenanceWorkOrder) => void
-  workOrder: PmMaintenanceWorkOrder
-}
-
-const ViewWorkOrderModal: React.FC<ViewWorkOrderModalProps> = ({
-  isOpen,
-  onClose,
-  onEdit,
-  workOrder,
-}) => {
-  const getCompletionPercentage = () => {
-    const completedActivities = workOrder.activities.filter(
-      (activity) => activity.completedAt,
-    ).length
-    const totalActivities = workOrder.activities.length
-    return totalActivities > 0 ? Math.round((completedActivities / totalActivities) * 100) : 0
-  }
-
-  const getTotalMaterialCost = () => {
-    return workOrder.materials.reduce((total, material) => total + material.totalCost, 0)
-  }
-
-  const getTotalPlannedDuration = () => {
-    return workOrder.activities.reduce((total, activity) => total + activity.plannedDuration, 0)
-  }
-
-  const getTotalActualDuration = () => {
-    return workOrder.activities.reduce((total, activity) => total + activity.actualDuration, 0)
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg p-4 w-full max-w-5xl mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between mb-4">
-          <div className="flex items-center space-x-4">
-            <div className="flex items-center space-x-2">
-              <FaEye className="w-5 h-5 text-blue-600" />
-              <h3 className="text-lg font-semibold text-gray-900">İş Emri Detayları</h3>
-            </div>
-            <span
-              className={`px-2.5 py-1 rounded-full text-xs font-medium ${getWorkOrderStatusColor(
-                workOrder.status,
-              )}`}
-            >
-              {getWorkOrderStatusText(workOrder.status)}
-            </span>
-          </div>
-          <div className="flex items-center space-x-3">
-            <button
-              onClick={() => onEdit(workOrder)}
-              className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center space-x-2"
-            >
-              <FaEdit className="w-4 h-4" />
-              <span>Düzenle</span>
-            </button>
-            <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-              <FaTimes className="w-5 h-5" />
-            </button>
-          </div>
-        </div>
-
-        {/* Header Information */}
-        <div className="bg-blue-50 rounded-lg p-4 mb-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3">
-            <div>
-              <h4 className="text-base font-semibold text-gray-900 mb-1">
-                {workOrder.workOrderNumber}
-              </h4>
-              <div className="space-y-1">
-                <span
-                  className={`inline-block px-2 py-0.5 rounded-full text-xs font-medium ${getWorkOrderStatusColor(
-                    workOrder.status,
-                  )}`}
-                >
-                  {getWorkOrderTypeText(workOrder.orderType)}
-                </span>
-                <span
-                  className={`inline-block px-2 py-0.5 rounded-full text-xs font-medium ml-2 ${getPriorityColor(
-                    workOrder.priority,
-                  )}`}
-                >
-                  {getPriorityText(workOrder.priority)}
-                </span>
-              </div>
-            </div>
-            <div>
-              <label className="text-xs text-gray-600">İş Merkezi</label>
-              <p className="font-medium text-sm text-gray-900">
-                {workOrder.workCenter?.code || workOrder.workCenterId}
-              </p>
-              <p className="text-xs text-gray-600">
-                {workOrder.workCenter?.name || 'İş merkezi bilgisi bulunamadı'}
-              </p>
-            </div>
-            <div>
-              <label className="text-xs text-gray-600">Bildiren</label>
-              <p className="font-medium text-sm text-gray-900 flex items-center">
-                <FaUser className="w-4 h-4 mr-2 text-gray-500" />
-                {workOrder.reportedBy}
-              </p>
-            </div>
-            <div>
-              <label className="text-xs text-gray-600">Atanan</label>
-              <p className="font-medium text-sm text-gray-900 flex items-center">
-                <FaWrench className="w-4 h-4 mr-2 text-gray-500" />
-                {workOrder.assignedTo || 'Atanmadı'}
-              </p>
-            </div>
-          </div>
-        </div>
-
-        {/* Description */}
-        <div className="mb-4">
-          <h4 className="text-base font-semibold text-gray-900 mb-2">Açıklama</h4>
-          <div className="bg-gray-50 rounded-lg p-3">
-            <p className="text-sm text-gray-800">{workOrder.description}</p>
-          </div>
-        </div>
-
-        {/* Timeline & Progress */}
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-4">
-          {/* Timeline */}
-          <div>
-            <h4 className="text-base font-semibold text-gray-900 mb-2 flex items-center">
-              <FaCalendar className="w-5 h-5 mr-2" />
-              Zaman Çizelgesi
-            </h4>
-            <div className="space-y-2">
-              <div className="flex justify-between items-center p-2 bg-gray-50 rounded-lg text-sm">
-                <span className="text-gray-600">Oluşturulma</span>
-                <span className="font-medium">
-                  {workOrder.creationTime.toLocaleDateString('tr-TR')}
-                </span>
-              </div>
-              {workOrder.scheduledStart && (
-                <div className="flex justify-between items-center p-2 bg-blue-50 rounded-lg text-sm">
-                  <span className="text-gray-600">Planlanan Başlangıç</span>
-                  <span className="font-medium">
-                    {workOrder.scheduledStart.toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-              )}
-              {workOrder.scheduledEnd && (
-                <div className="flex justify-between items-center p-2 bg-blue-50 rounded-lg text-sm">
-                  <span className="text-gray-600">Planlanan Bitiş</span>
-                  <span className="font-medium">
-                    {workOrder.scheduledEnd.toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-              )}
-              {workOrder.actualStart && (
-                <div className="flex justify-between items-center p-2 bg-green-50 rounded-lg text-sm">
-                  <span className="text-gray-600">Gerçek Başlangıç</span>
-                  <span className="font-medium">
-                    {workOrder.actualStart.toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-              )}
-              {workOrder.actualEnd && (
-                <div className="flex justify-between items-center p-2 bg-green-50 rounded-lg text-sm">
-                  <span className="text-gray-600">Gerçek Bitiş</span>
-                  <span className="font-medium">
-                    {workOrder.actualEnd.toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-              )}
-            </div>
-          </div>
-
-          {/* Progress & Costs */}
-          <div>
-            <h4 className="text-base font-semibold text-gray-900 mb-2 flex items-center">
-              <FaDollarSign className="w-5 h-5 mr-2" />
-              Maliyet & İlerleme
-            </h4>
-            <div className="space-y-2">
-              <div className="p-2 bg-gray-50 rounded-lg text-sm">
-                <div className="flex justify-between items-center mb-2">
-                  <span className="text-gray-600">Tahmini Maliyet</span>
-                  <span className="font-medium">
-                    ₺{workOrder.estimatedCost.toLocaleString('tr-TR')}
-                  </span>
-                </div>
-                <div className="flex justify-between items-center">
-                  <span className="text-gray-600">Gerçek Maliyet</span>
-                  <span className="font-medium">
-                    ₺{workOrder.actualCost.toLocaleString('tr-TR')}
-                  </span>
-                </div>
-              </div>
-
-              {workOrder.status === WorkOrderStatusEnum.InProgress && (
-                <div className="p-2 bg-orange-50 rounded-lg text-sm">
-                  <div className="flex justify-between items-center mb-2">
-                    <span className="text-gray-600">İlerleme</span>
-                    <span className="font-medium">{getCompletionPercentage()}%</span>
-                  </div>
-                  <div className="w-full bg-gray-200 rounded-full h-2">
-                    <div
-                      className="bg-orange-600 h-2 rounded-full transition-all duration-300"
-                      style={{ width: `${getCompletionPercentage()}%` }}
-                    ></div>
-                  </div>
-                </div>
-              )}
-
-              <div className="p-2 bg-blue-50 rounded-lg text-sm">
-                <div className="flex justify-between items-center mb-2">
-                  <span className="text-gray-600">Planlanan Süre</span>
-                  <span className="font-medium">{getTotalPlannedDuration()} dk</span>
-                </div>
-                <div className="flex justify-between items-center">
-                  <span className="text-gray-600">Gerçek Süre</span>
-                  <span className="font-medium">{getTotalActualDuration()} dk</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Activities */}
-        {workOrder.activities.length > 0 && (
-          <div className="mb-4">
-            <h4 className="text-base font-semibold text-gray-900 mb-2 flex items-center">
-              <FaTools className="w-5 h-5 mr-2" />
-              Aktiviteler ({workOrder.activities.filter((a) => a.completedAt).length}/
-              {workOrder.activities.length})
-            </h4>
-            <div className="space-y-2">
-              {workOrder.activities.map((activity) => (
-                <div
-                  key={activity.id}
-                  className={`p-3 rounded-lg border ${
-                    activity.completedAt
-                      ? 'bg-green-50 border-green-200'
-                      : 'bg-gray-50 border-gray-200'
-                  }`}
-                >
-                  <div className="flex items-start justify-between">
-                    <div className="flex-1">
-                      <div className="flex items-center space-x-2 mb-2">
-                        {activity.completedAt ? (
-                          <FaCheck className="w-4 h-4 text-green-600" />
-                        ) : (
-                          <FaClock className="w-4 h-4 text-gray-400" />
-                        )}
-                        <h5 className="font-medium text-sm text-gray-900">
-                          {activity.activityDescription}
-                        </h5>
-                      </div>
-                      <div className="grid grid-cols-2 md:grid-cols-4 gap-3 text-xs">
-                        <div>
-                          <span className="text-gray-600">Planlanan Süre:</span>
-                          <p className="font-medium">{activity.plannedDuration} dk</p>
-                        </div>
-                        <div>
-                          <span className="text-gray-600">Gerçek Süre:</span>
-                          <p className="font-medium">{activity.actualDuration} dk</p>
-                        </div>
-                        <div>
-                          <span className="text-gray-600">Yapan:</span>
-                          <p className="font-medium">{activity.performedBy || 'Atanmadı'}</p>
-                        </div>
-                        {activity.completedAt && (
-                          <div>
-                            <span className="text-gray-600">Tamamlanma:</span>
-                            <p className="font-medium">
-                              {activity.completedAt.toLocaleDateString('tr-TR')}
-                            </p>
-                          </div>
-                        )}
-                      </div>
-                      {activity.notes && (
-                        <div className="mt-2 p-2 bg-yellow-50 rounded text-xs">
-                          <span className="text-gray-600">Not:</span>
-                          <p className="text-gray-800">{activity.notes}</p>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              ))}
-            </div>
-          </div>
-        )}
-
-        {/* Materials */}
-        {workOrder.materials.length > 0 && (
-          <div className="mb-4">
-            <h4 className="text-base font-semibold text-gray-900 mb-2 flex items-center">
-              <FaWrench className="w-5 h-5 mr-2" />
-              Malzemeler
-            </h4>
-            <div className="overflow-x-auto">
-              <table className="w-full border border-gray-200 rounded-lg">
-                <thead className="bg-gray-50">
-                  <tr>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-900 uppercase tracking-wider">
-                      Malzeme
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-900 uppercase tracking-wider">
-                      Planlanan
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-900 uppercase tracking-wider">
-                      Kullanılan
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-900 uppercase tracking-wider">
-                      Birim Fiyat
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-900 uppercase tracking-wider">
-                      Toplam
-                    </th>
-                  </tr>
-                </thead>
-                <tbody className="divide-y divide-gray-200">
-                  {workOrder.materials.map((material) => (
-                    <tr key={material.id}>
-                      <td className="px-3 py-2 text-sm">
-                        <div>
-                          <p className="font-medium text-gray-900">{material.materialCode}</p>
-                          <p className="text-gray-600">{material.materialName}</p>
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 text-sm text-gray-900">
-                        {material.plannedQuantity}
-                      </td>
-                      <td className="px-3 py-2 text-sm text-gray-900">{material.actualQuantity}</td>
-                      <td className="px-3 py-2 text-sm text-gray-900">
-                        ₺{material.unitCost.toLocaleString('tr-TR')}
-                      </td>
-                      <td className="px-3 py-2 text-sm font-medium text-gray-900">
-                        ₺{material.totalCost.toLocaleString('tr-TR')}
-                      </td>
-                    </tr>
-                  ))}
-                </tbody>
-                <tfoot className="bg-gray-50">
-                  <tr>
-                    <td
-                      colSpan={4}
-                      className="px-3 py-2 text-sm font-medium text-gray-900 text-right"
-                    >
-                      Toplam Malzeme Maliyeti
-                    </td>
-                    <td className="px-3 py-2 text-sm font-bold text-gray-900">
-                      ₺{getTotalMaterialCost().toLocaleString('tr-TR')}
-                    </td>
-                  </tr>
-                </tfoot>
-              </table>
-            </div>
-          </div>
-        )}
-
-        {/* Notes */}
-        {(workOrder.notes || workOrder.completionNotes) && (
-          <div className="mb-4">
-            <h4 className="text-base font-semibold text-gray-900 mb-2">Notlar</h4>
-            <div className="space-y-2">
-              {workOrder.notes && (
-                <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-3">
-                  <div className="flex items-start space-x-2">
-                    <FaExclamationTriangle className="w-5 h-5 text-yellow-600 mt-0.5" />
-                    <div>
-                      <h5 className="font-medium text-yellow-800 mb-1">İş Emri Notları</h5>
-                      <p className="text-yellow-700">{workOrder.notes}</p>
-                    </div>
-                  </div>
-                </div>
-              )}
-              {workOrder.completionNotes && (
-                <div className="bg-green-50 border border-green-200 rounded-lg p-3">
-                  <div className="flex items-start space-x-2">
-                    <FaCheck className="w-5 h-5 text-green-600 mt-0.5" />
-                    <div>
-                      <h5 className="font-medium text-green-800 mb-1">Tamamlanma Notları</h5>
-                      <p className="text-green-700">{workOrder.completionNotes}</p>
-                    </div>
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-        )}
-
-        {/* Footer Info */}
-        <div className="bg-gray-50 rounded-lg p-3">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-3 text-xs text-gray-600">
-            <div>
-              <span>Oluşturulma:</span>
-              <span className="ml-2 font-medium">
-                {workOrder.creationTime.toLocaleDateString('tr-TR')}{' '}
-                {workOrder.creationTime.toLocaleTimeString('tr-TR')}
-              </span>
-            </div>
-            <div>
-              <span>Son Güncelleme:</span>
-              <span className="ml-2 font-medium">
-                {workOrder.lastModificationTime.toLocaleDateString('tr-TR')}{' '}
-                {workOrder.lastModificationTime.toLocaleTimeString('tr-TR')}
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default ViewWorkOrderModal
diff --git a/ui/src/views/maintenance/components/WorkCenterCards.tsx b/ui/src/views/maintenance/components/WorkCenterCards.tsx
deleted file mode 100644
index c65ec206..00000000
--- a/ui/src/views/maintenance/components/WorkCenterCards.tsx
+++ /dev/null
@@ -1,678 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaEye,
-  FaEdit,
-  FaTrash,
-  FaCog,
-  FaCalendar,
-  FaMapMarkerAlt,
-  FaChartBar,
-  FaTh,
-  FaList,
-  FaIndustry,
-} from 'react-icons/fa'
-import {
-  PmWorkCenter,
-  WorkCenterStatusEnum,
-  CriticalityLevelEnum,
-  PmMaintenancePlan,
-} from '../../../types/pm'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import NewWorkCenterModal from './NewWorkCenterModal'
-import ViewWorkCenterModal from './ViewWorkCenterModal'
-import EditWorkCenterModal from './EditWorkCenterModal'
-import MaintenancePlanModal from './MaintenancePlanModal'
-import StatusUpdateModal from './StatusUpdateModal'
-import Widget from '../../../components/common/Widget'
-import {
-  getWorkCenterStatusColor,
-  getWorkCenterStatusText,
-  getCriticalityLevelColor,
-  getCriticalityLevelText,
-  getWorkCenterStatusIcon,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const WorkCenterCards: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<WorkCenterStatusEnum | 'all'>('all')
-  const [criticalityFilter, setCriticalityFilter] = useState<CriticalityLevelEnum | 'all'>('all')
-  const [showModal, setShowModal] = useState(false)
-  const [showViewModal, setShowViewModal] = useState(false)
-  const [showEditModal, setShowEditModal] = useState(false)
-  const [showMaintenancePlanModal, setShowMaintenancePlanModal] = useState(false)
-  const [showStatusUpdateModal, setShowStatusUpdateModal] = useState(false)
-  const [editingWorkCenter, setEditingWorkCenter] = useState<PmWorkCenter | null>(null)
-  const [viewingWorkCenter, setViewingWorkCenter] = useState<PmWorkCenter | null>(null)
-  const [selectedWorkCenters, setSelectedWorkCenters] = useState<string[]>([])
-  const [workCenters, setWorkCenters] = useState<PmWorkCenter[]>(mockWorkCenters)
-  const [viewMode, setViewMode] = useState<'cards' | 'list'>('cards')
-
-  const filteredWorkCenters = workCenters.filter((workCenter) => {
-    const matchesSearch =
-      workCenter.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      workCenter.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      workCenter.manufacturer?.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      workCenter.location.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesStatus = statusFilter === 'all' || workCenter.status === statusFilter
-    const matchesCriticality =
-      criticalityFilter === 'all' || workCenter.criticality === criticalityFilter
-    return matchesSearch && matchesStatus && matchesCriticality
-  })
-
-  const isWarrantyExpiring = (workCenter: PmWorkCenter) => {
-    if (!workCenter.warrantyExpiry) return false
-    const today = new Date()
-    const diffTime = workCenter.warrantyExpiry.getTime() - today.getTime()
-    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
-    return diffDays <= 90 && diffDays > 0
-  }
-
-  const isWarrantyExpired = (workCenter: PmWorkCenter) => {
-    if (!workCenter.warrantyExpiry) return false
-    const today = new Date()
-    return workCenter.warrantyExpiry < today
-  }
-
-  const handleAddWorkCenter = () => {
-    setEditingWorkCenter(null)
-    setShowModal(true)
-  }
-
-  const handleView = (workCenter: PmWorkCenter) => {
-    setViewingWorkCenter(workCenter)
-    setShowViewModal(true)
-  }
-
-  const handleEdit = (workCenter: PmWorkCenter) => {
-    setEditingWorkCenter(workCenter)
-    setShowEditModal(true)
-  }
-
-  const handleSaveNewWorkCenter = (workCenter: Partial<PmWorkCenter>) => {
-    const newWorkCenter: PmWorkCenter = {
-      ...workCenter,
-      id: `EQP${Date.now()}`,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    } as PmWorkCenter
-    setWorkCenters([...workCenters, newWorkCenter])
-  }
-
-  const handleSaveEditWorkCenter = (workCenter: PmWorkCenter) => {
-    setWorkCenters(workCenters.map((eq) => (eq.id === workCenter.id ? workCenter : eq)))
-  }
-
-  const handleCreateMaintenancePlan = (plans: PmMaintenancePlan[]) => {
-    // In a real app, this would save to the backend
-    console.log('Creating maintenance plans:', plans)
-    alert(`${plans.length} bakım planı oluşturuldu!`)
-    setSelectedWorkCenters([])
-  }
-
-  const handleUpdateStatus = (updatedWorkCenters: PmWorkCenter[]) => {
-    // Update work centers in state
-    const updatedIds = updatedWorkCenters.map((eq) => eq.id)
-    setWorkCenters(
-      workCenters.map((eq) =>
-        updatedIds.includes(eq.id)
-          ? updatedWorkCenters.find((updated) => updated.id === eq.id) || eq
-          : eq,
-      ),
-    )
-    setSelectedWorkCenters([])
-    alert(`${updatedWorkCenters.length} iş merkezinin durumu güncellendi!`)
-  }
-
-  const getSelectedWorkCenterObjects = () => {
-    return workCenters.filter((eq) => selectedWorkCenters.includes(eq.id))
-  }
-
-  const handleSelectWorkCenter = (workCenterId: string) => {
-    setSelectedWorkCenters((prev) =>
-      prev.includes(workCenterId)
-        ? prev.filter((id) => id !== workCenterId)
-        : [...prev, workCenterId],
-    )
-  }
-
-  const getWorkCenterAge = (installationDate: Date) => {
-    const today = new Date()
-    const diffTime = today.getTime() - installationDate.getTime()
-    const diffYears = Math.floor(diffTime / (1000 * 60 * 60 * 24 * 365))
-    return diffYears
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">İş Merkezleri</h2>
-            <p className="text-gray-600">Tüm iş merkezlerini yönetin ve takip edin</p>
-          </div>
-          <div className="flex items-center space-x-2">
-            {/* View Toggle */}
-            <div className="flex bg-gray-100 rounded-lg">
-              <button
-                onClick={() => setViewMode('cards')}
-                className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${
-                  viewMode === 'cards'
-                    ? 'bg-white text-gray-900 shadow-sm'
-                    : 'text-gray-500 hover:text-gray-700'
-                }`}
-              >
-                <FaTh className="w-4 h-4 inline" />
-              </button>
-              <button
-                onClick={() => setViewMode('list')}
-                className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${
-                  viewMode === 'list'
-                    ? 'bg-white text-gray-900 shadow-sm'
-                    : 'text-gray-500 hover:text-gray-700'
-                }`}
-              >
-                <FaList className="w-4 h-4 inline" />
-              </button>
-            </div>
-
-            <button
-              onClick={handleAddWorkCenter}
-              className="bg-blue-600 text-white px-3 py-1.5 rounded-lg hover:bg-blue-700 flex items-center space-x-1.5 text-sm"
-            >
-              <FaPlus className="w-4 h-4" />
-              <span>Yeni İş Merkezi</span>
-            </button>
-          </div>
-        </div>
-
-        {/* Summary Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <Widget title="Toplam İş Merkezi" value={workCenters.length} color="blue" icon="FaCog" />
-
-          <Widget
-            title="Operasyonel"
-            value={workCenters.filter((e) => e.status === WorkCenterStatusEnum.Operational).length}
-            color="green"
-            icon="FaCheckCircle"
-          />
-
-          <Widget
-            title="Arızalı"
-            value={workCenters.filter((e) => e.status === WorkCenterStatusEnum.OutOfOrder).length}
-            color="red"
-            icon="FaExclamationTriangle"
-          />
-
-          <Widget
-            title="Bakımda"
-            value={
-              workCenters.filter((e) => e.status === WorkCenterStatusEnum.UnderMaintenance).length
-            }
-            color="orange"
-            icon="FaWrench"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex space-x-3">
-          <div className="flex-1 relative">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="İş Merkezi ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-9 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <div className="relative">
-            <FaFilter className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <select
-              value={statusFilter}
-              onChange={(e) => setStatusFilter(e.target.value as WorkCenterStatusEnum | 'all')}
-              className="pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              <option value="all">Tüm Durumlar</option>
-              {Object.values(WorkCenterStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getWorkCenterStatusText(status)}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div className="relative">
-            <select
-              value={criticalityFilter}
-              onChange={(e) => setCriticalityFilter(e.target.value as CriticalityLevelEnum | 'all')}
-              className="pl-4 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              {Object.values(CriticalityLevelEnum).map((level) => (
-                <option key={level} value={level}>
-                  {getCriticalityLevelText(level)}
-                </option>
-              ))}
-            </select>
-          </div>
-        </div>
-
-        {/* Work Center Content */}
-        {viewMode === 'cards' ? (
-          /* Work Center Cards */
-          <div className="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
-            {filteredWorkCenters.map((workCenter) => (
-              <div
-                key={workCenter.id}
-                className="bg-white rounded-lg shadow-md border border-gray-200 p-4 hover:shadow-lg transition-shadow"
-              >
-                <div className="flex items-start justify-between mb-3">
-                  <div className="flex-1">
-                    <div className="flex items-center space-x-2 mb-1.5">
-                      <input
-                        type="checkbox"
-                        checked={selectedWorkCenters.includes(workCenter.id)}
-                        onChange={() => handleSelectWorkCenter(workCenter.id)}
-                        className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                      />
-                      <h3 className="text-base font-semibold text-gray-900">{workCenter.code}</h3>
-                      <span
-                        className={`px-2 py-0.5 rounded-full text-xs font-medium flex items-center space-x-1 ${getWorkCenterStatusColor(
-                          workCenter.status,
-                        )}`}
-                      >
-                        {getWorkCenterStatusIcon(workCenter.status)}
-                        <span>{getWorkCenterStatusText(workCenter.status)}</span>
-                      </span>
-                    </div>
-                    <h4 className="font-medium text-gray-700 mb-1 text-sm">{workCenter.name}</h4>
-                    <p className="text-xs text-gray-500 mb-1.5">{workCenter.description}</p>
-                  </div>
-                  <div className="flex space-x-1">
-                    <button
-                      onClick={() => handleView(workCenter)}
-                      className="p-2 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                      title="Görüntüle"
-                    >
-                      <FaEye className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleEdit(workCenter)}
-                      className="p-2 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                      title="Düzenle"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                    <button
-                      className="p-2 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition-colors"
-                      title="Sil"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-
-                <div className="space-y-2 mb-3">
-                  <div className="grid grid-cols-2 gap-3 text-sm">
-                    <div>
-                      <span className="text-gray-500">Marka/Model</span>
-                      <p className="font-medium text-gray-900">
-                        {workCenter.manufacturer} {workCenter.model}
-                      </p>
-                    </div>
-                    <div>
-                      <span className="text-gray-500">Seri No</span>
-                      <p className="font-medium text-gray-900">{workCenter.serialNumber}</p>
-                    </div>
-                    <div>
-                      <span className="text-gray-500">Konum</span>
-                      <p className="font-medium text-gray-900 flex items-center">
-                        <FaMapMarkerAlt className="w-3 h-3 mr-1" />
-                        {workCenter.location}
-                      </p>
-                    </div>
-                    <div>
-                      <span className="text-gray-500">Yaş</span>
-                      <p className="font-medium text-gray-900">
-                        {getWorkCenterAge(workCenter.installationDate)} yıl
-                      </p>
-                    </div>
-                  </div>
-
-                  <div className="flex items-center justify-between">
-                    <span
-                      className={`px-2 py-0.5 rounded-full text-xs font-medium ${getCriticalityLevelColor(
-                        workCenter.criticality,
-                      )}`}
-                    >
-                      {getCriticalityLevelText(workCenter.criticality)} Kritiklik
-                    </span>
-                    <span className="text-xs text-gray-500">{workCenter?.name}</span>
-                  </div>
-
-                  {workCenter.warrantyExpiry && (
-                    <div className="p-1.5 rounded-lg bg-gray-50">
-                      <div className="flex items-center justify-between text-sm">
-                        <span className="text-gray-600">Garanti</span>
-                        <span
-                          className={`font-medium ${
-                            isWarrantyExpired(workCenter)
-                              ? 'text-red-600'
-                              : isWarrantyExpiring(workCenter)
-                                ? 'text-orange-600'
-                                : 'text-gray-900'
-                          }`}
-                        >
-                          {workCenter.warrantyExpiry.toLocaleDateString('tr-TR')}
-                          {isWarrantyExpiring(workCenter) && !isWarrantyExpired(workCenter) && (
-                            <span className="text-xs text-orange-600 ml-1">(Yakında)</span>
-                          )}
-                          {isWarrantyExpired(workCenter) && (
-                            <span className="text-xs text-red-600 ml-1">(Doldu)</span>
-                          )}
-                        </span>
-                      </div>
-                    </div>
-                  )}
-                </div>
-
-                {/* Specifications Preview */}
-                {workCenter.specifications.length > 0 && (
-                  <div className="border-t border-gray-100 pt-2">
-                    <h5 className="text-xs font-medium text-gray-700 mb-2">Teknik Özellikler</h5>
-                    <div className="grid grid-cols-2 gap-1.5 text-xs">
-                      {workCenter.specifications.slice(0, 4).map((spec) => (
-                        <div key={spec.id} className="flex justify-between">
-                          <span className="text-gray-500">{spec.specificationName}:</span>
-                          <span className="text-gray-900 font-medium">
-                            {spec.specificationValue} {spec.unit}
-                          </span>
-                        </div>
-                      ))}
-                      {workCenter.specifications.length > 4 && (
-                        <div className="col-span-2 text-center">
-                          <span className="text-blue-600 text-xs">
-                            +{workCenter.specifications.length - 4} daha...
-                          </span>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                )}
-
-                <div className="border-t border-gray-100 pt-2 mt-2">
-                  <div className="flex items-center justify-between text-xs text-gray-500">
-                    <div className="flex items-center space-x-2">
-                      <FaCalendar className="w-3 h-3" />
-                      <span>
-                        Kurulum: {workCenter.installationDate.toLocaleDateString('tr-TR')}
-                      </span>
-                    </div>
-                    <div className="flex items-center space-x-2">
-                      <FaChartBar className="w-3 h-3" />
-                      <span>
-                        Son Güncelleme:{' '}
-                        {workCenter.lastModificationTime.toLocaleDateString('tr-TR')}
-                      </span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        ) : (
-          /* List View */
-          <div className="bg-white rounded-lg shadow overflow-hidden">
-            <div className="overflow-x-auto">
-              <table className="min-w-full divide-y divide-gray-200">
-                <thead className="bg-gray-50">
-                  <tr>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      <input
-                        type="checkbox"
-                        checked={
-                          selectedWorkCenters.length === filteredWorkCenters.length &&
-                          filteredWorkCenters.length > 0
-                        }
-                        onChange={(e) => {
-                          if (e.target.checked) {
-                            setSelectedWorkCenters(filteredWorkCenters.map((eq) => eq.id))
-                          } else {
-                            setSelectedWorkCenters([])
-                          }
-                        }}
-                        className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                      />
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      İş Merkezi
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Durum
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Kritiklik
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Konum
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Yaş
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Garanti
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      İşlemler
-                    </th>
-                  </tr>
-                </thead>
-                <tbody className="bg-white divide-y divide-gray-200">
-                  {filteredWorkCenters.map((workCenter) => (
-                    <tr key={workCenter.id} className="hover:bg-gray-50">
-                      <td className="px-2 py-2 whitespace-nowrap">
-                        <input
-                          type="checkbox"
-                          checked={selectedWorkCenters.includes(workCenter.id)}
-                          onChange={() => handleSelectWorkCenter(workCenter.id)}
-                          className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                        />
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <div className="flex-shrink-0 h-10 w-10">
-                            <div className="h-10 w-10 rounded-full bg-gray-300 flex items-center justify-center">
-                              <FaIndustry className="w-5 h-5 text-gray-600" />
-                            </div>
-                          </div>
-                          <div className="ml-4">
-                            <div className="text-sm font-medium text-gray-900">
-                              {workCenter.code}
-                            </div>
-                            <div className="text-sm text-gray-500">{workCenter.name}</div>
-                            <div className="text-xs text-gray-400">
-                              {workCenter.manufacturer} {workCenter.model}
-                            </div>
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap">
-                        <span
-                          className={`inline-flex px-2 py-0.5 text-xs font-semibold rounded-full ${getWorkCenterStatusColor(
-                            workCenter.status,
-                          )}`}
-                        >
-                          {getWorkCenterStatusIcon(workCenter.status)}
-                          <span className="ml-1">{getWorkCenterStatusText(workCenter.status)}</span>
-                        </span>
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap">
-                        <span
-                          className={`inline-flex px-2 py-0.5 text-xs font-semibold rounded-full ${getCriticalityLevelColor(
-                            workCenter.criticality,
-                          )}`}
-                        >
-                          {getCriticalityLevelText(workCenter.criticality)}
-                        </span>
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap text-sm text-gray-900">
-                        <div className="flex items-center">
-                          <FaMapMarkerAlt className="w-3 h-3 mr-1 text-gray-400" />
-                          {workCenter.location}
-                        </div>
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {getWorkCenterAge(workCenter.installationDate)} yıl
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap text-sm">
-                        {workCenter.warrantyExpiry ? (
-                          <span
-                            className={`${
-                              isWarrantyExpired(workCenter)
-                                ? 'text-red-600'
-                                : isWarrantyExpiring(workCenter)
-                                  ? 'text-orange-600'
-                                  : 'text-gray-900'
-                            }`}
-                          >
-                            {workCenter.warrantyExpiry.toLocaleDateString('tr-TR')}
-                            {isWarrantyExpiring(workCenter) && !isWarrantyExpired(workCenter) && (
-                              <div className="text-xs text-orange-600">Yakında dolacak</div>
-                            )}
-                            {isWarrantyExpired(workCenter) && (
-                              <div className="text-xs text-red-600">Dolmuş</div>
-                            )}
-                          </span>
-                        ) : (
-                          <span className="text-gray-400">-</span>
-                        )}
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap text-right text-sm font-medium">
-                        <div className="flex space-x-2">
-                          <button
-                            onClick={() => handleView(workCenter)}
-                            className="text-gray-400 hover:text-blue-600 hover:bg-blue-50 p-1 rounded"
-                            title="Görüntüle"
-                          >
-                            <FaEye className="w-4 h-4" />
-                          </button>
-                          <button
-                            onClick={() => handleEdit(workCenter)}
-                            className="text-gray-400 hover:text-green-600 hover:bg-green-50 p-1 rounded"
-                            title="Düzenle"
-                          >
-                            <FaEdit className="w-4 h-4" />
-                          </button>
-                          <button
-                            className="text-gray-400 hover:text-red-600 hover:bg-red-50 p-1 rounded"
-                            title="Sil"
-                          >
-                            <FaTrash className="w-4 h-4" />
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-          </div>
-        )}
-
-        {filteredWorkCenters.length === 0 && (
-          <div className="text-center py-10">
-            <FaCog className="w-12 h-12 text-gray-400 mx-auto mb-3" />
-            <h3 className="text-base font-medium text-gray-900 mb-1.5">İş Merkezi bulunamadı</h3>
-            <p className="text-sm text-gray-500 mb-3">
-              Arama kriterlerinizi değiştirin veya yeni bir iş merkezi ekleyin.
-            </p>
-            <button
-              onClick={handleAddWorkCenter}
-              className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700"
-            >
-              Yeni İş Merkezi Ekle
-            </button>
-          </div>
-        )}
-
-        {/* Bulk Actions */}
-        {selectedWorkCenters.length > 0 && (
-          <div className="fixed bottom-4 left-1/2 transform -translate-x-1/2 bg-white rounded-lg shadow-lg border border-gray-200 p-3">
-            <div className="flex items-center space-x-3">
-              <span className="text-sm text-gray-600">
-                {selectedWorkCenters.length} iş merkezi seçildi
-              </span>
-              <div className="flex space-x-2">
-                <button
-                  onClick={() => setShowMaintenancePlanModal(true)}
-                  className="bg-green-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-green-700"
-                >
-                  Bakım Planla
-                </button>
-                <button
-                  onClick={() => setShowStatusUpdateModal(true)}
-                  className="bg-blue-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-blue-700"
-                >
-                  Durum Güncelle
-                </button>
-                <button
-                  onClick={() => setSelectedWorkCenters([])}
-                  className="bg-gray-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-gray-700"
-                >
-                  Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* Modal for Add/Edit */}
-      <NewWorkCenterModal
-        isOpen={showModal}
-        onClose={() => setShowModal(false)}
-        onSave={handleSaveNewWorkCenter}
-      />
-
-      {/* View Work Center Modal */}
-      {viewingWorkCenter && (
-        <ViewWorkCenterModal
-          isOpen={showViewModal}
-          onClose={() => setShowViewModal(false)}
-          workCenter={viewingWorkCenter}
-        />
-      )}
-
-      {/* Edit Work Center Modal */}
-      {editingWorkCenter && (
-        <EditWorkCenterModal
-          isOpen={showEditModal}
-          onClose={() => setShowEditModal(false)}
-          onSave={handleSaveEditWorkCenter}
-          workCenter={editingWorkCenter}
-        />
-      )}
-
-      {/* Maintenance Plan Modal */}
-      <MaintenancePlanModal
-        isOpen={showMaintenancePlanModal}
-        onClose={() => setShowMaintenancePlanModal(false)}
-        onSave={handleCreateMaintenancePlan}
-        selectedWorkCenters={getSelectedWorkCenterObjects()}
-      />
-
-      {/* Status Update Modal */}
-      <StatusUpdateModal
-        isOpen={showStatusUpdateModal}
-        onClose={() => setShowStatusUpdateModal(false)}
-        onSave={handleUpdateStatus}
-        selectedWorkCenters={getSelectedWorkCenterObjects()}
-      />
-    </Container>
-  )
-}
-
-export default WorkCenterCards
diff --git a/ui/src/views/maintenance/components/WorkCenterForm.tsx b/ui/src/views/maintenance/components/WorkCenterForm.tsx
deleted file mode 100644
index 829961e5..00000000
--- a/ui/src/views/maintenance/components/WorkCenterForm.tsx
+++ /dev/null
@@ -1,652 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { useNavigate, useParams } from 'react-router-dom'
-import {
-  FaSave,
-  FaTimes,
-  FaCog,
-  FaCalendar,
-  FaExclamationTriangle,
-  FaMapMarkerAlt,
-  FaWrench,
-} from 'react-icons/fa'
-import LoadingSpinner from '../../../components/common/LoadingSpinner'
-import {
-  CriticalityLevelEnum,
-  PmWorkCenter,
-  PmWorkCenterSpecification,
-  WorkCenterStatusEnum,
-} from '../../../types/pm'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import { mockDepartments } from '../../../mocks/mockDepartments'
-import { DepartmentDto } from '../../../types/hr'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { getCriticalityLevelText, getWorkCenterStatusText } from '@/utils/erp'
-
-interface ValidationErrors {
-  [key: string]: string
-}
-
-const WorkCenterForm: React.FC = () => {
-  const navigate = useNavigate()
-  const { id } = useParams<{ id: string }>()
-  const isEdit = Boolean(id)
-
-  const [loading, setLoading] = useState(false)
-  const [saving, setSaving] = useState(false)
-  const [errors, setErrors] = useState<ValidationErrors>({})
-  const [departments, setDepartments] = useState<DepartmentDto[]>([])
-
-  const [formData, setFormData] = useState<PmWorkCenter>({
-    id: '',
-    code: '',
-    name: '',
-    description: '',
-    workCenterId: '',
-    workCenterType: {
-      id: '',
-      code: '',
-      name: '',
-      category: '',
-      isActive: true,
-    },
-    manufacturer: '',
-    model: '',
-    serialNumber: '',
-    installationDate: new Date('2022-03-15'),
-    warrantyExpiry: new Date('2022-03-15'),
-    location: '',
-    departmentId: '',
-    status: WorkCenterStatusEnum.Operational,
-    criticality: CriticalityLevelEnum.Medium,
-    specifications: [],
-    maintenancePlans: [],
-    workOrders: [],
-    downTimeHistory: [],
-    capacity: 0,
-    costPerHour: 0,
-    setupTime: 0,
-    machineTypeId: '',
-    isActive: true,
-    creationTime: new Date('2022-03-15'),
-    lastModificationTime: new Date('2024-01-15'),
-  })
-
-  const loadDepartments = useCallback(async () => {
-    try {
-      setDepartments(mockDepartments)
-    } catch (error) {
-      console.error('Error loading departments:', error)
-    }
-  }, [])
-
-  const loadFormData = useCallback(async () => {
-    setLoading(true)
-    try {
-      if (isEdit && id) {
-        // Simulate API call
-        await new Promise((resolve) => setTimeout(resolve, 1000))
-        const mockWorkCenter: PmWorkCenter = mockWorkCenters.find((eq) => eq.id === id)!
-
-        setFormData(mockWorkCenter)
-      }
-    } catch (error) {
-      console.error('Error loading form data:', error)
-    } finally {
-      setLoading(false)
-    }
-  }, [isEdit, id])
-
-  useEffect(() => {
-    loadDepartments()
-    loadFormData()
-  }, [loadDepartments, loadFormData])
-
-  const validateForm = (): boolean => {
-    const newErrors: ValidationErrors = {}
-
-    if (!formData.code.trim()) {
-      newErrors.workCenterCode = 'İş Merkezi kodu zorunludur'
-    }
-    if (!formData.name.trim()) {
-      newErrors.name = 'İş Merkezi adı zorunludur'
-    }
-    if (!formData.workCenterType) {
-      newErrors.workCenterType = 'İş Merkezi tipi seçilmelidir'
-    }
-    if (!formData.location.trim()) {
-      newErrors.location = 'Lokasyon zorunludur'
-    }
-    if (!formData.departmentId) {
-      newErrors.departmentId = 'Departman seçilmelidir'
-    }
-    if (!formData.installationDate) {
-      newErrors.installationDate = 'Kurulum tarihi zorunludur'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleInputChange = (
-    field: keyof PmWorkCenter,
-    value: string | boolean | PmWorkCenterSpecification[],
-  ) => {
-    setFormData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-
-    // Clear error when user starts typing
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const addSpecification = () => {
-    const newSpec: PmWorkCenterSpecification = {
-      id: '',
-      workCenterId: '',
-      specificationName: '',
-      specificationValue: '',
-      unit: '',
-      isRequired: false,
-    }
-
-    setFormData((prev) => ({
-      ...prev,
-      specifications: [...prev.specifications, newSpec],
-    }))
-  }
-
-  const updateSpecification = (
-    index: number,
-    field: keyof PmWorkCenterSpecification,
-    value: string | boolean,
-  ) => {
-    const updatedSpecs = [...formData.specifications]
-    updatedSpecs[index] = { ...updatedSpecs[index], [field]: value }
-    setFormData((prev) => ({
-      ...prev,
-      specifications: updatedSpecs,
-    }))
-  }
-
-  const removeSpecification = (index: number) => {
-    setFormData((prev) => ({
-      ...prev,
-      specifications: prev.specifications.filter((_, i) => i !== index),
-    }))
-  }
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-
-    if (!validateForm()) {
-      return
-    }
-
-    setSaving(true)
-    try {
-      // Simulate API call
-      await new Promise((resolve) => setTimeout(resolve, 2000))
-
-      console.log('WorkCenter data:', {
-        ...formData,
-        id: isEdit ? id : undefined,
-      })
-
-      // Show success message
-      alert(isEdit ? 'İş Merkezi başarıyla güncellendi!' : 'İş Merkezi başarıyla oluşturuldu!')
-
-      // Navigate back to list
-      navigate(ROUTES_ENUM.protected.maintenance.workcenters)
-    } catch (error) {
-      console.error('Error saving Workcenter:', error)
-      alert('Bir hata oluştu. Lütfen tekrar deneyin.')
-    } finally {
-      setSaving(false)
-    }
-  }
-
-  const handleCancel = () => {
-    navigate(ROUTES_ENUM.protected.maintenance.workcenters)
-  }
-
-  if (loading) {
-    return <LoadingSpinner />
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-lg font-semibold text-gray-900">
-              {isEdit ? 'İş Merkezi Düzenle' : 'Yeni İş Merkezi'}
-            </h2>
-            <p className="text-sm text-gray-600 mt-1">
-              {isEdit
-                ? 'Mevcut iş merkezi bilgilerini güncelleyin'
-                : 'Yeni iş merkezi bilgilerini girin'}
-            </p>
-          </div>
-        </div>
-
-        {/* Form */}
-        <form onSubmit={handleSubmit} className="space-y-3">
-          {/* Basic Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaCog className="w-5 h-5 mr-2" />
-                Genel Bilgiler
-              </h3>
-            </div>
-
-            <div className="px-4 py-3 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    İş Merkezi Kodu *
-                  </label>
-                  <select
-                    value={formData.workCenterId}
-                    onChange={(e) => handleInputChange('workCenterId', e.target.value)}
-                    className={`block w-full px-2.5 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.workCenterId
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                  >
-                    <option value="">İş Merkezi Seçin</option>
-                    {mockWorkCenters.map((workCenter) => (
-                      <option key={workCenter.id} value={workCenter.id}>
-                        {workCenter.code} - {workCenter.name}
-                      </option>
-                    ))}
-                  </select>
-                  {errors.workCenterId && (
-                    <p className="mt-1 text-sm text-red-600">{errors.workCenterId}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    İş Merkezi Tipi *
-                  </label>
-                  <select
-                    value={formData.workCenterType?.id}
-                    onChange={(e) => handleInputChange('workCenterType', e.target.value)}
-                    className={`block w-full px-2.5 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.workCenterType
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                  >
-                    <option value="">Tip seçin</option>
-                    {mockWorkCenters.map((wc) => (
-                      <option key={wc.workCenterType?.id} value={wc.workCenterType?.id}>
-                        {wc.workCenterType?.code} - {wc.workCenterType?.name}
-                      </option>
-                    ))}
-                  </select>
-                  {errors.workCenterType && (
-                    <p className="mt-1 text-sm text-red-600">{errors.workCenterType}</p>
-                  )}
-                </div>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  İş Merkezi Adı *
-                </label>
-                <input
-                  type="text"
-                  value={formData.name}
-                  onChange={(e) => handleInputChange('name', e.target.value)}
-                  className={`block w-full px-2.5 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                    errors.name
-                      ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                      : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                  }`}
-                  placeholder="İş Merkezi adı"
-                />
-                {errors.name && <p className="mt-1 text-sm text-red-600">{errors.name}</p>}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Açıklama</label>
-                <textarea
-                  value={formData.description}
-                  onChange={(e) => handleInputChange('description', e.target.value)}
-                  rows={2}
-                  className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  placeholder="İş Merkezi açıklaması"
-                />
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Üretici</label>
-                  <input
-                    type="text"
-                    value={formData.manufacturer}
-                    onChange={(e) => handleInputChange('manufacturer', e.target.value)}
-                    className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="Üretici firma"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Model</label>
-                  <input
-                    type="text"
-                    value={formData.model}
-                    onChange={(e) => handleInputChange('model', e.target.value)}
-                    className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="Model numarası"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Seri Numarası
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.serialNumber}
-                    onChange={(e) => handleInputChange('serialNumber', e.target.value)}
-                    className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="Seri numarası"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Location and Status */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaMapMarkerAlt className="w-5 h-5 mr-2" />
-                Lokasyon ve Durum
-              </h3>
-            </div>
-
-            <div className="px-4 py-3 space-y-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Lokasyon *</label>
-                <input
-                  type="text"
-                  value={formData.location}
-                  onChange={(e) => handleInputChange('location', e.target.value)}
-                  className={`block w-full px-2.5 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                    errors.location
-                      ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                      : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                  }`}
-                  placeholder="İş Merkezinin bulunduğu lokasyon"
-                />
-                {errors.location && <p className="mt-1 text-sm text-red-600">{errors.location}</p>}
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Departman *
-                  </label>
-                  <select
-                    value={formData.departmentId}
-                    onChange={(e) => handleInputChange('departmentId', e.target.value)}
-                    className={`block w-full px-2.5 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.departmentId
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                  >
-                    <option value="">Departman seçin</option>
-                    {departments.map((dept) => (
-                      <option key={dept.id} value={dept.id}>
-                        {dept.name}
-                      </option>
-                    ))}
-                  </select>
-                  {errors.departmentId && (
-                    <p className="mt-1 text-sm text-red-600">{errors.departmentId}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Durum</label>
-                  <select
-                    value={formData.status}
-                    onChange={(e) => handleInputChange('status', e.target.value)}
-                    className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {Object.values(WorkCenterStatusEnum).map((status) => (
-                      <option key={status} value={status}>
-                        {getWorkCenterStatusText(status)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Kritiklik Seviyesi
-                  </label>
-                  <select
-                    value={formData.criticality}
-                    onChange={(e) => handleInputChange('criticality', e.target.value)}
-                    className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {Object.values(CriticalityLevelEnum).map((level) => (
-                      <option key={level} value={level}>
-                        {getCriticalityLevelText(level)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Date Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaCalendar className="w-5 h-5 mr-2" />
-                Tarih Bilgileri
-              </h3>
-            </div>
-
-            <div className="px-4 py-3 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Kurulum Tarihi *
-                  </label>
-                  <input
-                    type="date"
-                    value={formData.installationDate.toISOString()}
-                    onChange={(e) => handleInputChange('installationDate', e.target.value)}
-                    className={`block w-full px-2.5 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                      errors.installationDate
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                  />
-                  {errors.installationDate && (
-                    <p className="mt-1 text-sm text-red-600">{errors.installationDate}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Garanti Bitiş Tarihi
-                  </label>
-                  <input
-                    type="date"
-                    value={formData.warrantyExpiry?.toISOString()}
-                    onChange={(e) => handleInputChange('warrantyExpiry', e.target.value)}
-                    className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Specifications */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <div className="flex items-center justify-between">
-                <h3 className="text-base font-medium text-gray-900 flex items-center">
-                  <FaWrench className="w-5 h-5 mr-2" />
-                  Teknik Özellikler
-                </h3>
-                <button
-                  type="button"
-                  onClick={addSpecification}
-                  className="inline-flex items-center px-2.5 py-1.5 border border-transparent text-sm leading-4 font-medium rounded-md text-blue-700 bg-blue-100 hover:bg-blue-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
-                >
-                  <FaCog className="w-4 h-4 mr-1" />
-                  Özellik Ekle
-                </button>
-              </div>
-            </div>
-
-            <div className="px-4 py-3">
-              {formData.specifications.length === 0 ? (
-                <p className="text-gray-500 text-sm">Henüz teknik özellik eklenmemiş.</p>
-              ) : (
-                <div className="space-y-3">
-                  {formData.specifications.map((spec, index) => (
-                    <div key={index} className="grid grid-cols-1 md:grid-cols-4 gap-3 items-end">
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Özellik Adı
-                        </label>
-                        <input
-                          type="text"
-                          value={spec.specificationName}
-                          onChange={(e) =>
-                            updateSpecification(index, 'specificationName', e.target.value)
-                          }
-                          className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                          placeholder="Özellik adı"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Değer
-                        </label>
-                        <input
-                          type="text"
-                          value={spec.specificationValue}
-                          onChange={(e) =>
-                            updateSpecification(index, 'specificationValue', e.target.value)
-                          }
-                          className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                          placeholder="Değer"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Birim
-                        </label>
-                        <input
-                          type="text"
-                          value={spec.unit}
-                          onChange={(e) => updateSpecification(index, 'unit', e.target.value)}
-                          className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                          placeholder="Birim"
-                        />
-                      </div>
-
-                      <div className="flex items-center space-x-2">
-                        <label className="flex items-center">
-                          <input
-                            type="checkbox"
-                            checked={spec.isRequired}
-                            onChange={(e) =>
-                              updateSpecification(index, 'isRequired', e.target.checked)
-                            }
-                            className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                          />
-                          <span className="ml-2 text-sm text-gray-700">Zorunlu</span>
-                        </label>
-                        <button
-                          type="button"
-                          onClick={() => removeSpecification(index)}
-                          className="inline-flex items-center p-1.5 border border-transparent text-sm font-medium rounded text-red-700 bg-red-100 hover:bg-red-200"
-                        >
-                          <FaExclamationTriangle className="w-3 h-3" />
-                        </button>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              )}
-            </div>
-          </div>
-
-          {/* Status */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3">
-              <div className="flex items-center">
-                <input
-                  type="checkbox"
-                  id="isActive"
-                  checked={formData.isActive}
-                  onChange={(e) => handleInputChange('isActive', e.target.checked)}
-                  className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                />
-                <label htmlFor="isActive" className="ml-2 block text-sm text-gray-900">
-                  Aktif
-                </label>
-              </div>
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex items-center justify-end space-x-2 bg-white px-4 py-3 rounded-lg shadow">
-            <button
-              type="button"
-              onClick={handleCancel}
-              className="inline-flex items-center px-3 py-1.5 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
-            >
-              <FaTimes className="w-4 h-4 mr-2" />
-              İptal
-            </button>
-            <button
-              type="submit"
-              disabled={saving}
-              className="inline-flex items-center px-3 py-1.5 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              {saving ? (
-                <>
-                  <div className="animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2"></div>
-                  Kaydediliyor...
-                </>
-              ) : (
-                <>
-                  <FaSave className="w-4 h-4 mr-2" />
-                  {isEdit ? 'Güncelle' : 'Kaydet'}
-                </>
-              )}
-            </button>
-          </div>
-        </form>
-      </div>
-    </Container>
-  )
-}
-
-export default WorkCenterForm
diff --git a/ui/src/views/maintenance/components/WorkCenterList.tsx b/ui/src/views/maintenance/components/WorkCenterList.tsx
deleted file mode 100644
index 0282e17b..00000000
--- a/ui/src/views/maintenance/components/WorkCenterList.tsx
+++ /dev/null
@@ -1,417 +0,0 @@
-import React, { useState } from 'react'
-import { Link } from 'react-router-dom'
-import { useQuery } from '@tanstack/react-query'
-import {
-  FaCog,
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaDownload,
-  FaEdit,
-  FaEye,
-  FaWrench,
-  FaExclamationTriangle,
-  FaCheckCircle,
-  FaChartLine,
-  FaCalendar,
-  FaArrowUp,
-} from 'react-icons/fa'
-import classNames from 'classnames'
-import { WorkCenterStatusEnum, CriticalityLevelEnum } from '../../../types/pm'
-import dayjs from 'dayjs'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import {
-  getWorkCenterStatusColor,
-  getWorkCenterStatusIcon,
-  getWorkCenterStatusText,
-  getCriticalityLevelColor,
-  getCriticalityLevelText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import useLocale from '@/utils/hooks/useLocale'
-import { currentLocalDate } from '@/utils/dateUtils'
-
-const WorkCenterList: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [filterStatus, setFilterStatus] = useState('all')
-  const [filterCriticality, setFilterCriticality] = useState('all')
-  const [showFilters, setShowFilters] = useState(false)
-  const currentLocale = useLocale()
-
-  const {
-    data: workCenter,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ['workCenter', searchTerm, filterStatus, filterCriticality],
-    queryFn: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      return mockWorkCenters.filter((eq) => {
-        const matchesSearch =
-          eq.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          eq.name.toLowerCase().includes(searchTerm.toLowerCase())
-        const matchesStatus = filterStatus === 'all' || eq.status === filterStatus
-        const matchesCriticality =
-          filterCriticality === 'all' || eq.criticality === filterCriticality
-        return matchesSearch && matchesStatus && matchesCriticality
-      })
-    },
-  })
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center py-12">
-        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
-        <span className="ml-3 text-gray-600">İş Merkezleri yükleniyor...</span>
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="bg-red-50 border border-red-200 rounded-lg p-4">
-        <div className="flex items-center">
-          <FaExclamationTriangle className="h-5 w-5 text-red-600 mr-2" />
-          <span className="text-red-800">İş merkezleri yüklenirken hata oluştu.</span>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header Actions */}
-        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-          <div className="flex items-center space-x-3">
-            <div className="relative">
-              <FaSearch
-                size={20}
-                className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"
-              />
-              <input
-                type="text"
-                placeholder="İş merkezi kodu veya adı..."
-                value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-                className="pl-10 pr-4 py-1.5 text-sm w-80 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              />
-            </div>
-
-            <button
-              onClick={() => setShowFilters(!showFilters)}
-              className={classNames(
-                'flex items-center px-4 py-2 border rounded-lg transition-colors',
-                showFilters
-                  ? 'border-blue-500 bg-blue-50 text-blue-700'
-                  : 'border-gray-300 bg-white text-gray-700 hover:bg-gray-50',
-              )}
-            >
-              <FaFilter size={16} className="mr-2" />
-              Filtreler
-            </button>
-          </div>
-
-          <div className="flex items-center space-x-2">
-            <button
-              onClick={() => alert('Dışa aktarma özelliği yakında eklenecek')}
-              className="flex items-center px-3 py-1.5 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              <FaDownload size={16} className="mr-2" />
-              Dışa Aktar
-            </button>
-
-            <Link
-              to={ROUTES_ENUM.protected.maintenance.equipmentNew}
-              className="flex items-center px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-            >
-              <FaPlus size={16} className="mr-2" />
-              Yeni İş Merkezi
-            </Link>
-          </div>
-        </div>
-
-        {/* Filters Panel */}
-        {showFilters && (
-          <div className="bg-white border border-gray-200 rounded-lg p-3">
-            <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Durum</label>
-                <select
-                  value={filterStatus}
-                  onChange={(e) => setFilterStatus(e.target.value)}
-                  className="w-full border border-gray-300 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                >
-                  <option value="all">Tümü</option>
-                  {Object.values(WorkCenterStatusEnum).map((status) => (
-                    <option key={status} value={status}>
-                      {getWorkCenterStatusText(status)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Kritiklik</label>
-                <select
-                  value={filterCriticality}
-                  onChange={(e) => setFilterCriticality(e.target.value)}
-                  className="w-full border border-gray-300 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                >
-                  <option value="all">Tümü</option>
-                  {Object.values(CriticalityLevelEnum).map((level) => (
-                    <option key={level} value={level}>
-                      {getCriticalityLevelText(level)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div className="flex items-end">
-                <button
-                  onClick={() => {
-                    setFilterStatus('all')
-                    setFilterCriticality('all')
-                    setSearchTerm('')
-                  }}
-                  className="w-full px-3 py-1.5 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-                >
-                  Filtreleri Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* Statistics Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Toplam İş Merkezi</p>
-                <p className="text-xl font-bold text-gray-900">{workCenter?.length || 0}</p>
-              </div>
-              <FaCog className="h-8 w-8 text-blue-600" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Operasyonel</p>
-                <p className="text-xl font-bold text-green-600">
-                  {workCenter?.filter((e) => e.status === WorkCenterStatusEnum.Operational)
-                    .length || 0}
-                </p>
-              </div>
-              <FaCheckCircle className="h-8 w-8 text-green-600" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Bakımda</p>
-                <p className="text-xl font-bold text-yellow-600">
-                  {workCenter?.filter((e) => e.status === WorkCenterStatusEnum.UnderMaintenance)
-                    .length || 0}
-                </p>
-              </div>
-              <FaWrench className="h-8 w-8 text-yellow-600" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Kritik İş Merkezi</p>
-                <p className="text-xl font-bold text-red-600">
-                  {workCenter?.filter((e) => e.criticality === CriticalityLevelEnum.Critical)
-                    .length || 0}
-                </p>
-              </div>
-              <FaExclamationTriangle className="h-8 w-8 text-red-600" />
-            </div>
-          </div>
-        </div>
-
-        {/* WorkCenter Table */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="px-4 py-3 border-b border-gray-200">
-            <h2 className="text-xl font-bold text-gray-900">WorkCenter Listesi</h2>
-          </div>
-
-          <div className="overflow-x-auto">
-            <table className="w-full">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İş Merkezi Bilgileri
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Üretici / Model
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Lokasyon / Departman
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum / Kritiklik
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Kurulum / Garanti
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Performans
-                  </th>
-                  <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-
-              <tbody className="bg-white divide-y divide-gray-200">
-                {workCenter?.map((eq) => (
-                  <tr key={eq.id} className="hover:bg-gray-50 transition-colors">
-                    <td className="px-4 py-3">
-                      <div className="flex items-center">
-                        <div className="flex-shrink-0 h-10 w-10">
-                          <div className="h-10 w-10 rounded-lg bg-blue-100 flex items-center justify-center">
-                            <FaCog className="h-5 w-5 text-blue-600" />
-                          </div>
-                        </div>
-                        <div className="ml-3">
-                          <div className="text-sm font-medium text-gray-900">{eq.code}</div>
-                          <div className="text-sm text-gray-500 max-w-xs truncate">{eq.name}</div>
-                          {eq.serialNumber && (
-                            <div className="text-xs text-gray-400 mt-1">S/N: {eq.serialNumber}</div>
-                          )}
-                        </div>
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div>
-                        <div className="text-sm font-medium text-gray-900">
-                          {eq.manufacturer || '-'}
-                        </div>
-                        <div className="text-sm text-gray-500">{eq.model || '-'}</div>
-                        <div className="text-xs text-gray-400 mt-1">{eq.workCenterType?.name}</div>
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div>
-                        <div className="text-sm font-medium text-gray-900">{eq.location}</div>
-                        <div className="text-sm text-gray-500">{eq.departmentId}</div>
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="space-y-2">
-                        <span
-                          className={classNames(
-                            'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',
-                            getWorkCenterStatusColor(eq.status),
-                          )}
-                        >
-                          {getWorkCenterStatusIcon(eq.status)}
-                          <span className="ml-1">{getWorkCenterStatusText(eq.status)}</span>
-                        </span>
-                        <div
-                          className={classNames(
-                            'text-sm font-medium',
-                            getCriticalityLevelColor(eq.criticality),
-                          )}
-                        >
-                          {getCriticalityLevelText(eq.criticality)}
-                        </div>
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="space-y-1">
-                        <div className="flex items-center text-sm text-gray-900">
-                          <FaCalendar size={14} className="mr-1" />
-                          {currentLocalDate(eq.installationDate, currentLocale || 'tr')}
-                        </div>
-                        {eq.warrantyExpiry && (
-                          <div className="text-sm text-gray-500">
-                            Garanti: {currentLocalDate(eq.warrantyExpiry, currentLocale || 'tr')}
-                          </div>
-                        )}
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="space-y-1">
-                        <div className="flex items-center">
-                          <FaChartLine size={14} className="text-green-500 mr-1" />
-                          <span className="text-sm text-green-600">98.5% Uptime</span>
-                        </div>
-                        <div className="flex items-center">
-                          <FaArrowUp size={14} className="text-blue-500 mr-1" />
-                          <span className="text-sm text-blue-600">Verimli</span>
-                        </div>
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3 text-right">
-                      <div className="flex items-center justify-end space-x-1">
-                        <Link
-                          to={ROUTES_ENUM.protected.maintenance.equipmentDetail.replace(
-                            ':id',
-                            eq.id,
-                          )}
-                          className="p-1.5 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
-                          title="Detayları Görüntüle"
-                        >
-                          <FaEye size={16} />
-                        </Link>
-
-                        <Link
-                          to={ROUTES_ENUM.protected.maintenance.equipmentEdit.replace(':id', eq.id)}
-                          className="p-1.5 text-gray-600 hover:text-yellow-600 hover:bg-yellow-50 rounded-lg transition-colors"
-                          title="Düzenle"
-                        >
-                          <FaEdit size={16} />
-                        </Link>
-
-                        <button
-                          onClick={() => alert('Bakım emri oluşturma özelliği yakında eklenecek')}
-                          className="p-1.5 text-gray-600 hover:text-green-600 hover:bg-green-50 rounded-lg transition-colors"
-                          title="Bakım Emri Oluştur"
-                        >
-                          <FaWrench size={16} />
-                        </button>
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-
-          {(!workCenter || workCenter.length === 0) && (
-            <div className="text-center py-10">
-              <FaCog className="mx-auto h-10 w-10 text-gray-400" />
-              <h3 className="mt-1.5 text-sm font-medium text-gray-900">İş Merkezi bulunamadı</h3>
-              <p className="mt-1 text-sm text-gray-500">Yeni iş merkezi ekleyerek başlayın.</p>
-              <div className="mt-4">
-                <Link
-                  to={ROUTES_ENUM.protected.maintenance.equipmentNew}
-                  className="inline-flex items-center px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-                >
-                  <FaPlus size={16} className="mr-2" />
-                  Yeni İş Merkezi Ekle
-                </Link>
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default WorkCenterList
diff --git a/ui/src/views/mrp/components/BOMFormModal.tsx b/ui/src/views/mrp/components/BOMFormModal.tsx
deleted file mode 100644
index 83ebf392..00000000
--- a/ui/src/views/mrp/components/BOMFormModal.tsx
+++ /dev/null
@@ -1,1018 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { FaSave, FaTimes, FaPlus, FaTrash } from "react-icons/fa";
-import { useFormik } from "formik";
-import {
-  MrpBOM,
-  BOMTypeEnum,
-  MrpBOMComponent,
-  MrpBOMOperation,
-} from "../../../types/mrp";
-import DataTable, { Column } from "../../../components/common/DataTable";
-import { mockMaterials } from "../../../mocks/mockMaterials";
-import { mockOperations } from "../../../mocks/mockOperations";
-
-interface BOMProps {
-  open: boolean;
-  initial?: MrpBOM | null;
-  onClose: () => void;
-  onSave: (bom: MrpBOM) => void;
-}
-
-const BOMFormModal: React.FC<BOMProps> = ({
-  open,
-  initial = null,
-  onClose,
-  onSave,
-}) => {
-  const [form, setForm] = useState<MrpBOM | null>(null);
-  const [activeTab, setActiveTab] = useState<
-    "general" | "components" | "operations"
-  >("general");
-  const [newComponent, setNewComponent] = useState<
-    Partial<MrpBOMComponent & { assignedOperationId?: string }>
-  >({
-    materialId: "",
-    quantity: 1,
-    unitId: "PCS",
-    scrapPercentage: 0,
-    isPhantom: false,
-    position: 10,
-    validFrom: new Date(),
-    isActive: true,
-    assignedOperationId: "",
-  });
-
-  const [newOperation, setNewOperation] = useState({
-    operationId: "",
-    sequence: (form?.operations.length || 0) + 1,
-  });
-
-  useEffect(() => {
-    if (initial) setForm(initial);
-    else
-      setForm({
-        id: "",
-        bomCode: "",
-        materialId: "",
-        version: "1.0",
-        validFrom: new Date(),
-        validTo: undefined,
-        isActive: true,
-        bomType: BOMTypeEnum.Production,
-        baseQuantity: 1,
-        components: [],
-        operations: [],
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      });
-  }, [initial, open]);
-  // Promote the General tab's Formik to top-level so hooks are used correctly
-  const formik = useFormik({
-    enableReinitialize: true,
-    initialValues: {
-      bomCode: form?.bomCode || "",
-      materialId: form?.materialId || "",
-      version: form?.version || "1.0",
-      baseQuantity: String(form?.baseQuantity || 1),
-      validFrom: form?.validFrom
-        ? form.validFrom.toISOString().slice(0, 10)
-        : new Date().toISOString().slice(0, 10),
-      validTo: form?.validTo ? form.validTo.toISOString().slice(0, 10) : "",
-    },
-    onSubmit: (values) => {
-      if (!form) return;
-      const updated = {
-        ...form,
-        bomCode: values.bomCode,
-        materialId: values.materialId,
-        version: values.version,
-        baseQuantity: Number(values.baseQuantity),
-        validFrom: new Date(values.validFrom),
-        validTo: values.validTo ? new Date(values.validTo) : undefined,
-        lastModificationTime: new Date(),
-      } as MrpBOM;
-      setForm(updated);
-    },
-  });
-
-  if (!open || !form) return null;
-
-  // removed setField helper (was unused) — Formik handles general form updates
-
-  const handleSave = async () => {
-    await new Promise((r) => setTimeout(r, 600));
-    onSave({ ...form, id: form.id || String(Date.now()) });
-  };
-
-  const addComponent = () => {
-    if (!form) return;
-    const comp: MrpBOMComponent & { assignedOperationId?: string } = {
-      id: String(Date.now()),
-      bomId: form.id || "",
-      materialId: newComponent.materialId || "",
-      material: undefined,
-      quantity: newComponent.quantity || 1,
-      unitId: newComponent.unitId || "PCS",
-      scrapPercentage: newComponent.scrapPercentage || 0,
-      isPhantom: !!newComponent.isPhantom,
-      position: newComponent.position || (form.components.length + 1) * 10,
-      validFrom: newComponent.validFrom
-        ? new Date(newComponent.validFrom)
-        : new Date(),
-      validTo: undefined,
-      isActive: newComponent.isActive ?? true,
-      assignedOperationId: newComponent.assignedOperationId || undefined,
-    };
-
-    setForm({
-      ...form,
-      components: [...form.components, comp as MrpBOMComponent],
-      lastModificationTime: new Date(),
-    });
-    // reset new component
-    setNewComponent({
-      materialId: "",
-      quantity: 1,
-      unitId: "PCS",
-      scrapPercentage: 0,
-      isPhantom: false,
-      position: (form.components.length + 2) * 10,
-      validFrom: new Date(),
-      isActive: true,
-      assignedOperationId: "",
-    });
-  };
-
-  const removeComponent = (id: string) => {
-    if (!form) return;
-    setForm({
-      ...form,
-      components: form.components.filter((c) => c.id !== id),
-      lastModificationTime: new Date(),
-    });
-  };
-
-  const updateComponentField = (
-    id: string,
-    key: keyof MrpBOMComponent,
-    value: string | number | boolean | Date | undefined
-  ) => {
-    if (!form) return;
-    setForm({
-      ...form,
-      components: form.components.map((c) =>
-        c.id === id ? { ...c, [key]: value } : c
-      ),
-      lastModificationTime: new Date(),
-    });
-  };
-
-  // Helper to assign operation to component (store as extended property)
-  const updateComponentOperation = (id: string, operationId: string) => {
-    if (!form) return;
-    setForm({
-      ...form,
-      components: form.components.map((c) =>
-        c.id === id
-          ? ({
-              ...c,
-              assignedOperationId: operationId,
-            } as unknown as MrpBOMComponent)
-          : c
-      ),
-      lastModificationTime: new Date(),
-    });
-  };
-
-  const getComponentOperationId = (c: MrpBOMComponent) => {
-    try {
-      return (
-        (c as unknown as { assignedOperationId?: string })
-          .assignedOperationId || ""
-      );
-    } catch {
-      return "";
-    }
-  };
-
-  // Operation management functions
-  const updateOperationField = (
-    id: string,
-    key: keyof MrpBOMOperation,
-    value: string | number | boolean | object
-  ) => {
-    if (!form) return;
-    setForm({
-      ...form,
-      operations: form.operations.map((op) =>
-        op.operationId === id ? { ...op, [key]: value } : op
-      ),
-      lastModificationTime: new Date(),
-    });
-  };
-
-  const removeOperation = (id: string) => {
-    if (!form) return;
-    setForm({
-      ...form,
-      operations: form.operations.filter((op) => op.operationId !== id),
-      lastModificationTime: new Date(),
-    });
-  };
-
-  const addOperation = () => {
-    if (!form || !newOperation.operationId) return;
-    const selectedOp = mockOperations.find(
-      (op) => op.id === newOperation.operationId
-    );
-    if (!selectedOp) return;
-
-    const bomOperation: MrpBOMOperation = {
-      id: String(Date.now()),
-      bomId: form.id || "",
-      operationId: newOperation.operationId,
-      operation: mockOperations.find(
-        (op) => op.id === newOperation.operationId
-      ),
-      sequence: newOperation.sequence,
-      setupTime: 30,
-      runTime: 60,
-      waitTime: 10,
-      queueTime: 0,
-      moveTime: 5,
-      isActive: true,
-      workCenterId: selectedOp.workCenterId,
-      workCenter: selectedOp.workCenter,
-      isParallel: false,
-      prerequisites: [],
-      qualityChecks: [],
-      tools: [],
-      skills: [],
-    };
-
-    setForm({
-      ...form,
-      operations: [...form.operations, bomOperation],
-      lastModificationTime: new Date(),
-    });
-
-    // Reset form
-    setNewOperation({
-      operationId: "",
-      sequence: form.operations.length + 2,
-    });
-  };
-
-  const componentColumns: Column<MrpBOMComponent>[] = [
-    {
-      key: "position",
-      header: "Sıra",
-      width: "12",
-      render: (c) => (
-        <input
-          type="number"
-          value={c.position}
-          onChange={(e) =>
-            updateComponentField(c.id, "position", Number(e.target.value))
-          }
-          className="border rounded-lg px-2 py-1 w-16"
-        />
-      ),
-    },
-    {
-      key: "materialId",
-      header: "Malzeme",
-      render: (c) => (
-        <div className="flex items-center">
-          <select
-            value={getComponentMaterialId(c)}
-            onChange={(e) =>
-              updateComponentField(c.id, "materialId", e.target.value)
-            }
-            className="border rounded-lg px-2 py-1 w-full"
-          >
-            <option value="">Seçiniz...</option>
-            {mockMaterials.map((m) => (
-              <option key={m.id} value={m.id}>
-                {m.code} - {m.name}
-              </option>
-            ))}
-          </select>
-        </div>
-      ),
-    },
-    {
-      key: "quantity",
-      header: "Miktar",
-      render: (c) => (
-        <input
-          type="number"
-          value={c.quantity}
-          onChange={(e) =>
-            updateComponentField(c.id, "quantity", Number(e.target.value))
-          }
-          className="border rounded-lg px-2 py-1 w-24"
-        />
-      ),
-    },
-    {
-      key: "unitId",
-      header: "Birim",
-      render: (c) => (
-        <input
-          value={c.unitId}
-          onChange={(e) => updateComponentField(c.id, "unitId", e.target.value)}
-          className="border rounded-lg px-2 py-1 w-28"
-        />
-      ),
-    },
-    {
-      key: "scrapPercentage",
-      header: "Fire %",
-      render: (c) => (
-        <input
-          type="number"
-          value={c.scrapPercentage}
-          onChange={(e) =>
-            updateComponentField(
-              c.id,
-              "scrapPercentage",
-              Number(e.target.value)
-            )
-          }
-          className="border rounded-lg px-2 py-1 w-20"
-        />
-      ),
-    },
-    {
-      key: "operationId",
-      header: "Operasyon",
-      render: (c) => (
-        <select
-          value={getComponentOperationId(c)}
-          onChange={(e) => updateComponentOperation(c.id, e.target.value)}
-          className="border rounded-lg px-2 py-1 w-32 text-sm"
-        >
-          <option value="">Seçiniz...</option>
-          {form.operations.map((bomOp) => (
-            <option key={bomOp.id} value={bomOp.operationId}>
-              {bomOp.operation?.code || bomOp.operationId} -{" "}
-              {bomOp.operation?.name || ""}
-            </option>
-          ))}
-        </select>
-      ),
-    },
-    {
-      key: "isActive",
-      header: "Durum",
-      render: (c) => (
-        <select
-          value={c.isActive ? "ACTIVE" : "INACTIVE"}
-          onChange={(e) =>
-            updateComponentField(c.id, "isActive", e.target.value === "ACTIVE")
-          }
-          className="border rounded-lg px-2 py-1 w-24 text-sm"
-        >
-          <option value="ACTIVE">Aktif</option>
-          <option value="INACTIVE">Pasif</option>
-        </select>
-      ),
-    },
-    {
-      key: "actions",
-      header: "",
-      render: (c) => (
-        <div className="flex justify-end">
-          <button
-            onClick={() => removeComponent(c.id)}
-            className="text-red-600 px-2 py-1 rounded hover:bg-red-50"
-          >
-            <FaTrash />
-          </button>
-        </div>
-      ),
-    },
-  ];
-
-  const operationColumns: Column<MrpBOMOperation>[] = [
-    {
-      key: "sequence",
-      header: "Sıra",
-      width: "12",
-      render: (op) => (
-        <input
-          type="number"
-          value={op.sequence}
-          onChange={(e) =>
-            updateOperationField(op.id, "sequence", Number(e.target.value))
-          }
-          className="border rounded-lg px-2 py-1 w-16"
-        />
-      ),
-    },
-    {
-      key: "operationId",
-      header: "Kod",
-      render: (op) => (
-        <select
-          value={op.operationId || ""}
-          onChange={(e) =>
-            updateOperationField(op.id, "operationId", e.target.value)
-          }
-          className="border rounded-lg px-2 py-1 w-full text-sm"
-        >
-          <option value="">Seçiniz...</option>
-          {mockOperations.map((o) => (
-            <option key={o.id} value={o.id}>
-              {o.code} - {o.name}
-            </option>
-          ))}
-        </select>
-      ),
-    },
-    {
-      key: "setupTime",
-      header: "Hazırlık (dk)",
-      render: (op) => (
-        <input
-          type="number"
-          value={op.setupTime}
-          onChange={(e) =>
-            updateOperationField(op.id, "setupTime", Number(e.target.value))
-          }
-          className="border rounded-lg px-2 py-1 w-20"
-        />
-      ),
-    },
-    {
-      key: "runTime",
-      header: "İşlem (dk)",
-      render: (op) => (
-        <input
-          type="number"
-          value={op.runTime}
-          onChange={(e) =>
-            updateOperationField(op.id, "runTime", Number(e.target.value))
-          }
-          className="border rounded-lg px-2 py-1 w-20"
-        />
-      ),
-    },
-    {
-      key: "queueTime",
-      header: "Kuyruk (dk)",
-      render: (op) => (
-        <input
-          type="number"
-          value={op.queueTime}
-          onChange={(e) =>
-            updateOperationField(op.id, "queueTime", Number(e.target.value))
-          }
-          className="border rounded-lg px-2 py-1 w-20"
-        />
-      ),
-    },
-    {
-      key: "moveTime",
-      header: "Taşıma (dk)",
-      render: (op) => (
-        <input
-          type="number"
-          value={op.moveTime}
-          onChange={(e) =>
-            updateOperationField(op.id, "moveTime", Number(e.target.value))
-          }
-          className="border rounded-lg px-2 py-1 w-20"
-        />
-      ),
-    },
-    {
-      key: "isActive",
-      header: "Durum",
-      render: (op) => (
-        <select
-          value={op.isActive ? "ACTIVE" : "INACTIVE"}
-          onChange={(e) =>
-            updateOperationField(op.id, "isActive", e.target.value === "ACTIVE")
-          }
-          className="border rounded-lg px-2 py-1 w-24 text-sm"
-        >
-          <option value="ACTIVE">Aktif</option>
-          <option value="INACTIVE">Pasif</option>
-        </select>
-      ),
-    },
-    {
-      key: "actions",
-      header: "",
-      render: (op) => (
-        <div className="flex justify-end">
-          <button
-            onClick={() => removeOperation(op.id)}
-            className="text-red-600 px-2 py-1 rounded hover:bg-red-50"
-          >
-            <FaTrash />
-          </button>
-        </div>
-      ),
-    },
-  ];
-
-  const getComponentMaterialId = (c: MrpBOMComponent) => {
-    if (c.materialId) return c.materialId;
-    const mat = c as unknown as { id?: unknown } | undefined;
-    if (mat && typeof mat === "object" && mat.id) return String(mat.id);
-    return "";
-  };
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg p-4 w-full max-w-6xl mx-4 max-h-[90vh] overflow-y-auto">
-        <h3 className="text-lg font-semibold mb-3">
-          {form.id ? "BOM Düzenle" : "Yeni BOM"}
-        </h3>
-        <div>
-          <div className="flex space-x-2 mb-3">
-            <button
-              onClick={() => setActiveTab("general")}
-              className={`px-3 py-1 rounded-lg ${
-                activeTab === "general"
-                  ? "bg-blue-600 text-white"
-                  : "bg-gray-100"
-              }`}
-            >
-              Genel
-            </button>
-            <button
-              onClick={() => setActiveTab("operations")}
-              className={`px-3 py-1 rounded-lg ${
-                activeTab === "operations"
-                  ? "bg-blue-600 text-white"
-                  : "bg-gray-100"
-              }`}
-            >
-              Operasyonlar
-            </button>
-            <button
-              onClick={() => setActiveTab("components")}
-              className={`px-3 py-1 rounded-lg ${
-                activeTab === "components"
-                  ? "bg-blue-600 text-white"
-                  : "bg-gray-100"
-              }`}
-            >
-              Bileşenler
-            </button>
-          </div>
-
-          {activeTab === "general" && (
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  BOM Kodu
-                </label>
-                <input
-                  name="bomCode"
-                  value={formik.values.bomCode}
-                  onChange={(e) => {
-                    formik.handleChange(e);
-                    // Update form state immediately
-                    if (form) {
-                      setForm({
-                        ...form,
-                        bomCode: e.target.value,
-                        lastModificationTime: new Date(),
-                      });
-                    }
-                  }}
-                  className="w-full border rounded-lg px-2 py-1 text-sm"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Malzeme
-                </label>
-                <select
-                  name="materialId"
-                  value={formik.values.materialId}
-                  onChange={(e) => {
-                    formik.handleChange(e);
-                    // Update form state immediately
-                    if (form) {
-                      setForm({
-                        ...form,
-                        materialId: e.target.value,
-                        lastModificationTime: new Date(),
-                      });
-                    }
-                  }}
-                  className="w-full border rounded-lg px-2 py-1 text-sm"
-                >
-                  <option value="">Seçiniz...</option>
-                  {mockMaterials.map((m) => (
-                    <option key={m.id} value={m.id}>
-                      {m.code} - {m.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Versiyon
-                </label>
-                <input
-                  name="version"
-                  value={formik.values.version}
-                  onChange={(e) => {
-                    formik.handleChange(e);
-                    if (form) {
-                      setForm({
-                        ...form,
-                        version: e.target.value,
-                        lastModificationTime: new Date(),
-                      });
-                    }
-                  }}
-                  className="w-full border rounded-lg px-2 py-1 text-sm"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Temel Miktar
-                </label>
-                <input
-                  name="baseQuantity"
-                  type="number"
-                  value={formik.values.baseQuantity}
-                  onChange={(e) => {
-                    formik.handleChange(e);
-                    if (form) {
-                      setForm({
-                        ...form,
-                        baseQuantity: Number(e.target.value),
-                        lastModificationTime: new Date(),
-                      });
-                    }
-                  }}
-                  className="w-full border rounded-lg px-2 py-1 text-sm"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Geçerlilik Başlangıç
-                </label>
-                <input
-                  name="validFrom"
-                  type="date"
-                  value={formik.values.validFrom}
-                  onChange={(e) => {
-                    formik.handleChange(e);
-                    if (form) {
-                      setForm({
-                        ...form,
-                        validFrom: new Date(e.target.value),
-                        lastModificationTime: new Date(),
-                      });
-                    }
-                  }}
-                  className="w-full border rounded-lg px-2 py-1 text-sm"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Geçerlilik Bitiş
-                </label>
-                <input
-                  name="validTo"
-                  type="date"
-                  value={formik.values.validTo}
-                  onChange={(e) => {
-                    formik.handleChange(e);
-                    if (form) {
-                      setForm({
-                        ...form,
-                        validTo: e.target.value
-                          ? new Date(e.target.value)
-                          : undefined,
-                        lastModificationTime: new Date(),
-                      });
-                    }
-                  }}
-                  className="w-full border rounded-lg px-2 py-1 text-sm"
-                />
-              </div>
-
-              {/* Removed the 'Uygula' button per request; formik.submit will update form state immediately on change via onSubmit trigger when needed */}
-            </div>
-          )}
-
-          {activeTab === "components" && (
-            <div className="space-y-3">
-              <div>
-                <DataTable
-                  data={form.components}
-                  columns={componentColumns}
-                  className=""
-                />
-              </div>
-
-              <div className="grid grid-cols-12 gap-1 items-end">
-                <div className="col-span-1">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Sıra
-                  </label>
-
-                  <input
-                    type="number"
-                    className="border rounded-lg px-2 py-1 w-full"
-                    value={
-                      newComponent.position ?? (form.components.length + 1) * 10
-                    }
-                    onChange={(e) =>
-                      setNewComponent((s) => ({
-                        ...s,
-                        position: Number(e.target.value),
-                      }))
-                    }
-                  />
-                </div>
-
-                <div className="col-span-3">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Malzeme
-                  </label>
-
-                  <select
-                    className="border rounded-lg px-2 py-1 w-full text-sm"
-                    value={newComponent.materialId}
-                    onChange={(e) =>
-                      setNewComponent((s) => ({
-                        ...s,
-                        materialId: e.target.value,
-                      }))
-                    }
-                  >
-                    <option value="">Seçiniz...</option>
-                    {mockMaterials.map((m) => (
-                      <option key={m.id} value={m.id}>
-                        {m.code} - {m.name}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div className="col-span-1">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Miktar
-                  </label>
-
-                  <input
-                    type="number"
-                    className="border rounded-lg px-2 py-1 w-full text-sm"
-                    placeholder="Miktar"
-                    value={newComponent.quantity}
-                    onChange={(e) =>
-                      setNewComponent((s) => ({
-                        ...s,
-                        quantity: Number(e.target.value),
-                      }))
-                    }
-                  />
-                </div>
-
-                <div className="col-span-1">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Birim
-                  </label>
-
-                  <input
-                    className="border rounded-lg px-2 py-1 w-full text-sm"
-                    placeholder="Birim"
-                    value={newComponent.unitId}
-                    onChange={(e) =>
-                      setNewComponent((s) => ({ ...s, unitId: e.target.value }))
-                    }
-                  />
-                </div>
-
-                <div className="col-span-1">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Fire %
-                  </label>
-                  <input
-                    type="number"
-                    className="border rounded-lg px-2 py-1 w-full"
-                    placeholder="Fire %"
-                    value={newComponent.scrapPercentage}
-                    onChange={(e) =>
-                      setNewComponent((s) => ({
-                        ...s,
-                        scrapPercentage: Number(e.target.value),
-                      }))
-                    }
-                  />
-                </div>
-
-                <div className="col-span-2">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Operasyon
-                  </label>
-
-                  <select
-                    className="border rounded-lg px-2 py-1 w-full text-sm"
-                    value={newComponent.assignedOperationId || ""}
-                    onChange={(e) =>
-                      setNewComponent((s) => ({
-                        ...s,
-                        assignedOperationId: e.target.value,
-                      }))
-                    }
-                  >
-                    <option value="">Operasyon...</option>
-                    {form.operations.map((bomOp) => (
-                      <option key={bomOp.id} value={bomOp.operationId}>
-                        {bomOp.operation?.code || bomOp.operationId}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div className="col-span-2">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Durum
-                  </label>
-                  <select
-                    className="border rounded-lg px-2 py-1 w-full text-sm"
-                    defaultValue="ACTIVE"
-                  >
-                    <option value="ACTIVE">Aktif</option>
-                    <option value="INACTIVE">Pasif</option>
-                  </select>
-                </div>
-
-                <div className="col-span-1">
-                  <button
-                    onClick={addComponent}
-                    className="px-2 py-1 bg-green-600 text-white rounded-lg"
-                  >
-                    <FaPlus className="inline" />
-                  </button>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {activeTab === "operations" && (
-            <div className="space-y-3">
-              <div>
-                <DataTable
-                  data={form.operations}
-                  columns={operationColumns}
-                  className=""
-                />
-              </div>
-
-              <div className="grid grid-cols-12 gap-1 items-end">
-                <div className="col-span-1">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Sıra
-                  </label>
-                  <input
-                    type="number"
-                    className="border rounded-lg px-2 py-1 w-full"
-                    value={newOperation.sequence}
-                    onChange={(e) =>
-                      setNewOperation((s) => ({
-                        ...s,
-                        sequence: Number(e.target.value),
-                      }))
-                    }
-                  />
-                </div>
-
-                <div className="col-span-4">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Operasyon
-                  </label>
-                  <select
-                    className="border rounded-lg px-2 py-1 w-full text-sm"
-                    value={newOperation.operationId}
-                    onChange={(e) =>
-                      setNewOperation((s) => ({
-                        ...s,
-                        operationId: e.target.value,
-                      }))
-                    }
-                  >
-                    <option value="">Operasyon Seçiniz...</option>
-                    {mockOperations.map((op) => (
-                      <option key={op.id} value={op.id}>
-                        {op.code} - {op.name}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div className="col-span-1">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Hazırlık
-                  </label>
-                  <input
-                    type="number"
-                    className="border rounded-lg px-2 py-1 w-full"
-                    placeholder="30"
-                    defaultValue={30}
-                  />
-                </div>
-
-                <div className="col-span-1">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    İşlem
-                  </label>
-                  <input
-                    type="number"
-                    className="border rounded-lg px-2 py-1 w-full"
-                    placeholder="60"
-                    defaultValue={60}
-                  />
-                </div>
-
-                <div className="col-span-1">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Kuyruk
-                  </label>
-                  <input
-                    type="number"
-                    className="border rounded-lg px-2 py-1 w-full"
-                    placeholder="0"
-                    defaultValue={0}
-                  />
-                </div>
-
-                <div className="col-span-1">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Taşıma
-                  </label>
-                  <input
-                    type="number"
-                    className="border rounded-lg px-2 py-1 w-full"
-                    placeholder="5"
-                    defaultValue={5}
-                  />
-                </div>
-
-                <div className="col-span-2">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Durum
-                  </label>
-                  <select
-                    className="border rounded-lg px-2 py-1 w-full text-sm"
-                    defaultValue="ACTIVE"
-                  >
-                    <option value="ACTIVE">Aktif</option>
-                    <option value="INACTIVE">Pasif</option>
-                  </select>
-                </div>
-
-                <div className="col-span-1">
-                  <button
-                    onClick={addOperation}
-                    disabled={!newOperation.operationId}
-                    className="px-2 py-1 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:bg-gray-400 w-full"
-                  >
-                    <FaPlus className="inline" />
-                  </button>
-                </div>
-              </div>
-            </div>
-          )}
-        </div>
-
-        <div className="mt-4 flex justify-end space-x-2">
-          <button
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-          >
-            <FaTimes className="inline mr-2" />
-            İptal
-          </button>
-          <button
-            onClick={handleSave}
-            className="px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700"
-          >
-            <FaSave className="inline mr-2" />
-            Kaydet
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default BOMFormModal;
diff --git a/ui/src/views/mrp/components/BOMManagement.tsx b/ui/src/views/mrp/components/BOMManagement.tsx
deleted file mode 100644
index 24463751..00000000
--- a/ui/src/views/mrp/components/BOMManagement.tsx
+++ /dev/null
@@ -1,343 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaEdit,
-  FaTrash,
-  FaBox,
-  FaCodeBranch,
-  FaEye,
-  FaCopy,
-  FaExclamationTriangle,
-  FaClock,
-} from 'react-icons/fa'
-import { MrpBOM, MrpBOMComponent, MrpBOMOperation } from '../../../types/mrp'
-import BOMFormModal from './BOMFormModal'
-import { getBOMTypeColor, getBOMTypeText } from '../../../utils/erp'
-import { mockBOMs } from '../../../mocks/mockBOMs'
-import { Container } from '@/components/shared'
-
-const BOMManagement: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [showModal, setShowModal] = useState(false)
-  const [editingBOM, setEditingBOM] = useState<MrpBOM | null>(null)
-  const [selectedBOM, setSelectedBOM] = useState<MrpBOM | null>(null)
-
-  // Mock data - replace with actual API calls
-  const [boms, setBoms] = useState<MrpBOM[]>(mockBOMs)
-
-  const filteredBOMs = boms.filter(
-    (bom) =>
-      bom.bomCode.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      bom.materialId.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      bom.version.toLowerCase().includes(searchTerm.toLowerCase()),
-  )
-
-  const getTotalOperationTime = (operations: MrpBOMOperation[]) => {
-    return operations.reduce((total, op) => total + op.setupTime + op.runTime, 0)
-  }
-
-  const getTotalComponents = (components: MrpBOMComponent[]) => {
-    return components.length
-  }
-
-  const getActiveComponents = (components: MrpBOMComponent[]) => {
-    return components.filter((comp) => comp.isActive).length
-  }
-
-  const handleEdit = (bom: MrpBOM) => {
-    setEditingBOM(bom)
-    setShowModal(true)
-  }
-
-  const handleAddNew = () => {
-    setEditingBOM(null)
-    setShowModal(true)
-  }
-
-  const handleViewDetails = (bom: MrpBOM) => {
-    setSelectedBOM(bom)
-
-    console.log(bom)
-  }
-
-  const handleCopy = (bom: MrpBOM) => {
-    console.log('Copying BOM:', bom.bomCode)
-    // Implementation for copying BOM
-  }
-
-  const handleSave = (bom: MrpBOM) => {
-    setBoms((prev) => {
-      const existing = prev.find((b) => b.id === bom.id)
-      if (existing) return prev.map((b) => (b.id === bom.id ? bom : b))
-      return [...prev, { ...bom, id: bom.id || String(Date.now()) }]
-    })
-    setShowModal(false)
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Ürün Ağaçları (BOM)</h2>
-            <p className="text-gray-600">Ürün bileşenlerini ve üretim operasyonlarını yönetin</p>
-          </div>
-          <button
-            onClick={handleAddNew}
-            className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center space-x-2"
-          >
-            <FaPlus className="w-4 h-4" />
-            <span>Yeni BOM</span>
-          </button>
-        </div>
-
-        {/* Search Bar */}
-        <div className="relative">
-          <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-          <input
-            type="text"
-            placeholder="BOM ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full pl-10 pr-4 py-1.5  border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-          />
-        </div>
-
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-          {/* BOM List */}
-          <div className="space-y-3 pt-2">
-            <h3 className="text-lg font-semibold text-gray-900">BOM Listesi</h3>
-            {filteredBOMs.map((bom) => (
-              <div
-                key={bom.id}
-                className="bg-white rounded-lg shadow-md border border-gray-200 p-3 hover:shadow-lg transition-shadow"
-              >
-                <div className="flex items-start justify-between mb-2">
-                  <div className="flex-1">
-                    <div className="flex items-center space-x-2 mb-2">
-                      <FaCodeBranch className="w-4 h-4 text-gray-600" />
-                      <h4 className="text-lg font-semibold text-gray-900">{bom.bomCode}</h4>
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${getBOMTypeColor(
-                          bom.bomType,
-                        )}`}
-                      >
-                        {getBOMTypeText(bom.bomType)}
-                      </span>
-                    </div>
-                    <p className="text-sm text-gray-600 mb-0.5">
-                      Malzeme: {bom.material?.code} - {bom.material?.name} - v{bom.version}
-                    </p>
-                    <p className="text-sm text-gray-500">Temel Miktar: {bom.baseQuantity}</p>
-                  </div>
-                  <div className="flex space-x-1">
-                    <button
-                      onClick={() => handleViewDetails(bom)}
-                      className="p-2 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                      title="Detayları Görüntüle"
-                    >
-                      <FaEye className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleCopy(bom)}
-                      className="p-2 text-gray-400 hover:text-purple-600 hover:bg-purple-50 rounded-md transition-colors"
-                      title="Kopyala"
-                    >
-                      <FaCopy className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleEdit(bom)}
-                      className="p-2 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                      title="Düzenle"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                    <button
-                      className="p-2 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition-colors"
-                      title="Sil"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-
-                <div className="grid grid-cols-2 gap-3 text-sm mb-2">
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-500 flex items-center">
-                      <FaBox className="w-4 h-4 mr-1" />
-                      Bileşenler
-                    </span>
-                    <span className="font-medium">
-                      {getActiveComponents(bom.components)}/{getTotalComponents(bom.components)}
-                    </span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-500 flex items-center">
-                      <FaClock className="w-4 h-4 mr-1" />
-                      Toplam Süre
-                    </span>
-                    <span className="font-medium">{getTotalOperationTime(bom.operations)} dk</span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-500">Geçerlilik</span>
-                    <span className="font-medium">{bom.validFrom.toLocaleDateString('tr-TR')}</span>
-                  </div>
-                </div>
-
-                {/* Status and Warnings */}
-                <div className="flex items-center justify-between">
-                  <div className="flex space-x-2">
-                    <span
-                      className={`px-2 py-1 rounded-full text-xs font-medium ${
-                        bom.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-                      }`}
-                    >
-                      {bom.isActive ? 'Aktif' : 'Pasif'}
-                    </span>
-                    {bom.validTo && new Date() > bom.validTo && (
-                      <span className="px-2 py-1 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800 flex items-center">
-                        <FaExclamationTriangle className="w-3 h-3 mr-1" />
-                        Süresi Dolmuş
-                      </span>
-                    )}
-                  </div>
-                  <span className="text-xs text-gray-400">
-                    {bom.lastModificationTime.toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-              </div>
-            ))}
-
-            {filteredBOMs.length === 0 && (
-              <div className="text-center py-8">
-                <FaCodeBranch className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-                <h3 className="text-lg font-medium text-gray-900 mb-2">BOM bulunamadı</h3>
-                <p className="text-gray-500">
-                  Arama kriterlerinizi değiştirin veya yeni bir BOM ekleyin.
-                </p>
-              </div>
-            )}
-          </div>
-
-          {/* BOM Details */}
-          <div className="space-y-4 pt-2">
-            <h3 className="text-lg font-semibold text-gray-900">BOM Detayları</h3>
-            {selectedBOM ? (
-              <div className="bg-white rounded-lg shadow-md border border-gray-200 p-3">
-                <div className="mb-3">
-                  <h4 className="font-semibold text-gray-900 mb-2">{selectedBOM.bomCode}</h4>
-                  <div className="grid grid-cols-2 gap-1 text-sm text-gray-600">
-                    <div>
-                      Malzeme: {selectedBOM.material?.code} - {selectedBOM.material?.name}
-                    </div>
-                    <div>Versiyon: {selectedBOM.version}</div>
-                    <div>Tip: {getBOMTypeText(selectedBOM.bomType)}</div>
-                    <div>Temel Miktar: {selectedBOM.baseQuantity}</div>
-                  </div>
-                </div>
-
-                {/* Components */}
-                <div className="mb-3">
-                  <h5 className="font-medium text-gray-900 mb-2 flex items-center">
-                    <FaBox className="w-4 h-4 mr-1" />
-                    Bileşenler ({selectedBOM.components.length})
-                  </h5>
-                  <div className="space-y-2">
-                    {selectedBOM.components.map((component) => (
-                      <div
-                        key={component.id}
-                        className="border border-gray-200 rounded p-1.5 text-sm"
-                      >
-                        <div className="flex items-center justify-between mb-1">
-                          <span className="font-medium">
-                            {component.position}. {component.material?.code} -{' '}
-                            {component.material?.name}
-                          </span>
-                          <div className="flex space-x-2">
-                            {component.isPhantom && (
-                              <span className="bg-purple-100 text-purple-800 text-xs px-1 rounded-lg">
-                                Phantom
-                              </span>
-                            )}
-                            <span
-                              className={`text-xs px-1 rounded ${
-                                component.isActive
-                                  ? 'bg-green-100 text-green-800'
-                                  : 'bg-red-100 text-red-800'
-                              }`}
-                            >
-                              {component.isActive ? 'Aktif' : 'Pasif'}
-                            </span>
-                          </div>
-                        </div>
-                        <div className="text-gray-600">
-                          Miktar: {component.quantity} {component.unitId} | Fire: %
-                          {component.scrapPercentage}
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-
-                {/* Operations */}
-                <div>
-                  <h5 className="font-medium text-gray-900 mb-2 flex items-center">
-                    <FaCodeBranch className="w-4 h-4 mr-1" />
-                    Operasyonlar ({selectedBOM.operations.length})
-                  </h5>
-                  <div className="space-y-2">
-                    {selectedBOM.operations.map((operation) => (
-                      <div
-                        key={operation.id}
-                        className="border border-gray-200 rounded p-2 text-sm"
-                      >
-                        <div className="flex items-center justify-between mb-1">
-                          <span className="font-medium">
-                            {operation.sequence}. {operation.operation?.code} -{' '}
-                            {operation.operation?.name}
-                          </span>
-                          <span
-                            className={`text-xs px-1 rounded ${
-                              operation.isActive
-                                ? 'bg-green-100 text-green-800'
-                                : 'bg-red-100 text-red-800'
-                            }`}
-                          >
-                            {operation.isActive ? 'Aktif' : 'Pasif'}
-                          </span>
-                        </div>
-                        <div className="text-gray-600">
-                          Hazırlık: {operation.setupTime}dk | İşlem: {operation.runTime}dk | Kuyruk:{' '}
-                          {operation.queueTime}dk | Taşıma: {operation.moveTime}dk
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              </div>
-            ) : (
-              <div className="bg-gray-50 rounded-lg p-6 text-center">
-                <FaBox className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-                <h3 className="text-lg font-medium text-gray-900 mb-2">
-                  BOM Detaylarını Görüntüle
-                </h3>
-                <p className="text-gray-500">Detaylarını görmek için sol taraftan bir BOM seçin.</p>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-
-      <BOMFormModal
-        open={showModal}
-        initial={editingBOM}
-        onSave={handleSave}
-        onClose={() => setShowModal(false)}
-      />
-    </Container>
-  )
-}
-
-export default BOMManagement
diff --git a/ui/src/views/mrp/components/CompleteWorkOrderModal.tsx b/ui/src/views/mrp/components/CompleteWorkOrderModal.tsx
deleted file mode 100644
index a09ac632..00000000
--- a/ui/src/views/mrp/components/CompleteWorkOrderModal.tsx
+++ /dev/null
@@ -1,168 +0,0 @@
-import React, { useState } from "react";
-import { FaTimes, FaCheckCircle, FaExclamationTriangle } from "react-icons/fa";
-import { MrpWorkOrder } from "../../../types/mrp";
-
-interface CompleteWorkOrderModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onConfirm: (
-    workOrderId: string,
-    confirmedQuantity: number,
-    scrapQuantity: number,
-    notes?: string
-  ) => void;
-  workOrder: MrpWorkOrder | null;
-}
-
-const CompleteWorkOrderModal: React.FC<CompleteWorkOrderModalProps> = ({
-  isOpen,
-  onClose,
-  onConfirm,
-  workOrder,
-}) => {
-  const [confirmedQuantity, setConfirmedQuantity] = useState(0);
-  const [scrapQuantity, setScrapQuantity] = useState(0);
-  const [notes, setNotes] = useState("");
-
-  React.useEffect(() => {
-    if (workOrder) {
-      setConfirmedQuantity(
-        workOrder.plannedQuantity - workOrder.confirmedQuantity
-      );
-      setScrapQuantity(0);
-      setNotes("");
-    }
-  }, [workOrder]);
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!workOrder) return;
-
-    onConfirm(workOrder.id, confirmedQuantity, scrapQuantity, notes);
-    onClose();
-  };
-
-  const remainingQuantity = workOrder
-    ? workOrder.plannedQuantity - workOrder.confirmedQuantity
-    : 0;
-  const totalInput = confirmedQuantity + scrapQuantity;
-
-  if (!isOpen || !workOrder) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-sm w-full mx-4">
-        <div className="flex items-center justify-between p-4 border-b">
-          <div className="flex items-center gap-3">
-            <FaCheckCircle className="w-5 h-5 text-green-600" />
-            <h2 className="text-lg font-semibold text-gray-900">
-              İş Emri Tamamla
-            </h2>
-          </div>
-          <button
-            onClick={onClose}
-            className="text-gray-400 hover:text-gray-600"
-          >
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4 space-y-3">
-          <div className="bg-gray-50 rounded-lg p-3">
-            <h3 className="font-medium text-gray-900 mb-2">
-              {workOrder.workOrderNumber}
-            </h3>
-            <p className="text-gray-600">
-              Kalan Miktar:{" "}
-              <span className="font-medium">{remainingQuantity}</span>
-            </p>
-          </div>
-
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Tamamlanan Miktar
-            </label>
-            <input
-              type="number"
-              required
-              min="0"
-              max={remainingQuantity}
-              value={confirmedQuantity}
-              onChange={(e) =>
-                setConfirmedQuantity(parseInt(e.target.value) || 0)
-              }
-              className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Fire Miktar
-            </label>
-            <input
-              type="number"
-              min="0"
-              value={scrapQuantity}
-              onChange={(e) => setScrapQuantity(parseInt(e.target.value) || 0)}
-              className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Notlar (İsteğe bağlı)
-            </label>
-            <textarea
-              value={notes}
-              onChange={(e) => setNotes(e.target.value)}
-              rows={2}
-              className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              placeholder="Tamamlanma ile ilgili notlar..."
-            />
-          </div>
-
-          {totalInput > remainingQuantity && (
-            <div className="flex items-center gap-2 p-3 bg-red-50 border border-red-200 rounded-md">
-              <FaExclamationTriangle className="w-4 h-4 text-red-600" />
-              <span className="text-sm text-red-700">
-                Girilen toplam miktar kalan miktardan fazla!
-              </span>
-            </div>
-          )}
-
-          <div className="bg-blue-50 p-2 rounded-md">
-            <div className="text-sm text-blue-700">
-              <strong>Özet:</strong>
-              <br />
-              Tamamlanan: {confirmedQuantity}
-              <br />
-              Fire: {scrapQuantity}
-              <br />
-              Toplam: {totalInput}
-            </div>
-          </div>
-
-          <div className="flex justify-end gap-2 pt-3 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              disabled={totalInput > remainingQuantity || totalInput === 0}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-green-600 text-white rounded-md hover:bg-green-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors"
-            >
-              <FaCheckCircle className="w-4 h-4" />
-              Tamamla
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
-
-export default CompleteWorkOrderModal;
diff --git a/ui/src/views/mrp/components/DemandForecastFormModal.tsx b/ui/src/views/mrp/components/DemandForecastFormModal.tsx
deleted file mode 100644
index bab42504..00000000
--- a/ui/src/views/mrp/components/DemandForecastFormModal.tsx
+++ /dev/null
@@ -1,204 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave } from 'react-icons/fa'
-import { MrpDemandForecast, ForecastMethodEnum } from '../../../types/mrp'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { getForecastMethodText } from '@/utils/erp'
-
-interface DemandForecastFormModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (forecastData: Omit<MrpDemandForecast, 'id' | 'material'> & { id?: string }) => void
-  initialData: MrpDemandForecast | null
-}
-
-const DemandForecastFormModal: React.FC<DemandForecastFormModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  initialData,
-}) => {
-  const newFormData: MrpDemandForecast = {
-    id: '',
-    materialId: '',
-    forecastPeriod: '',
-    startDate: new Date(),
-    endDate: new Date(),
-    forecastMethod: ForecastMethodEnum.MovingAverage,
-    forecastQuantity: 0,
-    actualQuantity: 0,
-    accuracy: 0,
-    seasonalityFactor: 0,
-    trendFactor: 0,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-    notes: '',
-  }
-
-  const [formData, setFormData] = useState(newFormData)
-
-  useEffect(() => {
-    if (initialData) {
-      setFormData({
-        ...initialData,
-        startDate: new Date(initialData.startDate),
-        endDate: new Date(initialData.endDate),
-      })
-    } else {
-      setFormData(newFormData)
-    }
-  }, [initialData, isOpen])
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    const saveData = {
-      ...formData,
-      id: initialData?.id,
-      startDate: new Date(formData.startDate),
-      endDate: new Date(formData.endDate),
-    }
-    onSave(saveData)
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b">
-          <h2 className="text-lg font-semibold text-gray-900">
-            {initialData ? 'Talep Tahmini Düzenle' : 'Yeni Talep Tahmini'}
-          </h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-4 h-4" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4 space-y-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Malzeme</label>
-              <select
-                required
-                value={formData.materialId}
-                onChange={(e) => setFormData({ ...formData, materialId: e.target.value })}
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Seçiniz</option>
-                {mockMaterials.map((mat) => (
-                  <option key={mat.id} value={mat.id}>
-                    {mat.code} - {mat.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Tahmin Periyodu
-              </label>
-              <input
-                type="text"
-                required
-                value={formData.forecastPeriod}
-                onChange={(e) => setFormData({ ...formData, forecastPeriod: e.target.value })}
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                placeholder="Örn: 2024-Q3"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Başlangıç Tarihi
-              </label>
-              <input
-                type="date"
-                required
-                value={formData.startDate.toISOString().split('T')[0]}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    startDate: new Date(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Bitiş Tarihi</label>
-              <input
-                type="date"
-                required
-                value={formData.endDate.toISOString().split('T')[0]}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    endDate: new Date(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Tahmin Yöntemi</label>
-              <select
-                required
-                value={formData.forecastMethod}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    forecastMethod: e.target.value as ForecastMethodEnum,
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(ForecastMethodEnum).map((method) => (
-                  <option key={method} value={method}>
-                    {getForecastMethodText(method)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">Tahmin Miktarı</label>
-              <input
-                type="number"
-                required
-                min="0"
-                value={formData.forecastQuantity}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    forecastQuantity: parseFloat(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-          </div>
-
-          <div className="flex justify-end gap-2 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              Kaydet
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default DemandForecastFormModal
diff --git a/ui/src/views/mrp/components/DemandPlanning.tsx b/ui/src/views/mrp/components/DemandPlanning.tsx
deleted file mode 100644
index 25b0be95..00000000
--- a/ui/src/views/mrp/components/DemandPlanning.tsx
+++ /dev/null
@@ -1,693 +0,0 @@
-import React, { useState } from 'react'
-import { FaArrowUp, FaBullseye, FaPlus, FaEdit, FaTrash, FaCalculator } from 'react-icons/fa'
-import {
-  MrpDemandForecast,
-  ForecastMethodEnum,
-  MrpMaterialRequirement,
-  RequirementSourceTypeEnum,
-} from '../../../types/mrp'
-import DataTable, { Column } from '../../../components/common/DataTable'
-import { mockDemandForecasts, mockMaterialRequirements } from '../../../mocks/mockDemandPlanning'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import DemandForecastFormModal from './DemandForecastFormModal'
-import MaterialRequirementFormModal from './MaterialRequirementFormModal'
-import Widget from '../../../components/common/Widget'
-import { Container } from '@/components/shared'
-import {
-  getAccuracyColor,
-  getForecastMethodText,
-  getRequirementSourceTypeColor,
-  getRequirementSourceTypeText,
-} from '@/utils/erp'
-
-const DemandPlanning: React.FC = () => {
-  // Mock data - in a real app, this would come from a store/API
-  const [demandForecasts, setDemandForecasts] = useState<MrpDemandForecast[]>(mockDemandForecasts)
-  const [materialRequirements, setMaterialRequirements] =
-    useState<MrpMaterialRequirement[]>(mockMaterialRequirements)
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedMethod, setSelectedMethod] = useState<ForecastMethodEnum | 'all'>('all')
-  const [activeTab, setActiveTab] = useState<'forecasts' | 'requirements'>('forecasts')
-
-  // Modal state
-  const [isForecastModalOpen, setIsForecastModalOpen] = useState(false)
-  const [editingForecast, setEditingForecast] = useState<MrpDemandForecast | null>(null)
-  const [isRequirementModalOpen, setIsRequirementModalOpen] = useState(false)
-  const [editingRequirement, setEditingRequirement] = useState<MrpMaterialRequirement | null>(null)
-
-  // Event handlers
-  const handleAddForecast = () => {
-    console.log('Add forecast')
-    setEditingForecast(null)
-    setIsForecastModalOpen(true)
-  }
-
-  const handleSaveForecast = (
-    forecastData: Omit<MrpDemandForecast, 'id' | 'material'> & { id?: string },
-  ) => {
-    if (editingForecast && forecastData.id) {
-      // Update existing forecast
-      const updatedForecast: MrpDemandForecast = {
-        ...editingForecast,
-        ...forecastData,
-        material: mockMaterials.find((m) => m.id === forecastData.materialId),
-        lastModificationTime: new Date(),
-      }
-      setDemandForecasts((prev) =>
-        prev.map((f) => (f.id === forecastData.id ? updatedForecast : f)),
-      )
-    } else {
-      // Create new forecast
-      const newForecast: MrpDemandForecast = {
-        ...forecastData,
-        id: `df-${Date.now()}`,
-        material: mockMaterials.find((m) => m.id === forecastData.materialId),
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      }
-      setDemandForecasts((prev) => [...prev, newForecast])
-    }
-    handleCloseModal()
-  }
-
-  const handleCloseModal = () => {
-    setIsForecastModalOpen(false)
-    setEditingForecast(null)
-    setIsRequirementModalOpen(false)
-    setEditingRequirement(null)
-  }
-
-  const handleEditForecast = (forecast: MrpDemandForecast) => {
-    console.log('Edit forecast:', forecast)
-    setEditingForecast(forecast)
-    setIsForecastModalOpen(true)
-  }
-
-  const handleAddRequirement = () => {
-    setEditingRequirement(null)
-    setIsRequirementModalOpen(true)
-  }
-
-  const handleEditRequirement = (requirement: MrpMaterialRequirement) => {
-    setEditingRequirement(requirement)
-    setIsRequirementModalOpen(true)
-  }
-
-  const handleSaveRequirement = (
-    reqData: Omit<MrpMaterialRequirement, 'id' | 'material'> & { id?: string },
-  ) => {
-    if (editingRequirement && reqData.id) {
-      // Update
-      const updatedReq: MrpMaterialRequirement = {
-        ...editingRequirement,
-        ...reqData,
-        material: mockMaterials.find((m) => m.id === reqData.materialId),
-      }
-      setMaterialRequirements((prev) => prev.map((r) => (r.id === reqData.id ? updatedReq : r)))
-    } else {
-      // Create
-      const newReq: MrpMaterialRequirement = {
-        ...reqData,
-        id: `mr-${Date.now()}`,
-        material: mockMaterials.find((m) => m.id === reqData.materialId),
-      }
-      setMaterialRequirements((prev) => [...prev, newReq])
-    }
-    handleCloseModal()
-  }
-
-  const handleDeleteForecast = (id: string) => {
-    console.log('Delete forecast:', id)
-    if (window.confirm('Bu tahmini silmek istediğinizden emin misiniz?')) {
-      setDemandForecasts((prev) => prev.filter((f) => f.id !== id))
-    }
-  }
-
-  const handleDeleteRequirement = (id: string) => {
-    if (window.confirm('Bu malzeme ihtiyacını silmek istediğinizden emin misiniz?')) {
-      setMaterialRequirements((prev) => prev.filter((r) => r.id !== id))
-    }
-  }
-
-  const handleCalculateDemand = () => {
-    // Mock implementation to simulate calculating actual demand and accuracy
-    if (
-      !window.confirm(
-        'Mevcut tahminler için gerçekleşen talep ve doğruluk oranları hesaplanacaktır. Bu işlem geri alınamaz. Devam etmek istiyor musunuz?',
-      )
-    ) {
-      return
-    }
-
-    setDemandForecasts((prevForecasts) =>
-      prevForecasts.map((forecast) => {
-        // Simulate an actual quantity, e.g., +/- 20% of the forecast
-        const randomFactor = 0.8 + Math.random() * 0.4 // between 0.8 and 1.2
-        const actualQuantity = Math.round(forecast.forecastQuantity * randomFactor)
-
-        // Calculate accuracy: 100 - |(actual - forecast) / forecast| * 100
-        const accuracy =
-          forecast.forecastQuantity > 0
-            ? 100 -
-              (Math.abs(actualQuantity - forecast.forecastQuantity) / forecast.forecastQuantity) *
-                100
-            : 0
-
-        return {
-          ...forecast,
-          actualQuantity,
-          accuracy: Math.max(0, accuracy), // Ensure accuracy is not negative
-          lastModificationTime: new Date(),
-        }
-      }),
-    )
-    alert('Talep ve doğruluk oranları başarıyla hesaplandı!')
-  }
-
-  const handleGenerateRequirements = () => {
-    if (
-      !window.confirm(
-        'Mevcut tahminlerden yeni malzeme ihtiyaçları oluşturulacaktır. Devam etmek istiyor musunuz?',
-      )
-    ) {
-      return
-    }
-
-    const newRequirements: MrpMaterialRequirement[] = demandForecasts
-      .filter(
-        (forecast) => !materialRequirements.some((req) => req.sourceDocumentId === forecast.id),
-      ) // Henüz ihtiyacı oluşturulmamış olanları filtrele
-      .map((forecast, index) => {
-        const grossRequirement = forecast.forecastQuantity
-        // Mock projected available stock and scheduled receipts
-        const projectedAvailable = Math.round(Math.random() * 500)
-        const scheduledReceipts = Math.round(Math.random() * 200)
-        const netRequirement = Math.max(
-          0,
-          grossRequirement - projectedAvailable - scheduledReceipts,
-        )
-
-        return {
-          id: `mr-${Date.now()}-${index}-${forecast.materialId}`,
-          mrpRunId: `mrp-run-${Date.now()}`,
-          materialId: forecast.materialId,
-          material: forecast.material,
-          sourceType: RequirementSourceTypeEnum.Forecast,
-          sourceDocumentId: forecast.id,
-          grossRequirement,
-          netRequirement,
-          projectedAvailable,
-          scheduledReceipts,
-          plannedOrderReceipt: netRequirement,
-          plannedOrderRelease: netRequirement,
-          requirementDate: forecast.startDate,
-          plannedReceiptDate: forecast.startDate,
-          plannedReleaseDate: new Date(
-            new Date(forecast.startDate).setDate(forecast.startDate.getDate() - 14),
-          ), // 2 hafta önce
-          creationTime: new Date(),
-          lastModificationTime: new Date(),
-        }
-      })
-
-    if (newRequirements.length > 0) {
-      setMaterialRequirements((prev) => [...prev, ...newRequirements])
-      alert(`${newRequirements.length} adet yeni malzeme ihtiyacı başarıyla oluşturuldu!`)
-      setActiveTab('requirements') // Kullanıcının sonucu görmesi için sekmeyi değiştir
-    } else {
-      alert(
-        'Mevcut tahminler için zaten malzeme ihtiyaçları oluşturulmuş veya yeni tahmin bulunmuyor.',
-      )
-    }
-  }
-
-  const filteredForecasts = demandForecasts.filter((forecast) => {
-    if (
-      searchTerm &&
-      !forecast.material?.name?.toLowerCase().includes(searchTerm.toLowerCase()) &&
-      !forecast.forecastPeriod.toLowerCase().includes(searchTerm.toLowerCase())
-    ) {
-      return false
-    }
-    if (selectedMethod !== 'all' && forecast.forecastMethod !== selectedMethod) {
-      return false
-    }
-    return true
-  })
-
-  const filteredRequirements = materialRequirements.filter((req) => {
-    if (searchTerm && !req.material?.name?.toLowerCase().includes(searchTerm.toLowerCase())) {
-      return false
-    }
-    return true
-  })
-
-  const forecastColumns: Column<MrpDemandForecast>[] = [
-    {
-      key: 'material',
-      header: 'Malzeme',
-      sortable: true,
-      render: (forecast: MrpDemandForecast) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {forecast.material?.name || `Material-${forecast.materialId.substring(0, 8)}`}
-          </div>
-          <div className="text-sm text-gray-500">{forecast.material?.code}</div>
-        </div>
-      ),
-    },
-    {
-      key: 'period',
-      header: 'Dönem',
-      render: (forecast: MrpDemandForecast) => (
-        <div>
-          <div className="font-medium text-gray-900">{forecast.forecastPeriod}</div>
-          <div className="text-sm text-gray-500">
-            {new Date(forecast.startDate).toLocaleDateString('tr-TR')} -
-            {new Date(forecast.endDate).toLocaleDateString('tr-TR')}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: 'method',
-      header: 'Yöntem',
-      render: (forecast: MrpDemandForecast) => (
-        <div className="flex items-center gap-2">
-          <FaCalculator className="w-4 h-4 text-gray-400" />
-          <span>{getForecastMethodText(forecast.forecastMethod)}</span>
-        </div>
-      ),
-    },
-    {
-      key: 'quantities',
-      header: 'Miktarlar',
-      render: (forecast: MrpDemandForecast) => (
-        <div className="text-sm">
-          <div>
-            Tahmin:{' '}
-            <span className="font-medium">{forecast.forecastQuantity.toLocaleString()}</span>
-          </div>
-          {forecast.actualQuantity !== undefined && (
-            <div>
-              Gerçek:{' '}
-              <span className="font-medium">{forecast.actualQuantity.toLocaleString()}</span>
-            </div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'accuracy',
-      header: 'Doğruluk',
-      render: (forecast: MrpDemandForecast) => (
-        <div>
-          {forecast.accuracy !== undefined ? (
-            <div className={`font-medium ${getAccuracyColor(forecast.accuracy)}`}>
-              {forecast.accuracy.toFixed(1)}%
-            </div>
-          ) : (
-            <span className="text-gray-400">-</span>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'factors',
-      header: 'Faktörler',
-      render: (forecast: MrpDemandForecast) => (
-        <div className="text-sm">
-          {forecast.seasonalityFactor && (
-            <div>Mevsimsellik: {forecast.seasonalityFactor.toFixed(2)}</div>
-          )}
-          {forecast.trendFactor && <div>Trend: {forecast.trendFactor.toFixed(2)}</div>}
-        </div>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (forecast: MrpDemandForecast) => (
-        <div className="flex gap-2">
-          <button
-            onClick={() => handleEditForecast(forecast)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleDeleteForecast(forecast.id)}
-            className="p-1 text-red-600 hover:bg-red-50 rounded"
-            title="Sil"
-          >
-            <FaTrash className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  const requirementColumns: Column<MrpMaterialRequirement>[] = [
-    {
-      key: 'material',
-      header: 'Malzeme',
-      sortable: true,
-      render: (req: MrpMaterialRequirement) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {req.material?.name || `Material-${req.materialId.substring(0, 8)}`}
-          </div>
-          <div className="text-sm text-gray-500">{req.material?.code}</div>
-        </div>
-      ),
-    },
-    {
-      key: 'sourceType',
-      header: 'Kaynak',
-      render: (req: MrpMaterialRequirement) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getRequirementSourceTypeColor(
-            req.sourceType,
-          )}`}
-        >
-          {getRequirementSourceTypeText(req.sourceType)}
-        </span>
-      ),
-    },
-    {
-      key: 'requirements',
-      header: 'İhtiyaçlar',
-      render: (req: MrpMaterialRequirement) => (
-        <div className="text-sm">
-          <div>
-            Brüt: <span className="font-medium">{req.grossRequirement.toLocaleString()}</span>
-          </div>
-          <div>
-            Net: <span className="font-medium">{req.netRequirement.toLocaleString()}</span>
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: 'planned',
-      header: 'Planlanan',
-      render: (req: MrpMaterialRequirement) => (
-        <div className="text-sm">
-          <div>
-            Giriş: <span className="font-medium">{req.plannedOrderReceipt.toLocaleString()}</span>
-          </div>
-          <div>
-            Çıkış: <span className="font-medium">{req.plannedOrderRelease.toLocaleString()}</span>
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: 'dates',
-      header: 'Tarihler',
-      render: (req: MrpMaterialRequirement) => (
-        <div className="text-sm">
-          <div>İhtiyaç: {new Date(req.requirementDate).toLocaleDateString('tr-TR')}</div>
-          <div>Plan Giriş: {new Date(req.plannedReceiptDate).toLocaleDateString('tr-TR')}</div>
-        </div>
-      ),
-    },
-    {
-      key: 'projected',
-      header: 'Mevcut Stok',
-      render: (req: MrpMaterialRequirement) => (
-        <div>
-          <span className="font-medium text-gray-900">
-            {req.projectedAvailable.toLocaleString()}
-          </span>
-        </div>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (req: MrpMaterialRequirement) => (
-        <div className="flex gap-2">
-          <button
-            onClick={() => handleEditRequirement(req)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleDeleteRequirement(req.id)}
-            className="p-1 text-red-600 hover:bg-red-50 rounded"
-            title="Sil"
-          >
-            <FaTrash className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  // Calculate statistics
-  const totalForecasts = demandForecasts.length
-  const averageAccuracy =
-    demandForecasts
-      .filter((f) => f.accuracy !== undefined)
-      .reduce((sum, f) => sum + (f.accuracy || 0), 0) /
-      demandForecasts.filter((f) => f.accuracy !== undefined).length || 0
-
-  const totalRequirements = materialRequirements.length
-  const criticalRequirements = materialRequirements.filter(
-    (r) => r.netRequirement > 0 && r.projectedAvailable < r.grossRequirement,
-  ).length
-
-  // Method distribution
-  const methodDistribution = Object.values(ForecastMethodEnum).map((method) => ({
-    method,
-    count: demandForecasts.filter((f) => f.forecastMethod === method).length,
-    accuracy:
-      demandForecasts
-        .filter((f) => f.forecastMethod === method && f.accuracy !== undefined)
-        .reduce((sum, f) => sum + (f.accuracy || 0), 0) /
-        demandForecasts.filter((f) => f.forecastMethod === method && f.accuracy !== undefined)
-          .length || 0,
-  }))
-
-  // Source type distribution
-  const sourceDistribution = Object.values(RequirementSourceTypeEnum).map((sourceType) => ({
-    sourceType,
-    count: materialRequirements.filter((r) => r.sourceType === sourceType).length,
-    totalRequirement: materialRequirements
-      .filter((r) => r.sourceType === sourceType)
-      .reduce((sum, r) => sum + r.grossRequirement, 0),
-  }))
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Talep Planlama</h2>
-            <p className="text-gray-600">Talep tahmini ve malzeme ihtiyaç hesaplama</p>
-          </div>
-          <div className="flex gap-2">
-            <button
-              onClick={handleCalculateDemand}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
-            >
-              <FaCalculator className="w-4 h-4" />
-              Talep Hesapla
-            </button>
-            <button
-              onClick={handleGenerateRequirements}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors"
-            >
-              <FaBullseye className="w-4 h-4" />
-              İhtiyaç Oluştur
-            </button>
-            <button
-              onClick={activeTab === 'forecasts' ? handleAddForecast : handleAddRequirement}
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaPlus className="w-4 h-4" />
-              {activeTab === 'forecasts' ? 'Yeni Tahmin' : 'Yeni İhtiyaç'}
-            </button>
-          </div>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <Widget title="Toplam Tahmin" value={totalForecasts} color="blue" icon="FaArrowUp" />
-
-          <Widget
-            title="Ortalama Doğruluk"
-            value={`${averageAccuracy.toFixed(1)}%`}
-            color="green"
-            icon="FaChartBar"
-          />
-
-          <Widget
-            title="Malzeme İhtiyacı"
-            value={totalRequirements}
-            color="purple"
-            icon="FaBullseye"
-          />
-
-          <Widget
-            title="Kritik İhtiyaç"
-            value={criticalRequirements}
-            color="red"
-            icon="FaExclamationTriangle"
-          />
-        </div>
-
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-          {/* Method Distribution */}
-          <div>
-            <h3 className="text-lg font-semibold text-gray-900 mb-3">Tahmin Yöntemi Dağılımı</h3>
-            <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-              {methodDistribution.map(({ method, count, accuracy }) => (
-                <div key={method} className="text-center p-3 border rounded-lg bg-white">
-                  <div className="flex items-center justify-center gap-2 mb-2">
-                    <FaCalculator className="w-4 h-4 text-gray-400" />
-                    <span className="text-sm font-medium text-gray-900">
-                      {getForecastMethodText(method)}
-                    </span>
-                  </div>
-                  <div className="text-2xl font-bold text-gray-900 mb-1">{count}</div>
-                  <div className="text-xs text-gray-500">
-                    {accuracy > 0 ? `${accuracy.toFixed(1)}% Doğruluk` : 'Doğruluk Yok'}
-                  </div>
-                </div>
-              ))}
-            </div>
-          </div>
-
-          {/* Source Distribution */}
-          <div>
-            <h3 className="text-lg font-semibold text-gray-900 mb-3">İhtiyaç Kaynağı Dağılımı</h3>
-            <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-              {sourceDistribution.map(({ sourceType, count, totalRequirement }) => (
-                <div key={sourceType} className="text-center p-3 border rounded-lg bg-white">
-                  <div
-                    className={`inline-block px-2 py-1 text-xs font-medium rounded-full mb-2 ${getRequirementSourceTypeColor(
-                      sourceType,
-                    )}`}
-                  >
-                    {getRequirementSourceTypeText(sourceType)}
-                  </div>
-                  <div className="text-2xl font-bold text-gray-900 mb-1">{count}</div>
-                  <div className="text-xs text-gray-500">
-                    {totalRequirement.toLocaleString()} Miktar
-                  </div>
-                </div>
-              ))}
-            </div>
-          </div>
-        </div>
-
-        {/* Tabs */}
-        <div className="flex bg-gray-100 rounded-lg p-0.5">
-          <button
-            onClick={() => setActiveTab('forecasts')}
-            className={`flex-1 py-2 px-4 rounded-md text-sm font-medium transition-colors ${
-              activeTab === 'forecasts'
-                ? 'bg-white text-gray-900 shadow-sm'
-                : 'text-gray-600 hover:text-gray-900'
-            }`}
-          >
-            <div className="flex items-center justify-center gap-2">
-              <FaArrowUp className="w-4 h-4" />
-              Talep Tahminleri
-            </div>
-          </button>
-          <button
-            onClick={() => setActiveTab('requirements')}
-            className={`flex-1 py-2 px-4 rounded-md text-sm font-medium transition-colors ${
-              activeTab === 'requirements'
-                ? 'bg-white text-gray-900 shadow-sm'
-                : 'text-gray-600 hover:text-gray-900'
-            }`}
-          >
-            <div className="flex items-center justify-center gap-2">
-              <FaBullseye className="w-4 h-4" />
-              Malzeme İhtiyaçları
-            </div>
-          </button>
-        </div>
-
-        {/* Filters */}
-        <div className="flex gap-3 items-center">
-          <div className="flex-1">
-            <input
-              type="text"
-              placeholder={
-                activeTab === 'forecasts' ? 'Malzeme adı veya dönem ara...' : 'Malzeme adı ara...'
-              }
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-
-          {activeTab === 'forecasts' && (
-            <select
-              value={selectedMethod}
-              onChange={(e) => setSelectedMethod(e.target.value as ForecastMethodEnum | 'all')}
-              className="px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            >
-              <option value="all">Tüm Yöntemler</option>
-              {Object.values(ForecastMethodEnum).map((method) => (
-                <option key={method} value={method}>
-                  {getForecastMethodText(method)}
-                </option>
-              ))}
-            </select>
-          )}
-        </div>
-
-        {/* Data Table */}
-        <div className="bg-white rounded-lg shadow-sm border">
-          {activeTab === 'forecasts' ? (
-            <DataTable data={filteredForecasts} columns={forecastColumns} />
-          ) : (
-            <DataTable data={filteredRequirements} columns={requirementColumns} />
-          )}
-        </div>
-
-        {/* Empty State */}
-        {((activeTab === 'forecasts' && filteredForecasts.length === 0) ||
-          (activeTab === 'requirements' && filteredRequirements.length === 0)) && (
-          <div className="text-center py-12">
-            {activeTab === 'forecasts' ? (
-              <FaArrowUp className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-            ) : (
-              <FaBullseye className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-            )}
-            <h3 className="text-lg font-medium text-gray-900 mb-2">
-              {activeTab === 'forecasts' ? 'Tahmin bulunamadı' : 'İhtiyaç bulunamadı'}
-            </h3>
-            <p className="text-gray-500">Arama kriterlerinizi değiştirmeyi deneyin.</p>
-          </div>
-        )}
-      </div>
-
-      {/* Modals */}
-      <DemandForecastFormModal
-        isOpen={isForecastModalOpen}
-        onClose={handleCloseModal}
-        onSave={handleSaveForecast}
-        initialData={editingForecast}
-      />
-      <MaterialRequirementFormModal
-        isOpen={isRequirementModalOpen}
-        onClose={handleCloseModal}
-        onSave={handleSaveRequirement}
-        initialData={editingRequirement}
-      />
-    </Container>
-  )
-}
-
-export default DemandPlanning
diff --git a/ui/src/views/mrp/components/EditWorkOrderForm.tsx b/ui/src/views/mrp/components/EditWorkOrderForm.tsx
deleted file mode 100644
index 13d3e195..00000000
--- a/ui/src/views/mrp/components/EditWorkOrderForm.tsx
+++ /dev/null
@@ -1,319 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave } from 'react-icons/fa'
-import { MrpWorkOrder } from '../../../types/mrp'
-import { mockProductionOrders } from '../../../mocks/mockProductionOrders'
-import { mockOperations } from '../../../mocks/mockOperations'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import { WorkOrderStatusEnum } from '../../../types/pm'
-import { getWorkOrderStatusText } from '@/utils/erp'
-
-interface EditWorkOrderFormProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (workOrder: MrpWorkOrder) => void
-  workOrder: MrpWorkOrder | null
-}
-
-const EditWorkOrderForm: React.FC<EditWorkOrderFormProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  workOrder,
-}) => {
-  const [formData, setFormData] = useState({
-    workOrderNumber: '',
-    productionOrderId: '',
-    operationId: '',
-    materialId: '',
-    sequence: 1,
-    plannedStartDate: '',
-    plannedEndDate: '',
-    plannedQuantity: 0,
-    workCenterId: '',
-    assignedOperators: [] as string[],
-    setupTime: 0,
-    processTime: 0,
-    status: WorkOrderStatusEnum.Created,
-  })
-
-  useEffect(() => {
-    if (workOrder) {
-      setFormData({
-        workOrderNumber: workOrder.workOrderNumber,
-        productionOrderId: workOrder.productionOrderId,
-        operationId: workOrder.operationId,
-        materialId: workOrder.materialId,
-        sequence: workOrder.sequence,
-        plannedStartDate: workOrder.plannedStartDate.toISOString().split('T')[0],
-        plannedEndDate: workOrder.plannedEndDate.toISOString().split('T')[0],
-        plannedQuantity: workOrder.plannedQuantity,
-        workCenterId: workOrder.workCenterId,
-        assignedOperators: workOrder.assignedOperators,
-        setupTime: workOrder.setupTime,
-        processTime: workOrder.processTime,
-        status: workOrder.status,
-      })
-    }
-  }, [workOrder])
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (!workOrder) return
-
-    const updatedWorkOrder: MrpWorkOrder = {
-      ...workOrder,
-      ...formData,
-      plannedStartDate: new Date(formData.plannedStartDate),
-      plannedEndDate: new Date(formData.plannedEndDate),
-      lastModificationTime: new Date(),
-    }
-    onSave(updatedWorkOrder)
-    onClose()
-  }
-
-  if (!isOpen || !workOrder) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-xl w-full mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b">
-          <h2 className="text-lg font-semibold text-gray-900">İş Emri Düzenle</h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-4 h-4" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4 space-y-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                İş Emri Numarası
-              </label>
-              <input
-                type="text"
-                required
-                value={formData.workOrderNumber}
-                onChange={(e) => setFormData({ ...formData, workOrderNumber: e.target.value })}
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                placeholder="WO-2024-XXX"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Üretim Emri</label>
-              <select
-                required
-                value={formData.productionOrderId}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    productionOrderId: e.target.value,
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Seçiniz</option>
-                {mockProductionOrders.map((po) => (
-                  <option key={po.id} value={po.id}>
-                    {po.orderNumber}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Operasyon</label>
-              <select
-                required
-                value={formData.operationId}
-                onChange={(e) => setFormData({ ...formData, operationId: e.target.value })}
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Seçiniz</option>
-                {mockOperations.map((op) => (
-                  <option key={op.id} value={op.id}>
-                    {op.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Malzeme</label>
-              <select
-                required
-                value={formData.materialId}
-                onChange={(e) => setFormData({ ...formData, materialId: e.target.value })}
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Seçiniz</option>
-                {mockMaterials.map((mat) => (
-                  <option key={mat.id} value={mat.id}>
-                    {mat.code} - {mat.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">İş Merkezi</label>
-              <select
-                required
-                value={formData.workCenterId}
-                onChange={(e) => setFormData({ ...formData, workCenterId: e.target.value })}
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Seçiniz</option>
-                {mockWorkCenters.map((wc) => (
-                  <option key={wc.id} value={wc.id}>
-                    {wc.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Sıra</label>
-              <input
-                type="number"
-                required
-                min="1"
-                value={formData.sequence}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    sequence: parseInt(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Planlanan Başlangıç Tarihi
-              </label>
-              <input
-                type="date"
-                required
-                value={formData.plannedStartDate}
-                onChange={(e) => setFormData({ ...formData, plannedStartDate: e.target.value })}
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Planlanan Bitiş Tarihi
-              </label>
-              <input
-                type="date"
-                required
-                value={formData.plannedEndDate}
-                onChange={(e) => setFormData({ ...formData, plannedEndDate: e.target.value })}
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Planlanan Miktar
-              </label>
-              <input
-                type="number"
-                required
-                min="0"
-                value={formData.plannedQuantity}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    plannedQuantity: parseFloat(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Kurulum Süresi (dk)
-              </label>
-              <input
-                type="number"
-                required
-                min="0"
-                value={formData.setupTime}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    setupTime: parseInt(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                İşlem Süresi (dk)
-              </label>
-              <input
-                type="number"
-                required
-                min="0"
-                value={formData.processTime}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    processTime: parseInt(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Durum</label>
-              <select
-                value={formData.status}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    status: e.target.value as WorkOrderStatusEnum,
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(WorkOrderStatusEnum).map((status) => (
-                  <option key={status} value={status}>
-                    {getWorkOrderStatusText(status)}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          <div className="flex justify-end gap-2 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              Güncelle
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default EditWorkOrderForm
diff --git a/ui/src/views/mrp/components/MaterialRequirementFormModal.tsx b/ui/src/views/mrp/components/MaterialRequirementFormModal.tsx
deleted file mode 100644
index 5188781d..00000000
--- a/ui/src/views/mrp/components/MaterialRequirementFormModal.tsx
+++ /dev/null
@@ -1,208 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave } from 'react-icons/fa'
-import { MrpMaterialRequirement, RequirementSourceTypeEnum } from '../../../types/mrp'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { getRequirementSourceTypeText } from '@/utils/erp'
-
-interface MaterialRequirementFormModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (reqData: Omit<MrpMaterialRequirement, 'id' | 'material'> & { id?: string }) => void
-  initialData: MrpMaterialRequirement | null
-}
-
-const MaterialRequirementFormModal: React.FC<MaterialRequirementFormModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  initialData,
-}) => {
-  const newFormData: MrpMaterialRequirement = {
-    materialId: '',
-    sourceType: RequirementSourceTypeEnum.Forecast,
-    grossRequirement: 0,
-    netRequirement: 0,
-    projectedAvailable: 0,
-    scheduledReceipts: 0,
-    plannedOrderReceipt: 0,
-    plannedOrderRelease: 0,
-    requirementDate: new Date(),
-    plannedReceiptDate: new Date(),
-    id: '',
-    mrpRunId: '',
-    plannedReleaseDate: new Date(),
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  }
-
-  const [formData, setFormData] = useState(newFormData)
-
-  useEffect(() => {
-    if (initialData) {
-      setFormData({
-        ...initialData,
-        requirementDate: new Date(initialData.requirementDate),
-        plannedReceiptDate: new Date(initialData.plannedReceiptDate),
-      })
-    } else {
-      // Reset form for new entry
-      setFormData(newFormData)
-    }
-  }, [initialData, isOpen])
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    const saveData = {
-      ...formData,
-      id: initialData?.id,
-      requirementDate: new Date(formData.requirementDate),
-      plannedReceiptDate: new Date(formData.plannedReceiptDate),
-    }
-    onSave(saveData)
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-xl w-full mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b">
-          <h2 className="text-lg font-semibold text-gray-900">
-            {initialData ? 'Malzeme İhtiyacı Düzenle' : 'Yeni Malzeme İhtiyacı'}
-          </h2>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-4 h-4" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4 space-y-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Malzeme</label>
-              <select
-                required
-                value={formData.materialId}
-                onChange={(e) => setFormData({ ...formData, materialId: e.target.value })}
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Seçiniz</option>
-                {mockMaterials.map((mat) => (
-                  <option key={mat.id} value={mat.id}>
-                    {mat.code} - {mat.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Kaynak Tipi</label>
-              <select
-                required
-                value={formData.sourceType}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    sourceType: e.target.value as RequirementSourceTypeEnum,
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(RequirementSourceTypeEnum).map((type) => (
-                  <option key={type} value={type}>
-                    {getRequirementSourceTypeText(type)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Brüt İhtiyaç</label>
-              <input
-                type="number"
-                required
-                min="0"
-                value={formData.grossRequirement}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    grossRequirement: parseFloat(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Net İhtiyaç</label>
-              <input
-                type="number"
-                required
-                value={formData.netRequirement}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    netRequirement: parseFloat(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">İhtiyaç Tarihi</label>
-              <input
-                type="date"
-                required
-                value={formData.requirementDate.toISOString().split('T')[0]}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    requirementDate: new Date(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Planlanan Giriş Tarihi
-              </label>
-              <input
-                type="date"
-                required
-                value={formData.plannedReceiptDate.toISOString().split('T')[0]}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    plannedReceiptDate: new Date(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-          </div>
-
-          <div className="flex justify-end gap-2 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              Kaydet
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default MaterialRequirementFormModal
diff --git a/ui/src/views/mrp/components/MaterialRequirements.tsx b/ui/src/views/mrp/components/MaterialRequirements.tsx
deleted file mode 100644
index 9278dbaa..00000000
--- a/ui/src/views/mrp/components/MaterialRequirements.tsx
+++ /dev/null
@@ -1,267 +0,0 @@
-import React, { useState } from "react";
-import {
-  FaCalendar,
-  FaBullseye, // Keep for icon consistency if needed elsewhere
-} from "react-icons/fa";
-import {
-  MrpMaterialRequirement,
-  RequirementSourceTypeEnum,
-} from "../../../types/mrp";
-import DataTable, { Column } from "../../../components/common/DataTable";
-import {
-  getRequirementSourceTypeColor,
-  getRequirementSourceTypeText,
-} from "../../../utils/erp";
-
-interface MaterialRequirementsProps {
-  materialRequirements: MrpMaterialRequirement[];
-}
-
-const MaterialRequirements: React.FC<MaterialRequirementsProps> = ({
-  materialRequirements,
-}) => {
-  const [searchTerm, setSearchTerm] = useState("");
-  const [selectedSource, setSelectedSource] = useState<
-    RequirementSourceTypeEnum | "all"
-  >("all");
-  const [sortBy, setSortBy] = useState<"date" | "quantity" | "priority">(
-    "date"
-  );
-
-  // Event handlers
-  const handleViewDetails = (requirement: MrpMaterialRequirement) => {
-    console.log("View requirement details:", requirement);
-  };
-
-  const filteredRequirements = materialRequirements
-    .filter((req) => {
-      if (
-        searchTerm &&
-        !req.material?.name?.toLowerCase().includes(searchTerm.toLowerCase()) &&
-        !req.material?.code?.toLowerCase().includes(searchTerm.toLowerCase())
-      ) {
-        return false;
-      }
-      if (selectedSource !== "all" && req.sourceType !== selectedSource) {
-        return false;
-      }
-      return true;
-    })
-    .sort((a, b) => {
-      switch (sortBy) {
-        case "date":
-          return (
-            new Date(a.requirementDate).getTime() -
-            new Date(b.requirementDate).getTime()
-          );
-        case "quantity":
-          return b.netRequirement - a.netRequirement;
-        case "priority":
-          return b.grossRequirement - a.grossRequirement;
-        default:
-          return 0;
-      }
-    });
-
-  const getUrgencyLevel = (requirement: MrpMaterialRequirement) => {
-    const today = new Date();
-    const reqDate = new Date(requirement.requirementDate);
-    const daysUntilRequired = Math.ceil(
-      (reqDate.getTime() - today.getTime()) / (1000 * 60 * 60 * 24)
-    );
-
-    if (daysUntilRequired < 0)
-      return {
-        level: "overdue",
-        color: "bg-red-100 text-red-800",
-        label: "Gecikmiş",
-      };
-    if (daysUntilRequired <= 7)
-      return {
-        level: "urgent",
-        color: "bg-orange-100 text-orange-800",
-        label: "Acil",
-      };
-    if (daysUntilRequired <= 30)
-      return {
-        level: "soon",
-        color: "bg-yellow-100 text-yellow-800",
-        label: "Yakın",
-      };
-    return {
-      level: "normal",
-      color: "bg-green-100 text-green-800",
-      label: "Normal",
-    };
-  };
-
-  const requirementColumns: Column<MrpMaterialRequirement>[] = [
-    {
-      key: "material",
-      header: "Malzeme",
-      sortable: true,
-      render: (req: MrpMaterialRequirement) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {req.material?.name || `Material-${req.materialId.substring(0, 8)}`}
-          </div>
-          <div className="text-sm text-gray-500">{req.material?.code}</div>
-        </div>
-      ),
-    },
-    {
-      key: "sourceType",
-      header: "Kaynak",
-      render: (req: MrpMaterialRequirement) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getRequirementSourceTypeColor(
-            req.sourceType
-          )}`}
-        >
-          {getRequirementSourceTypeText(req.sourceType)}
-        </span>
-      ),
-    },
-    {
-      key: "urgency",
-      header: "Aciliyet",
-      render: (req: MrpMaterialRequirement) => {
-        const urgency = getUrgencyLevel(req);
-        return (
-          <span
-            className={`px-2 py-1 text-xs font-medium rounded-full ${urgency.color}`}
-          >
-            {urgency.label}
-          </span>
-        );
-      },
-    },
-    {
-      key: "requirements",
-      header: "İhtiyaçlar",
-      render: (req: MrpMaterialRequirement) => (
-        <div className="text-sm">
-          <div className="flex justify-between">
-            <span>Brüt:</span>
-            <span className="font-medium">
-              {req.grossRequirement.toLocaleString()}
-            </span>
-          </div>
-          <div className="flex justify-between">
-            <span>Mevcut:</span>
-            <span className="font-medium">
-              {req.projectedAvailable.toLocaleString()}
-            </span>
-          </div>
-          <div className="flex justify-between border-t pt-1">
-            <span>Net:</span>
-            <span
-              className={`font-medium ${
-                req.netRequirement > 0 ? "text-red-600" : "text-green-600"
-              }`}
-            >
-              {req.netRequirement.toLocaleString()}
-            </span>
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "scheduled",
-      header: "Planlanan",
-      render: (req: MrpMaterialRequirement) => (
-        <div className="text-sm">
-          <div>Gelen: {req.scheduledReceipts.toLocaleString()}</div>
-          <div>Sipariş: {req.plannedOrderReceipt.toLocaleString()}</div>
-        </div>
-      ),
-    },
-    {
-      key: "dates",
-      header: "Tarihler",
-      render: (req: MrpMaterialRequirement) => (
-        <div className="text-sm">
-          <div className="flex items-center gap-1">
-            <FaCalendar className="w-3 h-3 text-gray-400" />
-            <span>
-              İhtiyaç:{" "}
-              {new Date(req.requirementDate).toLocaleDateString("tr-TR")}
-            </span>
-          </div>
-          <div className="flex items-center gap-1">
-            <FaBullseye className="w-3 h-3 text-gray-400" />
-            <span>
-              Plan:{" "}
-              {new Date(req.plannedReceiptDate).toLocaleDateString("tr-TR")}
-            </span>
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "actions",
-      header: "İşlemler",
-      render: (req: MrpMaterialRequirement) => (
-        <button
-          onClick={() => handleViewDetails(req)}
-          className="px-3 py-1 text-sm bg-blue-50 text-blue-600 rounded hover:bg-blue-100 transition-colors"
-        >
-          Detay
-        </button>
-      ),
-    },
-  ];
-
-  return (
-    <>
-      {/* Filters */}
-      <div className="flex gap-2 items-center">
-        <div className="flex-1">
-          <input
-            type="text"
-            placeholder="Malzeme adı veya kodu ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          />
-        </div>
-
-        <select
-          value={selectedSource}
-          onChange={(e) =>
-            setSelectedSource(
-              e.target.value as RequirementSourceTypeEnum | "all"
-            )
-          }
-          className="px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="all">Tüm Kaynaklar</option>
-          {Object.values(RequirementSourceTypeEnum).map((source) => (
-            <option key={source} value={source}>
-              {getRequirementSourceTypeText(source)}
-            </option>
-          ))}
-        </select>
-
-        <select
-          value={sortBy}
-          onChange={(e) =>
-            setSortBy(e.target.value as "date" | "quantity" | "priority")
-          }
-          className="px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="date">Tarihe Göre</option>
-          <option value="quantity">Miktara Göre</option>
-          <option value="priority">Önceliğe Göre</option>
-        </select>
-      </div>
-
-      {/* Data Table */}
-      <div className="bg-white rounded-lg shadow-sm border">
-        <DataTable data={filteredRequirements} columns={requirementColumns} />
-      </div>
-    </>
-  );
-};
-
-export default MaterialRequirements;
diff --git a/ui/src/views/mrp/components/NewWorkOrderForm.tsx b/ui/src/views/mrp/components/NewWorkOrderForm.tsx
deleted file mode 100644
index defec6f7..00000000
--- a/ui/src/views/mrp/components/NewWorkOrderForm.tsx
+++ /dev/null
@@ -1,325 +0,0 @@
-import React, { useState } from "react";
-import { FaTimes, FaSave } from "react-icons/fa";
-import { MrpWorkOrder } from "../../../types/mrp";
-import { mockProductionOrders } from "../../../mocks/mockProductionOrders";
-import { mockOperations } from "../../../mocks/mockOperations";
-import { mockMaterials } from "../../../mocks/mockMaterials";
-import { mockWorkCenters } from "../../../mocks/mockWorkCenters";
-import { WorkOrderStatusEnum } from "../../../types/pm";
-
-interface NewWorkOrderFormProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onSave: (
-    workOrder: Omit<
-      MrpWorkOrder,
-      "id" | "creationTime" | "lastModificationTime"
-    >
-  ) => void;
-}
-
-const NewWorkOrderForm: React.FC<NewWorkOrderFormProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-}) => {
-  const [formData, setFormData] = useState({
-    workOrderNumber: "",
-    productionOrderId: "",
-    operationId: "",
-    materialId: "",
-    sequence: 1,
-    plannedStartDate: "",
-    plannedEndDate: "",
-    plannedQuantity: 0,
-    workCenterId: "",
-    assignedOperators: [] as string[],
-    setupTime: 0,
-    processTime: 0,
-    status: WorkOrderStatusEnum.Created,
-  });
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    const newWorkOrder: Omit<
-      MrpWorkOrder,
-      "id" | "creationTime" | "lastModificationTime"
-    > = {
-      ...formData,
-      plannedStartDate: new Date(formData.plannedStartDate),
-      plannedEndDate: new Date(formData.plannedEndDate),
-      confirmedQuantity: 0,
-      scrapQuantity: 0,
-      confirmations: [],
-      qualityChecks: [],
-    };
-    onSave(newWorkOrder);
-    onClose();
-    // Reset form
-    setFormData({
-      workOrderNumber: "",
-      productionOrderId: "",
-      operationId: "",
-      materialId: "",
-      sequence: 1,
-      plannedStartDate: "",
-      plannedEndDate: "",
-      plannedQuantity: 0,
-      workCenterId: "",
-      assignedOperators: [],
-      setupTime: 0,
-      processTime: 0,
-      status: WorkOrderStatusEnum.Created,
-    });
-  };
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-xl w-full mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b">
-          <h2 className="text-lg font-semibold text-gray-900">Yeni İş Emri</h2>
-          <button
-            onClick={onClose}
-            className="text-gray-400 hover:text-gray-600"
-          >
-            <FaTimes className="w-4 h-4" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4 space-y-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                İş Emri Numarası
-              </label>
-              <input
-                type="text"
-                required
-                value={formData.workOrderNumber}
-                onChange={(e) =>
-                  setFormData({ ...formData, workOrderNumber: e.target.value })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                placeholder="WO-2024-XXX"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Üretim Emri
-              </label>
-              <select
-                required
-                value={formData.productionOrderId}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    productionOrderId: e.target.value,
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Seçiniz</option>
-                {mockProductionOrders.map((po) => (
-                  <option key={po.id} value={po.id}>
-                    {po.orderNumber}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Operasyon
-              </label>
-              <select
-                required
-                value={formData.operationId}
-                onChange={(e) =>
-                  setFormData({ ...formData, operationId: e.target.value })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Seçiniz</option>
-                {mockOperations.map((op) => (
-                  <option key={op.id} value={op.id}>
-                    {op.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Malzeme
-              </label>
-              <select
-                required
-                value={formData.materialId}
-                onChange={(e) =>
-                  setFormData({ ...formData, materialId: e.target.value })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Seçiniz</option>
-                {mockMaterials.map((mat) => (
-                  <option key={mat.id} value={mat.id}>
-                    {mat.code} - {mat.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                İş Merkezi
-              </label>
-              <select
-                required
-                value={formData.workCenterId}
-                onChange={(e) =>
-                  setFormData({ ...formData, workCenterId: e.target.value })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Seçiniz</option>
-                {mockWorkCenters.map((wc) => (
-                  <option key={wc.id} value={wc.id}>
-                    {wc.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Sıra
-              </label>
-              <input
-                type="number"
-                required
-                min="1"
-                value={formData.sequence}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    sequence: parseInt(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Planlanan Başlangıç Tarihi
-              </label>
-              <input
-                type="date"
-                required
-                value={formData.plannedStartDate}
-                onChange={(e) =>
-                  setFormData({ ...formData, plannedStartDate: e.target.value })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Planlanan Bitiş Tarihi
-              </label>
-              <input
-                type="date"
-                required
-                value={formData.plannedEndDate}
-                onChange={(e) =>
-                  setFormData({ ...formData, plannedEndDate: e.target.value })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Planlanan Miktar
-              </label>
-              <input
-                type="number"
-                required
-                min="0"
-                value={formData.plannedQuantity}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    plannedQuantity: parseFloat(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Kurulum Süresi (dk)
-              </label>
-              <input
-                type="number"
-                required
-                min="0"
-                value={formData.setupTime}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    setupTime: parseInt(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                İşlem Süresi (dk)
-              </label>
-              <input
-                type="number"
-                required
-                min="0"
-                value={formData.processTime}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    processTime: parseInt(e.target.value),
-                  })
-                }
-                className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
-          </div>
-
-          <div className="flex justify-end gap-2 pt-4 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center gap-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaSave className="w-4 h-4" />
-              Kaydet
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
-
-export default NewWorkOrderForm;
diff --git a/ui/src/views/mrp/components/OperationDefinitions.tsx b/ui/src/views/mrp/components/OperationDefinitions.tsx
deleted file mode 100644
index 3fae841a..00000000
--- a/ui/src/views/mrp/components/OperationDefinitions.tsx
+++ /dev/null
@@ -1,383 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaEdit,
-  FaTrash,
-  FaCog,
-  FaClock,
-  FaDollarSign,
-  FaUser,
-  FaWrench,
-  FaTh,
-  FaList,
-} from 'react-icons/fa'
-import { MrpOperation } from '../../../types/mrp'
-import OperationFormModal from './OperationFormModal'
-import { mockOperations } from '../../../mocks/mockOperations'
-import { Container } from '@/components/shared'
-
-const OperationDefinitions: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [showModal, setShowModal] = useState(false)
-  const [editingOperation, setEditingOperation] = useState<MrpOperation | null>(null)
-  const [viewMode, setViewMode] = useState<'card' | 'list'>('card')
-
-  const getTotalCost = (operation: MrpOperation) => {
-    return operation.laborCost + operation.machineCost + operation.overheadCost
-  }
-
-  // Mock data - replace with actual API calls
-  const [operations, setOperations] = useState<MrpOperation[]>(mockOperations)
-
-  const filteredOperations = operations.filter(
-    (operation) =>
-      operation.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      operation.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      operation.workCenter?.name.toLowerCase().includes(searchTerm.toLowerCase()),
-  )
-
-  const handleEdit = (operation: MrpOperation) => {
-    setEditingOperation(operation)
-    setShowModal(true)
-  }
-
-  const handleAddNew = () => {
-    setEditingOperation(null)
-    setShowModal(true)
-  }
-
-  const handleSave = (op: MrpOperation) => {
-    setOperations((prev) => {
-      const existing = prev.find((p) => p.id === op.id)
-      if (existing) return prev.map((p) => (p.id === op.id ? op : p))
-      return [...prev, { ...op, id: op.id || String(Date.now()) }]
-    })
-    setShowModal(false)
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Operasyon Tanımları</h2>
-            <p className="text-gray-600">
-              İş merkezlerinde gerçekleştirilen operasyonları tanımlayın
-            </p>
-          </div>
-          <div className="flex items-center space-x-2">
-            {/* View Toggle */}
-            <div className="flex bg-gray-100 rounded-lg p-0.5">
-              <button
-                onClick={() => setViewMode('card')}
-                className={`px-2 py-1.5 rounded-md flex items-center space-x-2 transition-colors text-sm ${
-                  viewMode === 'card'
-                    ? 'bg-white text-blue-600 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
-                }`}
-              >
-                <FaTh className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => setViewMode('list')}
-                className={`px-2 py-1.5 rounded-md flex items-center space-x-2 transition-colors text-sm ${
-                  viewMode === 'list'
-                    ? 'bg-white text-blue-600 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
-                }`}
-              >
-                <FaList className="w-4 h-4" />
-              </button>
-            </div>
-            <button
-              onClick={handleAddNew}
-              className="bg-blue-600 text-white px-2 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center space-x-2"
-            >
-              <FaPlus className="w-4 h-4" />
-              <span>Yeni Operasyon</span>
-            </button>
-          </div>
-        </div>
-
-        {/* Search Bar */}
-        <div className="relative">
-          <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-          <input
-            type="text"
-            placeholder="Operasyon ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-          />
-        </div>
-
-        {/* Operations Display */}
-        {viewMode === 'card' ? (
-          /* Card View */
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-            {filteredOperations.map((operation) => (
-              <div
-                key={operation.id}
-                className="bg-white rounded-lg shadow-md border border-gray-200 p-3 hover:shadow-lg transition-shadow"
-              >
-                <div className="flex items-start justify-between mb-2">
-                  <div className="flex-1">
-                    <div className="flex items-center space-x-2 mb-1">
-                      <h3 className="text-lg font-semibold text-gray-900">{operation.name}</h3>
-                      <span className="px-2 py-1 rounded-full text-xs font-medium">
-                        {operation.operationType?.code}
-                      </span>
-                    </div>
-                    <p className="text-sm text-gray-600 mb-1">{operation.code}</p>
-                    {operation.description && (
-                      <p className="text-sm text-gray-500 mb-2">{operation.description}</p>
-                    )}
-                  </div>
-                  <div className="flex space-x-1">
-                    <button
-                      onClick={() => handleEdit(operation)}
-                      className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                    <button className="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition-colors">
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-
-                {/* Work Center Info */}
-                <div className="bg-gray-50 rounded-lg p-2 mb-2">
-                  <div className="flex items-center space-x-2 mb-2">
-                    <FaWrench className="w-4 h-4 text-gray-600" />
-                    <span className="font-medium text-gray-900">İş Merkezi</span>
-                  </div>
-                  <p className="text-sm text-gray-700">{operation.workCenter?.name}</p>
-                  <p className="text-sm text-gray-600">{operation.workCenter?.code}</p>
-                </div>
-
-                <div className="grid grid-cols-2 gap-3 mb-2">
-                  <div className="space-y-2">
-                    <div className="flex items-center justify-between text-sm">
-                      <span className="text-gray-500 flex items-center">
-                        <FaClock className="w-4 h-4 mr-1" />
-                        Standart Süre
-                      </span>
-                      <span className="font-medium">{operation.standardTime} dk</span>
-                    </div>
-
-                    <div className="flex items-center justify-between text-sm">
-                      <span className="text-gray-500 flex items-center">
-                        <FaCog className="w-4 h-4 mr-1" />
-                        Hazırlık Süresi
-                      </span>
-                      <span className="font-medium">{operation.setupTime} dk</span>
-                    </div>
-
-                    <div className="flex items-center justify-between text-sm">
-                      <span className="text-gray-500 flex items-center">
-                        <FaUser className="w-4 h-4 mr-1" />
-                        İşçilik
-                      </span>
-                      <span className="font-medium">₺{operation.laborCost}</span>
-                    </div>
-                  </div>
-
-                  <div className="space-y-2">
-                    <div className="flex items-center justify-between text-sm">
-                      <span className="text-gray-500">Makine Maliyeti</span>
-                      <span className="font-medium">₺{operation.machineCost}</span>
-                    </div>
-
-                    <div className="flex items-center justify-between text-sm">
-                      <span className="text-gray-500">Genel Gider</span>
-                      <span className="font-medium">₺{operation.overheadCost}</span>
-                    </div>
-
-                    <div className="flex items-center justify-between text-sm border-t pt-2">
-                      <span className="text-gray-700 font-medium flex items-center">
-                        <FaDollarSign className="w-4 h-4 mr-1" />
-                        Toplam Maliyet
-                      </span>
-                      <span className="font-bold text-blue-600">₺{getTotalCost(operation)}</span>
-                    </div>
-                  </div>
-                </div>
-
-                {operation.instructions && (
-                  <div className="bg-blue-50 rounded-lg p-2 mb-2">
-                    <h4 className="text-sm font-medium text-blue-900 mb-1">Talimatlar</h4>
-                    <p className="text-sm text-blue-700">{operation.instructions}</p>
-                  </div>
-                )}
-
-                <div className="flex items-center justify-between mt-2 pt-2 border-t">
-                  <div className="flex space-x-3">
-                    <span
-                      className={`px-2 py-1 rounded-full text-xs font-medium ${
-                        operation.isActive
-                          ? 'bg-green-100 text-green-800'
-                          : 'bg-red-100 text-red-800'
-                      }`}
-                    >
-                      {operation.isActive ? 'Aktif' : 'Pasif'}
-                    </span>
-                    <span
-                      className={`px-2 py-1 rounded-full text-xs font-medium ${
-                        operation.qualityCheckRequired
-                          ? 'bg-purple-100 text-purple-800'
-                          : 'bg-gray-100 text-gray-800'
-                      }`}
-                    >
-                      {operation.qualityCheckRequired
-                        ? 'Kalite Kontrolü Gerekli'
-                        : 'Kalite Kontrolü İsteğe Bağlı'}
-                    </span>
-                  </div>
-                  <span className="text-xs text-gray-400">
-                    {operation.lastModificationTime.toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-              </div>
-            ))}
-          </div>
-        ) : (
-          /* List View */
-          <div className="bg-white shadow rounded-lg overflow-hidden">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Operasyon
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İş Merkezi
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tür
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Süre (dk)
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Maliyet (₺)
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-2 py-1.5 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {filteredOperations.map((operation) => (
-                  <tr key={operation.id} className="hover:bg-gray-50 text-sm">
-                    <td className="px-2 py-1.5 whitespace-nowrap">
-                      <div>
-                        <div className="text-sm font-medium text-gray-900">{operation.name}</div>
-                        <div className="text-sm text-gray-500">{operation.code}</div>
-                        {operation.description && (
-                          <div className="text-xs text-gray-400 mt-1">{operation.description}</div>
-                        )}
-                      </div>
-                    </td>
-                    <td className="px-2 py-1.5 whitespace-nowrap">
-                      <div className="text-sm text-gray-900">{operation.workCenter?.name}</div>
-                      <div className="text-sm text-gray-500">{operation.workCenter?.code}</div>
-                    </td>
-                    <td className="px-2 py-1.5 whitespace-nowrap">
-                      <span className={'px-2 py-1 rounded-full text-xs font-medium'}>
-                        {operation.operationType?.code}
-                      </span>
-                    </td>
-                    <td className="px-2 py-1.5 whitespace-nowrap text-sm text-gray-900">
-                      <div className="space-y-1">
-                        <div className="flex items-center">
-                          <FaClock className="w-3 h-3 mr-1 text-gray-400" />
-                          <span>Standart: {operation.standardTime}</span>
-                        </div>
-                        <div className="flex items-center">
-                          <FaCog className="w-3 h-3 mr-1 text-gray-400" />
-                          <span>Hazırlık: {operation.setupTime}</span>
-                        </div>
-                      </div>
-                    </td>
-                    <td className="px-2 py-1.5 whitespace-nowrap text-sm text-gray-900">
-                      <div className="space-y-1">
-                        <div>İşçilik: ₺{operation.laborCost}</div>
-                        <div>Makine: ₺{operation.machineCost}</div>
-                        <div className="font-medium text-blue-600">
-                          Toplam: ₺{getTotalCost(operation)}
-                        </div>
-                      </div>
-                    </td>
-                    <td className="px-2 py-1.5 whitespace-nowrap">
-                      <div className="flex flex-col space-y-1">
-                        <span
-                          className={`px-2 py-1 rounded-full text-xs font-medium ${
-                            operation.isActive
-                              ? 'bg-green-100 text-green-800'
-                              : 'bg-red-100 text-red-800'
-                          }`}
-                        >
-                          {operation.isActive ? 'Aktif' : 'Pasif'}
-                        </span>
-                        <span
-                          className={`px-2 py-1 rounded-full text-xs font-medium ${
-                            operation.qualityCheckRequired
-                              ? 'bg-purple-100 text-purple-800'
-                              : 'bg-gray-100 text-gray-800'
-                          }`}
-                        >
-                          {operation.qualityCheckRequired
-                            ? 'Kalite Gerekli'
-                            : 'Kalite İsteğe Bağlı'}
-                        </span>
-                      </div>
-                    </td>
-                    <td className="px-2 py-1.5 whitespace-nowrap text-right text-sm font-medium">
-                      <div className="flex justify-end space-x-2">
-                        <button
-                          onClick={() => handleEdit(operation)}
-                          className="text-blue-600 hover:text-blue-900"
-                        >
-                          <FaEdit className="w-4 h-4" />
-                        </button>
-                        <button className="text-red-600 hover:text-red-900">
-                          <FaTrash className="w-4 h-4" />
-                        </button>
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-        )}
-
-        {filteredOperations.length === 0 && (
-          <div className="text-center py-12">
-            <FaCog className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-            <h3 className="text-lg font-medium text-gray-900 mb-2">Operasyon bulunamadı</h3>
-            <p className="text-gray-500">
-              Arama kriterlerinizi değiştirin veya yeni bir operasyon ekleyin.
-            </p>
-          </div>
-        )}
-      </div>
-
-      {/* Modal for Add/Edit */}
-      <OperationFormModal
-        open={showModal}
-        initial={editingOperation}
-        onSave={handleSave}
-        onClose={() => setShowModal(false)}
-      />
-    </Container>
-  )
-}
-
-export default OperationDefinitions
diff --git a/ui/src/views/mrp/components/OperationForm.tsx b/ui/src/views/mrp/components/OperationForm.tsx
deleted file mode 100644
index 0446bf68..00000000
--- a/ui/src/views/mrp/components/OperationForm.tsx
+++ /dev/null
@@ -1,623 +0,0 @@
-import React, { useState, useEffect, useCallback } from "react";
-import { useNavigate, useParams } from "react-router-dom";
-import {
-  FaSave,
-  FaTimes,
-  FaCog,
-  FaClock,
-  FaDollarSign,
-  FaWrench,
-} from "react-icons/fa";
-import LoadingSpinner from "../../../components/common/LoadingSpinner";
-import { MrpOperation } from "../../../types/mrp";
-import { mockOperations } from "../../../mocks/mockOperations";
-import { mockOperationTypes } from "../../../mocks/mockOperationTypes";
-import { mockWorkCenters } from "../../../mocks/mockWorkCenters";
-import { PmWorkCenter } from "../../../types/pm";
-
-interface ValidationErrors {
-  [key: string]: string;
-}
-
-const OperationForm: React.FC = () => {
-  const navigate = useNavigate();
-  const { id } = useParams<{ id: string }>();
-  const isEdit = Boolean(id);
-
-  const [loading, setLoading] = useState(false);
-  const [saving, setSaving] = useState(false);
-  const [errors, setErrors] = useState<ValidationErrors>({});
-  const [workCenters, setWorkCenters] = useState<PmWorkCenter[]>([]);
-
-  const [formData, setFormData] = useState<MrpOperation>({
-    id: "",
-    code: "",
-    name: "",
-    description: "",
-    operationTypeId: "",
-    workCenterId: "",
-    standardTime: 0,
-    setupTime: 0,
-    laborCost: 0,
-    machineCost: 0,
-    overheadCost: 0,
-    isActive: true,
-    instructions: "",
-    qualityCheckRequired: false,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  });
-
-  const loadWorkCenters = useCallback(async () => {
-    try {
-      setWorkCenters(mockWorkCenters);
-    } catch (error) {
-      console.error("Error loading work centers:", error);
-    }
-  }, []);
-
-  const loadFormData = useCallback(async () => {
-    setLoading(true);
-    try {
-      if (isEdit && id) {
-        // Simulate API call
-        await new Promise((resolve) => setTimeout(resolve, 1000));
-
-        const mockOperation = mockOperations.find((op) => op.id === id);
-        if (mockOperation) {
-          setFormData(mockOperation);
-        }
-      }
-    } catch (error) {
-      console.error("Error loading form data:", error);
-    } finally {
-      setLoading(false);
-    }
-  }, [isEdit, id]);
-
-  useEffect(() => {
-    loadWorkCenters();
-    loadFormData();
-  }, [loadWorkCenters, loadFormData]);
-
-  const validateForm = (): boolean => {
-    const newErrors: ValidationErrors = {};
-
-    if (!formData.code.trim()) {
-      newErrors.code = "Operasyon kodu zorunludur";
-    }
-    if (!formData.name.trim()) {
-      newErrors.name = "Operasyon adı zorunludur";
-    }
-    if (!formData.operationType) {
-      newErrors.operationType = "Operasyon türü seçilmelidir";
-    }
-    if (!formData.workCenterId) {
-      newErrors.workCenterId = "İş merkezi seçilmelidir";
-    }
-    if (formData.standardTime <= 0) {
-      newErrors.standardTime = "Standart süre 0'dan büyük olmalıdır";
-    }
-    if (formData.setupTime < 0) {
-      newErrors.setupTime = "Hazırlık süresi negatif olamaz";
-    }
-    if (formData.laborCost < 0) {
-      newErrors.laborCost = "İşçilik maliyeti negatif olamaz";
-    }
-    if (formData.machineCost < 0) {
-      newErrors.machineCost = "Makine maliyeti negatif olamaz";
-    }
-    if (formData.overheadCost < 0) {
-      newErrors.overheadCost = "Genel gider maliyeti negatif olamaz";
-    }
-
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-
-  const handleInputChange = (
-    field: keyof MrpOperation,
-    value: string | number | boolean
-  ) => {
-    setFormData((prev) => ({
-      ...prev,
-      [field]: value,
-    }));
-
-    // Clear error when user starts typing
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: "",
-      }));
-    }
-  };
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-
-    if (!validateForm()) {
-      return;
-    }
-
-    setSaving(true);
-    try {
-      // Simulate API call
-      await new Promise((resolve) => setTimeout(resolve, 2000));
-
-      console.log("Operation data:", {
-        ...formData,
-        id: isEdit ? id : undefined,
-      });
-
-      // Show success message
-      alert(
-        isEdit
-          ? "Operasyon başarıyla güncellendi!"
-          : "Operasyon başarıyla oluşturuldu!"
-      );
-
-      // Navigate back to list
-      navigate("/routing");
-    } catch (error) {
-      console.error("Error saving operation:", error);
-      alert("Bir hata oluştu. Lütfen tekrar deneyin.");
-    } finally {
-      setSaving(false);
-    }
-  };
-
-  const handleCancel = () => {
-    navigate("/routing");
-  };
-
-  if (loading) {
-    return <LoadingSpinner />;
-  }
-
-  return (
-    <div className="space-y-2">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h2 className="text-lg font-semibold text-gray-900">
-            {isEdit ? "Operasyon Düzenle" : "Yeni Operasyon"}
-          </h2>
-          <p className="text-sm text-gray-600 mt-0.5">
-            {isEdit
-              ? "Mevcut operasyon bilgilerini güncelleyin"
-              : "Yeni operasyon bilgilerini girin"}
-          </p>
-        </div>
-      </div>
-
-      {/* Form */}
-      <form onSubmit={handleSubmit} className="space-y-3">
-        {/* Basic Information */}
-        <div className="bg-white shadow rounded-lg">
-          <div className="px-4 py-3 border-b border-gray-200">
-            <h3 className="text-base font-medium text-gray-900 flex items-center">
-              <FaCog className="w-4 h-4 mr-2" />
-              Genel Bilgiler
-            </h3>
-          </div>
-
-          <div className="px-4 py-3 space-y-3">
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Operasyon Kodu *
-                </label>
-                <input
-                  type="text"
-                  value={formData.code}
-                  onChange={(e) => handleInputChange("code", e.target.value)}
-                  className={`block w-full px-2 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                    errors.code
-                      ? "border-red-300 focus:border-red-500 focus:ring-red-500"
-                      : "border-gray-300 focus:border-blue-500 focus:ring-blue-500"
-                  }`}
-                  placeholder="Örn: OP001"
-                />
-                {errors.code && (
-                  <p className="mt-1 text-sm text-red-600">{errors.code}</p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Operasyon Türü *
-                </label>
-                <select
-                  value={formData.operationTypeId}
-                  onChange={(e) =>
-                    handleInputChange("operationType", e.target.value)
-                  }
-                  className={`block w-full px-2 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                    errors.operationType
-                      ? "border-red-300 focus:border-red-500 focus:ring-red-500"
-                      : "border-gray-300 focus:border-blue-500 focus:ring-blue-500"
-                  }`}
-                >
-                  <option value="">Operasyon türü seçin</option>
-                  {mockOperationTypes.map((o) => (
-                    <option key={o.id} value={o.id}>
-                      {o.code} - {o.name}
-                    </option>
-                  ))}
-                </select>
-                {errors.operationType && (
-                  <p className="mt-1 text-sm text-red-600">
-                    {errors.operationType}
-                  </p>
-                )}
-              </div>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Operasyon Adı *
-              </label>
-              <input
-                type="text"
-                value={formData.name}
-                onChange={(e) => handleInputChange("name", e.target.value)}
-                className={`block w-full px-2 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                  errors.name
-                    ? "border-red-300 focus:border-red-500 focus:ring-red-500"
-                    : "border-gray-300 focus:border-blue-500 focus:ring-blue-500"
-                }`}
-                placeholder="Operasyon adı"
-              />
-              {errors.name && (
-                <p className="mt-1 text-sm text-red-600">{errors.name}</p>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Açıklama
-              </label>
-              <textarea
-                value={formData.description}
-                onChange={(e) =>
-                  handleInputChange("description", e.target.value)
-                }
-                rows={3}
-                className="block w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                placeholder="Operasyon açıklaması"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                İş Merkezi *
-              </label>
-              <select
-                value={formData.workCenterId}
-                onChange={(e) =>
-                  handleInputChange("workCenterId", e.target.value)
-                }
-                className={`block w-full px-2 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                  errors.workCenterId
-                    ? "border-red-300 focus:border-red-500 focus:ring-red-500"
-                    : "border-gray-300 focus:border-blue-500 focus:ring-blue-500"
-                }`}
-              >
-                <option value="">İş merkezi seçin</option>
-                {workCenters.map((workCenter) => (
-                  <option key={workCenter.id} value={workCenter.id}>
-                    {workCenter.code} - {workCenter.name}
-                  </option>
-                ))}
-              </select>
-              {errors.workCenterId && (
-                <p className="mt-1 text-sm text-red-600">
-                  {errors.workCenterId}
-                </p>
-              )}
-            </div>
-          </div>
-        </div>
-
-        {/* Time Information */}
-        <div className="bg-white shadow rounded-lg">
-          <div className="px-4 py-3 border-b border-gray-200">
-            <h3 className="text-base font-medium text-gray-900 flex items-center">
-              <FaClock className="w-4 h-4 mr-2" />
-              Süre Bilgileri
-            </h3>
-          </div>
-
-          <div className="px-4 py-3 space-y-3">
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Standart Süre (dakika) *
-                </label>
-                <input
-                  type="number"
-                  min="0"
-                  step="0.1"
-                  value={formData.standardTime}
-                  onChange={(e) =>
-                    handleInputChange(
-                      "standardTime",
-                      parseFloat(e.target.value) || 0
-                    )
-                  }
-                  className={`block w-full px-2 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                    errors.standardTime
-                      ? "border-red-300 focus:border-red-500 focus:ring-red-500"
-                      : "border-gray-300 focus:border-blue-500 focus:ring-blue-500"
-                  }`}
-                  placeholder="0"
-                />
-                {errors.standardTime && (
-                  <p className="mt-1 text-sm text-red-600">
-                    {errors.standardTime}
-                  </p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Hazırlık Süresi (dakika)
-                </label>
-                <input
-                  type="number"
-                  min="0"
-                  step="0.1"
-                  value={formData.setupTime}
-                  onChange={(e) =>
-                    handleInputChange(
-                      "setupTime",
-                      parseFloat(e.target.value) || 0
-                    )
-                  }
-                  className={`block w-full px-2 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                    errors.setupTime
-                      ? "border-red-300 focus:border-red-500 focus:ring-red-500"
-                      : "border-gray-300 focus:border-blue-500 focus:ring-blue-500"
-                  }`}
-                  placeholder="0"
-                />
-                {errors.setupTime && (
-                  <p className="mt-1 text-sm text-red-600">
-                    {errors.setupTime}
-                  </p>
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Cost Information */}
-        <div className="bg-white shadow rounded-lg">
-          <div className="px-4 py-3 border-b border-gray-200">
-            <h3 className="text-base font-medium text-gray-900 flex items-center">
-              <FaDollarSign className="w-4 h-4 mr-2" />
-              Maliyet Bilgileri
-            </h3>
-          </div>
-
-          <div className="px-4 py-3 space-y-3">
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  İşçilik Maliyeti (TL/saat)
-                </label>
-                <input
-                  type="number"
-                  min="0"
-                  step="0.01"
-                  value={formData.laborCost}
-                  onChange={(e) =>
-                    handleInputChange(
-                      "laborCost",
-                      parseFloat(e.target.value) || 0
-                    )
-                  }
-                  className={`block w-full px-2 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                    errors.laborCost
-                      ? "border-red-300 focus:border-red-500 focus:ring-red-500"
-                      : "border-gray-300 focus:border-blue-500 focus:ring-blue-500"
-                  }`}
-                  placeholder="0.00"
-                />
-                {errors.laborCost && (
-                  <p className="mt-1 text-sm text-red-600">
-                    {errors.laborCost}
-                  </p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Makine Maliyeti (TL/saat)
-                </label>
-                <input
-                  type="number"
-                  min="0"
-                  step="0.01"
-                  value={formData.machineCost}
-                  onChange={(e) =>
-                    handleInputChange(
-                      "machineCost",
-                      parseFloat(e.target.value) || 0
-                    )
-                  }
-                  className={`block w-full px-2 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                    errors.machineCost
-                      ? "border-red-300 focus:border-red-500 focus:ring-red-500"
-                      : "border-gray-300 focus:border-blue-500 focus:ring-blue-500"
-                  }`}
-                  placeholder="0.00"
-                />
-                {errors.machineCost && (
-                  <p className="mt-1 text-sm text-red-600">
-                    {errors.machineCost}
-                  </p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Genel Gider (TL/saat)
-                </label>
-                <input
-                  type="number"
-                  min="0"
-                  step="0.01"
-                  value={formData.overheadCost}
-                  onChange={(e) =>
-                    handleInputChange(
-                      "overheadCost",
-                      parseFloat(e.target.value) || 0
-                    )
-                  }
-                  className={`block w-full px-2 py-1.5 text-sm border rounded-md shadow-sm focus:outline-none focus:ring-1 ${
-                    errors.overheadCost
-                      ? "border-red-300 focus:border-red-500 focus:ring-red-500"
-                      : "border-gray-300 focus:border-blue-500 focus:ring-blue-500"
-                  }`}
-                  placeholder="0.00"
-                />
-                {errors.overheadCost && (
-                  <p className="mt-1 text-sm text-red-600">
-                    {errors.overheadCost}
-                  </p>
-                )}
-              </div>
-            </div>
-
-            <div className="bg-gray-50 rounded-lg p-3">
-              <div className="text-sm text-gray-600 mb-2">
-                Toplam Maliyet Özeti
-              </div>
-              <div className="grid grid-cols-1 md:grid-cols-4 gap-3 text-sm">
-                <div>
-                  <span className="font-medium">İşçilik:</span>{" "}
-                  {formData.laborCost.toFixed(2)} TL/saat
-                </div>
-                <div>
-                  <span className="font-medium">Makine:</span>{" "}
-                  {formData.machineCost.toFixed(2)} TL/saat
-                </div>
-                <div>
-                  <span className="font-medium">Genel Gider:</span>{" "}
-                  {formData.overheadCost.toFixed(2)} TL/saat
-                </div>
-                <div className="font-semibold">
-                  <span className="font-medium">Toplam:</span>{" "}
-                  {(
-                    formData.laborCost +
-                    formData.machineCost +
-                    formData.overheadCost
-                  ).toFixed(2)}{" "}
-                  TL/saat
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Instructions and Quality */}
-        <div className="bg-white shadow rounded-lg">
-          <div className="px-4 py-3 border-b border-gray-200">
-            <h3 className="text-base font-medium text-gray-900 flex items-center">
-              <FaWrench className="w-4 h-4 mr-2" />
-              Talimatlar ve Kalite
-            </h3>
-          </div>
-
-          <div className="px-4 py-3 space-y-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                İş Talimatları
-              </label>
-              <textarea
-                value={formData.instructions}
-                onChange={(e) =>
-                  handleInputChange("instructions", e.target.value)
-                }
-                rows={5}
-                className="block w-full px-2 py-1.5 text-sm border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                placeholder="Operasyon için detaylı iş talimatları..."
-              />
-            </div>
-
-            <div className="flex items-center space-x-6">
-              <div className="flex items-center">
-                <input
-                  type="checkbox"
-                  id="qualityCheckRequired"
-                  checked={formData.qualityCheckRequired}
-                  onChange={(e) =>
-                    handleInputChange("qualityCheckRequired", e.target.checked)
-                  }
-                  className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded-lg"
-                />
-                <label
-                  htmlFor="qualityCheckRequired"
-                  className="ml-2 block text-sm text-gray-900"
-                >
-                  Kalite kontrolü gerekli
-                </label>
-              </div>
-
-              <div className="flex items-center">
-                <input
-                  type="checkbox"
-                  id="isActive"
-                  checked={formData.isActive}
-                  onChange={(e) =>
-                    handleInputChange("isActive", e.target.checked)
-                  }
-                  className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded-lg"
-                />
-                <label
-                  htmlFor="isActive"
-                  className="ml-2 block text-sm text-gray-900"
-                >
-                  Aktif
-                </label>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Form Actions */}
-        <div className="flex items-center justify-end space-x-2 bg-white px-4 py-3 rounded-lg shadow">
-          <button
-            type="button"
-            onClick={handleCancel}
-            className="inline-flex items-center px-3 py-1.5 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
-          >
-            <FaTimes className="w-4 h-4 mr-2" />
-            İptal
-          </button>
-          <button
-            type="submit"
-            disabled={saving}
-            className="inline-flex items-center px-3 py-1.5 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
-          >
-            {saving ? (
-              <>
-                <div className="animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2"></div>
-                Kaydediliyor...
-              </>
-            ) : (
-              <>
-                <FaSave className="w-4 h-4 mr-2" />
-                {isEdit ? "Güncelle" : "Kaydet"}
-              </>
-            )}
-          </button>
-        </div>
-      </form>
-    </div>
-  );
-};
-
-export default OperationForm;
diff --git a/ui/src/views/mrp/components/OperationFormModal.tsx b/ui/src/views/mrp/components/OperationFormModal.tsx
deleted file mode 100644
index 8f24d644..00000000
--- a/ui/src/views/mrp/components/OperationFormModal.tsx
+++ /dev/null
@@ -1,364 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { FaSave, FaTimes } from "react-icons/fa";
-import { MrpOperation } from "../../../types/mrp";
-import { mockOperationTypes } from "../../../mocks/mockOperationTypes";
-import { mockWorkCenters } from "../../../mocks/mockWorkCenters";
-
-interface OperationFormProps {
-  open: boolean;
-  initial?: MrpOperation | null;
-  onClose: () => void;
-  onSave: (op: MrpOperation) => void;
-}
-
-const OperationFormModal: React.FC<OperationFormProps> = ({
-  open,
-  initial = null,
-  onClose,
-  onSave,
-}) => {
-  const [form, setForm] = useState<MrpOperation | null>(null);
-
-  useEffect(() => {
-    if (initial) setForm(initial);
-    else
-      setForm({
-        id: "",
-        code: "",
-        name: "",
-        description: "",
-        operationTypeId: "",
-        workCenterId: "",
-        standardTime: 0,
-        setupTime: 0,
-        laborCost: 0,
-        machineCost: 0,
-        overheadCost: 0,
-        instructions: "",
-        qualityCheckRequired: false,
-        isActive: true,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      });
-  }, [initial, open]);
-
-  if (!open || !form) return null;
-
-  const save = async () => {
-    await new Promise((r) => setTimeout(r, 600));
-    onSave({ ...form, id: form.id || String(Date.now()) });
-  };
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg p-4 w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto">
-        <h3 className="text-lg font-semibold mb-4">
-          {form.id ? "Operasyonu Düzenle" : "Yeni Operasyon"}
-        </h3>
-
-        <div className="space-y-2">
-          {/* First Row - Code and Name */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Kod
-              </label>
-              <input
-                autoFocus
-                value={form.code}
-                onChange={(e) =>
-                  setForm({
-                    ...form,
-                    code: e.target.value,
-                    lastModificationTime: new Date(),
-                  })
-                }
-                className="w-full border rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="Operasyon kodu girin"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Ad
-              </label>
-              <input
-                value={form.name}
-                onChange={(e) =>
-                  setForm({
-                    ...form,
-                    name: e.target.value,
-                    lastModificationTime: new Date(),
-                  })
-                }
-                className="w-full border rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="Operasyon adı girin"
-              />
-            </div>
-          </div>
-
-          {/* Description */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Açıklama
-            </label>
-            <textarea
-              value={form.description}
-              onChange={(e) =>
-                setForm({
-                  ...form,
-                  description: e.target.value,
-                  lastModificationTime: new Date(),
-                })
-              }
-              rows={3}
-              className="w-full border rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="Operasyon açıklaması girin"
-            />
-          </div>
-
-          {/* Second Row - Operation Type and Work Center */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Operasyon Türü
-              </label>
-              <select
-                value={form.operationTypeId}
-                onChange={(e) =>
-                  setForm({
-                    ...form,
-                    operationTypeId: e.target.value,
-                    lastModificationTime: new Date(),
-                  })
-                }
-                className="w-full border rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Operasyon türü seçin</option>
-                {mockOperationTypes.map((o) => (
-                  <option key={o.id} value={o.id}>
-                    {o.code} - {o.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                İş Merkezi
-              </label>
-              <select
-                value={form.workCenterId}
-                onChange={(e) =>
-                  setForm({
-                    ...form,
-                    workCenterId: e.target.value,
-                    lastModificationTime: new Date(),
-                  })
-                }
-                className="w-full border rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              >
-                <option value="">Seçiniz...</option>
-                {mockWorkCenters.map((wc) => (
-                  <option key={wc.id} value={wc.id}>
-                    {wc.code} - {wc.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          {/* Third Row - Times */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Standart Süre (dk)
-              </label>
-              <input
-                type="number"
-                value={form.standardTime}
-                onChange={(e) =>
-                  setForm({
-                    ...form,
-                    standardTime: Number(e.target.value),
-                    lastModificationTime: new Date(),
-                  })
-                }
-                className="w-full border rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="Standart süre girin"
-                min="0"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Hazırlık Süresi (dk)
-              </label>
-              <input
-                type="number"
-                value={form.setupTime}
-                onChange={(e) =>
-                  setForm({
-                    ...form,
-                    setupTime: Number(e.target.value),
-                    lastModificationTime: new Date(),
-                  })
-                }
-                className="w-full border rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="Hazırlık süresi girin"
-                min="0"
-              />
-            </div>
-          </div>
-
-          {/* Fourth Row - Costs */}
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                İşçilik Maliyeti (₺)
-              </label>
-              <input
-                type="number"
-                value={form.laborCost}
-                onChange={(e) =>
-                  setForm({
-                    ...form,
-                    laborCost: Number(e.target.value),
-                    lastModificationTime: new Date(),
-                  })
-                }
-                className="w-full border rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="İşçilik maliyeti girin"
-                min="0"
-                step="0.01"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Makine Maliyeti (₺)
-              </label>
-              <input
-                type="number"
-                value={form.machineCost}
-                onChange={(e) =>
-                  setForm({
-                    ...form,
-                    machineCost: Number(e.target.value),
-                    lastModificationTime: new Date(),
-                  })
-                }
-                className="w-full border rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="Makine maliyeti girin"
-                min="0"
-                step="0.01"
-              />
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Genel Gider (₺)
-              </label>
-              <input
-                type="number"
-                value={form.overheadCost}
-                onChange={(e) =>
-                  setForm({
-                    ...form,
-                    overheadCost: Number(e.target.value),
-                    lastModificationTime: new Date(),
-                  })
-                }
-                className="w-full border rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="Genel gider girin"
-                min="0"
-                step="0.01"
-              />
-            </div>
-          </div>
-
-          {/* Instructions */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Talimatlar
-            </label>
-            <textarea
-              value={form.instructions || ""}
-              onChange={(e) =>
-                setForm({
-                  ...form,
-                  instructions: e.target.value,
-                  lastModificationTime: new Date(),
-                })
-              }
-              rows={3}
-              className="w-full border rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              placeholder="Operasyon talimatları girin"
-            />
-          </div>
-
-          {/* Checkboxes */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-            <div className="flex items-center">
-              <input
-                type="checkbox"
-                id="qualityCheckRequired"
-                checked={form.qualityCheckRequired}
-                onChange={(e) =>
-                  setForm({
-                    ...form,
-                    qualityCheckRequired: e.target.checked,
-                    lastModificationTime: new Date(),
-                  })
-                }
-                className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-              />
-              <label
-                htmlFor="qualityCheckRequired"
-                className="ml-2 text-sm font-medium text-gray-700"
-              >
-                Kalite Kontrolü Gerekli
-              </label>
-            </div>
-            <div className="flex items-center">
-              <input
-                type="checkbox"
-                id="isActive"
-                checked={form.isActive}
-                onChange={(e) =>
-                  setForm({
-                    ...form,
-                    isActive: e.target.checked,
-                    lastModificationTime: new Date(),
-                  })
-                }
-                className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-              />
-              <label
-                htmlFor="isActive"
-                className="ml-2 text-sm font-medium text-gray-700"
-              >
-                Aktif
-              </label>
-            </div>
-          </div>
-        </div>
-
-        <div className="mt-4 flex justify-end space-x-2">
-          <button
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-          >
-            <FaTimes className="inline mr-2" />
-            İptal
-          </button>
-          <button
-            onClick={save}
-            className="px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700"
-          >
-            <FaSave className="inline mr-2" />
-            Kaydet
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default OperationFormModal;
diff --git a/ui/src/views/mrp/components/OperationTypeFormModal.tsx b/ui/src/views/mrp/components/OperationTypeFormModal.tsx
deleted file mode 100644
index 4b6b9846..00000000
--- a/ui/src/views/mrp/components/OperationTypeFormModal.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaSave, FaTimes } from 'react-icons/fa'
-import { OperationCategoryEnum, MrpOperationTypeDefinition } from '../../../types/mrp'
-import { getOperationTypeText } from '@/utils/erp'
-
-interface OperationTypeFormProps {
-  open: boolean
-  initial?: MrpOperationTypeDefinition | null
-  onClose: () => void
-  onSave: (data: MrpOperationTypeDefinition) => void
-}
-
-const OperationTypeFormModal: React.FC<OperationTypeFormProps> = ({
-  open,
-  initial = null,
-  onClose,
-  onSave,
-}) => {
-  const [saving, setSaving] = useState(false)
-  const [form, setForm] = useState<MrpOperationTypeDefinition>(
-    initial || {
-      id: '',
-      code: '',
-      name: '',
-      description: '',
-      category: OperationCategoryEnum.Setup,
-      defaultDuration: 0,
-      requiresSetup: false,
-      allowsParallelOperation: false,
-      qualityCheckRequired: false,
-      skillLevelRequired: 1,
-      isActive: true,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    },
-  )
-
-  useEffect(() => {
-    if (initial) setForm(initial)
-    else
-      setForm((prev) => ({
-        ...prev,
-        id: '',
-        code: '',
-        name: '',
-        description: '',
-      }))
-  }, [initial, open])
-
-  if (!open) return null
-
-  const handleChange = (
-    field: keyof MrpOperationTypeDefinition,
-    value: string | number | boolean,
-  ) => {
-    setForm((s) => ({
-      ...s,
-      [field]: value,
-      lastModificationTime: new Date(),
-    }))
-  }
-
-  const handleSave = async () => {
-    setSaving(true)
-    try {
-      // simulate API
-      await new Promise((r) => setTimeout(r, 600))
-      onSave({ ...form, id: form.id || String(Date.now()) })
-    } finally {
-      setSaving(false)
-    }
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg p-4 w-full max-w-xl mx-4">
-        <h3 className="text-lg font-semibold mb-3">
-          {form.id ? 'Operasyon Türünü Düzenle' : 'Yeni Operasyon Türü'}
-        </h3>
-
-        <div className="space-y-2">
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Kod</label>
-            <input
-              autoFocus
-              value={form.code}
-              onChange={(e) => handleChange('code', e.target.value)}
-              className="w-full border rounded-lg px-2 py-1.5 text-sm"
-              placeholder="Örn: CUT001"
-            />
-          </div>
-
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Ad</label>
-            <input
-              value={form.name}
-              onChange={(e) => handleChange('name', e.target.value)}
-              className="w-full border rounded-lg px-2 py-1.5 text-sm"
-              placeholder="Kesme İşlemi"
-            />
-          </div>
-
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">Açıklama</label>
-            <textarea
-              value={form.description}
-              onChange={(e) => handleChange('description', e.target.value)}
-              rows={3}
-              className="w-full border rounded-lg px-2 py-1.5 text-sm"
-            />
-          </div>
-
-          <div className="grid grid-cols-2 gap-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">Kategori</label>
-              <select
-                value={form.category}
-                onChange={(e) => handleChange('category', e.target.value)}
-                className="w-full border rounded-lg px-2 py-1.5 text-sm"
-              >
-                <option value="">Kategori seçin</option>
-                {Object.values(OperationCategoryEnum).map((cat) => (
-                  <option key={cat} value={cat}>
-                    {getOperationTypeText(cat)}
-                  </option>
-                ))}
-              </select>
-            </div>
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Varsayılan Süre (dk)
-              </label>
-              <input
-                type="number"
-                value={form.defaultDuration}
-                onChange={(e) => handleChange('defaultDuration', Number(e.target.value))}
-                className="w-full border rounded-lg px-2 py-1.5 text-sm"
-              />
-            </div>
-          </div>
-
-          <div className="grid grid-cols-2 gap-3">
-            <label className="flex items-center space-x-2">
-              <input
-                type="checkbox"
-                checked={form.requiresSetup}
-                onChange={(e) => handleChange('requiresSetup', e.target.checked)}
-                className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-              />
-              <span className="text-sm text-gray-700">Hazırlık Gerekli</span>
-            </label>
-
-            <label className="flex items-center space-x-2">
-              <input
-                type="checkbox"
-                checked={form.allowsParallelOperation}
-                onChange={(e) => handleChange('allowsParallelOperation', e.target.checked)}
-                className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-              />
-              <span className="text-sm text-gray-700">Paralel İşlem</span>
-            </label>
-          </div>
-        </div>
-
-        <div className="mt-4 flex justify-end space-x-2">
-          <button
-            onClick={onClose}
-            className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-          >
-            <FaTimes className="inline mr-2" /> İptal
-          </button>
-          <button
-            onClick={handleSave}
-            disabled={saving}
-            className="px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:bg-blue-400"
-          >
-            <FaSave className="inline mr-2" /> {saving ? 'Kaydediliyor...' : 'Kaydet'}
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default OperationTypeFormModal
diff --git a/ui/src/views/mrp/components/OperationTypes.tsx b/ui/src/views/mrp/components/OperationTypes.tsx
deleted file mode 100644
index 90973886..00000000
--- a/ui/src/views/mrp/components/OperationTypes.tsx
+++ /dev/null
@@ -1,352 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaEdit,
-  FaTrash,
-  FaCog,
-  FaClock,
-  FaCheckCircle,
-  FaTh,
-  FaList,
-} from 'react-icons/fa'
-import { MrpOperationTypeDefinition } from '../../../types/mrp'
-import OperationTypeFormModal from './OperationTypeFormModal'
-import { mockOperationTypes } from '../../../mocks/mockOperationTypes'
-import { getOperationTypeColor, getOperationTypeText, getSkillLevelText } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const OperationTypes: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [showModal, setShowModal] = useState(false)
-  const [editingType, setEditingType] = useState<MrpOperationTypeDefinition | null>(null)
-  const [viewMode, setViewMode] = useState<'card' | 'list'>('card')
-
-  const [operationTypes] = useState<MrpOperationTypeDefinition[]>(mockOperationTypes)
-
-  const filteredTypes = operationTypes.filter(
-    (type) =>
-      type.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      type.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      type.category.toLowerCase().includes(searchTerm.toLowerCase()),
-  )
-
-  const handleEdit = (type: MrpOperationTypeDefinition) => {
-    setEditingType(type)
-    setShowModal(true)
-  }
-
-  const handleAddNew = () => {
-    setEditingType(null)
-    setShowModal(true)
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Operasyon Türleri</h2>
-            <p className="text-gray-600">
-              İş merkezlerinde kullanılacak operasyon türlerini tanımlayın
-            </p>
-          </div>
-          <div className="flex items-center space-x-2">
-            {/* View Toggle */}
-            <div className="flex bg-gray-100 rounded-lg p-0.5">
-              <button
-                onClick={() => setViewMode('card')}
-                className={`px-2 py-1.5 rounded-md flex items-center space-x-2 transition-colors text-sm ${
-                  viewMode === 'card'
-                    ? 'bg-white text-blue-600 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
-                }`}
-              >
-                <FaTh className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => setViewMode('list')}
-                className={`px-2 py-1.5 rounded-md flex items-center space-x-2 transition-colors text-sm ${
-                  viewMode === 'list'
-                    ? 'bg-white text-blue-600 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
-                }`}
-              >
-                <FaList className="w-4 h-4" />
-              </button>
-            </div>
-            <button
-              onClick={handleAddNew}
-              className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center space-x-2"
-            >
-              <FaPlus className="w-4 h-4" />
-              <span>Yeni Operasyon Türü</span>
-            </button>
-          </div>
-        </div>
-
-        {/* Search Bar */}
-        <div className="relative">
-          <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-          <input
-            type="text"
-            placeholder="Operasyon türü ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-          />
-        </div>
-
-        {/* Operation Types Display */}
-        {viewMode === 'card' ? (
-          /* Card View */
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-            {filteredTypes.map((type) => (
-              <div
-                key={type.id}
-                className="bg-white rounded-lg shadow-md border border-gray-200 p-4 hover:shadow-lg transition-shadow"
-              >
-                <div className="flex items-start justify-between mb-3">
-                  <div className="flex-1">
-                    <div className="flex items-center space-x-2 mb-2">
-                      <h3 className="text-lg font-semibold text-gray-900">{type.name}</h3>
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${getOperationTypeColor(
-                          type.category,
-                        )}`}
-                      >
-                        {getOperationTypeText(type.category)}
-                      </span>
-                    </div>
-                    <p className="text-sm text-gray-600 mb-2">{type.code}</p>
-                    {type.description && (
-                      <p className="text-sm text-gray-500 mb-2">{type.description}</p>
-                    )}
-                  </div>
-                  <div className="flex space-x-1">
-                    <button
-                      onClick={() => handleEdit(type)}
-                      className="p-2 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                    <button className="p-2 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition-colors">
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-
-                <div className="space-y-1.5">
-                  <div className="flex items-center justify-between text-sm">
-                    <span className="text-gray-500 flex items-center">
-                      <FaClock className="w-4 h-4 mr-1" />
-                      Varsayılan Süre
-                    </span>
-                    <span className="font-medium">{type.defaultDuration} dk</span>
-                  </div>
-
-                  <div className="flex items-center justify-between text-sm">
-                    <span className="text-gray-500">Beceri Seviyesi</span>
-                    <span className="font-medium">
-                      {getSkillLevelText(type.skillLevelRequired)}
-                    </span>
-                  </div>
-
-                  <div className="flex items-center justify-between text-sm">
-                    <span className="text-gray-500 flex items-center">
-                      <FaCog className="w-4 h-4 mr-1" />
-                      Hazırlık Gerekli
-                    </span>
-                    <span
-                      className={`font-medium ${
-                        type.requiresSetup ? 'text-orange-600' : 'text-green-600'
-                      }`}
-                    >
-                      {type.requiresSetup ? 'Evet' : 'Hayır'}
-                    </span>
-                  </div>
-
-                  <div className="flex items-center justify-between text-sm">
-                    <span className="text-gray-500">Paralel İşlem</span>
-                    <span
-                      className={`font-medium ${
-                        type.allowsParallelOperation ? 'text-green-600' : 'text-gray-600'
-                      }`}
-                    >
-                      {type.allowsParallelOperation ? 'Evet' : 'Hayır'}
-                    </span>
-                  </div>
-
-                  <div className="flex items-center justify-between text-sm">
-                    <span className="text-gray-500 flex items-center">
-                      <FaCheckCircle className="w-4 h-4 mr-1" />
-                      Kalite Kontrolü
-                    </span>
-                    <span
-                      className={`font-medium ${
-                        type.qualityCheckRequired ? 'text-purple-600' : 'text-gray-600'
-                      }`}
-                    >
-                      {type.qualityCheckRequired ? 'Gerekli' : 'İsteğe Bağlı'}
-                    </span>
-                  </div>
-                </div>
-
-                <div className="mt-3 pt-3 border-t border-gray-100">
-                  <div className="flex items-center justify-between">
-                    <span
-                      className={`px-2 py-1 rounded-full text-xs font-medium ${
-                        type.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-                      }`}
-                    >
-                      {type.isActive ? 'Aktif' : 'Pasif'}
-                    </span>
-                    <span className="text-xs text-gray-400">
-                      {type.lastModificationTime.toLocaleDateString('tr-TR')}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        ) : (
-          /* List View */
-          <div className="bg-white shadow rounded-lg overflow-hidden">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Operasyon Türü
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Kategori
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Süre
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Beceri Seviyesi
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Hazırlık
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Kalite Kontrolü
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {filteredTypes.map((type) => (
-                  <tr key={type.id} className="hover:bg-gray-50 text-sm">
-                    <td className="px-3 py-2 whitespace-nowrap">
-                      <div>
-                        <div className="text-sm font-medium text-gray-900">{type.name}</div>
-                        <div className="text-sm text-gray-500">{type.code}</div>
-                        {type.description && (
-                          <div className="text-xs text-gray-400 mt-0.5">{type.description}</div>
-                        )}
-                      </div>
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap">
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${getOperationTypeText(
-                          type.category,
-                        )}`}
-                      >
-                        {type.category}
-                      </span>
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                      <div className="flex items-center">
-                        <FaClock className="w-4 h-4 mr-1 text-gray-400" />
-                        {type.defaultDuration} dk
-                      </div>
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                      {getSkillLevelText(type.skillLevelRequired)}
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap">
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${
-                          type.requiresSetup
-                            ? 'bg-orange-100 text-orange-800'
-                            : 'bg-green-100 text-green-800'
-                        }`}
-                      >
-                        {type.requiresSetup ? 'Gerekli' : 'Gerekli Değil'}
-                      </span>
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap">
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${
-                          type.qualityCheckRequired
-                            ? 'bg-purple-100 text-purple-800'
-                            : 'bg-gray-100 text-gray-800'
-                        }`}
-                      >
-                        {type.qualityCheckRequired ? 'Gerekli' : 'İsteğe Bağlı'}
-                      </span>
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap">
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${
-                          type.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-                        }`}
-                      >
-                        {type.isActive ? 'Aktif' : 'Pasif'}
-                      </span>
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap text-right text-sm font-medium">
-                      <div className="flex justify-end space-x-2">
-                        <button
-                          onClick={() => handleEdit(type)}
-                          className="text-blue-600 hover:text-blue-900"
-                        >
-                          <FaEdit className="w-4 h-4" />
-                        </button>
-                        <button className="text-red-600 hover:text-red-900">
-                          <FaTrash className="w-4 h-4" />
-                        </button>
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-        )}
-
-        {filteredTypes.length === 0 && (
-          <div className="text-center py-12">
-            <FaCog className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-            <h3 className="text-lg font-medium text-gray-900 mb-2">Operasyon türü bulunamadı</h3>
-            <p className="text-gray-500">
-              Arama kriterlerinizi değiştirin veya yeni bir operasyon türü ekleyin.
-            </p>
-          </div>
-        )}
-      </div>
-
-      {/* Modal for Add/Edit - Placeholder */}
-      <OperationTypeFormModal
-        open={showModal}
-        initial={editingType}
-        onClose={() => setShowModal(false)}
-        onSave={(data) => {
-          // TODO: persist to API; for now just close modal
-          console.log('Saved operation type:', data)
-          setShowModal(false)
-        }}
-      />
-    </Container>
-  )
-}
-
-export default OperationTypes
diff --git a/ui/src/views/mrp/components/PlanningGantt.tsx b/ui/src/views/mrp/components/PlanningGantt.tsx
deleted file mode 100644
index a28e0795..00000000
--- a/ui/src/views/mrp/components/PlanningGantt.tsx
+++ /dev/null
@@ -1,542 +0,0 @@
-import React, { useState, useMemo } from 'react'
-import {
-  FaUser,
-  FaChevronDown,
-  FaChevronRight,
-  FaChevronLeft,
-  FaChevronRight as FaArrowRight,
-} from 'react-icons/fa'
-import { PsGanttTask } from '../../../types/ps'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockProductionOrders } from '../../../mocks/mockProductionOrders'
-import { mockWorkOrders } from '../../../mocks/mockWorkOrders'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import { getFrequencyUnitText, getPriorityColor } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { FrequencyUnitEnum } from '@/types/pm'
-
-interface PlanningGanttProps {
-  workCenterId?: string
-}
-
-const PlanningGantt: React.FC<PlanningGanttProps> = ({ workCenterId }) => {
-  const getInitialExpandedItems = () => {
-    const expandedItems = new Set<string>()
-    const firstTwoOrders = mockProductionOrders.slice(0, 2)
-    firstTwoOrders.forEach((order) => {
-      expandedItems.add(`prod-${order.id}`)
-      const orderWorkOrders = mockWorkOrders.filter((wo) => wo.productionOrderId === order.id)
-      orderWorkOrders.forEach((wo) => {
-        expandedItems.add(`work-${wo.id}`)
-      })
-    })
-    return expandedItems
-  }
-
-  const [expandedItems, setExpandedItems] = useState<Set<string>>(getInitialExpandedItems())
-  const [selectedWorkCenter, setSelectedWorkCenter] = useState<string>(workCenterId || '')
-  const [viewMode, setViewMode] = useState<'day' | 'week' | 'month' | 'year'>('week')
-  const [currentDate, setCurrentDate] = useState<Date>(new Date())
-
-  const generateDateRange = () => {
-    const startDate = new Date(currentDate)
-
-    if (viewMode === 'day') {
-      const hours = []
-      for (let i = 0; i < 24; i++) {
-        const hour = new Date(startDate)
-        hour.setHours(i, 0, 0, 0)
-        hours.push(hour)
-      }
-      return hours
-    } else if (viewMode === 'week') {
-      const weekStart = new Date(startDate)
-      const dayOfWeek = weekStart.getDay()
-      const daysToSubtract = dayOfWeek === 0 ? 6 : dayOfWeek - 1
-      weekStart.setDate(weekStart.getDate() - daysToSubtract)
-      weekStart.setHours(0, 0, 0, 0)
-
-      const dates = []
-      for (let i = 0; i < 7; i++) {
-        const date = new Date(weekStart)
-        date.setDate(weekStart.getDate() + i)
-        dates.push(date)
-      }
-      return dates
-    } else if (viewMode === 'month') {
-      const monthStart = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1)
-      const daysInMonth = new Date(
-        currentDate.getFullYear(),
-        currentDate.getMonth() + 1,
-        0,
-      ).getDate()
-
-      const dates = []
-      for (let i = 0; i < daysInMonth; i++) {
-        const date = new Date(monthStart)
-        date.setDate(monthStart.getDate() + i)
-        dates.push(date)
-      }
-      return dates
-    } else {
-      const yearStart = new Date(currentDate.getFullYear(), 0, 1)
-      const months = []
-      for (let i = 0; i < 12; i++) {
-        const month = new Date(yearStart)
-        month.setMonth(i)
-        months.push(month)
-      }
-      return months
-    }
-  }
-
-  const dateRange = generateDateRange()
-
-  const filteredData = useMemo(() => {
-    const createGanttData = (): PsGanttTask[] => {
-      return mockProductionOrders.map((order) => {
-        const workOrders = mockWorkOrders
-          .filter((wo) => wo.productionOrderId === order.id)
-          .map((wo) => ({
-            id: `work-${wo.id}`,
-            name: wo.operation?.name || wo.workOrderNumber,
-            type: 'task' as const,
-            startDate: wo.plannedStartDate,
-            endDate: wo.plannedEndDate,
-            progress: Math.round((wo.confirmedQuantity / wo.plannedQuantity) * 100) || 0,
-            assignee: wo.assignedOperators[0]
-              ? mockEmployees.find((e) => e.id === wo.assignedOperators[0])
-              : undefined,
-            status: wo.status,
-            priority: order.priority,
-            level: 1,
-            children: [],
-            estimatedHours: wo.processTime / 60,
-            hoursWorked: wo.actualProcessTime ? wo.actualProcessTime / 60 : 0,
-          }))
-
-        return {
-          id: `prod-${order.id}`,
-          name: `${order.orderNumber} - ${order.materials.map((m) => m.material?.name).join(', ')}`,
-          type: 'project' as const,
-          startDate: order.plannedStartDate,
-          endDate: order.plannedEndDate,
-          progress:
-            order.confirmedQuantity && order.plannedQuantity
-              ? Math.round((order.confirmedQuantity / order.plannedQuantity) * 100)
-              : 0,
-          status: order.status,
-          priority: order.priority,
-          level: 0,
-          children: workOrders,
-        }
-      })
-    }
-
-    const filterByWorkCenter = (tasks: PsGanttTask[]): PsGanttTask[] => {
-      if (!selectedWorkCenter) return tasks
-      return tasks
-        .map((task) => {
-          if (task.type === 'task' && task.assignee?.id !== selectedWorkCenter) {
-            return null
-          }
-
-          if (task.children) {
-            const filteredChildren = filterByWorkCenter(task.children).filter(
-              Boolean,
-            ) as PsGanttTask[]
-            if (filteredChildren.length > 0) {
-              return { ...task, children: filteredChildren }
-            } else if (task.type === 'task' && task.assignee?.id === selectedWorkCenter) {
-              return task
-            }
-            return null
-          }
-
-          return task
-        })
-        .filter(Boolean) as PsGanttTask[]
-    }
-
-    const allGanttTasks = createGanttData()
-    return filterByWorkCenter(allGanttTasks)
-  }, [selectedWorkCenter])
-
-  const toggleExpand = (id: string) => {
-    const newExpanded = new Set(expandedItems)
-    if (newExpanded.has(id)) {
-      newExpanded.delete(id)
-    } else {
-      newExpanded.add(id)
-    }
-    setExpandedItems(newExpanded)
-  }
-
-  const navigatePrevious = () => {
-    const newDate = new Date(currentDate)
-    if (viewMode === 'day') newDate.setDate(newDate.getDate() - 1)
-    else if (viewMode === 'week') newDate.setDate(newDate.getDate() - 7)
-    else if (viewMode === 'month') newDate.setMonth(newDate.getMonth() - 1)
-    else newDate.setFullYear(newDate.getFullYear() - 1)
-    setCurrentDate(newDate)
-  }
-
-  const navigateNext = () => {
-    const newDate = new Date(currentDate)
-    if (viewMode === 'day') newDate.setDate(newDate.getDate() + 1)
-    else if (viewMode === 'week') newDate.setDate(newDate.getDate() + 7)
-    else if (viewMode === 'month') newDate.setMonth(newDate.getMonth() + 1)
-    else newDate.setFullYear(newDate.getFullYear() + 1)
-    setCurrentDate(newDate)
-  }
-
-  const navigateToday = () => {
-    setCurrentDate(new Date())
-  }
-
-  const getCurrentDateInfo = () => {
-    if (viewMode === 'day') {
-      return currentDate.toLocaleDateString('tr-TR', {
-        weekday: 'long',
-        year: 'numeric',
-        month: 'long',
-        day: 'numeric',
-      })
-    } else if (viewMode === 'week') {
-      const weekStart = new Date(currentDate)
-      const dayOfWeek = weekStart.getDay()
-      const daysToSubtract = dayOfWeek === 0 ? 6 : dayOfWeek - 1
-      weekStart.setDate(weekStart.getDate() - daysToSubtract)
-      const weekEnd = new Date(weekStart)
-      weekEnd.setDate(weekStart.getDate() + 6)
-      return `${weekStart.toLocaleDateString('tr-TR', {
-        day: 'numeric',
-        month: 'short',
-      })} - ${weekEnd.toLocaleDateString('tr-TR', {
-        day: 'numeric',
-        month: 'short',
-        year: 'numeric',
-      })}`
-    } else if (viewMode === 'month') {
-      return currentDate.toLocaleDateString('tr-TR', {
-        year: 'numeric',
-        month: 'long',
-      })
-    } else {
-      return currentDate.toLocaleDateString('tr-TR', { year: 'numeric' })
-    }
-  }
-
-  const calculateTaskPosition = (startDate: Date, endDate: Date) => {
-    const chartStart = dateRange[0]
-    const chartEnd = dateRange[dateRange.length - 1]
-    const taskStart = new Date(startDate)
-    const taskEnd = new Date(endDate)
-
-    if (viewMode === 'day') {
-      const dayStart = new Date(chartStart)
-      dayStart.setHours(0, 0, 0, 0)
-      const dayEnd = new Date(chartStart)
-      dayEnd.setHours(23, 59, 59, 999)
-      if (taskEnd < dayStart || taskStart > dayEnd)
-        return { left: '100%', width: '0%', isVisible: false }
-      const startHour =
-        taskStart > dayStart ? taskStart.getHours() + taskStart.getMinutes() / 60 : 0
-      const endHour = taskEnd < dayEnd ? taskEnd.getHours() + taskEnd.getMinutes() / 60 : 24
-      const left = (startHour / 24) * 100
-      const width = Math.max(1, ((endHour - startHour) / 24) * 100)
-      return { left: `${left}%`, width: `${width}%`, isVisible: true }
-    } else if (viewMode === 'week') {
-      const weekStart = new Date(chartStart)
-      const weekEnd = new Date(chartEnd)
-      weekEnd.setHours(23, 59, 59, 999)
-      if (taskEnd < weekStart || taskStart > weekEnd)
-        return { left: '100%', width: '0%', isVisible: false }
-      const startDay =
-        taskStart > weekStart
-          ? Math.floor((taskStart.getTime() - weekStart.getTime()) / (1000 * 60 * 60 * 24))
-          : 0
-      const endDay =
-        taskEnd < weekEnd
-          ? Math.ceil((taskEnd.getTime() - weekStart.getTime()) / (1000 * 60 * 60 * 24))
-          : 7
-      const left = (startDay / 7) * 100
-      const width = Math.max(1, ((endDay - startDay) / 7) * 100)
-      return { left: `${left}%`, width: `${width}%`, isVisible: true }
-    } else if (viewMode === 'month') {
-      const monthStart = new Date(chartStart)
-      const monthEnd = new Date(chartEnd)
-      monthEnd.setHours(23, 59, 59, 999)
-      if (taskEnd < monthStart || taskStart > monthEnd)
-        return { left: '100%', width: '0%', isVisible: false }
-      const daysInMonth = dateRange.length
-      const startDay =
-        taskStart > monthStart
-          ? Math.floor((taskStart.getTime() - monthStart.getTime()) / (1000 * 60 * 60 * 24))
-          : 0
-      const endDay =
-        taskEnd < monthEnd
-          ? Math.ceil((taskEnd.getTime() - monthStart.getTime()) / (1000 * 60 * 60 * 24))
-          : daysInMonth
-      const left = (startDay / daysInMonth) * 100
-      const width = Math.max(1, ((endDay - startDay) / daysInMonth) * 100)
-      return { left: `${left}%`, width: `${width}%`, isVisible: true }
-    } else {
-      const yearStart = new Date(chartStart)
-      const yearEnd = new Date(chartEnd)
-      yearEnd.setMonth(11, 31)
-      yearEnd.setHours(23, 59, 59, 999)
-      if (taskEnd < yearStart || taskStart > yearEnd)
-        return { left: '100%', width: '0%', isVisible: false }
-      const startMonth = taskStart > yearStart ? taskStart.getMonth() : 0
-      const endMonth = taskEnd < yearEnd ? taskEnd.getMonth() + 1 : 12
-      const left = (startMonth / 12) * 100
-      const width = Math.max(1, ((endMonth - startMonth) / 12) * 100)
-      return { left: `${left}%`, width: `${width}%`, isVisible: true }
-    }
-  }
-
-  const renderTask = (task: PsGanttTask): React.ReactNode => {
-    const hasChildren = task.children && task.children.length > 0
-    const isExpanded = expandedItems.has(task.id)
-    const indent = task.level * 20
-
-    return (
-      <React.Fragment key={task.id}>
-        <div className="flex items-center border-b border-gray-100 hover:bg-gray-50 min-h-[36px]">
-          {/* Task Info */}
-          <div className="w-1/3 sm:w-1/4 p-1 border-r border-gray-200">
-            <div className="flex items-center" style={{ paddingLeft: `${Math.min(indent, 30)}px` }}>
-              {hasChildren && (
-                <button
-                  onClick={() => toggleExpand(task.id)}
-                  className="mr-1 p-0.5 hover:bg-gray-200 rounded"
-                >
-                  {isExpanded ? (
-                    <FaChevronDown className="h-2.5 w-2.5" />
-                  ) : (
-                    <FaChevronRight className="h-2.5 w-2.5" />
-                  )}
-                </button>
-              )}
-              {!hasChildren && <div className="w-3 sm:w-5"></div>}
-
-              <div className="flex-1 min-w-0">
-                <div className="flex items-center gap-1 sm:gap-2">
-                  <span
-                    className={`font-medium text-xs truncate ${
-                      task.type === 'project' ? 'text-blue-900 font-semibold' : 'text-gray-900'
-                    }`}
-                    title={task.name}
-                  >
-                    {task.name}
-                  </span>
-                  <span
-                    className={`px-1 py-0 text-[10px] border rounded flex-shrink-0 hidden sm:inline ${getPriorityColor(
-                      task.priority,
-                    )}`}
-                  >
-                    {task.priority}
-                  </span>
-                </div>
-
-                {task.type === 'task' && task.assignee && (
-                  <div className="flex items-center gap-1 mt-0.5 text-xs text-gray-600">
-                    <FaUser className="h-2 w-2 flex-shrink-0" />
-                    <span className="truncate text-xs">
-                      {task.assignee.firstName} {task.assignee.lastName}
-                    </span>
-                    {task.hoursWorked && task.estimatedHours && (
-                      <span className="text-xs bg-gray-100 px-1 py-0.5 rounded flex-shrink-0 hidden md:inline">
-                        {task.hoursWorked}h / {task.estimatedHours}h
-                      </span>
-                    )}
-                  </div>
-                )}
-
-                <div className="mt-1 text-xs text-gray-500 truncate hidden sm:block">
-                  {task.startDate.toLocaleDateString('tr-TR')} -{' '}
-                  {task.endDate.toLocaleDateString('tr-TR')}
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Gantt Chart */}
-          <div className="w-2/3 sm:w-3/4 p-1 relative">
-            <div className="relative h-6 bg-gray-100 rounded">
-              {(() => {
-                const position = calculateTaskPosition(task.startDate, task.endDate)
-
-                if (task.type === 'task' && position.isVisible) {
-                  return (
-                    <div
-                      className={`absolute h-5 mt-0.5 rounded shadow-sm group cursor-pointer border border-white border-opacity-20`}
-                      style={{ left: position.left, width: position.width }}
-                      title={`${task.name} - ${task.progress}% tamamlandı`}
-                    >
-                      <div
-                        className="h-full bg-black bg-opacity-15 rounded-lg relative overflow-hidden"
-                        style={{ width: `${task.progress}%` }}
-                      >
-                        <div className="absolute inset-0 bg-white bg-opacity-20"></div>
-                      </div>
-                      <div className="absolute inset-0 flex items-center justify-center text-white text-[10px] font-bold drop-shadow-sm z-10">
-                        {task.progress}%
-                      </div>
-                      <div className="absolute bottom-8 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white text-xs rounded py-1 px-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 whitespace-nowrap z-20 hidden sm:block">
-                        <div className="font-semibold">{task.name}</div>
-                        <div className="mt-1">İlerleme: {task.progress}% tamamlandı</div>
-                        <div>Planlanan Başlangıç: {task.startDate.toLocaleDateString('tr-TR')}</div>
-                        <div>Planlanan Bitiş: {task.endDate.toLocaleDateString('tr-TR')}</div>
-                        <div className="absolute top-full left-1/2 transform -translate-x-1/2 border-l-4 border-r-4 border-t-4 border-l-transparent border-r-transparent border-t-gray-800"></div>
-                      </div>
-                    </div>
-                  )
-                }
-
-                if (task.type !== 'task' && position.isVisible) {
-                  return (
-                    <div
-                      className="absolute h-2 mt-2 bg-gradient-to-r from-gray-400 to-gray-600 rounded-full group cursor-pointer shadow-sm border border-white border-opacity-30"
-                      style={{ left: position.left, width: position.width }}
-                      title={`${task.name}`}
-                    >
-                      <div className="absolute bottom-6 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white text-xs rounded py-1 px-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 whitespace-nowrap z-20 hidden sm:block">
-                        <div className="font-semibold">{task.name}</div>
-                        <div>Planlanan Başlangıç: {task.startDate.toLocaleDateString('tr-TR')}</div>
-                        <div>Planlanan Bitiş: {task.endDate.toLocaleDateString('tr-TR')}</div>
-                        <div className="absolute top-full left-1/2 transform -translate-x-1/2 border-l-4 border-r-4 border-t-4 border-l-transparent border-r-transparent border-t-gray-800"></div>
-                      </div>
-                    </div>
-                  )
-                }
-
-                return null
-              })()}
-            </div>
-          </div>
-        </div>
-
-        {hasChildren && isExpanded && task.children?.map((child) => renderTask(child))}
-      </React.Fragment>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="mb-3">
-        <div className="flex items-center gap-3">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Planlama Gantt Şeması</h2>
-            <p className="text-gray-600">Üretim ve iş emirlerinizi zaman çizelgesinde yönetin.</p>
-          </div>
-        </div>
-      </div>
-
-      <div className="bg-white rounded-lg shadow-sm border h-full flex flex-col">
-        <div className="p-2 border-b border-gray-200 flex-shrink-0">
-          <div className="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
-            <div className="flex items-center justify-center gap-2">
-              <button
-                onClick={navigatePrevious}
-                className="p-1.5 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
-              >
-                <FaChevronLeft className="h-4 w-4" />
-              </button>
-              <div className="text-sm font-semibold text-gray-900 min-w-[180px] text-center">
-                {getCurrentDateInfo()}
-              </div>
-              <button
-                onClick={navigateNext}
-                className="p-1.5 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
-              >
-                <FaArrowRight className="h-4 w-4" />
-              </button>
-              <button
-                onClick={navigateToday}
-                className="px-2 py-1 text-xs bg-blue-600 text-white hover:bg-blue-700 rounded-lg transition-colors"
-              >
-                Bugün
-              </button>
-            </div>
-
-            <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-2">
-              <select
-                value={selectedWorkCenter}
-                onChange={(e) => setSelectedWorkCenter(e.target.value)}
-                className="px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 w-full sm:w-auto"
-              >
-                <option value="">Tüm İş Merkezleri</option>
-                {mockWorkCenters.map((wc) => (
-                  <option key={wc.id} value={wc.id}>
-                    {wc.name}
-                  </option>
-                ))}
-              </select>
-
-              <select
-                value={viewMode}
-                onChange={(e) => setViewMode(e.target.value as 'day' | 'week' | 'month' | 'year')}
-                className="px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 w-full sm:w-auto"
-              >
-                <option value={FrequencyUnitEnum.Days}>
-                  {getFrequencyUnitText(FrequencyUnitEnum.Days)}
-                </option>
-                <option value={FrequencyUnitEnum.Weeks}>
-                  {getFrequencyUnitText(FrequencyUnitEnum.Days)}
-                </option>
-                <option value={FrequencyUnitEnum.Months}>
-                  {getFrequencyUnitText(FrequencyUnitEnum.Days)}
-                </option>
-                <option value={FrequencyUnitEnum.Years}>
-                  {getFrequencyUnitText(FrequencyUnitEnum.Days)}
-                </option>
-              </select>
-            </div>
-          </div>
-        </div>
-
-        <div className="flex border-b border-gray-200 flex-shrink-0">
-          <div className="w-1/3 sm:w-1/4 p-2 border-r border-gray-200 bg-gray-50 font-semibold text-xs">
-            Üretim Emri / İş Emri
-          </div>
-          <div className="w-2/3 sm:w-3/4 p-2 bg-gray-50">
-            <div className="flex justify-between text-xs font-semibold">
-              {dateRange.map((date) => (
-                <div key={date.toISOString()} className="text-center min-w-0 flex-1">
-                  <div className="truncate">
-                    {viewMode === 'day'
-                      ? date.toLocaleTimeString('tr-TR', {
-                          hour: '2-digit',
-                          minute: '2-digit',
-                        })
-                      : viewMode === 'week'
-                        ? date.toLocaleDateString('tr-TR', { day: '2-digit' })
-                        : viewMode === 'year'
-                          ? date.toLocaleDateString('tr-TR', { month: 'short' })
-                          : date.toLocaleDateString('tr-TR', { day: '2-digit' })}
-                  </div>
-                  {viewMode !== 'day' && viewMode !== 'year' && (
-                    <div className="text-xs text-gray-500 hidden sm:block">
-                      {date.toLocaleDateString('tr-TR', { weekday: 'short' })}
-                    </div>
-                  )}
-                  {viewMode === 'year' && (
-                    <div className="text-xs text-gray-500 hidden sm:block">
-                      {date.getFullYear()}
-                    </div>
-                  )}
-                </div>
-              ))}
-            </div>
-          </div>
-        </div>
-
-        <div className="flex-1 overflow-auto">{filteredData.map((task) => renderTask(task))}</div>
-      </div>
-    </Container>
-  )
-}
-
-export default PlanningGantt
diff --git a/ui/src/views/mrp/components/ProductionOrderForm.tsx b/ui/src/views/mrp/components/ProductionOrderForm.tsx
deleted file mode 100644
index 5817875a..00000000
--- a/ui/src/views/mrp/components/ProductionOrderForm.tsx
+++ /dev/null
@@ -1,663 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import { useParams, useNavigate } from 'react-router-dom'
-import { useQuery } from '@tanstack/react-query'
-import { mockProductionOrders } from '../../../mocks/mockProductionOrders'
-import {
-  MrpProductionOrder,
-  ProductionOrderStatusEnum,
-  MrpProductionOrderMaterial,
-  ProductionOrderTypeEnum,
-} from '../../../types/mrp'
-import {
-  FaPlus,
-  FaTimes,
-  FaTrash,
-  FaSave,
-  FaArrowLeft,
-  FaCog,
-  FaCalendarAlt,
-  FaMoneyBillWave,
-  FaClipboardList,
-  FaTruck,
-  FaCheckCircle,
-  FaExclamationTriangle,
-} from 'react-icons/fa'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { PriorityEnum } from '../../../types/common'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import {
-  getPriorityText,
-  getProductionOrderStatusText,
-  getProductionOrderTypeText,
-} from '@/utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-const ProductionOrderForm: React.FC = () => {
-  const { id } = useParams()
-  const navigate = useNavigate()
-
-  const { data: productionOrder, isLoading } = useQuery({
-    queryKey: ['production-order', id],
-    queryFn: async () => {
-      await new Promise((r) => setTimeout(r, 200))
-      return mockProductionOrders.find((p) => p.id === id) as MrpProductionOrder | undefined
-    },
-    enabled: !!id && id !== 'new',
-  })
-
-  // Form state
-  const [formData, setFormData] = useState<Partial<MrpProductionOrder>>({
-    orderNumber: '',
-    orderType: ProductionOrderTypeEnum.Standard,
-    status: ProductionOrderStatusEnum.Created,
-    priority: PriorityEnum.Normal,
-    plannedQuantity: 0,
-    confirmedQuantity: 0,
-    requiredQuantity: 0,
-    scrapQuantity: 0,
-    unitId: 'ADET',
-    plannedCost: 0,
-    actualCost: 0,
-    currency: 'TRY',
-    plannedStartDate: new Date(),
-    plannedEndDate: new Date(new Date().setDate(new Date().getDate() + 14)),
-    materials: [],
-  })
-
-  // Materials management
-  const [materials, setMaterials] = useState<MrpProductionOrderMaterial[]>([])
-  const [showNewMaterialForm, setShowNewMaterialForm] = useState(false)
-  const [newMaterial, setNewMaterial] = useState<Partial<MrpProductionOrderMaterial>>({
-    materialId: '',
-    plannedQuantity: 0,
-    confirmedQuantity: 0,
-    requiredQuantity: 0,
-    scrapQuantity: 0,
-    unitId: 'ADET',
-  })
-
-  // Initialize form with data when available
-  useEffect(() => {
-    if (productionOrder) {
-      setFormData({
-        ...productionOrder,
-        plannedStartDate: productionOrder.plannedStartDate,
-        plannedEndDate: productionOrder.plannedEndDate,
-        actualStartDate: productionOrder.actualStartDate,
-        actualEndDate: productionOrder.actualEndDate,
-      })
-      setMaterials(productionOrder.materials || [])
-    }
-  }, [productionOrder])
-
-  // Handle form field changes
-  const handleChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-
-    if (type === 'number') {
-      setFormData({
-        ...formData,
-        [name]: parseFloat(value) || 0,
-      })
-    } else if (type === 'date') {
-      setFormData({
-        ...formData,
-        [name]: new Date(value),
-      })
-    } else {
-      setFormData({
-        ...formData,
-        [name]: value,
-      })
-    }
-  }
-
-  // Handle new material form changes
-  const handleNewMaterialChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
-    const { name, value, type } = e.target
-
-    if (type === 'number') {
-      setNewMaterial({
-        ...newMaterial,
-        [name]: parseFloat(value) || 0,
-      })
-    } else {
-      setNewMaterial({
-        ...newMaterial,
-        [name]: value,
-      })
-    }
-  }
-
-  // Add new material to the list
-  const handleAddMaterial = () => {
-    if (!newMaterial.materialId) {
-      alert('Lütfen malzeme seçiniz')
-      return
-    }
-
-    const newMaterialComplete: MrpProductionOrderMaterial = {
-      id: Date.now().toString(), // Temporary ID for UI
-      productionOrderId: id || 'new',
-      materialId: newMaterial.materialId || '',
-      plannedQuantity: newMaterial.plannedQuantity || 0,
-      confirmedQuantity: newMaterial.confirmedQuantity || 0,
-      requiredQuantity: newMaterial.requiredQuantity || 0,
-      scrapQuantity: newMaterial.scrapQuantity || 0,
-      unitId: newMaterial.unitId || 'ADET',
-    }
-
-    setMaterials([...materials, newMaterialComplete])
-    setNewMaterial({
-      materialId: '',
-      plannedQuantity: 0,
-      confirmedQuantity: 0,
-      requiredQuantity: 0,
-      scrapQuantity: 0,
-      unitId: 'ADET',
-    })
-    setShowNewMaterialForm(false)
-  }
-
-  // Remove material from the list
-  const handleRemoveMaterial = (materialId: string) => {
-    setMaterials(materials.filter((m) => m.id !== materialId))
-  }
-
-  // Save the production order
-  const handleSave = () => {
-    const completeFormData: Partial<MrpProductionOrder> = {
-      ...formData,
-      materials: materials,
-    }
-
-    console.log('Saving production order:', completeFormData)
-    // Here you would normally call an API to save the data
-
-    navigate(ROUTES_ENUM.protected.mrp.productionOrderDetail.replace(':id', id || 'new'))
-  }
-
-  // Format date for input fields
-  const formatDateForInput = (date: Date | undefined) => {
-    if (!date) return ''
-    const d = new Date(date)
-    return d.toISOString().split('T')[0]
-  }
-
-  if (isLoading) {
-    return (
-      <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-50 to-gray-100">
-        <div className="flex flex-col items-center space-y-4">
-          <div className="animate-spin rounded-full h-16 w-16 border-4 border-blue-200 border-t-blue-600"></div>
-          <p className="text-gray-600 font-medium">Üretim emri yükleniyor...</p>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="mb-4">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center space-x-3">
-              <button
-                onClick={() => navigate(ROUTES_ENUM.protected.mrp.productionOrders)}
-                className="inline-flex items-center px-3 py-2 bg-white text-gray-700 font-medium rounded-lg hover:bg-gray-50 transition-all duration-200 shadow-sm border border-gray-200"
-              >
-                <FaArrowLeft className="mr-2 text-sm" />
-                Geri
-              </button>
-              <div>
-                <h2 className="text-2xl font-bold text-gray-900">
-                  {id === 'new' ? 'Yeni Üretim Emri' : 'Üretim Emri Düzenle'}
-                </h2>
-                <p className="text-gray-600 mt-0.5 text-sm">
-                  {id === 'new'
-                    ? 'Yeni üretim emri oluşturun'
-                    : `${formData.orderNumber} düzenleniyor`}
-                </p>
-              </div>
-            </div>
-            <button
-              onClick={handleSave}
-              className="inline-flex items-center px-2 py-1 text-sm bg-green-600 text-white rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-200 shadow-lg hover:shadow-xl"
-            >
-              <FaSave className="mr-2 text-sm" />
-              Kaydet
-            </button>
-          </div>
-        </div>
-
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
-          {/* Left: Main form */}
-          <div className="bg-white p-4 rounded-2xl shadow-lg border border-gray-200 col-span-2">
-            {/* Basic Information */}
-            <div className="mb-4">
-              <div className="flex items-center gap-2 mb-3">
-                <div className="p-1.5 bg-blue-100 rounded-lg">
-                  <FaClipboardList className="text-blue-600 text-base" />
-                </div>
-                <h3 className="text-base font-bold text-gray-900">Temel Bilgiler</h3>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3 mb-3">
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">Sipariş No</label>
-                  <input
-                    type="text"
-                    name="orderNumber"
-                    value={formData.orderNumber}
-                    onChange={handleChange}
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                    placeholder="Örn: PO-2024-001"
-                  />
-                </div>
-
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">Sipariş Tipi</label>
-                  <select
-                    name="orderType"
-                    value={formData.orderType}
-                    onChange={handleChange}
-                    className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  >
-                    {Object.values(ProductionOrderTypeEnum).map((type) => (
-                      <option key={type} value={type}>
-                        {getProductionOrderTypeText(type)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">Durum</label>
-                  <select
-                    name="status"
-                    value={formData.status}
-                    onChange={handleChange}
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  >
-                    {Object.values(ProductionOrderStatusEnum).map((status) => (
-                      <option key={status} value={status}>
-                        {getProductionOrderStatusText(status)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">Öncelik</label>
-                  <select
-                    name="priority"
-                    value={formData.priority}
-                    onChange={handleChange}
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  >
-                    {Object.values(PriorityEnum).map((priority) => (
-                      <option key={priority} value={priority}>
-                        {getPriorityText(priority)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-            </div>
-
-            {/* Quantity Information */}
-            <div className="mb-4">
-              <div className="flex items-center gap-2 mb-3">
-                <div className="p-1.5 bg-purple-100 rounded-lg">
-                  <FaCog className="text-purple-600 text-base" />
-                </div>
-                <h3 className="text-base font-bold text-gray-900">Miktar Bilgileri</h3>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3 mb-3">
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">
-                    Planlanan Miktar
-                  </label>
-                  <input
-                    type="number"
-                    name="plannedQuantity"
-                    value={formData.plannedQuantity}
-                    onChange={handleChange}
-                    min="0"
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  />
-                </div>
-
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">Üretilen Miktar</label>
-                  <input
-                    type="number"
-                    name="confirmedQuantity"
-                    value={formData.confirmedQuantity}
-                    onChange={handleChange}
-                    min="0"
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  />
-                </div>
-
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">Gereken Miktar</label>
-                  <input
-                    type="number"
-                    name="requiredQuantity"
-                    value={formData.requiredQuantity}
-                    onChange={handleChange}
-                    min="0"
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  />
-                </div>
-
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">Fire Miktarı</label>
-                  <input
-                    type="number"
-                    name="scrapQuantity"
-                    value={formData.scrapQuantity}
-                    onChange={handleChange}
-                    min="0"
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  />
-                </div>
-              </div>
-            </div>
-
-            {/* Schedule Information */}
-            <div className="mb-4">
-              <div className="flex items-center gap-2 mb-3">
-                <div className="p-1.5 bg-green-100 rounded-lg">
-                  <FaCalendarAlt className="text-green-600 text-base" />
-                </div>
-                <h3 className="text-base font-bold text-gray-900">Zamanlama</h3>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3 mb-3">
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">
-                    Planlanan Başlangıç
-                  </label>
-                  <input
-                    type="date"
-                    name="plannedStartDate"
-                    value={formatDateForInput(formData.plannedStartDate as Date)}
-                    onChange={handleChange}
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  />
-                </div>
-
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">Planlanan Bitiş</label>
-                  <input
-                    type="date"
-                    name="plannedEndDate"
-                    value={formatDateForInput(formData.plannedEndDate as Date)}
-                    onChange={handleChange}
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  />
-                </div>
-
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">
-                    Gerçek Başlangıç
-                  </label>
-                  <input
-                    type="date"
-                    name="actualStartDate"
-                    value={formatDateForInput(formData.actualStartDate as Date)}
-                    onChange={handleChange}
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  />
-                </div>
-
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">Gerçek Bitiş</label>
-                  <input
-                    type="date"
-                    name="actualEndDate"
-                    value={formatDateForInput(formData.actualEndDate as Date)}
-                    onChange={handleChange}
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-green-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  />
-                </div>
-              </div>
-            </div>
-
-            {/* Cost Information */}
-            <div className="mb-4">
-              <div className="flex items-center gap-2 mb-3">
-                <div className="p-1.5 bg-yellow-100 rounded-lg">
-                  <FaMoneyBillWave className="text-yellow-600 text-base" />
-                </div>
-                <h3 className="text-base font-bold text-gray-900">Maliyet Bilgileri</h3>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-3 mb-3">
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">
-                    Planlanan Maliyet
-                  </label>
-                  <input
-                    type="number"
-                    name="plannedCost"
-                    value={formData.plannedCost}
-                    onChange={handleChange}
-                    min="0"
-                    step="0.01"
-                    className="w-full px-2 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-yellow-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  />
-                </div>
-
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">Gerçek Maliyet</label>
-                  <input
-                    type="number"
-                    name="actualCost"
-                    value={formData.actualCost}
-                    onChange={handleChange}
-                    min="0"
-                    step="0.01"
-                    className="w-full px-2 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:border-yellow-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  />
-                </div>
-
-                <div className="space-y-1">
-                  <label className="block text-sm font-medium text-gray-700">Para Birimi</label>
-                  <select
-                    name="currency"
-                    value={formData.currency}
-                    onChange={handleChange}
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:border-yellow-500 transition-all duration-200 bg-gray-50 focus:bg-white"
-                  >
-                    {mockCurrencies.map((currency) => (
-                      <option key={currency.value} value={currency.value}>
-                        {currency.value} - {currency.label}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-            </div>
-
-            {/* Customer Requirement */}
-            <div>
-              <div className="flex items-center gap-2 mb-3">
-                <div className="p-1.5 bg-indigo-100 rounded-lg">
-                  <FaExclamationTriangle className="text-indigo-600 text-base" />
-                </div>
-                <h3 className="text-base font-bold text-gray-900">Müşteri Talebi</h3>
-              </div>
-
-              <textarea
-                name="customerRequirement"
-                value={formData.customerRequirement || ''}
-                onChange={handleChange}
-                className="w-full px-2 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition-all duration-200 bg-gray-50 focus:bg-white resize-none"
-                placeholder="Müşteri özel talebi varsa buraya yazınız..."
-              />
-            </div>
-          </div>
-
-          {/* Right: Materials section */}
-          <div className="bg-white p-4 rounded-2xl shadow-lg border border-gray-200">
-            <div className="flex items-center justify-between mb-3">
-              <div className="flex items-center gap-2">
-                <div className="p-1.5 bg-orange-100 rounded-lg">
-                  <FaTruck className="text-orange-600 text-base" />
-                </div>
-                <div>
-                  <h3 className="text-base font-bold text-gray-900">Malzemeler</h3>
-                  <p className="text-gray-600 mt-0.5 text-sm">Üretim için gerekli malzemeler</p>
-                </div>
-              </div>
-              <button
-                onClick={() => setShowNewMaterialForm(true)}
-                className="inline-flex items-center px-2 py-1.5 bg-gradient-to-r from-orange-600 to-orange-700 text-white font-medium rounded-lg hover:from-orange-700 hover:to-orange-800 transition-all duration-200 shadow-lg hover:shadow-xl"
-              >
-                <FaPlus className="mr-2 text-sm" />
-                Malzeme Ekle
-              </button>
-            </div>
-
-            {/* New material form */}
-            {showNewMaterialForm && (
-              <div className="bg-gradient-to-r from-orange-50 to-yellow-50 p-4 rounded-xl mb-4 border border-orange-200">
-                <div className="flex justify-between items-center mb-3">
-                  <h4 className="font-bold text-orange-800 text-base">Yeni Malzeme</h4>
-                  <button
-                    onClick={() => setShowNewMaterialForm(false)}
-                    className="text-orange-800 hover:text-orange-900 transition-colors"
-                  >
-                    <FaTimes size={20} />
-                  </button>
-                </div>
-                <div className="space-y-3">
-                  <div className="space-y-1">
-                    <label className="block text-sm font-medium text-gray-700">Malzeme</label>
-                    <select
-                      value={newMaterial.materialId}
-                      onChange={handleNewMaterialChange}
-                      className="w-full px-2 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 focus:border-orange-500 transition-all duration-200 bg-white"
-                    >
-                      <option value="">Malzeme Seçin</option>
-                      {mockMaterials.map((mat) => (
-                        <option key={mat.id} value={mat.id}>
-                          {mat.code} - {mat.name}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-                  <div className="grid grid-cols-2 gap-3">
-                    <div className="space-y-1">
-                      <label className="block text-sm font-medium text-gray-700">
-                        Planlanan Miktar
-                      </label>
-                      <input
-                        type="number"
-                        name="plannedQuantity"
-                        value={newMaterial.plannedQuantity}
-                        onChange={handleNewMaterialChange}
-                        min="0"
-                        className="w-full px-2 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 focus:border-orange-500 transition-all duration-200 bg-white"
-                      />
-                    </div>
-                    <div className="space-y-1">
-                      <label className="block text-sm font-medium text-gray-700">
-                        Gereken Miktar
-                      </label>
-                      <input
-                        type="number"
-                        name="requiredQuantity"
-                        value={newMaterial.requiredQuantity}
-                        onChange={handleNewMaterialChange}
-                        min="0"
-                        className="w-full px-2 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 focus:border-orange-500 transition-all duration-200 bg-white"
-                      />
-                    </div>
-                  </div>
-                  <div className="text-right">
-                    <button
-                      onClick={handleAddMaterial}
-                      className="inline-flex items-center px-4 py-2 bg-gradient-to-r from-green-600 to-green-700 text-white font-medium rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-200 shadow-lg hover:shadow-xl"
-                    >
-                      <FaCheckCircle className="mr-2" />
-                      Ekle
-                    </button>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {/* Materials list */}
-            <div className="space-y-3 max-h-[calc(100vh-400px)] overflow-y-auto">
-              {materials.length === 0 ? (
-                <div className="p-4 text-center bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl border-2 border-dashed border-gray-300">
-                  <FaTruck className="mx-auto h-12 w-12 text-gray-400 mb-4" />
-                  <p className="text-gray-500 text-base font-medium">Henüz malzeme eklenmemiş</p>
-                  <p className="text-gray-400 text-sm mt-2">
-                    Yukarıdaki butona tıklayarak malzeme ekleyebilirsiniz
-                  </p>
-                </div>
-              ) : (
-                materials.map((material) => (
-                  <div
-                    key={material.id}
-                    className="border border-gray-200 rounded-xl p-3 hover:bg-gradient-to-r hover:from-blue-50 hover:to-indigo-50 hover:border-blue-300 transition-all duration-200 group"
-                  >
-                    <div className="flex justify-between items-start">
-                      <div className="flex-1">
-                        <div className="flex items-center gap-2 mb-2">
-                          <div className="p-1.5 bg-blue-100 rounded-lg group-hover:bg-blue-200 transition-colors">
-                            <FaTruck className="text-blue-600" />
-                          </div>
-                          <div>
-                            <div className="text-gray-600">
-                              {material.salesOrder?.orderNumber || material.salesOrder?.id}
-                            </div>
-                            <div className="font-bold text-gray-900 text-sm">
-                              {material.material &&
-                                `${material.material.code} - ${material.material.name}`}
-                            </div>
-                            <div className="text-sm text-gray-600 mt-1">
-                              Planlanan:{' '}
-                              <span className="font-semibold text-blue-600">
-                                {material.plannedQuantity}
-                              </span>{' '}
-                              • Gereken:{' '}
-                              <span className="font-semibold text-green-600">
-                                {material.requiredQuantity}
-                              </span>
-                              • Fire:{' '}
-                              <span className="font-semibold text-green-600">
-                                {material.scrapQuantity}
-                              </span>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                      <button
-                        onClick={() => handleRemoveMaterial(material.id)}
-                        className="text-red-500 hover:text-red-700 transition-colors p-1 hover:bg-red-50 rounded-lg"
-                      >
-                        <FaTrash size={16} />
-                      </button>
-                    </div>
-                  </div>
-                ))
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default ProductionOrderForm
diff --git a/ui/src/views/mrp/components/ProductionOrderList.tsx b/ui/src/views/mrp/components/ProductionOrderList.tsx
deleted file mode 100644
index e64a2ee4..00000000
--- a/ui/src/views/mrp/components/ProductionOrderList.tsx
+++ /dev/null
@@ -1,1188 +0,0 @@
-import React, { useState } from 'react'
-import { Link } from 'react-router-dom'
-import { useQuery } from '@tanstack/react-query'
-import {
-  FaIndustry,
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaDownload,
-  FaEdit,
-  FaEye,
-  FaPlay,
-  FaExclamationTriangle,
-  FaCalendar,
-  FaBox,
-  FaArrowRight,
-  FaArrowLeft,
-  FaCheck,
-} from 'react-icons/fa'
-import classNames from 'classnames'
-import { ProductionOrderStatusEnum, ProductionOrderTypeEnum } from '../../../types/mrp'
-import { mockProductionOrders } from '../../../mocks/mockProductionOrders'
-import { mockSalesOrders } from '../../../mocks/mockSalesOrders'
-import { mockBOMs } from '../../../mocks/mockBOMs'
-import { SaleOrderStatusEnum, SaleOrderItemStatusEnum, CrmSalesOrderItem } from '../../../types/crm'
-import { MrpBOM, MrpBOMComponent, MrpBOMOperation } from '../../../types/mrp'
-import { mockWorkCenters } from '../../../mocks/mockWorkCenters'
-import Widget from '../../../components/common/Widget'
-import { PriorityEnum } from '../../../types/common'
-import {
-  getPriorityColor,
-  getPriorityText,
-  getProgressColor,
-  getProgressPercentage,
-  getProductionOrderStatusColor,
-  getProductionOrderStatusIcon,
-  getProductionOrderStatusText,
-} from '../../../utils/erp'
-import { WorkOrderStatusEnum } from '../../../types/pm'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import useLocale from '@/utils/hooks/useLocale'
-import { currentLocalDate } from '@/utils/dateUtils'
-
-const ProductionOrderList: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [filterStatus, setFilterStatus] = useState('all')
-  const [filterPriority, setFilterPriority] = useState('all')
-  const [showFilters, setShowFilters] = useState(false)
-  const [filterMaterial, setFilterMaterial] = useState('')
-  const [filterOrderNumber, setFilterOrderNumber] = useState('')
-  const [filterCustomer, setFilterCustomer] = useState('')
-  const currentLocale = useLocale()
-
-  // Modal states
-  const [showCreateModal, setShowCreateModal] = useState(false)
-  const [currentStep, setCurrentStep] = useState(1)
-  const [selectedSalesOrderItems, setSelectedSalesOrderItems] = useState<
-    (CrmSalesOrderItem & { productionQuantity: number })[]
-  >([])
-  const [selectedBOMs, setSelectedBOMs] = useState<{
-    [materialId: string]: MrpBOM
-  }>({})
-  const [workCenterSelections, setWorkCenterSelections] = useState<{
-    [key: string]: string
-  }>({})
-
-  const {
-    data: productionOrders,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: [
-      'production-orders',
-      searchTerm,
-      filterStatus,
-      filterPriority,
-      filterMaterial,
-      filterOrderNumber,
-      filterCustomer,
-    ],
-    queryFn: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      return mockProductionOrders.filter((order) => {
-        // Arama ve filtreler
-        const matchesSearch =
-          order.orderNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          order.materials
-            .map((m) => m.material?.name.toLowerCase())
-            .includes(searchTerm.toLowerCase())
-        const matchesStatus = filterStatus === 'all' || order.status === filterStatus
-        const matchesPriority = filterPriority === 'all' || order.priority === filterPriority
-        return matchesSearch && matchesStatus && matchesPriority
-      })
-    },
-  })
-
-  // Modal functions
-  const handleSalesOrderItemSelect = (item: CrmSalesOrderItem) => {
-    setSelectedSalesOrderItems((prev) => {
-      const exists = prev.find((i) => i.id === item.id)
-      if (exists) {
-        return prev.filter((i) => i.id !== item.id)
-      } else {
-        return [...prev, { ...item, productionQuantity: item.quantity }]
-      }
-    })
-  }
-
-  const handleProductionQuantityChange = (itemId: string, quantity: number) => {
-    setSelectedSalesOrderItems((prev) =>
-      prev.map((item) => {
-        if (item.id === itemId) {
-          const maxQuantity = item.quantity - (item.deliveredQuantity || 0)
-          const validQuantity = Math.min(Math.max(0, quantity), maxQuantity)
-          return { ...item, productionQuantity: validQuantity }
-        }
-        return item
-      }),
-    )
-  }
-
-  const handleBOMSelect = (materialId: string, bom: MrpBOM) => {
-    setSelectedBOMs((prev) => ({
-      ...prev,
-      [materialId]: bom,
-    }))
-  }
-
-  const handleWorkCenterSelect = (operationId: string, workCenterId: string) => {
-    setWorkCenterSelections((prev) => ({
-      ...prev,
-      [operationId]: workCenterId,
-    }))
-  }
-
-  const handleCreateWorkOrders = () => {
-    // Create work orders based on selected BOMs and their operations
-    const workOrders = Object.values(selectedBOMs).flatMap(
-      (bom) =>
-        bom.operations?.map((bomOp: MrpBOMOperation, index: number) => ({
-          id: `wo_${Date.now()}_${bom.materialId}_${index}`,
-          workOrderNumber: `WO-${Date.now()}-${bom.materialId}-${index + 1}`,
-          productionOrderId: `po_${Date.now()}`, // This would be the actual production order ID
-          productionOrder: null, // Would be populated with actual production order
-          operationId: bomOp.operationId,
-          operation: bomOp.operation,
-          sequence: bomOp.sequence,
-          plannedStartDate: new Date(),
-          plannedEndDate: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000), // 7 days later
-          actualStartDate: undefined,
-          actualEndDate: undefined,
-          plannedQuantity: selectedSalesOrderItems
-            .filter((item) => item.materialId === bom.materialId)
-            .reduce((sum, item) => sum + item.quantity, 0),
-          confirmedQuantity: 0,
-          scrapQuantity: 0,
-          workCenterId: workCenterSelections[bomOp.operationId],
-          workCenter: mockWorkCenters.find(
-            (wc) => wc.id === workCenterSelections[bomOp.operationId],
-          ),
-          assignedOperators: [],
-          setupTime: bomOp.setupTime,
-          processTime: bomOp.runTime,
-          actualSetupTime: undefined,
-          actualProcessTime: undefined,
-          status: WorkOrderStatusEnum.Created,
-          confirmations: [],
-          qualityChecks: [],
-          creationTime: new Date(),
-          lastModificationTime: new Date(),
-        })) || [],
-    )
-
-    console.log('Creating work orders:', workOrders)
-    console.log('Selected items:', selectedSalesOrderItems)
-    console.log('Selected BOMs:', selectedBOMs)
-    console.log('Work center selections:', workCenterSelections)
-
-    // Reset modal
-    setShowCreateModal(false)
-    setCurrentStep(1)
-    setSelectedSalesOrderItems([])
-    setSelectedBOMs({})
-    setWorkCenterSelections({})
-
-    // In a real app, you would dispatch an action to create these work orders
-    alert(`${workOrders.length} adet iş emri başarıyla oluşturuldu!`)
-  }
-
-  const renderModalContent = () => {
-    switch (currentStep) {
-      case 1:
-        return renderSalesOrderSelection()
-      case 2:
-        return renderBOMSelection()
-      case 3:
-        return renderWorkCenterSelection()
-      case 4:
-        return renderSummary()
-      default:
-        return null
-    }
-  }
-
-  const renderSalesOrderSelection = () => {
-    const openSalesOrders = mockSalesOrders.filter((order) =>
-      [
-        SaleOrderStatusEnum.Confirmed,
-        SaleOrderStatusEnum.Ready,
-        SaleOrderStatusEnum.InProduction,
-      ].includes(order.status),
-    )
-
-    return (
-      <div className="space-y-2">
-        <h3 className="text-lg font-semibold text-gray-900">Açık Satış Siparişleri (Step 1)</h3>
-        <p className="text-gray-600">Üretim emri oluşturmak için malzeme satırlarını seçin.</p>
-
-        <div className="max-h-80 overflow-y-auto space-y-2">
-          {openSalesOrders.map((order) => (
-            <div key={order.id} className="border border-gray-200 rounded-lg p-3">
-              <div className="flex items-center justify-between mb-2">
-                <h4 className="font-medium text-gray-900">{order.orderNumber}</h4>
-                <span className="text-sm text-gray-500">{order.customer?.name}</span>
-              </div>
-
-              <div className="space-y-2">
-                {order.items
-                  .filter((item) => item.status !== SaleOrderItemStatusEnum.Delivered)
-                  .map((item) => {
-                    const selectedItem = selectedSalesOrderItems.find(
-                      (selected) => selected.id === item.id,
-                    )
-                    const isSelected = !!selectedItem
-
-                    return (
-                      <div
-                        key={item.id}
-                        className="flex items-center space-x-2 p-1.5 bg-gray-50 rounded"
-                      >
-                        <input
-                          type="checkbox"
-                          checked={isSelected}
-                          onChange={() => handleSalesOrderItemSelect(item)}
-                          className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                        />
-                        <div className="flex-1">
-                          <div className="text-sm font-medium text-gray-900">
-                            {item.material?.code} {' - '}
-                            {item.material?.name || item.materialId}
-                          </div>
-                          <div className="text-xs text-gray-500">
-                            Miktar: {item.quantity} | Teslim Edilen: {item.deliveredQuantity || 0}
-                          </div>
-                        </div>
-                        {isSelected && (
-                          <div className="flex items-center space-x-2">
-                            <label className="text-xs text-gray-600">Üretim Miktarı:</label>
-                            <input
-                              type="number"
-                              min="0"
-                              max={item.quantity - (item.deliveredQuantity || 0)}
-                              value={selectedItem?.productionQuantity}
-                              onChange={(e) => {
-                                const value = parseFloat(e.target.value) || 0
-                                const maxAllowed = item.quantity - (item.deliveredQuantity || 0)
-                                if (value > maxAllowed) {
-                                  e.target.value = maxAllowed.toString()
-                                }
-                                handleProductionQuantityChange(
-                                  item.id,
-                                  value > maxAllowed ? maxAllowed : value,
-                                )
-                              }}
-                              onBlur={(e) => {
-                                const value = parseFloat(e.target.value) || 0
-                                const maxAllowed = item.quantity - (item.deliveredQuantity || 0)
-                                if (value > maxAllowed) {
-                                  handleProductionQuantityChange(item.id, maxAllowed)
-                                }
-                              }}
-                              className="w-16 px-1.5 py-0.5 text-xs border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500"
-                            />
-                          </div>
-                        )}
-                      </div>
-                    )
-                  })}
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-    )
-  }
-
-  const renderBOMSelection = () => {
-    if (selectedSalesOrderItems.length === 0) return null
-
-    // Group selected items by material
-    const groupedItems: {
-      [materialId: string]: (CrmSalesOrderItem & {
-        productionQuantity: number
-      })[]
-    } = selectedSalesOrderItems.reduce(
-      (acc, item) => {
-        if (!acc[item.materialId!]) {
-          acc[item.materialId!] = []
-        }
-        acc[item.materialId!].push(item)
-        return acc
-      },
-      {} as { [materialId: string]: (CrmSalesOrderItem & { productionQuantity: number })[] },
-    )
-
-    // Check for missing BOMs
-    const missingBOMs = Object.keys(groupedItems).filter((materialId) => !selectedBOMs[materialId])
-
-    return (
-      <div className="space-y-2">
-        <h3 className="text-lg font-semibold text-gray-900">BOM Seçimi</h3>
-        <p className="text-gray-600">Her seçilen malzeme için uygun BOM'u seçin.</p>
-
-        {missingBOMs.length > 0 && (
-          <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-2 mb-3">
-            <div className="flex items-center">
-              <FaExclamationTriangle className="h-5 w-5 text-yellow-600 mr-2" />
-              <span className="text-yellow-800 text-sm">
-                Aşağıdaki malzemeler için BOM seçimi yapmanız gerekiyor:
-              </span>
-            </div>
-            <ul className="mt-2 text-sm text-yellow-700 list-disc list-inside">
-              {missingBOMs.map((materialId) => {
-                const material = groupedItems[materialId][0].material
-                return (
-                  <li key={materialId}>
-                    {material?.code} {' - '}
-                    {material?.name || materialId}
-                  </li>
-                )
-              })}
-            </ul>
-          </div>
-        )}
-
-        <div className="space-y-2 mt-2 overflow-y-auto max-h-[350px]">
-          {Object.entries(groupedItems).map(([materialId, items]) => {
-            const material = items[0].material
-            const totalQuantity = items.reduce((sum, item) => sum + item.productionQuantity, 0)
-
-            const availableBOMs = mockBOMs.filter((bom) => bom.materialId === materialId)
-            const selectedBOM = selectedBOMs[materialId]
-
-            return (
-              <div
-                key={materialId}
-                className="border border-gray-200 rounded-lg p-2 overflow-y-auto max-h-80"
-              >
-                <div className="mb-2">
-                  <h4 className="font-medium text-gray-900">
-                    {material?.code} {' - '}
-                    {material?.name || materialId}
-                  </h4>
-                  <p className="text-gray-600">Toplam Miktar: {totalQuantity}</p>
-                </div>
-
-                <div className="space-y-3">
-                  {availableBOMs.map((bom) => (
-                    <div key={bom.id} className="border border-gray-100 rounded p-1.5">
-                      <div className="flex items-center justify-between">
-                        <div>
-                          <span className="font-medium text-gray-900">{bom.bomCode}</span>
-                          <span className="text-sm text-gray-500 ml-2">
-                            (Versiyon: {bom.version})
-                          </span>
-                        </div>
-                        <button
-                          onClick={() => handleBOMSelect(materialId, bom)}
-                          className={`px-2 py-0.5 rounded text-xs ${
-                            selectedBOM?.id === bom.id
-                              ? 'bg-green-600 text-white'
-                              : 'bg-blue-600 text-white hover:bg-blue-700'
-                          }`}
-                        >
-                          {selectedBOM?.id === bom.id ? 'Seçildi' : 'Seç'}
-                        </button>
-                      </div>
-
-                      <div className="text-sm text-gray-600">
-                        <div className="grid grid-cols-2 gap-3">
-                          <div>
-                            <span className="font-medium">Bileşenler:</span>
-                            <ul className="ml-2 mt-1">
-                              {bom.components.slice(0, 3).map((comp: MrpBOMComponent) => (
-                                <li key={comp.id} className="text-xs">
-                                  {comp.material?.name || comp.materialId} ({comp.quantity}{' '}
-                                  {comp.unitId})
-                                </li>
-                              ))}
-                              {bom.components.length > 3 && (
-                                <li className="text-xs text-gray-400">
-                                  ...ve {bom.components.length - 3} daha fazla
-                                </li>
-                              )}
-                            </ul>
-                          </div>
-                          <div>
-                            <span className="font-medium">Operasyonlar:</span>
-                            <ul className="ml-2 mt-1">
-                              {bom.operations?.slice(0, 3).map((op: MrpBOMOperation) => (
-                                <li key={op.id} className="text-xs">
-                                  {op.sequence}. {op.operation?.name}
-                                </li>
-                              ))}
-                              {bom.operations && bom.operations.length > 3 && (
-                                <li className="text-xs text-gray-400">
-                                  ...ve {bom.operations.length - 3} daha fazla
-                                </li>
-                              )}
-                            </ul>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              </div>
-            )
-          })}
-        </div>
-      </div>
-    )
-  }
-
-  const renderWorkCenterSelection = () => {
-    const selectedBOMsList = Object.values(selectedBOMs)
-    if (selectedBOMsList.length === 0) return null
-
-    return (
-      <div className="space-y-2">
-        <h3 className="text-lg font-semibold text-gray-900">İş Merkezi Seçimi</h3>
-        <p className="text-gray-600">Her operasyon için uygun iş merkezini seçin.</p>
-
-        <div className="space-y-2 mt-2 overflow-y-auto max-h-[350px]">
-          {selectedBOMsList.map((bom) => (
-            <div key={bom.id} className="border border-gray-200 rounded-lg p-2">
-              <div className="mb-2">
-                <h4 className="font-medium text-gray-900">
-                  {bom.material?.name} - {bom.bomCode}
-                </h4>
-              </div>
-
-              {bom.operations?.map((bomOp: MrpBOMOperation) => {
-                const availableWorkCenters = mockWorkCenters.filter((wc) => {
-                  const operationWorkCenterId = bomOp.workCenterId || bomOp.operation?.workCenterId
-                  return operationWorkCenterId ? wc.id === operationWorkCenterId : true
-                })
-                return (
-                  <div key={bomOp.id} className="border border-gray-100 rounded p-2">
-                    <div className="flex items-center justify-between mb-2">
-                      <div>
-                        <h5 className="font-medium text-gray-900">
-                          {bomOp.sequence}. {bomOp.operation?.name}
-                        </h5>
-                        <p className="text-sm text-gray-600">{bomOp.operation?.description}</p>
-                      </div>
-                    </div>
-
-                    {/* İş merkezi seçimi */}
-                    <div className="mt-2">
-                      <select
-                        value={workCenterSelections[bomOp.operationId] || ''}
-                        onChange={(e) => handleWorkCenterSelect(bomOp.operationId, e.target.value)}
-                        className="w-full border border-gray-300 rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      >
-                        <option value="">Seçiniz...</option>
-                        {availableWorkCenters.map((wc) => (
-                          <option key={wc.id} value={wc.id}>
-                            {wc.name} ({wc.code})
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-                  </div>
-                )
-              })}
-            </div>
-          ))}
-        </div>
-      </div>
-    )
-  }
-
-  const renderSummary = () => {
-    const selectedBOMsList = Object.values(selectedBOMs)
-    if (selectedBOMsList.length === 0) return null
-
-    return (
-      <div className="space-y-2">
-        <h3 className="text-lg font-semibold text-gray-900">Özet ve Onay</h3>
-        <p className="text-gray-600">
-          Seçilen malzemeler, BOM'lar ve iş merkezi atamalarını gözden geçirin.
-        </p>
-
-        <div className="space-y-2 mt-2 overflow-y-auto max-h-[350px]">
-          {/* Seçilen Malzemeler */}
-          <div className="bg-blue-50 p-3 rounded-lg">
-            <h4 className="font-medium text-gray-900 mb-2">Seçilen Malzemeler:</h4>
-            <div className="space-y-2">
-              {selectedSalesOrderItems.map((item, index) => (
-                <div key={index} className="flex justify-between items-center text-sm">
-                  <span className="font-medium">{item.material?.name}</span>
-                  <span className="text-gray-600">Miktar: {item.productionQuantity}</span>
-                </div>
-              ))}
-            </div>
-          </div>
-
-          {/* BOM ve Bileşen Bilgileri */}
-          {selectedBOMsList.map((bom) => (
-            <div key={bom.id} className="border border-gray-200 rounded-lg p-3">
-              <h4 className="font-medium text-gray-900 mb-2">
-                {bom.material?.name} - {bom.bomCode}
-              </h4>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <h5 className="font-medium text-gray-700 mb-2">Bileşen İhtiyaçları:</h5>
-                  <div className="space-y-1">
-                    {bom.components.map((comp: MrpBOMComponent) => {
-                      const totalQuantity = selectedSalesOrderItems
-                        .filter((item) => item.materialId === bom.materialId)
-                        .reduce((sum, item) => sum + item.productionQuantity, 0)
-                      const requiredQuantity =
-                        comp.quantity * totalQuantity * (1 + comp.scrapPercentage / 100)
-                      return (
-                        <div key={comp.id} className="flex justify-between text-sm text-gray-600">
-                          <span>{comp.material?.name || comp.materialId}</span>
-                          <span>
-                            {requiredQuantity.toFixed(2)} {comp.unitId}
-                          </span>
-                        </div>
-                      )
-                    })}
-                  </div>
-                </div>
-
-                <div>
-                  <h5 className="font-medium text-gray-700 mb-2">İş Merkezi Atamaları:</h5>
-                  <div className="space-y-1">
-                    {bom.operations?.map((bomOp: MrpBOMOperation) => {
-                      const selectedWC = mockWorkCenters.find(
-                        (wc) => wc.id === workCenterSelections[bomOp.operationId],
-                      )
-                      return (
-                        <div key={bomOp.id} className="flex justify-between text-sm text-gray-600">
-                          <span>
-                            {bomOp.sequence}. {bomOp.operation?.name}
-                          </span>
-                          <span>{selectedWC ? selectedWC.name : 'Seçilmemiş'}</span>
-                        </div>
-                      )
-                    })}
-                  </div>
-                </div>
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-    )
-  }
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center py-12">
-        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
-        <span className="ml-3 text-gray-600">Üretim emirleri yükleniyor...</span>
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="bg-red-50 border border-red-200 rounded-lg p-4">
-        <div className="flex items-center">
-          <FaExclamationTriangle className="h-5 w-5 text-red-600 mr-2" />
-          <span className="text-red-800">Üretim emirleri yüklenirken hata oluştu.</span>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Üretim Emirleri</h2>
-            <p className="text-gray-600">Üretim süreçlerinizi yönetin ve izleyin</p>
-          </div>
-          <div className="flex items-center space-x-3">
-            <button
-              onClick={() => alert('Dışa aktarma özelliği yakında eklenecek')}
-              className="flex items-center px-3 py-1.5 border text-sm border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              <FaDownload size={16} className="mr-2" />
-              Dışa Aktar
-            </button>
-
-            <button
-              onClick={() => {
-                setShowCreateModal(true)
-                setCurrentStep(1)
-                setSelectedSalesOrderItems([])
-                setSelectedBOMs({})
-                setWorkCenterSelections({})
-              }}
-              className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center space-x-2"
-            >
-              <FaPlus size={16} className="mr-2" />
-              Yeni Üretim Emri
-            </button>
-          </div>
-        </div>
-
-        <div className="flex items-center justify-between w-full space-x-4">
-          <div className="relative flex-grow">
-            <FaSearch
-              size={20}
-              className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"
-            />
-            <input
-              type="text"
-              placeholder="Üretim emri numarası veya malzeme..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="pl-10 pr-4 py-1.5 w-full border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            />
-          </div>
-
-          <button
-            onClick={() => setShowFilters(!showFilters)}
-            className={classNames(
-              'flex items-center px-4 py-2 border rounded-lg transition-colors whitespace-nowrap',
-              showFilters
-                ? 'border-blue-500 bg-blue-50 text-blue-700'
-                : 'border-gray-300 bg-white text-gray-700 hover:bg-gray-50',
-            )}
-          >
-            <FaFilter size={16} className="mr-2" />
-            Filtreler
-          </button>
-        </div>
-
-        {/* Filters Panel */}
-        {showFilters && (
-          <div className="bg-white border border-gray-200 rounded-lg p-3">
-            <div className="grid grid-cols-1 md:grid-cols-6 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Durum</label>
-                <select
-                  value={filterStatus}
-                  onChange={(e) => setFilterStatus(e.target.value)}
-                  className="w-full border border-gray-300 rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                >
-                  <option value="all">Tümü</option>
-                  {Object.values(ProductionOrderStatusEnum).map((status) => (
-                    <option key={status} value={status}>
-                      {getProductionOrderStatusText(status)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Öncelik</label>
-                <select
-                  value={filterPriority}
-                  onChange={(e) => setFilterPriority(e.target.value)}
-                  className="w-full border border-gray-300 rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                >
-                  <option value="all">Tümü</option>
-                  {Object.values(PriorityEnum).map((priority) => (
-                    <option key={priority} value={priority}>
-                      {getPriorityText(priority)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Malzeme</label>
-                <input
-                  type="text"
-                  value={filterMaterial}
-                  onChange={(e) => setFilterMaterial(e.target.value)}
-                  placeholder="Malzeme..."
-                  className="w-full border border-gray-300 rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Sipariş No</label>
-                <input
-                  type="text"
-                  value={filterOrderNumber}
-                  onChange={(e) => setFilterOrderNumber(e.target.value)}
-                  placeholder="Sipariş No..."
-                  className="w-full border border-gray-300 rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                />
-              </div>
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Müşteri</label>
-                <input
-                  type="text"
-                  value={filterCustomer}
-                  onChange={(e) => setFilterCustomer(e.target.value)}
-                  placeholder="Müşteri..."
-                  className="w-full border border-gray-300 rounded-lg px-2 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                />
-              </div>
-              <div className="flex items-end">
-                <button
-                  onClick={() => {
-                    setFilterStatus('all')
-                    setFilterPriority('all')
-                    setSearchTerm('')
-                    setFilterMaterial('')
-                    setFilterOrderNumber('')
-                    setFilterCustomer('')
-                  }}
-                  className="w-full px-3 py-1.5 border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors text-sm"
-                >
-                  Filtreleri Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* Statistics Cards - Compacted */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-6">
-          <Widget
-            title="Toplam Emir"
-            value={productionOrders?.length || 0}
-            color="blue"
-            icon="FaIndustry"
-          />
-
-          <Widget
-            title="Devam Eden"
-            value={
-              productionOrders?.filter((o) => o.status === ProductionOrderStatusEnum.InProgress)
-                .length || 0
-            }
-            color="yellow"
-            icon="FaCog"
-          />
-
-          <Widget
-            title="Tamamlanan"
-            value={
-              productionOrders?.filter((o) => o.status === ProductionOrderStatusEnum.Completed)
-                .length || 0
-            }
-            color="green"
-            icon="FaCheckCircle"
-          />
-
-          <Widget
-            title="Acil Emirler"
-            value={productionOrders?.filter((o) => o.priority === PriorityEnum.Urgent).length || 0}
-            color="red"
-            icon="FaExclamationTriangle"
-          />
-        </div>
-
-        {/* Production Orders Table */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="px-4 py-3 border-b border-gray-200">
-            <h2 className="text-xl font-semibold text-gray-900">Üretim Emirleri</h2>
-          </div>
-
-          <div className="overflow-x-auto">
-            <table className="w-full">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Emir Bilgileri
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Malzeme
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum / Öncelik
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Planlanan Tarihler
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Miktar / İlerleme
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Maliyet
-                  </th>
-                  <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-
-              <tbody className="bg-white divide-y divide-gray-200">
-                {productionOrders?.map((order) => {
-                  const progressPercentage = getProgressPercentage(order)
-
-                  return (
-                    <tr key={order.id} className="hover:bg-gray-50 transition-colors">
-                      <td className="px-4 py-3">
-                        <div className="flex items-center">
-                          <div className="flex-shrink-0 h-8 w-8">
-                            <div className="h-8 w-8 rounded-lg bg-blue-100 flex items-center justify-center">
-                              <FaIndustry className="h-5 w-5 text-blue-600" />
-                            </div>
-                          </div>
-                          <div className="ml-3">
-                            <div className="text-sm font-medium text-gray-900">
-                              {order.orderNumber}
-                            </div>
-                            <div className="text-sm text-gray-500">
-                              {order.orderType === ProductionOrderTypeEnum.Standard
-                                ? 'Standart'
-                                : order.orderType === ProductionOrderTypeEnum.Rework
-                                  ? 'Yeniden İşleme'
-                                  : order.orderType === ProductionOrderTypeEnum.Maintenance
-                                    ? 'Bakım'
-                                    : 'Numune'}
-                            </div>
-                            {order.customerRequirement && (
-                              <div className="text-xs text-gray-400 mt-1 max-w-xs truncate">
-                                {order.customerRequirement}
-                              </div>
-                            )}
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-4 py-3">
-                        <div className="flex items-center text-sm">
-                          <FaBox size={16} className="text-gray-400 mr-2" />
-                          <div>
-                            <div className="font-medium text-gray-900">
-                              {order.materials.map((m) => m.material?.name).join(', ')}
-                            </div>
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-4 py-3">
-                        <div className="space-y-2">
-                          <span
-                            className={classNames(
-                              'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',
-                              getProductionOrderStatusColor(order.status),
-                            )}
-                          >
-                            {getProductionOrderStatusIcon(order.status)}
-                            <span className="ml-1">
-                              {getProductionOrderStatusText(order.status)}
-                            </span>
-                          </span>
-                          <div
-                            className={classNames(
-                              'text-sm font-medium',
-                              getPriorityColor(order.priority),
-                            )}
-                          >
-                            {getPriorityText(order.priority)}
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-4 py-3">
-                        <div className="space-y-1">
-                          <div className="flex items-center text-sm text-gray-900">
-                            <FaCalendar size={14} className="mr-1" />
-                            {currentLocalDate(order.plannedStartDate, currentLocale || 'tr')}
-                          </div>
-                          <div className="text-sm text-gray-500">
-                            Bitiş: {currentLocalDate(order.plannedEndDate, currentLocale || 'tr')}
-                          </div>
-                          {order.actualStartDate && (
-                            <div className="text-xs text-blue-600">
-                              Başladı: {currentLocalDate(order.actualStartDate, currentLocale || 'tr')}
-                            </div>
-                          )}
-                        </div>
-                      </td>
-
-                      <td className="px-4 py-3">
-                        <div className="space-y-2">
-                          <div className="flex items-center justify-between">
-                            <span className="text-sm text-gray-600">Planlanan:</span>
-                            <span className="text-sm font-medium text-gray-900">
-                              {order.plannedQuantity} {order.unitId}
-                            </span>
-                          </div>
-                          <div className="flex items-center justify-between">
-                            <span className="text-sm text-gray-600">Üretilen:</span>
-                            <span className="text-sm font-medium text-gray-900">
-                              {order.confirmedQuantity} {order.unitId}
-                            </span>
-                          </div>
-                          {order.scrapQuantity > 0 && (
-                            <div className="flex items-center justify-between">
-                              <span className="text-sm text-gray-600">Fire:</span>
-                              <span className="text-sm text-red-600">
-                                {order.scrapQuantity} {order.unitId}
-                              </span>
-                            </div>
-                          )}
-                          <div className="w-full bg-gray-200 rounded-full h-2">
-                            <div
-                              className={classNames(
-                                'h-2 rounded-full',
-                                getProgressColor(progressPercentage),
-                              )}
-                              style={{
-                                width: `${Math.min(progressPercentage, 100)}%`,
-                              }}
-                            />
-                          </div>
-                          <div className="text-xs text-center text-gray-600">
-                            %{progressPercentage}
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-4 py-3">
-                        <div className="space-y-1">
-                          <div className="text-sm font-medium text-gray-900">
-                            ₺{order.plannedCost.toLocaleString()}
-                          </div>
-                          <div className="text-sm text-gray-500">
-                            Gerçekleşen: ₺{order.actualCost.toLocaleString()}
-                          </div>
-                          <div className="text-xs text-blue-600">
-                            %
-                            {order.plannedCost > 0
-                              ? Math.round((order.actualCost / order.plannedCost) * 100)
-                              : 0}{' '}
-                            kullanıldı
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-4 py-3 text-right">
-                        <div className="flex items-center justify-end space-x-2">
-                          <Link
-                            to={ROUTES_ENUM.protected.mrp.productionOrderDetail.replace(
-                              ':id',
-                              order.id,
-                            )}
-                            className="p-1.5 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
-                            title="Detayları Görüntüle"
-                          >
-                            <FaEye size={16} />
-                          </Link>
-
-                          <Link
-                            to={`${ROUTES_ENUM.protected.mrp.productionOrderEdit.replace(':id', order.id)}/edit`}
-                            className="p-2 text-gray-600 hover:text-yellow-600 hover:bg-yellow-50 rounded-lg transition-colors"
-                            title="Düzenle"
-                          >
-                            <FaEdit size={16} />
-                          </Link>
-
-                          {order.status === ProductionOrderStatusEnum.Created && (
-                            <button
-                              className="p-1.5 text-gray-600 hover:text-green-600 hover:bg-green-50 rounded-lg transition-colors"
-                              title="Serbest Bırak"
-                            >
-                              <FaPlay size={16} />
-                            </button>
-                          )}
-                        </div>
-                      </td>
-                    </tr>
-                  )
-                })}
-              </tbody>
-            </table>
-          </div>
-
-          {(!productionOrders || productionOrders.length === 0) && (
-            <div className="text-center py-12">
-              <FaIndustry className="mx-auto h-12 w-12 text-gray-400" />
-              <h3 className="mt-2 text-sm font-medium text-gray-900">Üretim emri bulunamadı</h3>
-              <p className="mt-1 text-sm text-gray-500">Yeni üretim emri oluşturarak başlayın.</p>
-              <div className="mt-6">
-                <Link
-                  to={ROUTES_ENUM.protected.mrp.productionOrderNew}
-                  className="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-                >
-                  <FaPlus size={16} className="mr-2" />
-                  Yeni Üretim Emri
-                </Link>
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-
-      {/* Create Production Order Modal */}
-      {showCreateModal && (
-        <div className="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50">
-          <div className="relative top-10 mx-auto p-4 border w-11/12 max-w-4xl shadow-lg rounded-md bg-white">
-            <div className="mt-3">
-              {/* Modal Header */}
-              <div className="flex items-center justify-between mb-4">
-                <h2 className="text-xl font-semibold text-gray-900">Yeni Üretim Emri Oluştur</h2>
-                <button
-                  onClick={() => setShowCreateModal(false)}
-                  className="text-gray-400 hover:text-gray-600"
-                >
-                  ✕
-                </button>
-              </div>
-
-              {/* Step Indicator */}
-              <div className="flex items-center mb-4">
-                <div
-                  className={`flex items-center ${
-                    currentStep >= 1 ? 'text-blue-600' : 'text-gray-400'
-                  }`}
-                >
-                  <div
-                    className={`w-8 h-8 rounded-full flex items-center justify-center border-2 ${
-                      currentStep >= 1
-                        ? 'border-blue-600 bg-blue-600 text-white'
-                        : 'border-gray-300'
-                    }`}
-                  >
-                    1
-                  </div>
-                  <span className="ml-2 text-sm">Satış Siparişi Seçimi</span>
-                </div>
-                <div
-                  className={`flex-1 h-1 mx-4 ${currentStep >= 2 ? 'bg-blue-600' : 'bg-gray-300'}`}
-                ></div>
-                <div
-                  className={`flex items-center ${
-                    currentStep >= 2 ? 'text-blue-600' : 'text-gray-400'
-                  }`}
-                >
-                  <div
-                    className={`w-8 h-8 rounded-full flex items-center justify-center border-2 ${
-                      currentStep >= 2
-                        ? 'border-blue-600 bg-blue-600 text-white'
-                        : 'border-gray-300'
-                    }`}
-                  >
-                    2
-                  </div>
-                  <span className="ml-2 text-sm">BOM Seçimi</span>
-                </div>
-                <div
-                  className={`flex-1 h-1 mx-4 ${currentStep >= 3 ? 'bg-blue-600' : 'bg-gray-300'}`}
-                ></div>
-                <div
-                  className={`flex items-center ${
-                    currentStep >= 3 ? 'text-blue-600' : 'text-gray-400'
-                  }`}
-                >
-                  <div
-                    className={`w-8 h-8 rounded-full flex items-center justify-center border-2 ${
-                      currentStep >= 3
-                        ? 'border-blue-600 bg-blue-600 text-white'
-                        : 'border-gray-300'
-                    }`}
-                  >
-                    3
-                  </div>
-                  <span className="ml-2 text-sm">İş Merkezi Seçimi</span>
-                </div>
-                <div
-                  className={`flex-1 h-1 mx-4 ${currentStep >= 4 ? 'bg-blue-600' : 'bg-gray-300'}`}
-                ></div>
-                <div
-                  className={`flex items-center ${
-                    currentStep >= 4 ? 'text-blue-600' : 'text-gray-400'
-                  }`}
-                >
-                  <div
-                    className={`w-8 h-8 rounded-full flex items-center justify-center border-2 ${
-                      currentStep >= 4
-                        ? 'border-blue-600 bg-blue-600 text-white'
-                        : 'border-gray-300'
-                    }`}
-                  >
-                    4
-                  </div>
-                  <span className="ml-2 text-sm">Özet</span>
-                </div>
-              </div>
-
-              {/* Modal Content */}
-              <div className="mb-4">{renderModalContent()}</div>
-
-              {/* Modal Footer */}
-              <div className="flex items-center justify-between">
-                <button
-                  onClick={() => {
-                    if (currentStep === 3) {
-                      // Adım 3'ten 2'ye geri gidildiğinde iş merkezi seçimlerini temizle
-                      setWorkCenterSelections({})
-                    } else if (currentStep === 2) {
-                      // Adım 2'den 1'e geri gidildiğinde BOM seçimlerini temizle
-                      setSelectedBOMs({})
-                    }
-                    setCurrentStep(Math.max(1, currentStep - 1))
-                  }}
-                  disabled={currentStep === 1}
-                  className="flex items-center px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors  disabled:opacity-50 disabled:cursor-not-allowed"
-                >
-                  <FaArrowLeft size={16} className="mr-2" />
-                  Geri
-                </button>
-
-                <div className="flex space-x-3">
-                  <button
-                    onClick={() => setShowCreateModal(false)}
-                    className="flex items-center px-3 py-1.5 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50"
-                  >
-                    İptal
-                  </button>
-
-                  {currentStep < 4 ? (
-                    <button
-                      onClick={() => {
-                        if (currentStep === 1 && selectedSalesOrderItems.length > 0) {
-                          setCurrentStep(2)
-                        } else if (
-                          currentStep === 2 &&
-                          selectedSalesOrderItems.every((item) => selectedBOMs[item.materialId!])
-                        ) {
-                          setCurrentStep(3)
-                        } else if (
-                          currentStep === 3 &&
-                          Object.keys(workCenterSelections).length > 0
-                        ) {
-                          setCurrentStep(4)
-                        }
-                      }}
-                      disabled={
-                        (currentStep === 1 && selectedSalesOrderItems.length === 0) ||
-                        (currentStep === 2 &&
-                          !selectedSalesOrderItems.every(
-                            (item) => selectedBOMs[item.materialId!],
-                          )) ||
-                        (currentStep === 3 && // TODO: Fix this logic
-                          Object.keys(workCenterSelections).length === 0)
-                      }
-                      className="flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed"
-                    >
-                      İleri
-                      <FaArrowRight size={16} className="ml-2" />
-                    </button>
-                  ) : (
-                    <button
-                      onClick={handleCreateWorkOrders}
-                      disabled={Object.keys(workCenterSelections).length === 0}
-                      className="flex items-center px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed"
-                    >
-                      <FaCheck size={16} className="mr-2" />
-                      İş Emirlerini Oluştur
-                    </button>
-                  )}
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-    </Container>
-  )
-}
-
-export default ProductionOrderList
diff --git a/ui/src/views/mrp/components/ProductionOrderView.tsx b/ui/src/views/mrp/components/ProductionOrderView.tsx
deleted file mode 100644
index 77ed38b0..00000000
--- a/ui/src/views/mrp/components/ProductionOrderView.tsx
+++ /dev/null
@@ -1,450 +0,0 @@
-import React, { useMemo } from 'react'
-import { useParams, useNavigate } from 'react-router-dom'
-import { useQuery } from '@tanstack/react-query'
-import { mockProductionOrders } from '../../../mocks/mockProductionOrders'
-import { MrpProductionOrder, MrpProductionOrderMaterial } from '../../../types/mrp'
-import {
-  FaCog,
-  FaCalendarAlt,
-  FaClipboardList,
-  FaTruck,
-  FaMoneyBillWave,
-  FaArrowLeft,
-  FaExclamationTriangle,
-} from 'react-icons/fa'
-import StatusBadge from '../../../components/common/StatusBadge'
-import { getPriorityColor } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-
-const ProductionOrderView: React.FC = () => {
-  const { id } = useParams()
-  const navigate = useNavigate()
-
-  const { data: productionOrder, isLoading } = useQuery({
-    queryKey: ['production-order', id],
-    queryFn: async () => {
-      await new Promise((r) => setTimeout(r, 200))
-      return mockProductionOrders.find((p) => p.id === id) as MrpProductionOrder | undefined
-    },
-    enabled: !!id,
-  })
-
-  const materials: MrpProductionOrderMaterial[] = useMemo(
-    () => productionOrder?.materials || [],
-    [productionOrder],
-  )
-
-  if (isLoading) {
-    return (
-      <div className="flex justify-center items-center min-h-screen">
-        <div className="flex flex-col items-center space-y-4">
-          <div className="animate-spin rounded-full h-16 w-16 border-4 border-blue-200 border-t-blue-600"></div>
-          <p className="text-gray-600 font-medium">Üretim emri yükleniyor...</p>
-        </div>
-      </div>
-    )
-  }
-
-  if (!productionOrder) {
-    return (
-      <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100">
-        <div className="text-center bg-white p-8 rounded-2xl shadow-xl max-w-md">
-          <div className="mb-6">
-            <FaExclamationTriangle className="mx-auto h-16 w-16 text-gray-400" />
-          </div>
-          <h2 className="text-2xl font-bold text-gray-900 mb-2">Üretim Emri Bulunamadı</h2>
-          <p className="text-gray-600 mb-6">
-            İstenen üretim emri mevcut değil veya silinmiş olabilir.
-          </p>
-          <button
-            onClick={() => navigate(ROUTES_ENUM.protected.mrp.productionOrders)}
-            className="inline-flex items-center px-6 py-3 bg-gradient-to-r from-blue-600 to-blue-700 text-white font-medium rounded-lg hover:from-blue-700 hover:to-blue-800 transition-all duration-200 shadow-lg hover:shadow-xl"
-          >
-            <FaArrowLeft className="mr-2" />
-            Üretim Emirleri Listesine Dön
-          </button>
-        </div>
-      </div>
-    )
-  }
-
-  const getProgressPercentage = () => {
-    if (productionOrder.plannedQuantity === 0) return 0
-    return Math.round((productionOrder.confirmedQuantity / productionOrder.plannedQuantity) * 100)
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="mb-6">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center space-x-3">
-              <button
-                onClick={() => navigate(ROUTES_ENUM.protected.mrp.productionOrders)}
-                className="inline-flex items-center px-3 py-2 bg-white text-gray-700 font-medium rounded-lg hover:bg-gray-50 transition-all duration-200 shadow-sm border border-gray-200"
-              >
-                <FaArrowLeft className="mr-2 text-sm" />
-                Geri
-              </button>
-              <div>
-                <h1 className="text-2xl font-bold text-gray-900">Üretim Emri Detayları</h1>
-                <p className="text-gray-600 mt-1 text-sm">
-                  {productionOrder.orderNumber} - Detaylı bilgiler
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Order Header Card */}
-        <div className="bg-white rounded-2xl shadow-lg border border-gray-200 p-4 mb-4">
-          <div className="flex flex-wrap justify-between items-start mb-4">
-            <div className="space-y-2">
-              <div className="text-sm font-medium text-gray-500 uppercase tracking-wide">
-                Üretim Emri No
-              </div>
-              <div className="text-xl font-bold text-gray-900">{productionOrder.orderNumber}</div>
-            </div>
-
-            <div className="space-y-2 text-right">
-              <div className="text-sm font-medium text-gray-500 uppercase tracking-wide">Durum</div>
-              <StatusBadge status={productionOrder.status} />
-            </div>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
-            <div className="bg-gradient-to-br from-blue-50 to-blue-100 p-4 rounded-xl border border-blue-200">
-              <div className="text-sm font-medium text-blue-700 mb-2 uppercase tracking-wide">
-                Öncelik
-              </div>
-              <span
-                className={`inline-flex items-center px-3 py-1 rounded-full text-sm font-semibold border ${getPriorityColor(
-                  productionOrder.priority,
-                )}`}
-              >
-                {productionOrder.priority}
-              </span>
-            </div>
-
-            <div className="bg-gradient-to-br from-purple-50 to-purple-100 p-4 rounded-xl border border-purple-200">
-              <div className="text-sm font-medium text-purple-700 mb-2 uppercase tracking-wide">
-                Tür
-              </div>
-              <div className="text-base font-semibold text-purple-900">
-                {productionOrder.orderType}
-              </div>
-            </div>
-
-            <div className="bg-gradient-to-br from-orange-50 to-orange-100 p-4 rounded-xl border border-orange-200">
-              <div className="text-sm font-medium text-orange-700 mb-2 uppercase tracking-wide">
-                İlerleme
-              </div>
-              <div className="text-xl font-bold text-orange-900">{getProgressPercentage()}%</div>
-            </div>
-          </div>
-
-          {/* Progress Bar */}
-          <div className="mb-6">
-            <div className="flex items-center justify-between mb-3">
-              <div className="text-sm font-medium text-gray-700">Üretim İlerlemesi</div>
-              <div className="text-sm text-gray-500">
-                {productionOrder.confirmedQuantity} / {productionOrder.plannedQuantity} adet
-              </div>
-            </div>
-            <div className="w-full bg-gray-200 rounded-full h-3 overflow-hidden">
-              <div
-                className="bg-gradient-to-r from-blue-500 to-blue-600 h-3 rounded-full transition-all duration-500 ease-out"
-                style={{ width: `${getProgressPercentage()}%` }}
-              ></div>
-            </div>
-          </div>
-
-          {productionOrder.customerRequirement && (
-            <div className="p-4 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-xl border border-blue-200">
-              <div className="flex items-center mb-3">
-                <FaClipboardList className="text-blue-600 mr-2" />
-                <div className="text-sm font-semibold text-blue-800 uppercase tracking-wide">
-                  Müşteri Talebi
-                </div>
-              </div>
-              <p className="text-blue-700 leading-relaxed">{productionOrder.customerRequirement}</p>
-            </div>
-          )}
-        </div>
-
-        {/* Info Cards Grid */}
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
-          {/* Quantities Card */}
-          <div className="bg-white rounded-2xl shadow-lg border border-gray-200 p-4 hover:shadow-xl transition-all duration-200">
-            <div className="flex items-center gap-2 mb-2">
-              <div className="p-1.5 bg-blue-100 rounded-lg">
-                <FaCog className="text-blue-600 text-base" />
-              </div>
-              <h3 className="text-base font-bold text-gray-900">Miktar Bilgileri</h3>
-            </div>
-            <div className="space-y-2">
-              <div className="flex justify-between items-center py-1.5 border-b border-gray-100">
-                <span className="text-gray-600 font-medium">Planlanan:</span>
-                <span className="font-bold text-gray-900">{productionOrder.plannedQuantity}</span>
-              </div>
-              <div className="flex justify-between items-center py-1.5 border-b border-gray-100">
-                <span className="text-gray-600 font-medium">Üretilen:</span>
-                <span className="font-bold text-green-600">
-                  {productionOrder.confirmedQuantity}
-                </span>
-              </div>
-              <div className="flex justify-between items-center py-1.5 border-b border-gray-100">
-                <span className="text-gray-600 font-medium">Gereken:</span>
-                <span className="font-bold text-blue-600">{productionOrder.requiredQuantity}</span>
-              </div>
-              <div className="flex justify-between items-center py-2">
-                <span className="text-gray-600 font-medium">Fire:</span>
-                <span className="font-bold text-red-600">{productionOrder.scrapQuantity}</span>
-              </div>
-            </div>
-          </div>
-
-          {/* Schedule Card */}
-          <div className="bg-white rounded-2xl shadow-lg border border-gray-200 p-4 hover:shadow-xl transition-all duration-200">
-            <div className="flex items-center gap-2 mb-2">
-              <div className="p-1.5 bg-purple-100 rounded-lg">
-                <FaCalendarAlt className="text-purple-600 text-base" />
-              </div>
-              <h3 className="text-base font-bold text-gray-900">Zamanlama</h3>
-            </div>
-            <div className="space-y-2">
-              <div className="py-1.5 border-b border-gray-100">
-                <div className="text-xs font-medium text-gray-500 uppercase tracking-wide mb-1">
-                  Plan Başlangıç
-                </div>
-                <div className="font-semibold text-gray-900">
-                  {new Date(productionOrder.plannedStartDate).toLocaleDateString('tr-TR', {
-                    weekday: 'long',
-                    year: 'numeric',
-                    month: 'long',
-                    day: 'numeric',
-                  })}
-                </div>
-              </div>
-              <div className="py-1.5 border-b border-gray-100">
-                <div className="text-xs font-medium text-gray-500 uppercase tracking-wide mb-1">
-                  Plan Bitiş
-                </div>
-                <div className="font-semibold text-gray-900">
-                  {new Date(productionOrder.plannedEndDate).toLocaleDateString('tr-TR', {
-                    weekday: 'long',
-                    year: 'numeric',
-                    month: 'long',
-                    day: 'numeric',
-                  })}
-                </div>
-              </div>
-              {productionOrder.actualStartDate && (
-                <div className="py-1.5 border-b border-gray-100">
-                  <div className="text-xs font-medium text-gray-500 uppercase tracking-wide mb-1">
-                    Gerçek Başlangıç
-                  </div>
-                  <div className="font-semibold text-green-600">
-                    {new Date(productionOrder.actualStartDate).toLocaleDateString('tr-TR', {
-                      weekday: 'long',
-                      year: 'numeric',
-                      month: 'long',
-                      day: 'numeric',
-                    })}
-                  </div>
-                </div>
-              )}
-              {productionOrder.actualEndDate && (
-                <div className="py-1.5">
-                  <div className="text-xs font-medium text-gray-500 uppercase tracking-wide mb-1">
-                    Gerçek Bitiş
-                  </div>
-                  <div className="font-semibold text-green-600">
-                    {new Date(productionOrder.actualEndDate).toLocaleDateString('tr-TR', {
-                      weekday: 'long',
-                      year: 'numeric',
-                      month: 'long',
-                      day: 'numeric',
-                    })}
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-
-          {/* Costs Card */}
-          <div className="bg-white rounded-2xl shadow-lg border border-gray-200 p-4 hover:shadow-xl transition-all duration-200">
-            <div className="flex items-center gap-2 mb-2">
-              <div className="p-1.5 bg-green-100 rounded-lg">
-                <FaMoneyBillWave className="text-green-600 text-base" />
-              </div>
-              <h3 className="text-base font-bold text-gray-900">Maliyet Bilgileri</h3>
-            </div>
-            <div className="space-y-2">
-              <div className="py-1.5 border-b border-gray-100">
-                <div className="text-xs font-medium text-gray-500 uppercase tracking-wide mb-1">
-                  Planlanan Maliyet
-                </div>
-                <div className="text-lg font-bold text-gray-900">
-                  {new Intl.NumberFormat('tr-TR', {
-                    style: 'currency',
-                    currency: productionOrder.currency,
-                  }).format(productionOrder.plannedCost)}
-                </div>
-              </div>
-              <div className="py-1.5 border-b border-gray-100">
-                <div className="text-xs font-medium text-gray-500 uppercase tracking-wide mb-1">
-                  Gerçekleşen Maliyet
-                </div>
-                <div className="text-lg font-bold text-green-600">
-                  {new Intl.NumberFormat('tr-TR', {
-                    style: 'currency',
-                    currency: productionOrder.currency,
-                  }).format(productionOrder.actualCost)}
-                </div>
-              </div>
-              <div className="py-1.5">
-                <div className="text-xs font-medium text-gray-500 uppercase tracking-wide mb-1">
-                  Para Birimi
-                </div>
-                <div className="font-semibold text-gray-900">{productionOrder.currency}</div>
-              </div>
-            </div>
-          </div>
-
-          {/* Metadata Card */}
-          <div className="bg-white rounded-2xl shadow-lg border border-gray-200 p-4 hover:shadow-xl transition-all duration-200">
-            <div className="flex items-center gap-2 mb-2">
-              <div className="p-1.5 bg-gray-100 rounded-lg">
-                <FaClipboardList className="text-gray-600 text-base" />
-              </div>
-              <h3 className="text-base font-bold text-gray-900">Sistem Bilgileri</h3>
-            </div>
-            <div className="space-y-2">
-              <div className="py-1.5 border-b border-gray-100">
-                <div className="text-xs font-medium text-gray-500 uppercase tracking-wide mb-1">
-                  Oluşturulma
-                </div>
-                <div className="font-semibold text-gray-900">
-                  {new Date(productionOrder.creationTime).toLocaleDateString('tr-TR', {
-                    year: 'numeric',
-                    month: 'short',
-                    day: 'numeric',
-                  })}
-                </div>
-              </div>
-              <div className="py-1.5 border-b border-gray-100">
-                <div className="text-xs font-medium text-gray-500 uppercase tracking-wide mb-1">
-                  Son Güncelleme
-                </div>
-                <div className="font-semibold text-gray-900">
-                  {new Date(productionOrder.lastModificationTime).toLocaleDateString('tr-TR', {
-                    year: 'numeric',
-                    month: 'short',
-                    day: 'numeric',
-                  })}
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Materials List */}
-        <div className="bg-white rounded-2xl shadow-lg border border-gray-200 p-4">
-          <div className="flex items-center justify-between mb-3">
-            <div className="flex items-center gap-2">
-              <div className="p-1.5 bg-indigo-100 rounded-lg">
-                <FaTruck className="text-indigo-600 text-base" />
-              </div>
-              <div>
-                <h3 className="text-base font-bold text-gray-900">Malzemeler</h3>
-                <p className="text-gray-600 mt-1 text-sm">Üretim emrine bağlı malzeme satırları</p>
-              </div>
-            </div>
-            <div className="text-right">
-              <div className="text-lg font-bold text-indigo-600">{materials.length}</div>
-              <div className="text-sm text-gray-500">Malzeme</div>
-            </div>
-          </div>
-
-          {materials.length === 0 ? (
-            <div className="p-8 text-center bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl border-2 border-dashed border-gray-300">
-              <FaTruck className="mx-auto h-16 w-16 text-gray-400 mb-4" />
-              <p className="text-gray-500 text-base font-medium">
-                Bu üretim emrine bağlı malzeme bulunmamaktadır.
-              </p>
-            </div>
-          ) : (
-            <div className="space-y-3 max-h-96 overflow-y-auto">
-              {materials.map((m: MrpProductionOrderMaterial) => (
-                <div
-                  key={m.id}
-                  className="flex flex-col lg:flex-row lg:items-center justify-between p-4 border border-gray-200 rounded-xl hover:bg-gradient-to-r hover:from-blue-50 hover:to-indigo-50 hover:border-blue-300 transition-all duration-200 group"
-                >
-                  <div className="mb-4 lg:mb-0 flex-1">
-                    <div className="flex items-center gap-2 mb-2">
-                      <div className="p-1.5 bg-blue-100 rounded-lg group-hover:bg-blue-200 transition-colors">
-                        <FaTruck className="text-blue-600" />
-                      </div>
-                      <div>
-                        <div className="text-gray-600">
-                          {m.salesOrder?.orderNumber || m.salesOrder?.id}
-                        </div>
-                        <div className="font-bold text-gray-900 text-base">
-                          {m.material?.code || m.materialId}
-                          {' - '}
-                          {m.material?.name || 'Malzeme adı bulunamadı'}
-                        </div>
-                      </div>
-                    </div>
-                    {m.customerRequirement && (
-                      <div className="text-sm text-blue-600 italic rounded-lg mt-3">
-                        "{m.customerRequirement}"
-                      </div>
-                    )}
-                  </div>
-
-                  <div className="grid grid-cols-2 lg:grid-cols-4 gap-3 lg:gap-4">
-                    <div className="text-center p-2 bg-gray-50 rounded-lg">
-                      <div className="text-xs font-medium text-gray-500 uppercase tracking-wide mb-1">
-                        Planlanan
-                      </div>
-                      <div className="font-bold text-gray-900 text-base">{m.plannedQuantity}</div>
-                    </div>
-
-                    <div className="text-center p-2 bg-green-50 rounded-lg">
-                      <div className="text-xs font-medium text-green-600 uppercase tracking-wide mb-1">
-                        Üretilen
-                      </div>
-                      <div className="font-bold text-green-700 text-base">
-                        {m.confirmedQuantity}
-                      </div>
-                    </div>
-
-                    <div className="text-center p-2 bg-blue-50 rounded-lg">
-                      <div className="text-xs font-medium text-blue-600 uppercase tracking-wide mb-1">
-                        Gereken
-                      </div>
-                      <div className="font-bold text-blue-700 text-base">{m.requiredQuantity}</div>
-                    </div>
-
-                    <div className="text-center p-2 bg-red-50 rounded-lg">
-                      <div className="text-xs font-medium text-red-600 uppercase tracking-wide mb-1">
-                        Fire
-                      </div>
-                      <div className="font-bold text-red-700 text-base">{m.scrapQuantity}</div>
-                    </div>
-                  </div>
-                </div>
-              ))}
-            </div>
-          )}
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default ProductionOrderView
diff --git a/ui/src/views/mrp/components/ProductionSuggestions.tsx b/ui/src/views/mrp/components/ProductionSuggestions.tsx
deleted file mode 100644
index b8c8ac5a..00000000
--- a/ui/src/views/mrp/components/ProductionSuggestions.tsx
+++ /dev/null
@@ -1,442 +0,0 @@
-import React, { useState } from "react";
-import {
-  FaPlay,
-  FaClock,
-  FaExclamationTriangle,
-  FaCalendar,
-  FaCog,
-  FaCheckCircle,
-} from "react-icons/fa";
-import {
-  RecommendationTypeEnum,
-  RecommendationStatusEnum,
-  MrpProductionSuggestion,
-} from "../../../types/mrp";
-import DataTable, { Column } from "../../../components/common/DataTable";
-import { PriorityEnum } from "../../../types/common";
-import {
-  getPriorityColor,
-  getPriorityText,
-  getRecommendationStatusColor,
-  getRecommendationStatusText,
-} from "../../../utils/erp";
-
-interface ProductionSuggestionsProps {
-  productionSuggestions: MrpProductionSuggestion[];
-}
-
-const ProductionSuggestions: React.FC<ProductionSuggestionsProps> = ({
-  productionSuggestions,
-}) => {
-  const [searchTerm, setSearchTerm] = useState("");
-  const [selectedStatus, setSelectedStatus] = useState<
-    RecommendationStatusEnum | "all"
-  >("all");
-  const [selectedPriority, setSelectedPriority] = useState<
-    PriorityEnum | "all"
-  >("all");
-  const [sortBy, setSortBy] = useState<
-    "date" | "cost" | "priority" | "duration"
-  >("date");
-
-  // Event handlers
-  const handleCreateProductionOrder = (suggestion: MrpProductionSuggestion) => {
-    console.log("Create production order:", suggestion);
-  };
-
-  const handleApprove = (id: string) => {
-    console.log("Approve suggestion:", id);
-  };
-
-  const handleReject = (id: string) => {
-    console.log("Reject suggestion:", id);
-  };
-
-  const handleViewDetails = (suggestion: MrpProductionSuggestion) => {
-    console.log("View suggestion details:", suggestion);
-  };
-
-  const filteredSuggestions = productionSuggestions
-    .filter((suggestion) => {
-      if (
-        searchTerm &&
-        !suggestion.material?.name
-          ?.toLowerCase()
-          .includes(searchTerm.toLowerCase()) &&
-        !suggestion.recommendedAction
-          .toLowerCase()
-          .includes(searchTerm.toLowerCase())
-      ) {
-        return false;
-      }
-      if (selectedStatus !== "all" && suggestion.status !== selectedStatus) {
-        return false;
-      }
-      if (
-        selectedPriority !== "all" &&
-        suggestion.priority !== selectedPriority
-      ) {
-        return false;
-      }
-      return (
-        suggestion.recommendationType === RecommendationTypeEnum.PlannedOrder
-      );
-    })
-    .sort((a, b) => {
-      switch (sortBy) {
-        case "date":
-          return new Date(a.dueDate).getTime() - new Date(b.dueDate).getTime();
-        case "cost":
-          return b.productionCost - a.productionCost;
-        case "priority": {
-          const priorityOrder = { URGENT: 4, HIGH: 3, NORMAL: 2, LOW: 1 };
-          return (
-            (priorityOrder[b.priority as keyof typeof priorityOrder] || 0) -
-            (priorityOrder[a.priority as keyof typeof priorityOrder] || 0)
-          );
-        }
-        case "duration":
-          return a.estimatedDuration - b.estimatedDuration;
-        default:
-          return 0;
-      }
-    });
-
-  const getUrgencyLevel = (suggestion: MrpProductionSuggestion) => {
-    const today = new Date();
-    const dueDate = new Date(suggestion.dueDate);
-    const suggestedStart = new Date(suggestion.suggestedStartDate);
-
-    if (suggestedStart < today) {
-      return {
-        level: "overdue",
-        color: "bg-red-100 text-red-800",
-        label: "Gecikmiş",
-        icon: FaExclamationTriangle,
-      };
-    }
-
-    const daysUntilStart = Math.ceil(
-      (suggestedStart.getTime() - today.getTime()) / (1000 * 60 * 60 * 24)
-    );
-    const daysUntilDue = Math.ceil(
-      (dueDate.getTime() - today.getTime()) / (1000 * 60 * 60 * 24)
-    );
-
-    if (daysUntilStart <= 3)
-      return {
-        level: "urgent",
-        color: "bg-orange-100 text-orange-800",
-        label: "Acil",
-        icon: FaClock,
-      };
-    if (daysUntilDue <= 7)
-      return {
-        level: "soon",
-        color: "bg-yellow-100 text-yellow-800",
-        label: "Yakın",
-        icon: FaCalendar,
-      };
-    return {
-      level: "normal",
-      color: "bg-green-100 text-green-800",
-      label: "Normal",
-      icon: FaCheckCircle,
-    };
-  };
-
-  const formatDuration = (hours: number) => {
-    if (hours < 24) {
-      return `${hours}h`;
-    }
-    const days = Math.floor(hours / 24);
-    const remainingHours = hours % 24;
-    return remainingHours > 0 ? `${days}g ${remainingHours}h` : `${days}g`;
-  };
-
-  const columns: Column<MrpProductionSuggestion>[] = [
-    {
-      key: "material",
-      header: "Ürün",
-      sortable: true,
-      render: (suggestion: MrpProductionSuggestion) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {suggestion.material?.name ||
-              `Material-${suggestion.materialId.substring(0, 8)}`}
-          </div>
-          <div className="text-sm text-gray-500">
-            {suggestion.material?.code}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "urgency",
-      header: "Aciliyet",
-      render: (suggestion: MrpProductionSuggestion) => {
-        const urgency = getUrgencyLevel(suggestion);
-        const IconComponent = urgency.icon;
-        return (
-          <div className="flex items-center gap-2">
-            <span
-              className={`px-1.5 py-0.5 text-xs font-medium rounded-full ${urgency.color}`}
-            >
-              {urgency.label}
-            </span>
-            <IconComponent className="w-4 h-4 text-gray-400" />
-          </div>
-        );
-      },
-    },
-    {
-      key: "quantity",
-      header: "Miktar",
-      render: (suggestion: MrpProductionSuggestion) => (
-        <div className="text-center">
-          <div className="text-base font-medium text-gray-900">
-            {suggestion.quantity.toLocaleString()}
-          </div>
-          <div className="text-xs text-gray-500">
-            {suggestion.material?.baseUnit?.name || "adet"}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "duration",
-      header: "Süre",
-      render: (suggestion: MrpProductionSuggestion) => (
-        <div className="text-sm">
-          <div className="flex items-center gap-1">
-            <FaClock className="w-3 h-3 text-gray-400" />
-            <span>Toplam: {formatDuration(suggestion.estimatedDuration)}</span>
-          </div>
-          <div className="flex items-center gap-1">
-            <FaCog className="w-3 h-3 text-gray-400" />
-            <span>Hazırlık: {formatDuration(suggestion.setupTime)}</span>
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "resources",
-      header: "Kaynaklar",
-      render: (suggestion: MrpProductionSuggestion) => (
-        <div className="text-sm">
-          {suggestion.resourceRequirements
-            .slice(0, 2)
-            .map((resource, index) => (
-              <div key={index} className="flex justify-between">
-                <span className="text-gray-600">{resource.workCenter}:</span>
-                <span className="font-medium">{resource.efficiency}%</span>
-              </div>
-            ))}
-          {suggestion.resourceRequirements.length > 2 && (
-            <div className="text-xs text-gray-500">
-              +{suggestion.resourceRequirements.length - 2} daha...
-            </div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: "cost",
-      header: "Maliyet",
-      render: (suggestion: MrpProductionSuggestion) => (
-        <div className="text-right">
-          <div className="font-medium text-gray-900">
-            ₺{suggestion.productionCost.toLocaleString()}
-          </div>
-          <div className="text-xs text-gray-500">
-            Birim: ₺
-            {(suggestion.productionCost / suggestion.quantity).toFixed(2)}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "schedule",
-      header: "Planlama",
-      render: (suggestion: MrpProductionSuggestion) => (
-        <div className="text-sm">
-          <div className="flex items-center gap-1">
-            <FaPlay className="w-3 h-3 text-green-600" />
-            <span>
-              Başlangıç:{" "}
-              {new Date(suggestion.suggestedStartDate).toLocaleDateString(
-                "tr-TR"
-              )}
-            </span>
-          </div>
-          <div className="flex items-center gap-1">
-            <FaCheckCircle className="w-3 h-3 text-blue-600" />
-            <span>
-              Bitiş:{" "}
-              {new Date(suggestion.suggestedCompletionDate).toLocaleDateString(
-                "tr-TR"
-              )}
-            </span>
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "bom",
-      header: "Reçete",
-      render: (suggestion: MrpProductionSuggestion) => (
-        <div className="text-sm">
-          {suggestion.bom ? (
-            <div>
-              <div className="font-medium text-gray-900">
-                v{suggestion.bom.version}
-              </div>
-              <div className="text-xs text-gray-500">
-                {suggestion.bom.materialCount} malzeme
-              </div>
-            </div>
-          ) : (
-            <span className="text-gray-400">Reçete yok</span>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: "priority",
-      header: "Öncelik",
-      render: (suggestion: MrpProductionSuggestion) => (
-        <span
-          className={`px-1.5 py-0.5 text-xs font-medium rounded-full ${getPriorityColor(
-            suggestion.priority
-          )}`}
-        >
-          {getPriorityText(suggestion.priority)}
-        </span>
-      ),
-    },
-    {
-      key: "status",
-      header: "Durum",
-      render: (suggestion: MrpProductionSuggestion) => (
-        <span
-          className={`px-1.5 py-0.5 text-xs font-medium rounded-full ${getRecommendationStatusColor(
-            suggestion.status
-          )}`}
-        >
-          {getRecommendationStatusText(suggestion.status)}
-        </span>
-      ),
-    },
-    {
-      key: "actions",
-      header: "İşlemler",
-      render: (suggestion: MrpProductionSuggestion) => (
-        <div className="flex gap-1">
-          {suggestion.status === RecommendationStatusEnum.Open && (
-            <>
-              <button
-                onClick={() => handleCreateProductionOrder(suggestion)}
-                className="px-1.5 py-0.5 text-xs bg-blue-50 text-blue-600 rounded hover:bg-blue-100 transition-colors"
-                title="Üretim Emri Oluştur"
-              >
-                Üretim Emri
-              </button>
-              <button
-                onClick={() => handleApprove(suggestion.id)}
-                className="px-1.5 py-0.5 text-xs bg-green-50 text-green-600 rounded hover:bg-green-100 transition-colors"
-                title="Onayla"
-              >
-                Onayla
-              </button>
-              <button
-                onClick={() => handleReject(suggestion.id)}
-                className="px-1.5 py-0.5 text-xs bg-red-50 text-red-600 rounded hover:bg-red-100 transition-colors"
-                title="Reddet"
-              >
-                Reddet
-              </button>
-            </>
-          )}
-          <button
-            onClick={() => handleViewDetails(suggestion)}
-            className="px-1.5 py-0.5 text-xs bg-gray-50 text-gray-600 rounded hover:bg-gray-100 transition-colors"
-            title="Detayları Görüntüle"
-          >
-            Detay
-          </button>
-        </div>
-      ),
-    },
-  ];
-
-  return (
-    <>
-      {/* Filters */}
-      <div className="flex gap-2 items-center">
-        <div className="flex-1">
-          <input
-            type="text"
-            placeholder="Ürün adı veya aksiyon ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          />
-        </div>
-
-        <select
-          value={selectedStatus}
-          onChange={(e) =>
-            setSelectedStatus(
-              e.target.value as RecommendationStatusEnum | "all"
-            )
-          }
-          className="px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="all">Tüm Durumlar</option>
-          {Object.values(RecommendationStatusEnum).map((status) => (
-            <option key={status} value={status}>
-              {getRecommendationStatusText(status)}
-            </option>
-          ))}
-        </select>
-
-        <select
-          value={selectedPriority}
-          onChange={(e) =>
-            setSelectedPriority(e.target.value as PriorityEnum | "all")
-          }
-          className="px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="all">Tüm Öncelikler</option>
-          {Object.values(PriorityEnum).map((priority) => (
-            <option key={priority} value={priority}>
-              {getPriorityText(priority)}
-            </option>
-          ))}
-        </select>
-
-        <select
-          value={sortBy}
-          onChange={(e) =>
-            setSortBy(
-              e.target.value as "date" | "cost" | "priority" | "duration"
-            )
-          }
-          className="px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="date">Tarihe Göre</option>
-          <option value="cost">Maliyete Göre</option>
-          <option value="priority">Önceliğe Göre</option>
-          <option value="duration">Süreye Göre</option>
-        </select>
-      </div>
-
-      {/* Data Table */}
-      <div className="bg-white rounded-lg shadow-sm border">
-        <DataTable data={filteredSuggestions} columns={columns} />
-      </div>
-    </>
-  );
-};
-
-export default ProductionSuggestions;
diff --git a/ui/src/views/mrp/components/PurchaseSuggestions.tsx b/ui/src/views/mrp/components/PurchaseSuggestions.tsx
deleted file mode 100644
index d5b43c3b..00000000
--- a/ui/src/views/mrp/components/PurchaseSuggestions.tsx
+++ /dev/null
@@ -1,428 +0,0 @@
-import React, { useState } from "react";
-import {
-  FaCheckCircle,
-  FaClock,
-  FaExclamationTriangle,
-  FaCalendar,
-} from "react-icons/fa";
-import {
-  RecommendationTypeEnum,
-  RecommendationStatusEnum,
-  MrpPurchaseSuggestion,
-} from "../../../types/mrp";
-import DataTable, { Column } from "../../../components/common/DataTable";
-import { mockBusinessParties } from "../../../mocks/mockBusinessParties";
-import { PriorityEnum } from "../../../types/common";
-import {
-  getPriorityColor,
-  getPriorityText,
-  getRecommendationStatusColor,
-  getRecommendationStatusText,
-} from "../../../utils/erp";
-
-interface PurchaseSuggestionsProps {
-  purchaseSuggestions: MrpPurchaseSuggestion[];
-}
-
-const PurchaseSuggestions: React.FC<PurchaseSuggestionsProps> = ({
-  purchaseSuggestions,
-}) => {
-  const [searchTerm, setSearchTerm] = useState("");
-  const [selectedStatus, setSelectedStatus] = useState<
-    RecommendationStatusEnum | "all"
-  >("all");
-  const [selectedPriority, setSelectedPriority] = useState<
-    PriorityEnum | "all"
-  >("all");
-  const [sortBy, setSortBy] = useState<
-    "date" | "cost" | "priority" | "leadTime"
-  >("date");
-
-  // Event handlers
-  const handleCreatePurchaseRequest = (suggestion: MrpPurchaseSuggestion) => {
-    console.log("Create purchase request:", suggestion);
-  };
-
-  const handleApprove = (id: string) => {
-    console.log("Approve suggestion:", id);
-  };
-
-  const handleReject = (id: string) => {
-    console.log("Reject suggestion:", id);
-  };
-
-  const handleViewDetails = (suggestion: MrpPurchaseSuggestion) => {
-    console.log("View suggestion details:", suggestion);
-  };
-
-  const filteredSuggestions = purchaseSuggestions
-    .filter((suggestion) => {
-      if (
-        searchTerm &&
-        !suggestion.material?.name
-          ?.toLowerCase()
-          .includes(searchTerm.toLowerCase()) &&
-        !suggestion.recommendedAction
-          .toLowerCase()
-          .includes(searchTerm.toLowerCase())
-      ) {
-        return false;
-      }
-      if (selectedStatus !== "all" && suggestion.status !== selectedStatus) {
-        return false;
-      }
-      if (
-        selectedPriority !== "all" &&
-        suggestion.priority !== selectedPriority
-      ) {
-        return false;
-      }
-      return (
-        suggestion.recommendationType ===
-        RecommendationTypeEnum.PurchaseRequisition
-      );
-    })
-    .sort((a, b) => {
-      switch (sortBy) {
-        case "date":
-          return new Date(a.dueDate).getTime() - new Date(b.dueDate).getTime();
-        case "cost":
-          return b.estimatedCost - a.estimatedCost;
-        case "priority": {
-          const priorityOrder = { URGENT: 4, HIGH: 3, NORMAL: 2, LOW: 1 };
-          return (
-            (priorityOrder[b.priority as keyof typeof priorityOrder] || 0) -
-            (priorityOrder[a.priority as keyof typeof priorityOrder] || 0)
-          );
-        }
-        case "leadTime":
-          return a.leadTime - b.leadTime;
-        default:
-          return 0;
-      }
-    });
-
-  const getUrgencyLevel = (suggestion: MrpPurchaseSuggestion) => {
-    const today = new Date();
-    const dueDate = new Date(suggestion.dueDate);
-    const leadTimeDate = new Date(
-      today.getTime() + suggestion.leadTime * 24 * 60 * 60 * 1000
-    );
-
-    if (leadTimeDate > dueDate) {
-      return {
-        level: "critical",
-        color: "bg-red-100 text-red-800",
-        label: "Kritik",
-        icon: FaExclamationTriangle,
-      };
-    }
-
-    const daysUntilDue = Math.ceil(
-      (dueDate.getTime() - today.getTime()) / (1000 * 60 * 60 * 24)
-    );
-
-    if (daysUntilDue <= 7)
-      return {
-        level: "urgent",
-        color: "bg-orange-100 text-orange-800",
-        label: "Acil",
-        icon: FaClock,
-      };
-    if (daysUntilDue <= 30)
-      return {
-        level: "soon",
-        color: "bg-yellow-100 text-yellow-800",
-        label: "Yakın",
-        icon: FaCalendar,
-      };
-    return {
-      level: "normal",
-      color: "bg-green-100 text-green-800",
-      label: "Normal",
-      icon: FaCheckCircle,
-    };
-  };
-
-  const columns: Column<MrpPurchaseSuggestion>[] = [
-    {
-      key: "material",
-      header: "Malzeme",
-      sortable: true,
-      render: (suggestion: MrpPurchaseSuggestion) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {suggestion.material?.name ||
-              `Material-${suggestion.materialId.substring(0, 8)}`}
-          </div>
-          <div className="text-sm text-gray-500">
-            {suggestion.material?.code}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "urgency",
-      header: "Aciliyet",
-      render: (suggestion: MrpPurchaseSuggestion) => {
-        const urgency = getUrgencyLevel(suggestion);
-        const IconComponent = urgency.icon;
-        return (
-          <div className="flex items-center gap-1.5">
-            <span
-              className={`px-1.5 py-0.5 text-xs font-medium rounded-full ${urgency.color}`}
-            >
-              {urgency.label}
-            </span>
-            <IconComponent className="w-3.5 h-3.5 text-gray-400" />
-          </div>
-        );
-      },
-    },
-    {
-      key: "quantities",
-      header: "Miktarlar",
-      render: (suggestion: MrpPurchaseSuggestion) => (
-        <div className="text-sm">
-          <div className="flex justify-between">
-            <span>İhtiyaç:</span>
-            <span className="font-medium">
-              {suggestion.quantity.toLocaleString()}
-            </span>
-          </div>
-          <div className="flex justify-between">
-            <span>Önerilen:</span>
-            <span className="font-medium text-blue-600">
-              {suggestion.suggestedQuantity.toLocaleString()}
-            </span>
-          </div>
-          <div className="flex justify-between">
-            <span>EOQ:</span>
-            <span className="font-medium text-green-600">
-              {suggestion.economicOrderQuantity.toLocaleString()}
-            </span>
-          </div>
-          {suggestion.minimumOrderQuantity > 0 && (
-            <div className="flex justify-between text-xs text-gray-500">
-              <span>Min:</span>
-              <span>{suggestion.minimumOrderQuantity.toLocaleString()}</span>
-            </div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: "supplier",
-      header: "Tedarikçi",
-      render: (suggestion: MrpPurchaseSuggestion) => (
-        <div>
-          {suggestion.supplier ? (
-            <div>
-              <div className="font-medium text-gray-900">
-                {
-                  mockBusinessParties.find(
-                    (a) => a.id === suggestion.supplier?.supplierId
-                  )?.name
-                }
-              </div>
-            </div>
-          ) : (
-            <span className="text-gray-400">Tedarikçi seçilmedi</span>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: "cost",
-      header: "Maliyet",
-      render: (suggestion: MrpPurchaseSuggestion) => (
-        <div className="text-right">
-          <div className="font-medium text-gray-900">
-            ₺{suggestion.estimatedCost.toLocaleString()}
-          </div>
-          {suggestion.supplier && (
-            <div className="text-xs text-gray-500">
-              Birim: ₺{suggestion.supplier.price.toLocaleString()}
-            </div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: "dates",
-      header: "Tarihler",
-      render: (suggestion: MrpPurchaseSuggestion) => (
-        <div className="text-sm">
-          <div className="flex items-center gap-1">
-            <FaCalendar className="w-3 h-3 text-gray-400" />
-            <span>
-              Vade: {new Date(suggestion.dueDate).toLocaleDateString("tr-TR")}
-            </span>
-          </div>
-          <div className="flex items-center gap-1">
-            <FaClock className="w-3 h-3 text-gray-400" />
-            <span>Teslimat: {suggestion.leadTime} gün</span>
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "priority",
-      header: "Öncelik",
-      render: (suggestion: MrpPurchaseSuggestion) => (
-        <span
-          className={`px-1.5 py-0.5 text-xs font-medium rounded-full ${getPriorityColor(
-            suggestion.priority
-          )}`}
-        >
-          {getPriorityText(suggestion.priority)}
-        </span>
-      ),
-    },
-    {
-      key: "status",
-      header: "Durum",
-      render: (suggestion: MrpPurchaseSuggestion) => (
-        <span
-          className={`px-1.5 py-0.5 text-xs font-medium rounded-full ${getRecommendationStatusColor(
-            suggestion.status
-          )}`}
-        >
-          {getRecommendationStatusText(suggestion.status)}
-        </span>
-      ),
-    },
-    {
-      key: "actions",
-      header: "İşlemler",
-      render: (suggestion: MrpPurchaseSuggestion) => (
-        <div className="flex gap-1">
-          {suggestion.status === RecommendationStatusEnum.Open && (
-            <>
-              <button
-                onClick={() => handleCreatePurchaseRequest(suggestion)}
-                className="px-1.5 py-0.5 text-xs bg-blue-50 text-blue-600 rounded hover:bg-blue-100 transition-colors"
-                title="Satın Alma Talebi Oluştur"
-              >
-                Talep Oluştur
-              </button>
-              <button
-                onClick={() => handleApprove(suggestion.id)}
-                className="px-1.5 py-0.5 text-xs bg-green-50 text-green-600 rounded hover:bg-green-100 transition-colors"
-                title="Onayla"
-              >
-                Onayla
-              </button>
-              <button
-                onClick={() => handleReject(suggestion.id)}
-                className="px-1.5 py-0.5 text-xs bg-red-50 text-red-600 rounded hover:bg-red-100 transition-colors"
-                title="Reddet"
-              >
-                Reddet
-              </button>
-            </>
-          )}
-          <button
-            onClick={() => handleViewDetails(suggestion)}
-            className="px-1.5 py-0.5 text-xs bg-gray-50 text-gray-600 rounded hover:bg-gray-100 transition-colors"
-            title="Detayları Görüntüle"
-          >
-            Detay
-          </button>
-        </div>
-      ),
-    },
-  ];
-
-  // Urgency distribution
-  const urgencyDistribution = [
-    { level: "critical", count: 0, cost: 0 },
-    { level: "urgent", count: 0, cost: 0 },
-    { level: "soon", count: 0, cost: 0 },
-    { level: "normal", count: 0, cost: 0 },
-  ];
-
-  purchaseSuggestions
-    .filter((s) => s.status === RecommendationStatusEnum.Open)
-    .forEach((s) => {
-      const urgency = getUrgencyLevel(s);
-      const index = urgencyDistribution.findIndex(
-        (u) => u.level === urgency.level
-      );
-      if (index >= 0) {
-        urgencyDistribution[index].count++;
-        urgencyDistribution[index].cost += s.estimatedCost;
-      }
-    });
-
-  return (
-    <>
-      {/* Filters */}
-      <div className="flex gap-2 items-center text-sm">
-        <div className="flex-1">
-          <input
-            type="text"
-            placeholder="Malzeme adı, tedarikçi veya aksiyon ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full px-2 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          />
-        </div>
-
-        <select
-          value={selectedStatus}
-          onChange={(e) =>
-            setSelectedStatus(
-              e.target.value as RecommendationStatusEnum | "all"
-            )
-          }
-          className="px-2 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="all">Tüm Durumlar</option>
-          {Object.values(RecommendationStatusEnum).map((status) => (
-            <option key={status} value={status}>
-              {getRecommendationStatusText(status)}
-            </option>
-          ))}
-        </select>
-
-        <select
-          value={selectedPriority}
-          onChange={(e) =>
-            setSelectedPriority(e.target.value as PriorityEnum | "all")
-          }
-          className="px-2 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="all">Tüm Öncelikler</option>
-          {Object.values(PriorityEnum).map((priority) => (
-            <option key={priority} value={priority}>
-              {getPriorityText(priority)}
-            </option>
-          ))}
-        </select>
-
-        <select
-          value={sortBy}
-          onChange={(e) =>
-            setSortBy(
-              e.target.value as "date" | "cost" | "priority" | "leadTime"
-            )
-          }
-          className="px-2 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-        >
-          <option value="date">Tarihe Göre</option>
-          <option value="cost">Maliyete Göre</option>
-          <option value="priority">Önceliğe Göre</option>
-          <option value="leadTime">Teslimat Süresine Göre</option>
-        </select>
-      </div>
-
-      {/* Data Table */}
-      <div className="bg-white rounded-lg shadow-sm border">
-        <DataTable data={filteredSuggestions} columns={columns} />
-      </div>
-    </>
-  );
-};
-
-export default PurchaseSuggestions;
diff --git a/ui/src/views/mrp/components/Requirements.tsx b/ui/src/views/mrp/components/Requirements.tsx
deleted file mode 100644
index cbf7a00a..00000000
--- a/ui/src/views/mrp/components/Requirements.tsx
+++ /dev/null
@@ -1,188 +0,0 @@
-import React, { useState } from 'react'
-import { FaBox, FaIndustry, FaShoppingCart } from 'react-icons/fa'
-import {
-  MrpMaterialRequirement,
-  MrpProductionSuggestion,
-  MrpPurchaseSuggestion,
-} from '../../../types/mrp'
-import RunMrpModal from './RunMrpModal'
-import ProductionSuggestions from './ProductionSuggestions'
-import PurchaseSuggestions from './PurchaseSuggestions'
-import MaterialRequirements from './MaterialRequirements'
-import {
-  mockMaterialRequirements,
-  mockProductionSuggestions,
-  mockPurchaseSuggestions,
-} from '../../../mocks/mockMRP'
-import Widget from '../../../components/common/Widget'
-import { Container } from '@/components/shared'
-
-const Requirements: React.FC = () => {
-  const [materialRequirements, setMaterialRequirements] = useState<MrpMaterialRequirement[]>([])
-  const [purchaseSuggestions, setPurchaseSuggestions] = useState<MrpPurchaseSuggestion[]>([])
-  const [productionSuggestions, setProductionSuggestions] = useState<MrpProductionSuggestion[]>([])
-
-  const runMrp = () => {
-    // This is where the actual MRP logic would run.
-    // For now, we'll just populate the state with mock data.
-    setMaterialRequirements(mockMaterialRequirements)
-    setPurchaseSuggestions(mockPurchaseSuggestions)
-    setProductionSuggestions(mockProductionSuggestions)
-  }
-
-  const [isMrpModalOpen, setIsMrpModalOpen] = useState(false)
-  const [activeTab, setActiveTab] = useState<'requirements' | 'production' | 'purchase'>(
-    'requirements',
-  )
-
-  const getUrgencyLevel = (requirement: MrpMaterialRequirement) => {
-    const today = new Date()
-    const reqDate = new Date(requirement.requirementDate)
-    const daysUntilRequired = Math.ceil(
-      (reqDate.getTime() - today.getTime()) / (1000 * 60 * 60 * 24),
-    )
-
-    if (daysUntilRequired < 0)
-      return {
-        level: 'overdue',
-        color: 'bg-red-100 text-red-800',
-        label: 'Gecikmiş',
-      }
-    if (daysUntilRequired <= 7)
-      return {
-        level: 'urgent',
-        color: 'bg-orange-100 text-orange-800',
-        label: 'Acil',
-      }
-    if (daysUntilRequired <= 30)
-      return {
-        level: 'soon',
-        color: 'bg-yellow-100 text-yellow-800',
-        label: 'Yakın',
-      }
-    return {
-      level: 'normal',
-      color: 'bg-green-100 text-green-800',
-      label: 'Normal',
-    }
-  }
-
-  // Calculate statistics
-  const totalRequirements = materialRequirements.length
-  const shortageRequirements = materialRequirements.filter((r) => r.netRequirement > 0).length
-  const urgentRequirements = materialRequirements.filter(
-    (r) => getUrgencyLevel(r).level === 'urgent',
-  ).length
-  const openProductionSuggestions = productionSuggestions.filter((s) => s.status === 'OPEN').length
-  const openPurchaseSuggestions = purchaseSuggestions.filter((s) => s.status === 'OPEN').length
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Malzeme İhtiyaçları</h2>
-            <p className="text-gray-600">
-              Malzeme ihtiyaç hesaplama ve satın alma önerileri
-            </p>
-          </div>
-          <button
-            onClick={() => setIsMrpModalOpen(true)}
-            className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors text-sm"
-          >
-            <FaBox className="w-4 h-4" />
-            MRP Çalıştır
-          </button>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <Widget title="Toplam İhtiyaç" value={totalRequirements} color="blue" icon="FaBox" />
-
-          <Widget title="Eksik Stok" value={shortageRequirements} color="red" icon="FaArrowDown" />
-
-          <Widget
-            title="Acil İhtiyaç"
-            value={urgentRequirements}
-            color="orange"
-            icon="FaExclamationTriangle"
-          />
-
-          <Widget
-            title="Açık Öneri"
-            value={openProductionSuggestions + openPurchaseSuggestions}
-            color="purple"
-            icon="FaBullseye"
-          />
-        </div>
-
-        {/* Tabs */}
-        <div className="flex bg-gray-100 rounded-lg p-1">
-          <button
-            onClick={() => setActiveTab('requirements')}
-            className={`flex-1 py-2 px-3 rounded-md text-xs font-medium transition-colors ${
-              activeTab === 'requirements'
-                ? 'bg-white text-gray-900 shadow-sm'
-                : 'text-gray-600 hover:text-gray-900'
-            }`}
-          >
-            <div className="flex items-center justify-center gap-2">
-              <FaBox className="w-4 h-4" />
-              Malzeme İhtiyaçları ({totalRequirements})
-            </div>
-          </button>
-          <button
-            onClick={() => setActiveTab('production')}
-            className={`flex-1 py-2 px-3 rounded-md text-xs font-medium transition-colors ${
-              activeTab === 'production'
-                ? 'bg-white text-gray-900 shadow-sm'
-                : 'text-gray-600 hover:text-gray-900'
-            }`}
-          >
-            <div className="flex items-center justify-center gap-2">
-              <FaIndustry className="w-4 h-4" />
-              Üretim Önerileri ({openProductionSuggestions})
-            </div>
-          </button>
-          <button
-            onClick={() => setActiveTab('purchase')}
-            className={`flex-1 py-2 px-3 rounded-md text-xs font-medium transition-colors ${
-              activeTab === 'purchase'
-                ? 'bg-white text-gray-900 shadow-sm'
-                : 'text-gray-600 hover:text-gray-900'
-            }`}
-          >
-            <div className="flex items-center justify-center gap-2">
-              <FaShoppingCart className="w-4 h-4" />
-              Satınalma Önerileri ({openPurchaseSuggestions})
-            </div>
-          </button>
-        </div>
-
-        {/* Data Table */}
-        {activeTab === 'requirements' && (
-          <MaterialRequirements materialRequirements={materialRequirements} />
-        )}
-
-        {activeTab === 'production' && (
-          <ProductionSuggestions productionSuggestions={productionSuggestions} />
-        )}
-        {activeTab === 'purchase' && (
-          <PurchaseSuggestions purchaseSuggestions={purchaseSuggestions} />
-        )}
-      </div>
-
-      <RunMrpModal
-        isOpen={isMrpModalOpen}
-        onClose={() => setIsMrpModalOpen(false)}
-        onRunComplete={() => {
-          runMrp()
-          setIsMrpModalOpen(false)
-        }}
-      />
-    </Container>
-  )
-}
-
-export default Requirements
diff --git a/ui/src/views/mrp/components/RunMrpModal.tsx b/ui/src/views/mrp/components/RunMrpModal.tsx
deleted file mode 100644
index a0cc6846..00000000
--- a/ui/src/views/mrp/components/RunMrpModal.tsx
+++ /dev/null
@@ -1,214 +0,0 @@
-import React, { useState, useEffect } from "react";
-import {
-  FaTimes,
-  FaPlay,
-  FaCheckCircle,
-  FaSpinner,
-  FaClipboardList,
-  FaCalculator,
-  FaBullseye,
-} from "react-icons/fa";
-
-interface RunMrpModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onRunComplete: () => void;
-}
-
-type Step =
-  | "idle"
-  | "demand"
-  | "inventory"
-  | "suggestions"
-  | "completed"
-  | "error";
-
-const RunMrpModal: React.FC<RunMrpModalProps> = ({
-  isOpen,
-  onClose,
-  onRunComplete,
-}) => {
-  const [currentStep, setCurrentStep] = useState<Step>("idle");
-  const [progress, setProgress] = useState(0);
-
-  useEffect(() => {
-    if (currentStep !== "idle" && currentStep !== "completed") {
-      const interval = setInterval(() => {
-        setProgress((prev) => {
-          if (prev >= 100) {
-            clearInterval(interval);
-            return 100;
-          }
-          return prev + 10;
-        });
-      }, 150);
-      return () => clearInterval(interval);
-    }
-  }, [currentStep]);
-
-  useEffect(() => {
-    if (progress >= 100) {
-      if (currentStep === "demand") {
-        setCurrentStep("inventory");
-        setProgress(0);
-      } else if (currentStep === "inventory") {
-        setCurrentStep("suggestions");
-        setProgress(0);
-      } else if (currentStep === "suggestions") {
-        onRunComplete(); // Signal completion to parent
-        setCurrentStep("completed");
-        setProgress(100);
-      }
-    }
-  }, [progress, currentStep, onRunComplete]);
-
-  const handleStartMrp = () => {
-    setCurrentStep("demand");
-    setProgress(0);
-  };
-
-  const handleClose = () => {
-    setCurrentStep("idle");
-    setProgress(0);
-    onClose();
-  };
-
-  if (!isOpen) return null;
-
-  const getStepClass = (step: Step, targetStep: Step) => {
-    if (currentStep === step) return "text-blue-600 font-semibold";
-    if (
-      (targetStep === "demand" && currentStep !== "idle") ||
-      (targetStep === "inventory" &&
-        (currentStep === "suggestions" || currentStep === "completed")) ||
-      (targetStep === "suggestions" && currentStep === "completed")
-    ) {
-      return "text-green-600";
-    }
-    return "text-gray-500";
-  };
-
-  const renderStep = (
-    step: Step,
-    targetStep: Step,
-    icon: React.ReactNode,
-    label: string
-  ) => (
-    <div className="flex items-center gap-4">
-      <div
-        className={`p-3 rounded-full ${
-          currentStep === step
-            ? "bg-blue-100"
-            : getStepClass(step, targetStep) === "text-green-600"
-            ? "bg-green-100"
-            : "bg-gray-100"
-        }`}
-      >
-        {currentStep === step ? (
-          <FaSpinner
-            className={`w-6 h-6 animate-spin ${getStepClass(step, targetStep)}`}
-          />
-        ) : getStepClass(step, targetStep) === "text-green-600" ? (
-          <FaCheckCircle
-            className={`w-6 h-6 ${getStepClass(step, targetStep)}`}
-          />
-        ) : (
-          icon
-        )}
-      </div>
-      <div className="flex-1">
-        <h4 className={`text-lg ${getStepClass(step, targetStep)}`}>{label}</h4>
-        {currentStep === step && (
-          <div className="w-full bg-gray-200 rounded-full h-2.5 mt-2">
-            <div
-              className="bg-blue-600 h-2.5 rounded-full transition-all duration-150"
-              style={{ width: `${progress}%` }}
-            ></div>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-lg w-full mx-4">
-        <div className="flex items-center justify-between p-6 border-b">
-          <h2 className="text-xl font-semibold text-gray-900">
-            MRP Çalıştırma Süreci
-          </h2>
-          <button
-            onClick={handleClose}
-            className="text-gray-400 hover:text-gray-600"
-          >
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        <div className="p-6 space-y-6">
-          {currentStep === "idle" && (
-            <div className="text-center">
-              <p className="text-gray-600 mb-6">
-                MRP sürecini başlatmak için butona tıklayın. Bu işlem mevcut
-                ihtiyaç ve önerileri güncelleyecektir.
-              </p>
-              <button
-                onClick={handleStartMrp}
-                className="flex items-center justify-center gap-2 w-full px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors text-base font-semibold"
-              >
-                <FaPlay />
-                MRP Çalıştır
-              </button>
-            </div>
-          )}
-
-          {currentStep !== "idle" && (
-            <>
-              {renderStep(
-                "demand",
-                "demand",
-                <FaClipboardList className="w-6 h-6 text-gray-500" />,
-                "Talep Toplama"
-              )}
-              {renderStep(
-                "inventory",
-                "demand",
-                <FaCalculator className="w-6 h-6 text-gray-500" />,
-                "Stok Kontrolü ve Net İhtiyaç Hesaplama"
-              )}
-              {renderStep(
-                "suggestions",
-                "inventory",
-                <FaBullseye className="w-6 h-6 text-gray-500" />,
-                "Üretim ve Satınalma Önerileri Oluşturma"
-              )}
-            </>
-          )}
-
-          {currentStep === "completed" && (
-            <div className="text-center p-6 bg-green-50 border border-green-200 rounded-lg">
-              <FaCheckCircle className="w-12 h-12 text-green-600 mx-auto mb-4" />
-              <h3 className="text-xl font-bold text-green-800">
-                MRP Süreci Başarıyla Tamamlandı!
-              </h3>
-              <p className="text-green-700 mt-2">
-                İlgili sayfalara giderek sonuçları inceleyebilirsiniz.
-              </p>
-            </div>
-          )}
-        </div>
-
-        <div className="flex justify-end p-6 border-t">
-          <button
-            onClick={handleClose}
-            className="px-3 py-1.5 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors text-sm"
-          >
-            Kapat
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default RunMrpModal;
diff --git a/ui/src/views/mrp/components/ViewWorkOrderModal.tsx b/ui/src/views/mrp/components/ViewWorkOrderModal.tsx
deleted file mode 100644
index 0dea50ee..00000000
--- a/ui/src/views/mrp/components/ViewWorkOrderModal.tsx
+++ /dev/null
@@ -1,353 +0,0 @@
-import React from "react";
-import {
-  FaTimes,
-  FaCalendar,
-  FaClock,
-  FaUser,
-  FaCog,
-  FaCheckCircle,
-} from "react-icons/fa";
-import { MrpWorkOrder } from "../../../types/mrp";
-import { QualityStatusEnum } from "../../../types/mm";
-import {
-  getWorkOrderStatusColor,
-  getWorkOrderStatusText,
-} from "../../../utils/erp";
-
-interface ViewWorkOrderModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  workOrder: MrpWorkOrder | null;
-}
-
-const ViewWorkOrderModal: React.FC<ViewWorkOrderModalProps> = ({
-  isOpen,
-  onClose,
-  workOrder,
-}) => {
-  if (!isOpen || !workOrder) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-4xl w-full mx-4 max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b sticky top-0 bg-white z-10">
-          <h2 className="text-lg font-semibold text-gray-900">
-            İş Emri Detayları
-          </h2>
-          <button
-            onClick={onClose}
-            className="text-gray-400 hover:text-gray-600"
-          >
-            <FaTimes className="w-4 h-4" />
-          </button>
-        </div>
-
-        <div className="p-4 space-y-4">
-          {/* Header Info */}
-          <div className="bg-gray-50 rounded-lg p-3">
-            <div className="flex items-center justify-between mb-3">
-              <h3 className="text-lg font-medium text-gray-900">
-                {workOrder.workOrderNumber}
-              </h3>
-              <span
-                className={`px-2 py-0.5 text-xs font-medium rounded-full ${getWorkOrderStatusColor(
-                  workOrder.status
-                )}`}
-              >
-                {getWorkOrderStatusText(workOrder.status)}
-              </span>
-            </div>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
-              <div className="flex items-center gap-2">
-                <FaCalendar className="w-3 h-3 text-gray-500" />
-                <span className="text-gray-600">Oluşturulma:</span>
-                <span className="font-medium">
-                  {new Date(workOrder.creationTime).toLocaleDateString("tr-TR")}
-                </span>
-              </div>
-              <div className="flex items-center gap-2">
-                <FaClock className="w-3 h-3 text-gray-500" />
-                <span className="text-gray-600">Son Güncelleme:</span>
-                <span className="font-medium">
-                  {new Date(workOrder.lastModificationTime).toLocaleDateString(
-                    "tr-TR"
-                  )}
-                </span>
-              </div>
-              <div className="flex items-center gap-2">
-                <FaUser className="w-3 h-3 text-gray-500" />
-                <span className="text-gray-600">Sıra:</span>
-                <span className="font-medium">{workOrder.sequence}</span>
-              </div>
-            </div>
-          </div>
-
-          {/* Production Order Info */}
-          <div className="bg-white border rounded-lg p-3">
-            <h4 className="text-base font-medium text-gray-900 mb-2">
-              Üretim Emri Bilgileri
-            </h4>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <span className="text-sm text-gray-600">Üretim Emri:</span>
-                <p className="font-medium">
-                  {workOrder.productionOrder?.orderNumber ||
-                    workOrder.productionOrderId}
-                </p>
-              </div>
-              <div>
-                <span className="text-sm text-gray-600">Öncelik:</span>
-                <p className="font-medium">
-                  {workOrder.productionOrder?.priority || "N/A"}
-                </p>
-              </div>
-            </div>
-          </div>
-
-          {/* Operation & Material Info */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-            <div className="bg-white border rounded-lg p-3">
-              <h4 className="text-base font-medium text-gray-900 mb-2">
-                Operasyon Bilgileri
-              </h4>
-              <div className="space-y-2">
-                <div>
-                  <span className="text-sm text-gray-600">Operasyon:</span>
-                  <p className="font-medium">
-                    {workOrder.operation?.name || workOrder.operationId}
-                  </p>
-                </div>
-                <div>
-                  <span className="text-sm text-gray-600">İş Merkezi:</span>
-                  <p className="font-medium">
-                    {workOrder.workCenter?.name || workOrder.workCenterId}
-                  </p>
-                </div>
-                <div>
-                  <span className="text-sm text-gray-600">
-                    Atanan Operatörler:
-                  </span>
-                  <p className="font-medium">
-                    {workOrder.assignedOperators.length} operatör
-                  </p>
-                </div>
-              </div>
-            </div>
-
-            <div className="bg-white border rounded-lg p-3">
-              <h4 className="text-base font-medium text-gray-900 mb-2">
-                Malzeme Bilgileri
-              </h4>
-              <div className="space-y-2">
-                <div>
-                  <span className="text-sm text-gray-600">Malzeme:</span>
-                  <p className="font-medium">
-                    {workOrder.material?.code} -{" "}
-                    {workOrder.material?.name || workOrder.materialId}
-                  </p>
-                </div>
-                <div>
-                  <span className="text-sm text-gray-600">Birim:</span>
-                  <p className="font-medium">
-                    {workOrder.material?.baseUnit?.name || "N/A"}
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Quantities */}
-          <div className="bg-white border rounded-lg p-3">
-            <h4 className="text-base font-medium text-gray-900 mb-2">
-              Miktar Bilgileri
-            </h4>
-            <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
-              <div className="text-center p-2 bg-blue-50 rounded-lg">
-                <div className="text-xl font-bold text-blue-600">
-                  {workOrder.plannedQuantity}
-                </div>
-                <div className="text-sm text-gray-600">Planlanan</div>
-              </div>
-              <div className="text-center p-2 bg-green-50 rounded-lg">
-                <div className="text-xl font-bold text-green-600">
-                  {workOrder.confirmedQuantity}
-                </div>
-                <div className="text-sm text-gray-600">Tamamlanan</div>
-              </div>
-              <div className="text-center p-2 bg-red-50 rounded-lg">
-                <div className="text-xl font-bold text-red-600">
-                  {workOrder.scrapQuantity}
-                </div>
-                <div className="text-sm text-gray-600">Fire</div>
-              </div>
-              <div className="text-center p-2 bg-gray-50 rounded-lg">
-                <div className="text-xl font-bold text-gray-600">
-                  {workOrder.plannedQuantity -
-                    workOrder.confirmedQuantity -
-                    workOrder.scrapQuantity}
-                </div>
-                <div className="text-sm text-gray-600">Kalan</div>
-              </div>
-            </div>
-          </div>
-
-          {/* Schedule */}
-          <div className="bg-white border rounded-lg p-3">
-            <h4 className="text-base font-medium text-gray-900 mb-2">
-              Zamanlama
-            </h4>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div className="flex items-center gap-3">
-                <FaCalendar className="w-5 h-5 text-blue-500" />
-                <div>
-                  <div className="text-sm text-gray-600">
-                    Planlanan Başlangıç
-                  </div>
-                  <div className="font-medium">
-                    {new Date(workOrder.plannedStartDate).toLocaleDateString(
-                      "tr-TR"
-                    )}
-                  </div>
-                </div>
-              </div>
-              <div className="flex items-center gap-3">
-                <FaCalendar className="w-5 h-5 text-green-500" />
-                <div>
-                  <div className="text-sm text-gray-600">Planlanan Bitiş</div>
-                  <div className="font-medium">
-                    {new Date(workOrder.plannedEndDate).toLocaleDateString(
-                      "tr-TR"
-                    )}
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Time Information */}
-          <div className="bg-white border rounded-lg p-3">
-            <h4 className="text-base font-medium text-gray-900 mb-2">
-              Zaman Bilgileri
-            </h4>
-            <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
-              <div className="text-center p-2 bg-yellow-50 rounded-lg">
-                <div className="text-xl font-bold text-yellow-600">
-                  {workOrder.setupTime}
-                </div>
-                <div className="text-sm text-gray-600">Kurulum (dk)</div>
-              </div>
-              <div className="text-center p-2 bg-blue-50 rounded-lg">
-                <div className="text-xl font-bold text-blue-600">
-                  {workOrder.processTime}
-                </div>
-                <div className="text-sm text-gray-600">İşlem (dk)</div>
-              </div>
-              <div className="text-center p-2 bg-purple-50 rounded-lg">
-                <div className="text-xl font-bold text-purple-600">
-                  {workOrder.actualSetupTime || 0}
-                </div>
-                <div className="text-sm text-gray-600">Gerçek Kurulum (dk)</div>
-              </div>
-              <div className="text-center p-2 bg-indigo-50 rounded-lg">
-                <div className="text-xl font-bold text-indigo-600">
-                  {workOrder.actualProcessTime || 0}
-                </div>
-                <div className="text-sm text-gray-600">Gerçek İşlem (dk)</div>
-              </div>
-            </div>
-          </div>
-
-          {/* Confirmations */}
-          {workOrder.confirmations.length > 0 && (
-            <div className="bg-white border rounded-lg p-3">
-              <h4 className="text-base font-medium text-gray-900 mb-2">
-                Onaylar
-              </h4>
-              <div className="space-y-2">
-                {workOrder.confirmations.map((confirmation, index) => (
-                  <div
-                    key={index}
-                    className="flex items-center justify-between p-2 bg-gray-50 rounded-lg"
-                  >
-                    <div className="flex items-center gap-3">
-                      <FaCheckCircle className="w-4 h-4 text-green-500" />
-                      <div>
-                        <div className="font-medium">
-                          {confirmation.confirmedBy}
-                        </div>
-                        <div className="text-sm text-gray-600">
-                          {new Date(
-                            confirmation.confirmationDate
-                          ).toLocaleDateString("tr-TR")}
-                        </div>
-                      </div>
-                    </div>
-                    <div className="text-right">
-                      <div className="font-medium">
-                        {confirmation.confirmedQuantity}
-                      </div>
-                      <div className="text-sm text-gray-600">adet</div>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </div>
-          )}
-
-          {/* Quality Checks */}
-          {workOrder.qualityChecks.length > 0 && (
-            <div className="bg-white border rounded-lg p-3">
-              <h4 className="text-base font-medium text-gray-900 mb-2">
-                Kalite Kontrolleri
-              </h4>
-              <div className="space-y-2">
-                {workOrder.qualityChecks.map((check, index) => (
-                  <div
-                    key={index}
-                    className="flex items-center justify-between p-2 bg-gray-50 rounded-lg"
-                  >
-                    <div className="flex items-center gap-3">
-                      <FaCog className="w-4 h-4 text-blue-500" />
-                      <div>
-                        <div className="font-medium">{check.checkType}</div>
-                        <div className="text-sm text-gray-600">
-                          {new Date(check.checkDate).toLocaleDateString(
-                            "tr-TR"
-                          )}
-                        </div>
-                      </div>
-                    </div>
-                    <div className="text-right">
-                      <span
-                        className={`px-2 py-1 text-xs font-medium rounded-full ${
-                          check.status === QualityStatusEnum.Pending
-                            ? "bg-green-100 text-green-800"
-                            : check.status === QualityStatusEnum.Rejected
-                            ? "bg-red-100 text-red-800"
-                            : "bg-yellow-100 text-yellow-800"
-                        }`}
-                      >
-                        {check.status}
-                      </span>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </div>
-          )}
-        </div>
-
-        <div className="flex justify-end p-4 border-t sticky bottom-0 bg-white">
-          <button
-            onClick={onClose}
-            className="px-3 py-1.5 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors text-sm"
-          >
-            Kapat
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default ViewWorkOrderModal;
diff --git a/ui/src/views/mrp/components/WorkOrders.tsx b/ui/src/views/mrp/components/WorkOrders.tsx
deleted file mode 100644
index e7d1f128..00000000
--- a/ui/src/views/mrp/components/WorkOrders.tsx
+++ /dev/null
@@ -1,451 +0,0 @@
-import React, { useState } from 'react'
-import { FaCog, FaPlus, FaEdit, FaTrash, FaClock, FaCheckCircle, FaPlay } from 'react-icons/fa'
-import { MrpWorkOrder } from '../../../types/mrp'
-import DataTable, { Column } from '../../../components/common/DataTable'
-import { mockWorkOrders } from '../../../mocks/mockWorkOrders'
-import NewWorkOrderForm from './NewWorkOrderForm'
-import EditWorkOrderForm from './EditWorkOrderForm'
-import ViewWorkOrderModal from './ViewWorkOrderModal'
-import CompleteWorkOrderModal from './CompleteWorkOrderModal'
-import Widget from '../../../components/common/Widget'
-import { PriorityEnum } from '../../../types/common'
-import {
-  getPriorityColor,
-  getPriorityText,
-  getWorkOrderStatusColor,
-  getWorkOrderStatusText,
-} from '../../../utils/erp'
-import { WorkOrderStatusEnum } from '../../../types/pm'
-import { Container } from '@/components/shared'
-
-const WorkOrders: React.FC = () => {
-  const [workOrders, setWorkOrders] = useState<MrpWorkOrder[]>(mockWorkOrders)
-
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedStatus, setSelectedStatus] = useState<WorkOrderStatusEnum | 'all'>('all')
-  const [selectedPriority, setSelectedPriority] = useState<PriorityEnum | 'all'>('all')
-
-  // Modal states
-  const [isNewWorkOrderOpen, setIsNewWorkOrderOpen] = useState(false)
-  const [isEditWorkOrderOpen, setIsEditWorkOrderOpen] = useState(false)
-  const [isViewWorkOrderOpen, setIsViewWorkOrderOpen] = useState(false)
-  const [isCompleteWorkOrderOpen, setIsCompleteWorkOrderOpen] = useState(false)
-  const [selectedWorkOrder, setSelectedWorkOrder] = useState<MrpWorkOrder | null>(null)
-
-  // Event handlers
-  const handleAdd = () => {
-    setIsNewWorkOrderOpen(true)
-  }
-
-  const handleEdit = (workOrder: MrpWorkOrder) => {
-    setSelectedWorkOrder(workOrder)
-    setIsEditWorkOrderOpen(true)
-  }
-
-  const handleDelete = (id: string) => {
-    if (window.confirm('Bu iş emrini silmek istediğinizden emin misiniz?')) {
-      setWorkOrders((prev) => prev.filter((wo) => wo.id !== id))
-    }
-  }
-
-  const handleStart = (workOrder: MrpWorkOrder) => {
-    setWorkOrders((prev) =>
-      prev.map((wo) =>
-        wo.id === workOrder.id
-          ? {
-              ...wo,
-              status: WorkOrderStatusEnum.InProgress,
-              lastModificationTime: new Date(),
-            }
-          : wo,
-      ),
-    )
-  }
-
-  const handleComplete = (workOrder: MrpWorkOrder) => {
-    setSelectedWorkOrder(workOrder)
-    setIsCompleteWorkOrderOpen(true)
-  }
-
-  const handleViewDetails = (workOrder: MrpWorkOrder) => {
-    setSelectedWorkOrder(workOrder)
-    setIsViewWorkOrderOpen(true)
-  }
-
-  // Modal handlers
-  const handleNewWorkOrderSave = (
-    newWorkOrderData: Omit<MrpWorkOrder, 'id' | 'creationTime' | 'lastModificationTime'>,
-  ) => {
-    const newWorkOrder: MrpWorkOrder = {
-      ...newWorkOrderData,
-      id: `WO-${Date.now()}`,
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    }
-    setWorkOrders((prev) => [...prev, newWorkOrder])
-  }
-
-  const handleEditWorkOrderSave = (updatedWorkOrder: MrpWorkOrder) => {
-    setWorkOrders((prev) =>
-      prev.map((wo) => (wo.id === updatedWorkOrder.id ? updatedWorkOrder : wo)),
-    )
-  }
-
-  const handleCompleteWorkOrder = (
-    workOrderId: string,
-    confirmedQuantity: number,
-    scrapQuantity: number,
-  ) => {
-    setWorkOrders((prev) =>
-      prev.map((wo) => {
-        if (wo.id === workOrderId) {
-          const newConfirmedQuantity = wo.confirmedQuantity + confirmedQuantity
-          const newScrapQuantity = wo.scrapQuantity + scrapQuantity
-          const newStatus =
-            newConfirmedQuantity + newScrapQuantity >= wo.plannedQuantity
-              ? WorkOrderStatusEnum.Completed
-              : wo.status
-
-          return {
-            ...wo,
-            confirmedQuantity: newConfirmedQuantity,
-            scrapQuantity: newScrapQuantity,
-            status: newStatus,
-            lastModificationTime: new Date(),
-          }
-        }
-        return wo
-      }),
-    )
-  }
-
-  const filteredWorkOrders = workOrders.filter((workOrder) => {
-    if (
-      searchTerm &&
-      !workOrder.workOrderNumber.toLowerCase().includes(searchTerm.toLowerCase()) &&
-      !workOrder.productionOrder?.orderNumber?.toLowerCase().includes(searchTerm.toLowerCase())
-    ) {
-      return false
-    }
-    if (selectedStatus !== 'all' && workOrder.status !== selectedStatus) {
-      return false
-    }
-    if (selectedPriority !== 'all' && workOrder.productionOrder?.priority !== selectedPriority) {
-      return false
-    }
-    return true
-  })
-
-  const columns: Column<MrpWorkOrder>[] = [
-    {
-      key: 'workOrderNumber',
-      header: 'İş Emri No',
-      sortable: true,
-      render: (workOrder: MrpWorkOrder) => (
-        <div>
-          <div className="font-medium text-gray-900">{workOrder.workOrderNumber}</div>
-          <div className="text-sm text-gray-500">Sıra: {workOrder.sequence}</div>
-        </div>
-      ),
-    },
-    {
-      key: 'productionOrder',
-      header: 'Üretim Emri',
-      render: (workOrder: MrpWorkOrder) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {workOrder.productionOrder?.orderNumber || 'N/A'}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: 'material',
-      header: 'Malzeme',
-      render: (workOrder: MrpWorkOrder) => (
-        <div>
-          <div className="text-gray-900">
-            {workOrder.material?.code}
-            {' - '}
-            {workOrder.material?.name || workOrder.materialId}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: 'workCenter',
-      header: 'İş Merkezi',
-      render: (workOrder: MrpWorkOrder) => (
-        <div>
-          <div className="font-medium text-gray-900">
-            {workOrder.workCenter?.name || workOrder.workCenterId}
-          </div>
-          <div className="flex items-center gap-2">
-            <span>{workOrder.operation?.name || workOrder.operationId}</span>
-          </div>
-          <div className="text-sm text-gray-500">{workOrder.assignedOperators.length} Operatör</div>
-        </div>
-      ),
-    },
-    {
-      key: 'quantities',
-      header: 'Miktarlar',
-      render: (workOrder: MrpWorkOrder) => (
-        <div className="text-sm">
-          <div>Plan: {workOrder.plannedQuantity}</div>
-          <div>Tamamlanan: {workOrder.confirmedQuantity}</div>
-          {workOrder.scrapQuantity > 0 && (
-            <div className="text-red-600">Fire: {workOrder.scrapQuantity}</div>
-          )}
-        </div>
-      ),
-    },
-    {
-      key: 'schedule',
-      header: 'Planlama',
-      render: (workOrder: MrpWorkOrder) => (
-        <div className="text-sm">
-          <div className="flex items-center gap-1">
-            <FaClock className="w-3 h-3 text-gray-400" />
-            <span>
-              Başlangıç: {new Date(workOrder.plannedStartDate).toLocaleDateString('tr-TR')}
-            </span>
-          </div>
-          <div className="flex items-center gap-1">
-            <FaClock className="w-3 h-3 text-gray-400" />
-            <span>Bitiş: {new Date(workOrder.plannedEndDate).toLocaleDateString('tr-TR')}</span>
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: 'priority',
-      header: 'Öncelik',
-      render: (workOrder: MrpWorkOrder) =>
-        workOrder.productionOrder?.priority ? (
-          <span
-            className={`px-2 py-1 text-xs font-medium rounded-full ${getPriorityColor(
-              workOrder.productionOrder.priority,
-            )}`}
-          >
-            {getPriorityText(workOrder.productionOrder.priority)}
-          </span>
-        ) : (
-          '-'
-        ),
-    },
-    {
-      key: 'status',
-      header: 'Durum',
-      render: (workOrder: MrpWorkOrder) => (
-        <span
-          className={`px-2 py-1 text-xs font-medium rounded-full ${getWorkOrderStatusColor(
-            workOrder.status,
-          )}`}
-        >
-          {getWorkOrderStatusText(workOrder.status)}
-        </span>
-      ),
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (workOrder: MrpWorkOrder) => (
-        <div className="flex gap-1">
-          {workOrder.status === WorkOrderStatusEnum.Released && (
-            <button
-              onClick={() => handleStart(workOrder)}
-              className="p-1 text-green-600 hover:bg-green-50 rounded"
-              title="Başlat"
-            >
-              <FaPlay className="w-4 h-4" />
-            </button>
-          )}
-          {workOrder.status === WorkOrderStatusEnum.InProgress && (
-            <button
-              onClick={() => handleComplete(workOrder)}
-              className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-              title="Tamamla"
-            >
-              <FaCheckCircle className="w-4 h-4" />
-            </button>
-          )}
-          <button
-            onClick={() => handleViewDetails(workOrder)}
-            className="p-1 text-purple-600 hover:bg-purple-50 rounded"
-            title="Detayları Görüntüle"
-          >
-            <FaCog className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleEdit(workOrder)}
-            className="p-1 text-blue-600 hover:bg-blue-50 rounded"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleDelete(workOrder.id)}
-            className="p-1 text-red-600 hover:bg-red-50 rounded"
-            title="Sil"
-          >
-            <FaTrash className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  // Calculate statistics
-  const totalWorkOrders = workOrders.length
-  const inProgressOrders = workOrders.filter(
-    (wo) => wo.status === WorkOrderStatusEnum.InProgress,
-  ).length
-  const completedOrders = workOrders.filter(
-    (wo) => wo.status === WorkOrderStatusEnum.Completed,
-  ).length
-  const delayedOrders = workOrders.filter(
-    (wo) => wo.status !== WorkOrderStatusEnum.Completed && new Date(wo.plannedEndDate) < new Date(),
-  ).length
-
-  // Status distribution
-  const statusDistribution = Object.values(WorkOrderStatusEnum).map((status) => ({
-    status,
-    count: workOrders.filter((wo) => wo.status === status).length,
-    percentage:
-      (workOrders.filter((wo) => wo.status === status).length / workOrders.length) * 100 || 0,
-  }))
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">İş Emirleri</h2>
-            <p className="text-gray-600">Üretim operasyonlarının detaylı takibi</p>
-          </div>
-          <button
-            onClick={handleAdd}
-            className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors text-sm"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni İş Emri
-          </button>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-          <Widget title="Toplam İş Emri" value={totalWorkOrders} color="blue" icon="FaCog" />
-
-          <Widget title="İşlemde" value={inProgressOrders} color="yellow" icon="FaPlay" />
-
-          <Widget title="Tamamlanan" value={completedOrders} color="green" icon="FaCheckCircle" />
-
-          <Widget title="Geciken" value={delayedOrders} color="red" icon="FaExclamationCircle" />
-        </div>
-
-        {/* Status Distribution */}
-        <div className="bg-white rounded-lg shadow-sm border p-3">
-          <h3 className="text-sm font-semibold text-gray-900 mb-2">Durum Dağılımı</h3>
-          <div className="grid grid-cols-2 md:grid-cols-5 gap-2">
-            {statusDistribution.map(({ status, count, percentage }) => (
-              <div key={status} className="text-center p-2 border rounded-lg">
-                <div
-                  className={`inline-block px-1.5 py-0.5 text-xs font-medium rounded-full mb-1 ${getWorkOrderStatusColor(
-                    status,
-                  )}`}
-                >
-                  {getWorkOrderStatusText(status)}
-                </div>
-                <div className="text-xl font-bold text-gray-900">{count}</div>
-                <div className="text-xs text-gray-500">{percentage.toFixed(1)}%</div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Filters */}
-        <div className="flex gap-2 items-center">
-          <div className="flex-1">
-            <input
-              type="text"
-              placeholder="İş emri numarası ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-
-          <select
-            value={selectedStatus}
-            onChange={(e) => setSelectedStatus(e.target.value as WorkOrderStatusEnum | 'all')}
-            className="px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">Tüm Durumlar</option>
-            {Object.values(WorkOrderStatusEnum).map((status) => (
-              <option key={status} value={status}>
-                {getWorkOrderStatusText(status)}
-              </option>
-            ))}
-          </select>
-
-          <select
-            value={selectedPriority}
-            onChange={(e) => setSelectedPriority(e.target.value as PriorityEnum | 'all')}
-            className="px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">Tüm Öncelikler</option>
-            {Object.values(PriorityEnum).map((priority) => (
-              <option key={priority} value={priority}>
-                {getPriorityText(priority)}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        {/* Data Table */}
-        <div className="bg-white rounded-lg shadow-sm border">
-          <DataTable data={filteredWorkOrders} columns={columns} />
-        </div>
-
-        {filteredWorkOrders.length === 0 && (
-          <div className="text-center py-12">
-            <FaCog className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-            <h3 className="text-lg font-medium text-gray-900 mb-2">İş emri bulunamadı</h3>
-            <p className="text-gray-500">Arama kriterlerinizi değiştirmeyi deneyin.</p>
-          </div>
-        )}
-      </div>
-
-      {/* Modals */}
-      <NewWorkOrderForm
-        isOpen={isNewWorkOrderOpen}
-        onClose={() => setIsNewWorkOrderOpen(false)}
-        onSave={handleNewWorkOrderSave}
-      />
-
-      <EditWorkOrderForm
-        isOpen={isEditWorkOrderOpen}
-        onClose={() => setIsEditWorkOrderOpen(false)}
-        onSave={handleEditWorkOrderSave}
-        workOrder={selectedWorkOrder}
-      />
-
-      <ViewWorkOrderModal
-        isOpen={isViewWorkOrderOpen}
-        onClose={() => setIsViewWorkOrderOpen(false)}
-        workOrder={selectedWorkOrder}
-      />
-
-      <CompleteWorkOrderModal
-        isOpen={isCompleteWorkOrderOpen}
-        onClose={() => setIsCompleteWorkOrderOpen(false)}
-        onConfirm={handleCompleteWorkOrder}
-        workOrder={selectedWorkOrder}
-      />
-    </Container>
-  )
-}
-
-export default WorkOrders
diff --git a/ui/src/views/project/components/ActivityTypeFormModal.tsx b/ui/src/views/project/components/ActivityTypeFormModal.tsx
deleted file mode 100644
index 8d10d368..00000000
--- a/ui/src/views/project/components/ActivityTypeFormModal.tsx
+++ /dev/null
@@ -1,269 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaSave, FaTimes } from 'react-icons/fa'
-import { PsActivityTypeEnum, PsActivity } from '../../../types/ps'
-import { getPsActivityTypeText } from '../../../utils/erp'
-
-interface ActivityTypeFormModalProps {
-  open: boolean
-  activityType: PsActivity | null
-  onClose: () => void
-  onSave: (activityType: Partial<PsActivity>) => void
-}
-
-const ActivityTypeFormModal: React.FC<ActivityTypeFormModalProps> = ({
-  open,
-  activityType,
-  onClose,
-  onSave,
-}) => {
-  const [formData, setFormData] = useState<Partial<PsActivity>>({
-    name: '',
-    description: '',
-    category: '',
-    defaultDuration: 1,
-    activityType: PsActivityTypeEnum.WorkLog,
-    isActive: true,
-  })
-
-  const [errors, setErrors] = useState<Record<string, string>>({})
-
-  useEffect(() => {
-    if (activityType) {
-      setFormData({
-        ...activityType,
-      })
-    } else {
-      setFormData({
-        name: '',
-        description: '',
-        category: '',
-        defaultDuration: 1,
-        activityType: PsActivityTypeEnum.WorkLog,
-        isActive: true,
-      })
-    }
-    setErrors({})
-  }, [activityType])
-
-  const handleInputChange = (
-    field: keyof PsActivity,
-    value: string | number | boolean | PsActivityTypeEnum,
-  ) => {
-    setFormData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-
-    // Clear error when user starts typing
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const validateForm = (): boolean => {
-    const newErrors: Record<string, string> = {}
-
-    if (!formData.name?.trim()) {
-      newErrors.name = 'Aktivite türü adı zorunludur'
-    }
-
-    if (!formData.description?.trim()) {
-      newErrors.description = 'Açıklama zorunludur'
-    }
-
-    if (!formData.category?.trim()) {
-      newErrors.category = 'Kategori zorunludur'
-    }
-
-    if (!formData.defaultDuration || formData.defaultDuration <= 0) {
-      newErrors.defaultDuration = 'Varsayılan süre pozitif bir sayı olmalıdır'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleSave = () => {
-    if (validateForm()) {
-      onSave(formData)
-      onClose()
-    }
-  }
-
-  if (!open) return null
-
-  return (
-    <div className="fixed inset-0 z-50 overflow-y-auto">
-      <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-        <div
-          className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-          onClick={onClose}
-        ></div>
-        <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl sm:w-full">
-          <div className="space-y-3">
-            <div className="space-y-3">
-              {/* Header */}
-              <div className="bg-white px-3 py-2 border-b border-gray-200">
-                <div className="flex items-center justify-between">
-                  <h3 className="text-base font-medium text-gray-900">
-                    {activityType ? 'Aktivite Türü Düzenle' : 'Yeni Aktivite Türü'}
-                  </h3>
-                  <button
-                    onClick={onClose}
-                    className="text-gray-400 hover:text-gray-600 transition-colors"
-                  >
-                    <FaTimes className="w-4 h-4" />
-                  </button>
-                </div>
-              </div>
-
-              {/* Form */}
-              <div className="p-3">
-                <div className="space-y-3">
-                  {/* Activity Type */}
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Aktivite Türü *
-                    </label>
-                    <select
-                      value={formData.activityType || ''}
-                      onChange={(e) =>
-                        handleInputChange('activityType', e.target.value as PsActivityTypeEnum)
-                      }
-                      className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                        errors.activityType ? 'border-red-500' : 'border-gray-300'
-                      }`}
-                    >
-                      {Object.values(PsActivityTypeEnum).map((type) => (
-                        <option key={type} value={type}>
-                          {getPsActivityTypeText(type)}
-                        </option>
-                      ))}
-                    </select>
-                    {errors.activityType && (
-                      <p className="mt-1 text-sm text-red-600">{errors.activityType}</p>
-                    )}
-                  </div>
-
-                  {/* Name */}
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Ad *</label>
-                    <input
-                      type="text"
-                      value={formData.name || ''}
-                      onChange={(e) => handleInputChange('name', e.target.value)}
-                      className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                        errors.name ? 'border-red-500' : 'border-gray-300'
-                      }`}
-                      placeholder="Aktivite türü adını girin"
-                    />
-                    {errors.name && <p className="mt-1 text-sm text-red-600">{errors.name}</p>}
-                  </div>
-
-                  {/* Description */}
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Açıklama *
-                    </label>
-                    <textarea
-                      value={formData.description || ''}
-                      onChange={(e) => handleInputChange('description', e.target.value)}
-                      rows={2}
-                      className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                        errors.description ? 'border-red-500' : 'border-gray-300'
-                      }`}
-                      placeholder="Aktivite türü açıklamasını girin"
-                    />
-                    {errors.description && (
-                      <p className="mt-1 text-sm text-red-600">{errors.description}</p>
-                    )}
-                  </div>
-
-                  {/* Category */}
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Kategori *
-                    </label>
-                    <input
-                      type="text"
-                      value={formData.category || ''}
-                      onChange={(e) => handleInputChange('category', e.target.value)}
-                      className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                        errors.category ? 'border-red-500' : 'border-gray-300'
-                      }`}
-                      placeholder="Kategori adını girin (örn: Görev Yönetimi)"
-                    />
-                    {errors.category && (
-                      <p className="mt-1 text-sm text-red-600">{errors.category}</p>
-                    )}
-                  </div>
-
-                  {/* Default Duration */}
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Varsayılan Süre (saat) *
-                    </label>
-                    <input
-                      type="number"
-                      min="0"
-                      step="0.25"
-                      value={formData.defaultDuration || ''}
-                      onChange={(e) =>
-                        handleInputChange('defaultDuration', parseFloat(e.target.value))
-                      }
-                      className={`w-full px-2.5 py-1.5 text-sm border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${
-                        errors.defaultDuration ? 'border-red-500' : 'border-gray-300'
-                      }`}
-                      placeholder="1.0"
-                    />
-                    {errors.defaultDuration && (
-                      <p className="mt-1 text-sm text-red-600">{errors.defaultDuration}</p>
-                    )}
-                  </div>
-
-                  {/* Active Status */}
-                  <div className="flex items-center">
-                    <input
-                      type="checkbox"
-                      id="isActive"
-                      checked={formData.isActive || false}
-                      onChange={(e) => handleInputChange('isActive', e.target.checked)}
-                      className="rounded border-gray-300 text-blue-600 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
-                    />
-                    <label htmlFor="isActive" className="ml-2 text-sm text-gray-700">
-                      Aktif durumda
-                    </label>
-                  </div>
-                </div>
-              </div>
-
-              {/* Footer */}
-              <div className="flex items-center justify-end space-x-2 px-3 py-2 border-t border-gray-200">
-                <button
-                  type="button"
-                  onClick={onClose}
-                  className="px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
-                >
-                  İptal
-                </button>
-                <button
-                  type="button"
-                  onClick={handleSave}
-                  className="flex items-center space-x-2 px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-                >
-                  <FaSave className="w-4 h-4" />
-                  <span>Kaydet</span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default ActivityTypeFormModal
diff --git a/ui/src/views/project/components/ActivityTypes.tsx b/ui/src/views/project/components/ActivityTypes.tsx
deleted file mode 100644
index c0cd6118..00000000
--- a/ui/src/views/project/components/ActivityTypes.tsx
+++ /dev/null
@@ -1,446 +0,0 @@
-import React, { useState } from 'react'
-import { FaSearch, FaPlus, FaEdit, FaTrash, FaEye, FaTh, FaList } from 'react-icons/fa'
-import { PsActivity } from '../../../types/ps'
-import { activityTypes } from '../../../mocks/mockActivityTypes'
-import ActivityTypeFormModal from './ActivityTypeFormModal'
-import Widget from '../../../components/common/Widget'
-import { getPsActivityTypeColor, getPsActivityTypeIcon } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const ActivityTypes: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [categoryFilter, setCategoryFilter] = useState<string>('')
-  const [selectedActivity, setSelectedActivity] = useState<string>('')
-  const [showActivityForm, setShowActivityForm] = useState(false)
-  const [editingActivity, setEditingActivity] = useState<PsActivity | null>(null)
-  const [viewMode, setViewMode] = useState<'card' | 'list'>('card')
-
-  // Helper functions
-  const handleEdit = (activity: PsActivity) => {
-    setEditingActivity(activity)
-    setShowActivityForm(true)
-  }
-
-  const handleNew = () => {
-    setEditingActivity(null)
-    setShowActivityForm(true)
-  }
-
-  const handleCloseForm = () => {
-    setShowActivityForm(false)
-    setEditingActivity(null)
-  }
-
-  const handleSave = (activityData: Partial<PsActivity>) => {
-    // TODO: In a real application, this would make an API call
-    console.log('Saving activity type:', activityData)
-
-    if (editingActivity) {
-      console.log('Updating existing activity type with ID:', editingActivity.id)
-    } else {
-      console.log('Creating new activity type')
-    }
-
-    // For now, just close the modal
-    handleCloseForm()
-  }
-
-  const categories = Array.from(new Set(activityTypes.map((a) => a.category)))
-
-  const filteredActivities = activityTypes.filter((activity) => {
-    const matchesSearch =
-      activity.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      (activity.description &&
-        activity.description.toLowerCase().includes(searchTerm.toLowerCase()))
-    const matchesCategory = categoryFilter === '' || activity.category === categoryFilter
-    return matchesSearch && matchesCategory
-  })
-
-  const ActivityDetailModal = () => {
-    const activity = activityTypes.find((a) => a.id === selectedActivity)
-
-    if (!selectedActivity || !activity) return null
-
-    const ActivityIcon = getPsActivityTypeIcon(activity.activityType)
-
-    return (
-      <div className="fixed inset-0 z-50 overflow-y-auto">
-        <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-          <div
-            className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-            onClick={() => setSelectedActivity('')}
-          ></div>
-
-          <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl sm:w-full">
-            <div className="bg-white px-3 pt-3 pb-3 sm:p-4 sm:pb-3">
-              <div className="flex items-center justify-between mb-4">
-                <h3 className="text-lg font-medium text-gray-900">Aktivite Türü Detayları</h3>
-                <button
-                  onClick={() => setSelectedActivity('')}
-                  className="text-gray-400 hover:text-gray-600"
-                >
-                  <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M6 18L18 6M6 6l12 12"
-                    />
-                  </svg>
-                </button>
-              </div>
-
-              <div className="space-y-2 pt-1">
-                {/* Activity Header */}
-                <div className="flex items-center gap-3">
-                  <div
-                    className={`p-2 rounded-lg ${getPsActivityTypeColor(activity.activityType)}`}
-                  >
-                    <ActivityIcon className="w-6 h-6" />
-                  </div>
-                  <div>
-                    <h4 className="text-lg font-medium text-gray-900">{activity.name}</h4>
-                    <p className="text-sm text-gray-500">{activity.category}</p>
-                  </div>
-                </div>
-
-                {/* Activity Details */}
-                <div className="grid grid-cols-2 gap-2">
-                  <div className="bg-gray-50 rounded-lg p-2">
-                    <h5 className="font-medium text-gray-900 mb-2">Genel Bilgiler</h5>
-                    <div className="space-y-2 text-sm">
-                      <div>
-                        <strong>Aktivite Türü:</strong> {activity.activityType}
-                      </div>
-                      <div>
-                        <strong>Kategori:</strong> {activity.category}
-                      </div>
-                      <div>
-                        <strong>Varsayılan Süre:</strong> {activity.defaultDuration} saat
-                      </div>
-                      <div>
-                        <strong>Durum:</strong>
-                        <span
-                          className={`ml-2 px-2 py-1 text-xs rounded-full ${
-                            activity.isActive
-                              ? 'bg-green-100 text-green-800'
-                              : 'bg-red-100 text-red-800'
-                          }`}
-                        >
-                          {activity.isActive ? 'Aktif' : 'Pasif'}
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div className="bg-gray-50 rounded-lg p-2">
-                    <h5 className="font-medium text-gray-900 mb-2">Zaman Bilgileri</h5>
-                    <div className="space-y-2 text-sm">
-                      <div>
-                        <strong>Oluşturulma:</strong>{' '}
-                        {activity.creationTime.toLocaleDateString('tr-TR')}
-                      </div>
-                      <div>
-                        <strong>Son Güncelleme:</strong>{' '}
-                        {activity.lastModificationTime.toLocaleDateString('tr-TR')}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <div className="bg-gray-50 rounded-lg p-2">
-                  <h5 className="font-medium text-gray-900 mb-2">Açıklama</h5>
-                  <p className="text-sm text-gray-700">{activity.description}</p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Aktivite Türleri</h2>
-            <p className="text-gray-600">Proje ve görev aktivitelerinin türlerini yönetin</p>
-          </div>
-          <div className="flex gap-1.5">
-            <div className="flex border border-gray-300 rounded-lg overflow-hidden">
-              <button
-                onClick={() => setViewMode('card')}
-                className={`px-2.5 py-1.5 text-sm ${
-                  viewMode === 'card'
-                    ? 'bg-blue-600 text-white'
-                    : 'bg-white text-gray-700 hover:bg-gray-50'
-                }`}
-              >
-                <FaTh className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => setViewMode('list')}
-                className={`px-2.5 py-1.5 text-sm ${
-                  viewMode === 'list'
-                    ? 'bg-blue-600 text-white'
-                    : 'bg-white text-gray-700 hover:bg-gray-50'
-                }`}
-              >
-                <FaList className="w-4 h-4" />
-              </button>
-            </div>
-            <button
-              onClick={handleNew}
-              className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center gap-2"
-            >
-              <FaPlus className="w-4 h-4" />
-              Yeni Aktivite Türü
-            </button>
-          </div>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-2">
-          <Widget
-            title="Toplam Aktivite Türü"
-            value={activityTypes.length}
-            color="blue"
-            icon="FaCog"
-          />
-
-          <Widget
-            title="Aktif"
-            value={activityTypes.filter((a) => a.isActive).length}
-            color="green"
-            icon="FaCog"
-          />
-
-          <Widget
-            title="Kategori Sayısı"
-            value={categories.length}
-            color="purple"
-            icon="FaFileAlt"
-          />
-
-          <Widget
-            title="Ortalama Süre"
-            value={`${(
-              activityTypes.reduce((acc, a) => acc + a.defaultDuration, 0) / activityTypes.length
-            ).toFixed(1)}h`}
-            color="orange"
-            icon="FaFlask"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex flex-col sm:flex-row gap-2">
-          <div className="relative flex-1">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Aktivite türü ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="pl-10 pr-3 py-1.5 text-sm w-full border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            />
-          </div>
-          <select
-            value={categoryFilter}
-            onChange={(e) => setCategoryFilter(e.target.value)}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-          >
-            <option value="">Tüm Kategoriler</option>
-            {categories.map((category) => (
-              <option key={category} value={category}>
-                {category}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        {/* Activity Types - Card/List View */}
-        {viewMode === 'card' ? (
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2">
-            {filteredActivities.map((activity) => {
-              const ActivityIcon = getPsActivityTypeIcon(activity.activityType)
-
-              return (
-                <div
-                  key={activity.id}
-                  className="bg-white rounded-lg border border-gray-200 p-2.5 hover:shadow-md transition-shadow"
-                >
-                  <div className="flex items-start justify-between mb-3">
-                    <div className="flex items-center gap-3">
-                      <div
-                        className={`p-2 rounded-lg ${getPsActivityTypeColor(
-                          activity.activityType,
-                        )}`}
-                      >
-                        <ActivityIcon className="w-4 h-4" />
-                      </div>
-                      <div>
-                        <h3 className="font-medium text-gray-900">{activity.name}</h3>
-                        <p className="text-sm text-gray-500">{activity.category}</p>
-                      </div>
-                    </div>
-                    <div className="flex items-center gap-1">
-                      <button
-                        onClick={() => setSelectedActivity(activity.id)}
-                        className="text-blue-600 hover:text-blue-900 p-1"
-                        title="Detayları Gör"
-                      >
-                        <FaEye className="w-4 h-4" />
-                      </button>
-                      <button
-                        onClick={() => handleEdit(activity)}
-                        className="text-blue-600 hover:text-blue-900 p-1"
-                        title="Düzenle"
-                      >
-                        <FaEdit className="w-4 h-4" />
-                      </button>
-                      <button className="text-red-600 hover:text-red-900 p-1" title="Sil">
-                        <FaTrash className="w-4 h-4" />
-                      </button>
-                    </div>
-                  </div>
-
-                  <p className="text-sm text-gray-600 mb-2">{activity.description}</p>
-
-                  <div className="flex items-center justify-between text-sm">
-                    <span className="text-gray-500">Süre: {activity.defaultDuration}h</span>
-                    <span
-                      className={`px-2 py-1 text-xs rounded-full ${
-                        activity.isActive
-                          ? 'bg-green-100 text-green-800'
-                          : 'bg-red-100 text-red-800'
-                      }`}
-                    >
-                      {activity.isActive ? 'Aktif' : 'Pasif'}
-                    </span>
-                  </div>
-                </div>
-              )
-            })}
-          </div>
-        ) : (
-          <div className="bg-white rounded-lg border border-gray-200">
-            <div className="px-3 py-1.5 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900">Aktivite Türleri Listesi</h3>
-            </div>
-            <div className="overflow-x-auto">
-              <table className="min-w-full divide-y divide-gray-200">
-                <thead className="bg-gray-50">
-                  <tr>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Aktivite Türü
-                    </th>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Kategori
-                    </th>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Varsayılan Süre
-                    </th>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Durum
-                    </th>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Son Güncelleme
-                    </th>
-                    <th className="px-2 py-1.5 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      İşlemler
-                    </th>
-                  </tr>
-                </thead>
-                <tbody className="bg-white divide-y divide-gray-200">
-                  {filteredActivities.map((activity) => {
-                    const ActivityIcon = getPsActivityTypeIcon(activity.activityType)
-
-                    return (
-                      <tr key={activity.id} className="hover:bg-gray-50 text-sm">
-                        <td className="px-2 py-1.5 whitespace-nowrap">
-                          <div className="flex items-center">
-                            <div
-                              className={`p-2 rounded-lg mr-3 ${getPsActivityTypeColor(
-                                activity.activityType,
-                              )}`}
-                            >
-                              <ActivityIcon className="w-4 h-4" />
-                            </div>
-                            <div>
-                              <div className="text-sm font-medium text-gray-900">
-                                {activity.name}
-                              </div>
-                              <div className="text-sm text-gray-500">{activity.description}</div>
-                            </div>
-                          </div>
-                        </td>
-                        <td className="px-2 py-1.5 whitespace-nowrap">
-                          <div className="text-sm text-gray-900">{activity.category}</div>
-                        </td>
-                        <td className="px-2 py-1.5 whitespace-nowrap">
-                          <div className="text-sm text-gray-900">
-                            {activity.defaultDuration} saat
-                          </div>
-                        </td>
-                        <td className="px-2 py-1.5 whitespace-nowrap">
-                          <span
-                            className={`px-2 py-1 text-xs rounded-full ${
-                              activity.isActive
-                                ? 'bg-green-100 text-green-800'
-                                : 'bg-red-100 text-red-800'
-                            }`}
-                          >
-                            {activity.isActive ? 'Aktif' : 'Pasif'}
-                          </span>
-                        </td>
-                        <td className="px-2 py-1.5 whitespace-nowrap text-sm text-gray-500">
-                          {activity.lastModificationTime.toLocaleDateString('tr-TR')}
-                        </td>
-                        <td className="px-2 py-1.5 whitespace-nowrap text-right text-sm font-medium">
-                          <div className="flex items-center justify-end gap-2">
-                            <button
-                              onClick={() => setSelectedActivity(activity.id)}
-                              className="text-blue-600 hover:text-blue-900"
-                              title="Detayları Gör"
-                            >
-                              <FaEye className="w-4 h-4" />
-                            </button>
-                            <button
-                              onClick={() => handleEdit(activity)}
-                              className="text-blue-600 hover:text-blue-900"
-                              title="Düzenle"
-                            >
-                              <FaEdit className="w-4 h-4" />
-                            </button>
-                            <button className="text-red-600 hover:text-red-900" title="Sil">
-                              <FaTrash className="w-4 h-4" />
-                            </button>
-                          </div>
-                        </td>
-                      </tr>
-                    )
-                  })}
-                </tbody>
-              </table>
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* Activity Detail Modal */}
-      <ActivityDetailModal />
-
-      {/* Activity Form Modal */}
-      <ActivityTypeFormModal
-        open={showActivityForm}
-        activityType={editingActivity}
-        onClose={handleCloseForm}
-        onSave={handleSave}
-      />
-    </Container>
-  )
-}
-
-export default ActivityTypes
diff --git a/ui/src/views/project/components/CostTimeTracking.tsx b/ui/src/views/project/components/CostTimeTracking.tsx
deleted file mode 100644
index 966b3d2d..00000000
--- a/ui/src/views/project/components/CostTimeTracking.tsx
+++ /dev/null
@@ -1,468 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaSearch,
-  FaDollarSign,
-  FaArrowUp,
-  FaArrowDown,
-  FaClock,
-  FaChartBar,
-  FaDownload,
-} from 'react-icons/fa'
-import { ProjectCostTrackingStatus, PsProjectCostTracking } from '../../../types/ps'
-import { mockProjectCostTracking } from '../../../mocks/mockProjectCostTracking'
-import Widget from '../../../components/common/Widget'
-import {
-  getCostTimeTrackingStatusColor,
-  getCostTimeTrackingStatusIcon,
-  getCostTimeTrackingStatusText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const CostTimeTracking: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<string>('')
-  const [selectedProject, setSelectedProject] = useState<string>('')
-
-  const getBudgetVariance = (project: PsProjectCostTracking) => {
-    return (
-      ((project.actualCost - (project.plannedBudget * project.progress) / 100) /
-        project.plannedBudget) *
-      100
-    )
-  }
-
-  const getScheduleVariance = (project: PsProjectCostTracking) => {
-    if (!project.actualDuration) return 0
-    const plannedDurationAtProgress = (project.plannedDuration * project.progress) / 100
-    return ((project.actualDuration - plannedDurationAtProgress) / project.plannedDuration) * 100
-  }
-
-  const filteredProjects = mockProjectCostTracking.filter((project) => {
-    const matchesSearch =
-      project.projectName.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      project.projectCode.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesStatus = statusFilter === '' || project.status === statusFilter
-    return matchesSearch && matchesStatus
-  })
-
-  const totalPlannedBudget = mockProjectCostTracking.reduce((sum, p) => sum + p.plannedBudget, 0)
-  const totalActualCost = mockProjectCostTracking.reduce((sum, p) => sum + p.actualCost, 0)
-  const averageProgress =
-    mockProjectCostTracking.reduce((sum, p) => sum + p.progress, 0) / mockProjectCostTracking.length
-
-  const ProjectDetailModal = () => {
-    const project = mockProjectCostTracking.find((p) => p.id === selectedProject)
-
-    if (!selectedProject || !project) return null
-
-    const StatusIcon = getCostTimeTrackingStatusIcon(project.status)
-    const budgetVariance = getBudgetVariance(project)
-    const scheduleVariance = getScheduleVariance(project)
-
-    return (
-      <div className="fixed inset-0 z-50 overflow-y-auto">
-        <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-          <div
-            className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-            onClick={() => setSelectedProject('')}
-          ></div>
-
-          <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-2 sm:align-middle sm:max-w-3xl sm:w-full">
-            <div className="bg-white px-3 pt-3 pb-3 sm:p-4 sm:pb-3">
-              <div className="flex items-center justify-between mb-4">
-                <div className="flex items-center gap-2">
-                  <StatusIcon className="w-5 h-5" />
-                  <h3 className="text-lg font-medium text-gray-900">
-                    {project.projectCode} - Maliyet ve Süre Analizi
-                  </h3>
-                </div>
-                <button
-                  onClick={() => setSelectedProject('')}
-                  className="text-gray-400 hover:text-gray-600"
-                >
-                  <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M6 18L18 6M6 6l12 12"
-                    />
-                  </svg>
-                </button>
-              </div>
-
-              <div className="grid grid-cols-1 lg:grid-cols-2 gap-3">
-                {/* Budget Analysis */}
-                <div className="bg-gray-50 rounded-lg p-2.5">
-                  <h4 className="font-medium text-gray-900 mb-3 flex items-center gap-2">
-                    <FaDollarSign className="w-5 h-5" />
-                    Bütçe Analizi
-                  </h4>
-                  <div className="space-y-3">
-                    <div className="flex justify-between">
-                      <span>Planlanan Bütçe:</span>
-                      <span className="font-medium">₺{project.plannedBudget.toLocaleString()}</span>
-                    </div>
-                    <div className="flex justify-between">
-                      <span>Gerçekleşen Maliyet:</span>
-                      <span className="font-medium">₺{project.actualCost.toLocaleString()}</span>
-                    </div>
-                    <div className="flex justify-between">
-                      <span>Kalan Bütçe:</span>
-                      <span
-                        className={`font-medium ${
-                          project.remainingBudget >= 0 ? 'text-green-600' : 'text-red-600'
-                        }`}
-                      >
-                        ₺{project.remainingBudget.toLocaleString()}
-                      </span>
-                    </div>
-                    <div className="flex justify-between">
-                      <span>Bütçe Kullanım Oranı:</span>
-                      <span className="font-medium">
-                        %{((project.actualCost / project.plannedBudget) * 100).toFixed(1)}
-                      </span>
-                    </div>
-                    <div className="flex justify-between">
-                      <span>Bütçe Varyansı:</span>
-                      <span
-                        className={`font-medium flex items-center gap-1 ${
-                          budgetVariance >= 0 ? 'text-red-600' : 'text-green-600'
-                        }`}
-                      >
-                        {budgetVariance >= 0 ? (
-                          <FaArrowUp className="w-4 h-4" />
-                        ) : (
-                          <FaArrowDown className="w-4 h-4" />
-                        )}
-                        %{Math.abs(budgetVariance).toFixed(1)}
-                      </span>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Schedule Analysis */}
-                <div className="bg-gray-50 rounded-lg p-2.5">
-                  <h4 className="font-medium text-gray-900 mb-3 flex items-center gap-2">
-                    <FaClock className="w-5 h-5" />
-                    Süre Analizi
-                  </h4>
-                  <div className="space-y-3">
-                    <div className="flex justify-between">
-                      <span>Planlanan Süre:</span>
-                      <span className="font-medium">{project.plannedDuration} gün</span>
-                    </div>
-                    <div className="flex justify-between">
-                      <span>Geçen Süre:</span>
-                      <span className="font-medium">{project.actualDuration || 0} gün</span>
-                    </div>
-                    <div className="flex justify-between">
-                      <span>İlerleme:</span>
-                      <span className="font-medium">%{project.progress}</span>
-                    </div>
-                    <div className="flex justify-between">
-                      <span>Planlanan Bitiş:</span>
-                      <span className="font-medium">
-                        {project.plannedEndDate.toLocaleDateString('tr-TR')}
-                      </span>
-                    </div>
-                    <div className="flex justify-between">
-                      <span>Süre Varyansı:</span>
-                      <span
-                        className={`font-medium flex items-center gap-1 ${
-                          scheduleVariance >= 0 ? 'text-red-600' : 'text-green-600'
-                        }`}
-                      >
-                        {scheduleVariance >= 0 ? (
-                          <FaArrowUp className="w-4 h-4" />
-                        ) : (
-                          <FaArrowDown className="w-4 h-4" />
-                        )}
-                        %{Math.abs(scheduleVariance).toFixed(1)}
-                      </span>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Progress Chart */}
-                <div className="bg-gray-50 rounded-lg p-2.5 lg:col-span-2">
-                  <h4 className="font-medium text-gray-900 mb-3 flex items-center gap-2">
-                    <FaChartBar className="w-5 h-5" />
-                    Proje İlerlemesi
-                  </h4>
-                  <div className="space-y-4 pt-2">
-                    <div>
-                      <div className="flex justify-between text-sm mb-1">
-                        <span>Genel İlerleme</span>
-                        <span>%{project.progress}</span>
-                      </div>
-                      <div className="w-full bg-gray-200 rounded-full h-2">
-                        <div
-                          className="bg-blue-600 h-2 rounded-full"
-                          style={{ width: `${project.progress}%` }}
-                        ></div>
-                      </div>
-                    </div>
-                    <div>
-                      <div className="flex justify-between text-sm mb-1">
-                        <span>Bütçe Kullanımı</span>
-                        <span>
-                          %{((project.actualCost / project.plannedBudget) * 100).toFixed(1)}
-                        </span>
-                      </div>
-                      <div className="w-full bg-gray-200 rounded-full h-2">
-                        <div
-                          className={`h-2 rounded-full ${
-                            project.actualCost > project.plannedBudget
-                              ? 'bg-red-600'
-                              : 'bg-green-600'
-                          }`}
-                          style={{
-                            width: `${Math.min(
-                              (project.actualCost / project.plannedBudget) * 100,
-                              100,
-                            )}%`,
-                          }}
-                        ></div>
-                      </div>
-                    </div>
-                    {project.actualDuration && (
-                      <div>
-                        <div className="flex justify-between text-sm mb-1">
-                          <span>Süre Kullanımı</span>
-                          <span>
-                            %{((project.actualDuration / project.plannedDuration) * 100).toFixed(1)}
-                          </span>
-                        </div>
-                        <div className="w-full bg-gray-200 rounded-full h-2">
-                          <div
-                            className={`h-2 rounded-full ${
-                              project.actualDuration > project.plannedDuration
-                                ? 'bg-red-600'
-                                : 'bg-green-600'
-                            }`}
-                            style={{
-                              width: `${Math.min(
-                                (project.actualDuration / project.plannedDuration) * 100,
-                                100,
-                              )}%`,
-                            }}
-                          ></div>
-                        </div>
-                      </div>
-                    )}
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Proje Maliyet ve Süre Takibi</h2>
-            <p className="text-gray-600">Projelerin bütçe ve zaman performansını analiz edin</p>
-          </div>
-          <div className="flex gap-2">
-            <button className="bg-green-600 text-white px-3 py-1.5 rounded-lg hover:bg-green-700 flex items-center gap-2">
-              <FaDownload className="w-4 h-4" />
-              Rapor İndir
-            </button>
-          </div>
-        </div>
-
-        {/* Summary Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-2">
-          <Widget
-            title="Toplam Planlanan Bütçe"
-            value={`₺${(totalPlannedBudget / 1000000).toFixed(1)}M`}
-            color="blue"
-            icon="FaDollarSign"
-          />
-
-          <Widget
-            title="Toplam Gerçekleşen"
-            value={`₺${(totalActualCost / 1000000).toFixed(1)}M`}
-            color="orange"
-            icon="FaArrowUp"
-          />
-
-          <Widget
-            title="Ortalama İlerleme"
-            value={`%${averageProgress.toFixed(0)}`}
-            color="green"
-            icon="FaChartBar"
-          />
-
-          <Widget
-            title="Aktif Projeler"
-            value={mockProjectCostTracking.filter((p) => p.status !== 'COMPLETED').length}
-            color="purple"
-            icon="FaChartPie"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex flex-col sm:flex-row gap-2">
-          <div className="relative flex-1">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Proje ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="pl-10 pr-3 py-1.5 text-sm w-full border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            />
-          </div>
-          <select
-            value={statusFilter}
-            onChange={(e) => setStatusFilter(e.target.value)}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-          >
-            <option value="">Tüm Durumlar</option>
-            {Object.values(ProjectCostTrackingStatus).map((status) => (
-              <option key={status} value={status}>
-                {getCostTimeTrackingStatusText(status)}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        {/* Projects Table */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="overflow-x-auto">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Proje
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Bütçe Performansı
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Süre Performansı
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İlerleme
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-2 py-1.5 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {filteredProjects.map((project) => {
-                  const StatusIcon = getCostTimeTrackingStatusIcon(project.status)
-                  const budgetVariance = getBudgetVariance(project)
-                  const scheduleVariance = getScheduleVariance(project)
-
-                  return (
-                    <tr key={project.id} className="hover:bg-gray-50 text-sm">
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div>
-                          <div className="text-sm font-medium text-gray-900">
-                            {project.projectName}
-                          </div>
-                          <div className="text-sm text-gray-500">{project.projectCode}</div>
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="text-sm">
-                          <div className="font-medium text-gray-900">
-                            ₺{project.actualCost.toLocaleString()} / ₺
-                            {project.plannedBudget.toLocaleString()}
-                          </div>
-                          <div
-                            className={`flex items-center gap-1 ${
-                              budgetVariance >= 0 ? 'text-red-600' : 'text-green-600'
-                            }`}
-                          >
-                            {budgetVariance >= 0 ? (
-                              <FaArrowUp className="w-3 h-3" />
-                            ) : (
-                              <FaArrowDown className="w-3 h-3" />
-                            )}
-                            <span className="text-xs">
-                              %{Math.abs(budgetVariance).toFixed(1)} varyans
-                            </span>
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="text-sm">
-                          <div className="font-medium text-gray-900">
-                            {project.actualDuration || 0} / {project.plannedDuration} gün
-                          </div>
-                          <div
-                            className={`flex items-center gap-1 ${
-                              scheduleVariance >= 0 ? 'text-red-600' : 'text-green-600'
-                            }`}
-                          >
-                            {scheduleVariance >= 0 ? (
-                              <FaArrowUp className="w-3 h-3" />
-                            ) : (
-                              <FaArrowDown className="w-3 h-3" />
-                            )}
-                            <span className="text-xs">
-                              %{Math.abs(scheduleVariance).toFixed(1)} varyans
-                            </span>
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <div className="w-16 bg-gray-200 rounded-full h-2 mr-2">
-                            <div
-                              className="bg-blue-600 h-2 rounded-full"
-                              style={{ width: `${project.progress}%` }}
-                            ></div>
-                          </div>
-                          <span className="text-sm font-medium text-gray-900">
-                            %{project.progress}
-                          </span>
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <span
-                          className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getCostTimeTrackingStatusColor(
-                            project.status,
-                          )}`}
-                        >
-                          <StatusIcon className="w-3 h-3 mr-1" />
-                          {getCostTimeTrackingStatusText(project.status)}
-                        </span>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap text-right text-sm font-medium">
-                        <button
-                          onClick={() => setSelectedProject(project.id)}
-                          className="text-blue-600 hover:text-blue-900"
-                        >
-                          Detaylar
-                        </button>
-                      </td>
-                    </tr>
-                  )
-                })}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-
-      {/* Project Detail Modal */}
-      <ProjectDetailModal />
-    </Container>
-  )
-}
-
-export default CostTimeTracking
diff --git a/ui/src/views/project/components/DocumentUploadModal.tsx b/ui/src/views/project/components/DocumentUploadModal.tsx
deleted file mode 100644
index d52a632f..00000000
--- a/ui/src/views/project/components/DocumentUploadModal.tsx
+++ /dev/null
@@ -1,225 +0,0 @@
-import React, { useState } from "react";
-import { FaTimes, FaUpload, FaFileAlt } from "react-icons/fa";
-import { PsDocumentTypeEnum } from "../../../types/ps";
-import { getPsDocumentTypeText } from "../../../utils/erp";
-
-interface DocumentUploadModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onSubmit: (documentData: {
-    documentName: string;
-    documentType: PsDocumentTypeEnum;
-    file: File;
-  }) => void;
-}
-
-const DocumentUploadModal: React.FC<DocumentUploadModalProps> = ({
-  isOpen,
-  onClose,
-  onSubmit,
-}) => {
-  const [documentName, setDocumentName] = useState("");
-  const [documentType, setDocumentType] = useState<PsDocumentTypeEnum>(
-    PsDocumentTypeEnum.Other
-  );
-  const [file, setFile] = useState<File | null>(null);
-  const [dragActive, setDragActive] = useState(false);
-
-  const handleDrag = (e: React.DragEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (e.type === "dragenter" || e.type === "dragover") {
-      setDragActive(true);
-    } else if (e.type === "dragleave") {
-      setDragActive(false);
-    }
-  };
-
-  const handleDrop = (e: React.DragEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setDragActive(false);
-
-    if (e.dataTransfer.files && e.dataTransfer.files[0]) {
-      const uploadedFile = e.dataTransfer.files[0];
-      setFile(uploadedFile);
-      if (!documentName) {
-        setDocumentName(uploadedFile.name);
-      }
-    }
-  };
-
-  const handleFileInput = (e: React.ChangeEvent<HTMLInputElement>) => {
-    if (e.target.files && e.target.files[0]) {
-      const uploadedFile = e.target.files[0];
-      setFile(uploadedFile);
-      if (!documentName) {
-        setDocumentName(uploadedFile.name);
-      }
-    }
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (file && documentName && documentType) {
-      onSubmit({
-        documentName,
-        documentType,
-        file,
-      });
-      handleClose();
-    }
-  };
-
-  const handleClose = () => {
-    setDocumentName("");
-    setDocumentType(PsDocumentTypeEnum.Other);
-    setFile(null);
-    setDragActive(false);
-    onClose();
-  };
-
-  const formatFileSize = (bytes: number): string => {
-    if (bytes === 0) return "0 Bytes";
-    const k = 1024;
-    const sizes = ["Bytes", "KB", "MB", "GB"];
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
-  };
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg p-3 w-full max-w-md max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between mb-4">
-          <h2 className="text-lg font-semibold text-gray-900">Belge Yükle</h2>
-          <button
-            onClick={handleClose}
-            className="text-gray-400 hover:text-gray-600"
-          >
-            <FaTimes className="w-4 h-4" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="space-y-3">
-          {/* File Upload Area */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Dosya Seç
-            </label>
-            <div
-              className={`border-2 border-dashed rounded-lg p-4 text-center transition-colors ${
-                dragActive
-                  ? "border-blue-500 bg-blue-50"
-                  : "border-gray-300 hover:border-gray-400"
-              }`}
-              onDragEnter={handleDrag}
-              onDragLeave={handleDrag}
-              onDragOver={handleDrag}
-              onDrop={handleDrop}
-            >
-              {file ? (
-                <div className="space-y-1">
-                  <FaFileAlt className="w-8 h-8 text-blue-500 mx-auto" />
-                  <div>
-                    <p className="text-sm font-medium text-gray-900">
-                      {file.name}
-                    </p>
-                    <p className="text-sm text-gray-600">
-                      {formatFileSize(file.size)}
-                    </p>
-                  </div>
-                  <button
-                    type="button"
-                    onClick={() => setFile(null)}
-                    className="text-xs text-red-600 hover:text-red-800"
-                  >
-                    Dosyayı Kaldır
-                  </button>
-                </div>
-              ) : (
-                <div className="space-y-1">
-                  <FaUpload className="w-8 h-8 text-gray-400 mx-auto" />
-                  <div>
-                    <p className="text-sm text-gray-600">
-                      Dosyayı buraya sürükleyin veya
-                    </p>
-                    <label className="cursor-pointer text-blue-600 hover:text-blue-800 font-medium">
-                      dosya seçin
-                      <input
-                        type="file"
-                        className="hidden"
-                        onChange={handleFileInput}
-                        accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.jpg,.jpeg,.png,.gif"
-                      />
-                    </label>
-                  </div>
-                  <p className="text-sm text-gray-600">
-                    PDF, DOC, XLS, PPT, TXT, JPG, PNG (Max 10MB)
-                  </p>
-                </div>
-              )}
-            </div>
-          </div>
-
-          {/* Document Name */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Belge Adı *
-            </label>
-            <input
-              type="text"
-              value={documentName}
-              onChange={(e) => setDocumentName(e.target.value)}
-              className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              placeholder="Belge adını girin"
-              required
-            />
-          </div>
-
-          {/* Document Type */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-2">
-              Belge Türü *
-            </label>
-            <select
-              value={documentType}
-              onChange={(e) =>
-                setDocumentType(e.target.value as PsDocumentTypeEnum)
-              }
-              className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              required
-            >
-              {Object.values(PsDocumentTypeEnum).map((type) => (
-                <option key={type} value={type}>
-                  {getPsDocumentTypeText(type)}
-                </option>
-              ))}
-            </select>
-          </div>
-
-          {/* Actions */}
-          <div className="flex items-center justify-end space-x-2 pt-2">
-            <button
-              type="button"
-              onClick={handleClose}
-              className="px-3 py-1 text-sm font-medium text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-md"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              disabled={!file || !documentName}
-              className="px-3 py-1 text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              Yükle
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
-
-export default DocumentUploadModal;
diff --git a/ui/src/views/project/components/DocumentViewerModal.tsx b/ui/src/views/project/components/DocumentViewerModal.tsx
deleted file mode 100644
index 64df48bf..00000000
--- a/ui/src/views/project/components/DocumentViewerModal.tsx
+++ /dev/null
@@ -1,205 +0,0 @@
-import React from "react";
-import {
-  FaTimes,
-  FaDownload,
-  FaFileAlt,
-  FaFilePdf,
-  FaFileWord,
-  FaFileExcel,
-  FaFilePowerpoint,
-  FaFileImage,
-} from "react-icons/fa";
-import { PsProjectDocument } from "../../../types/ps";
-import dayjs from "dayjs";
-import { getPsDocumentTypeText } from "../../../utils/erp";
-
-interface DocumentViewerModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  document: PsProjectDocument | null;
-  onDownload?: (document: PsProjectDocument) => void;
-}
-
-const DocumentViewerModal: React.FC<DocumentViewerModalProps> = ({
-  isOpen,
-  onClose,
-  document,
-  onDownload,
-}) => {
-  const getFileIcon = (fileName: string) => {
-    const extension = fileName.toLowerCase().split(".").pop();
-
-    switch (extension) {
-      case "pdf":
-        return <FaFilePdf className="w-8 h-8 text-red-500" />;
-      case "doc":
-      case "docx":
-        return <FaFileWord className="w-8 h-8 text-blue-500" />;
-      case "xls":
-      case "xlsx":
-        return <FaFileExcel className="w-8 h-8 text-green-500" />;
-      case "ppt":
-      case "pptx":
-        return <FaFilePowerpoint className="w-8 h-8 text-orange-500" />;
-      case "jpg":
-      case "jpeg":
-      case "png":
-      case "gif":
-        return <FaFileImage className="w-8 h-8 text-purple-500" />;
-      default:
-        return <FaFileAlt className="w-8 h-8 text-gray-500" />;
-    }
-  };
-
-  const formatFileSize = (sizeInMB: number): string => {
-    if (sizeInMB < 1) {
-      return `${(sizeInMB * 1024).toFixed(0)} KB`;
-    }
-    return `${sizeInMB.toFixed(2)} MB`;
-  };
-
-  const handleDownload = () => {
-    if (document && onDownload) {
-      onDownload(document);
-    } else if (document) {
-      // Fallback: create a download link
-      const link = window.document.createElement("a");
-      link.href = document.filePath;
-      link.download = document.documentName;
-      link.click();
-    }
-  };
-
-  const isImageFile = (fileName: string): boolean => {
-    const extension = fileName.toLowerCase().split(".").pop();
-    return ["jpg", "jpeg", "png", "gif"].includes(extension || "");
-  };
-
-  const isPdfFile = (fileName: string): boolean => {
-    const extension = fileName.toLowerCase().split(".").pop();
-    return extension === "pdf";
-  };
-
-  if (!isOpen || !document) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-4xl max-h-[90vh] overflow-hidden flex flex-col">
-        {/* Header */}
-        <div className="flex items-center justify-between p-3 border-b border-gray-200">
-          <div className="flex items-center space-x-3">
-            {getFileIcon(document.documentName)}
-            <div>
-              <h2 className="text-lg font-semibold text-gray-900">
-                {document.documentName}
-              </h2>
-              <p className="text-sm text-gray-500">
-                {getPsDocumentTypeText(document.documentType)} •{" "}
-                {formatFileSize(document.fileSize)}
-              </p>
-            </div>
-          </div>
-          <div className="flex items-center space-x-2">
-            <button
-              onClick={handleDownload}
-              className="flex items-center space-x-2 px-3 py-1 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-            >
-              <FaDownload className="w-4 h-4" />
-              <span>İndir</span>
-            </button>
-            <button
-              onClick={onClose}
-              className="text-gray-400 hover:text-gray-600 p-2"
-            >
-              <FaTimes className="w-4 h-4" />
-            </button>
-          </div>
-        </div>
-
-        {/* Document Info */}
-        <div className="px-4 py-2 bg-gray-50 border-b border-gray-200">
-          <div className="grid grid-cols-2 md:grid-cols-4 gap-3 text-sm">
-            <div>
-              <span className="font-medium text-gray-700">Yükleyen:</span>
-              <p className="text-gray-600">{document.uploadedBy}</p>
-            </div>
-            <div>
-              <span className="font-medium text-gray-700">
-                Yüklenme Tarihi:
-              </span>
-              <p className="text-gray-600">
-                {dayjs(document.uploadedAt).format("DD.MM.YYYY HH:mm")}
-              </p>
-            </div>
-            <div>
-              <span className="font-medium text-gray-700">Versiyon:</span>
-              <p className="text-gray-600">v{document.version}</p>
-            </div>
-            <div>
-              <span className="font-medium text-gray-700">Dosya Boyutu:</span>
-              <p className="text-gray-600">
-                {formatFileSize(document.fileSize)}
-              </p>
-            </div>
-          </div>
-        </div>
-
-        {/* Document Preview */}
-        <div className="flex-1 p-3 overflow-auto">
-          {isImageFile(document.documentName) ? (
-            <div className="flex items-center justify-center h-full">
-              <img
-                src={document.filePath}
-                alt={document.documentName}
-                className="max-w-full max-h-full object-contain"
-                onError={(e) => {
-                  const target = e.target as HTMLImageElement;
-                  target.style.display = "none";
-                }}
-              />
-            </div>
-          ) : isPdfFile(document.documentName) ? (
-            <div className="h-full">
-              <iframe
-                src={document.filePath}
-                className="w-full h-full border-0"
-                title={document.documentName}
-              />
-            </div>
-          ) : (
-            <div className="flex flex-col items-center justify-center h-full text-center">
-              {getFileIcon(document.documentName)}
-              <h3 className="mt-4 text-lg font-medium text-gray-900">
-                Önizleme Mevcut Değil
-              </h3>
-              <p className="mt-2 text-sm text-gray-500">
-                Bu dosya türü için önizleme desteklenmiyor.
-              </p>
-              <p className="text-sm text-gray-500">
-                Dosyayı görüntülemek için indirin.
-              </p>
-            </div>
-          )}
-        </div>
-
-        {/* Footer */}
-        <div className="px-4 py-2 bg-gray-50 border-t border-gray-200">
-          <div className="flex items-center justify-between">
-            <div className="text-sm text-gray-500">
-              Son güncelleme:{" "}
-              {dayjs(document.uploadedAt).format("DD.MM.YYYY HH:mm")}
-            </div>
-            <button
-              onClick={onClose}
-              className="px-3 py-1 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50"
-            >
-              Kapat
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DocumentViewerModal;
diff --git a/ui/src/views/project/components/PhaseEditModal.tsx b/ui/src/views/project/components/PhaseEditModal.tsx
deleted file mode 100644
index c0704d3b..00000000
--- a/ui/src/views/project/components/PhaseEditModal.tsx
+++ /dev/null
@@ -1,416 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaPlus, FaEdit, FaSave, FaTimesCircle, FaProjectDiagram } from 'react-icons/fa'
-import {
-  PhaseStatusEnum,
-  PsProjectPhase,
-  ProjectStatusEnum,
-  PhaseCategoryEnum,
-} from '../../../types/ps'
-import { mockProjects } from '../../../mocks/mockProjects'
-import { mockProjectPhases } from '../../../mocks/mockProjectPhases'
-import MultiSelectTeam from '../../../components/common/MultiSelectTeam'
-import { getPhaseCategoryText, getPhaseStatusText } from '@/utils/erp'
-
-interface PhaseEditModalProps {
-  isOpen: boolean
-  onClose: () => void
-  phase?: PsProjectPhase | null
-  defaultProjectId?: string
-  onSubmit: (data: PsProjectPhase) => void
-}
-
-const PhaseEditModal: React.FC<PhaseEditModalProps> = ({
-  isOpen,
-  onClose,
-  phase,
-  defaultProjectId,
-  onSubmit,
-}) => {
-  const isEdit = Boolean(phase)
-
-  const ProjectPhaseNew: PsProjectPhase = {
-    id: '',
-    projectId: defaultProjectId || '',
-    code: '',
-    name: '',
-    description: '',
-    sequence: 0,
-    startDate: new Date(),
-    endDate: new Date(),
-    status: PhaseStatusEnum.NotStarted,
-    budget: 0,
-    actualCost: 0,
-    progress: 0,
-    tasks: [],
-    isActive: true,
-    milestones: 0,
-    completedMilestones: 0,
-    assignedTeams: [],
-    deliverables: [],
-    risks: [],
-    category: PhaseCategoryEnum.Planning,
-  }
-
-  const [formData, setFormData] = useState<PsProjectPhase>(ProjectPhaseNew)
-
-  useEffect(() => {
-    if (isOpen) {
-      if (phase) {
-        // Edit mode - populate with existing data
-        setFormData({
-          ...formData,
-          name: phase.name,
-          projectId: phase.projectId,
-          code: phase.code,
-          description: phase.description || '',
-          status: phase.status,
-          startDate: phase.startDate,
-          endDate: phase.endDate,
-          budget: phase.budget,
-          category: phase.category,
-          assignedTeams: phase.assignedTeams || [],
-        })
-      } else {
-        setFormData(ProjectPhaseNew)
-      }
-    }
-  }, [isOpen, phase, defaultProjectId])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>,
-  ) => {
-    const { name, value } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]: value,
-    }))
-  }
-
-  const handleTeamChange = (teams: string[]) => {
-    setFormData((prev) => ({
-      ...prev,
-      assignedTeams: teams,
-    }))
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    onSubmit(formData)
-  }
-
-  const generatePhaseCode = () => {
-    const phaseCount = mockProjectPhases.length + 1
-    return `PH-${phaseCount.toString().padStart(3, '0')}`
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-xl shadow-2xl w-full max-w-2xl mx-4 max-h-[95vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-2.5 border-b border-gray-200 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-t-xl">
-          <div className="flex items-center gap-2">
-            <div className="w-6 h-6 bg-blue-600 rounded-md flex items-center justify-center">
-              {isEdit ? (
-                <FaEdit className="w-3.5 h-3.5 text-white" />
-              ) : (
-                <FaPlus className="w-3.5 h-3.5 text-white" />
-              )}
-            </div>
-            <div>
-              <h3 className="text-base font-semibold text-gray-900">
-                {isEdit ? 'Aşama Düzenle' : 'Yeni Aşama Oluştur'}
-              </h3>
-              <p className="text-xs text-gray-600">
-                {isEdit
-                  ? 'Mevcut aşama bilgilerini güncelleyin'
-                  : 'Yeni bir proje aşaması tanımlayın'}
-              </p>
-            </div>
-          </div>
-          <button
-            onClick={onClose}
-            className="text-gray-400 hover:text-gray-600 p-1 hover:bg-gray-100 rounded-lg transition-colors"
-          >
-            <FaTimesCircle className="w-4 h-4" />
-          </button>
-        </div>
-
-        {/* Form */}
-        <form onSubmit={handleSubmit} className="p-2.5">
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-2.5">
-            {/* Sol Kolon */}
-            <div className="space-y-2">
-              <div className="bg-gray-50 p-2.5 rounded-lg">
-                <h4 className="text-base font-semibold text-gray-800 mb-2 flex items-center gap-2">
-                  <FaProjectDiagram className="w-4 h-4 text-blue-600" />
-                  Temel Bilgiler
-                </h4>
-
-                <div className="space-y-2">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Proje<span className="text-red-500">*</span>
-                    </label>
-                    <select
-                      name="projectId"
-                      value={formData.projectId}
-                      onChange={handleInputChange}
-                      className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                      required
-                      disabled={!!defaultProjectId}
-                    >
-                      <option value="">Proje seçin...</option>
-                      {mockProjects.map((project) => (
-                        <option key={project.id} value={project.id}>
-                          {project.code} - {project.name}
-                        </option>
-                      ))}
-                    </select>
-
-                    {/* Seçilen Proje Detayları */}
-                    {formData.projectId &&
-                      (() => {
-                        const selectedProject = mockProjects.find(
-                          (p) => p.id === formData.projectId,
-                        )
-                        if (!selectedProject) return null
-
-                        return (
-                          <div className="mt-1.5 p-1.5 bg-blue-50 border border-blue-200 rounded-lg">
-                            <div className="flex items-start justify-between">
-                              <div className="flex-1">
-                                <h4 className="font-medium text-blue-900 text-xs mb-1">
-                                  {selectedProject.name}
-                                </h4>
-                                <p className="text-xs text-blue-700 mb-1">
-                                  {selectedProject.description}
-                                </p>
-                                <div className="grid grid-cols-2 gap-1.5 text-xs">
-                                  <div>
-                                    <span className="font-medium text-blue-800">Durum:</span>
-                                    <span
-                                      className={`ml-1 px-1.5 py-0.5 rounded-full text-xs font-medium ${
-                                        selectedProject.status === ProjectStatusEnum.Active
-                                          ? 'bg-green-100 text-green-800'
-                                          : selectedProject.status === ProjectStatusEnum.Planning
-                                            ? 'bg-yellow-100 text-yellow-800'
-                                            : 'bg-gray-100 text-gray-800'
-                                      }`}
-                                    >
-                                      {selectedProject.status === ProjectStatusEnum.Active
-                                        ? 'Aktif'
-                                        : selectedProject.status === ProjectStatusEnum.Planning
-                                          ? 'Planlama'
-                                          : selectedProject.status === ProjectStatusEnum.Completed
-                                            ? 'Tamamlandı'
-                                            : selectedProject.status === ProjectStatusEnum.OnHold
-                                              ? 'Beklemede'
-                                              : 'İptal'}
-                                    </span>
-                                  </div>
-                                  <div>
-                                    <span className="font-medium text-blue-800">İlerleme:</span>
-                                    <span className="ml-1 text-blue-700">
-                                      %{selectedProject.progress}
-                                    </span>
-                                  </div>
-                                  <div>
-                                    <span className="font-medium text-blue-800">Başlangıç:</span>
-                                    <span className="ml-1 text-blue-700">
-                                      {selectedProject.startDate.toLocaleDateString('tr-TR')}
-                                    </span>
-                                  </div>
-                                  <div>
-                                    <span className="font-medium text-blue-800">Bitiş:</span>
-                                    <span className="ml-1 text-blue-700">
-                                      {selectedProject.endDate.toLocaleDateString('tr-TR')}
-                                    </span>
-                                  </div>
-                                </div>
-                              </div>
-                              <div className="ml-1.5 text-right">
-                                <div className="text-base font-bold text-blue-900">
-                                  ₺{selectedProject.budget.toLocaleString('tr-TR')}
-                                </div>
-                                <div className="text-xs text-blue-700">Bütçe</div>
-                              </div>
-                            </div>
-                          </div>
-                        )
-                      })()}
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Aşama Adı<span className="text-red-500">*</span>
-                    </label>
-                    <input
-                      type="text"
-                      name="phaseName"
-                      value={formData.name}
-                      onChange={handleInputChange}
-                      className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                      placeholder="Aşama adını girin..."
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Açıklama</label>
-                    <textarea
-                      name="description"
-                      value={formData.description}
-                      onChange={handleInputChange}
-                      rows={1}
-                      className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                      placeholder="Aşama açıklaması..."
-                    />
-                  </div>
-
-                  <div className="grid grid-cols-2 gap-3">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">Durum</label>
-                      <select
-                        name="status"
-                        value={formData.status}
-                        onChange={handleInputChange}
-                        className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                      >
-                        {Object.values(PhaseStatusEnum).map((status) => (
-                          <option key={status} value={status}>
-                            {getPhaseStatusText(status)}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Kategori
-                      </label>
-                      <select
-                        name="category"
-                        value={formData.category}
-                        onChange={handleInputChange}
-                        className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                      >
-                        <option value="">Kategori seçin...</option>
-                        {Object.values(PhaseCategoryEnum).map((cat) => (
-                          <option key={cat} value={cat}>
-                            {getPhaseCategoryText(cat)}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            {/* Sağ Kolon */}
-            <div className="space-y-2">
-              <div className="bg-gray-50 p-2.5 rounded-lg">
-                <h4 className="text-base font-semibold text-gray-800 mb-2 flex items-center gap-2">
-                  <FaProjectDiagram className="w-4 h-4 text-green-600" />
-                  Zaman ve Bütçe
-                </h4>
-
-                <div className="space-y-2.5">
-                  <div className="grid grid-cols-2 gap-3">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Başlangıç Tarihi
-                      </label>
-                      <input
-                        type="date"
-                        name="startDate"
-                        value={formData.startDate.toISOString().split('T')[0]}
-                        onChange={handleInputChange}
-                        className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                      />
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Bitiş Tarihi
-                      </label>
-                      <input
-                        type="date"
-                        name="endDate"
-                        value={formData.endDate.toISOString().split('T')[0]}
-                        onChange={handleInputChange}
-                        className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                      />
-                    </div>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Bütçe (₺)
-                    </label>
-                    <input
-                      type="number"
-                      name="budget"
-                      value={formData.budget}
-                      onChange={handleInputChange}
-                      min="0"
-                      className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                      placeholder="0"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Atanmış Ekipler
-                    </label>
-                    <MultiSelectTeam
-                      selectedTeams={formData.assignedTeams}
-                      onChange={handleTeamChange}
-                      placeholder="Ekipleri seçin..."
-                      className="w-full"
-                    />
-                    <p className="text-xs text-gray-500 mt-1">
-                      Aşamaya atanacak bakım ekiplerini seçin
-                    </p>
-                  </div>
-                </div>
-              </div>
-
-              {/* Aşama Kodu Gösterimi */}
-              <div className="bg-blue-50 p-3 rounded-lg border border-blue-200">
-                <div className="flex items-center gap-2 text-blue-800">
-                  <FaProjectDiagram className="w-4 h-4" />
-                  <span className="text-sm font-medium">Aşama Kodu:</span>
-                  <span className="font-bold">{isEdit ? phase?.code : generatePhaseCode()}</span>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Footer */}
-          <div className="flex items-center justify-end gap-2 mt-3 pt-2.5 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-4 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors flex items-center gap-2"
-            >
-              <FaTimesCircle className="w-4 h-4" />
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-4 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center gap-2 shadow-md hover:shadow-lg"
-            >
-              <FaSave className="w-4 h-4" />
-              {isEdit ? 'Güncelle' : 'Oluştur'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default PhaseEditModal
diff --git a/ui/src/views/project/components/PhaseViewModal.tsx b/ui/src/views/project/components/PhaseViewModal.tsx
deleted file mode 100644
index 16074a31..00000000
--- a/ui/src/views/project/components/PhaseViewModal.tsx
+++ /dev/null
@@ -1,198 +0,0 @@
-import React from "react";
-import {
-  FaTimes,
-  FaFlag,
-  FaCalendar,
-  FaDollarSign,
-  FaChartLine,
-} from "react-icons/fa";
-import { mockProjectPhases } from "../../../mocks/mockProjectPhases";
-import { PsProject } from "../../../types/ps";
-import dayjs from "dayjs";
-import { getPhaseStatusColor, getPhaseStatusText } from "../../../utils/erp";
-
-interface PhaseViewModalProps {
-  project: PsProject;
-  isOpen: boolean;
-  onClose: () => void;
-}
-
-const PhaseViewModal: React.FC<PhaseViewModalProps> = ({
-  project,
-  isOpen,
-  onClose,
-}) => {
-  if (!isOpen) return null;
-
-  const projectPhases = mockProjectPhases.filter(
-    (phase) => phase.projectId === project.id
-  );
-
-  return (
-    <div className="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50">
-      <div className="relative top-10 mx-auto p-2 border w-11/12 max-w-3xl shadow-lg rounded-md bg-white">
-        <div className="flex items-center justify-between p-2.5 border-b border-gray-200">
-          <div className="flex items-center">
-            <FaFlag className="h-5 w-5 text-blue-600 mr-2" />
-            <div>
-              <h3 className="text-base font-semibold text-gray-900">
-                Proje Aşamaları
-              </h3>
-              <p className="text-gray-600">
-                {project.name} - {project.code}
-              </p>
-            </div>
-          </div>
-          <button
-            onClick={onClose}
-            className="text-gray-400 hover:text-gray-600 focus:outline-none"
-          >
-            <FaTimes className="h-5 w-5" />
-          </button>
-        </div>
-
-        <div className="p-2.5">
-          {projectPhases.length > 0 ? (
-            <div className="space-y-2.5">
-              {projectPhases.map((phase) => (
-                <div
-                  key={phase.id}
-                  className="bg-white border border-gray-200 rounded-lg p-2.5 hover:shadow-md transition-shadow"
-                >
-                  <div className="flex items-start justify-between mb-2">
-                    <div className="flex-1">
-                      <div className="flex items-center flex-wrap gap-2 mb-2">
-                        <h4 className="text-base font-medium text-gray-900">
-                          {phase.name}
-                        </h4>
-                        <span className="inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                          {phase.code}
-                        </span>
-                        <span
-                          className={`inline-flex items-center px-2 py-1 rounded-full text-xs font-medium ${getPhaseStatusColor(
-                            phase.status
-                          )}`}
-                        >
-                          {getPhaseStatusText(phase.status)}
-                        </span>
-                      </div>
-                      {phase.description && (
-                        <p className="text-sm text-gray-600 mb-2">
-                          {phase.description}
-                        </p>
-                      )}
-                    </div>
-                  </div>
-
-                  <div className="grid grid-cols-2 md:grid-cols-4 gap-2.5 mb-2.5">
-                    <div className="flex items-center space-x-2">
-                      <FaCalendar className="h-3.5 w-3.5 text-gray-400" />
-                      <div>
-                        <p className="text-xs font-medium text-gray-700">
-                          Başlangıç
-                        </p>
-                        <p className="text-xs text-gray-600">
-                          {dayjs(phase.startDate).format("DD.MM.YYYY")}
-                        </p>
-                      </div>
-                    </div>
-                    <div className="flex items-center space-x-2">
-                      <FaCalendar className="h-3.5 w-3.5 text-gray-400" />
-                      <div>
-                        <p className="text-xs font-medium text-gray-700">
-                          Bitiş
-                        </p>
-                        <p className="text-xs text-gray-600">
-                          {dayjs(phase.endDate).format("DD.MM.YYYY")}
-                        </p>
-                      </div>
-                    </div>
-                    <div className="flex items-center space-x-2">
-                      <FaDollarSign className="h-3.5 w-3.5 text-gray-400" />
-                      <div>
-                        <p className="text-xs font-medium text-gray-700">
-                          Bütçe
-                        </p>
-                        <p className="text-xs text-gray-600">
-                          ₺{phase.budget.toLocaleString()}
-                        </p>
-                      </div>
-                    </div>
-                    <div className="flex items-center space-x-2">
-                      <FaChartLine className="h-3.5 w-3.5 text-gray-400" />
-                      <div>
-                        <p className="text-xs font-medium text-gray-700">
-                          İlerleme
-                        </p>
-                        <p className="text-xs text-gray-600">
-                          %{phase.progress}
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div className="space-y-1.5">
-                    <div className="flex justify-between text-xs">
-                      <span>İlerleme</span>
-                      <span>%{phase.progress}</span>
-                    </div>
-                    <div className="w-full bg-gray-200 rounded-full h-2">
-                      <div
-                        className={`h-2 rounded-full transition-all duration-300 ${
-                          phase.progress >= 100
-                            ? "bg-green-500"
-                            : phase.progress >= 70
-                            ? "bg-blue-500"
-                            : phase.progress >= 50
-                            ? "bg-yellow-500"
-                            : "bg-red-500"
-                        }`}
-                        style={{ width: `${phase.progress}%` }}
-                      />
-                    </div>
-                  </div>
-
-                  {phase.milestones > 0 && (
-                    <div className="mt-2 pt-2 border-t border-gray-200">
-                      <div className="flex justify-between text-xs">
-                        <span className="text-gray-600">
-                          Kilometre Taşları:
-                        </span>
-                        <span className="font-medium">
-                          {phase.completedMilestones}/{phase.milestones}
-                        </span>
-                      </div>
-                    </div>
-                  )}
-                </div>
-              ))}
-            </div>
-          ) : (
-            <div className="text-center py-10">
-              <FaFlag className="mx-auto h-8 w-8 text-gray-400" />
-              <h3 className="mt-2 text-sm font-medium text-gray-900">
-                Faz bulunamadı
-              </h3>
-              <p className="mt-1 text-sm text-gray-500">
-                Bu proje için henüz faz tanımlanmamış.
-              </p>
-            </div>
-          )}
-        </div>
-
-        <div className="px-2.5 py-2 bg-gray-50 border-t border-gray-200 rounded-b-md">
-          <div className="flex justify-end">
-            <button
-              onClick={onClose}
-              className="px-3 py-1 bg-gray-600 text-white text-sm font-medium rounded-md hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-500"
-            >
-              Kapat
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default PhaseViewModal;
diff --git a/ui/src/views/project/components/ProjectForm.tsx b/ui/src/views/project/components/ProjectForm.tsx
deleted file mode 100644
index c2b9075f..00000000
--- a/ui/src/views/project/components/ProjectForm.tsx
+++ /dev/null
@@ -1,1793 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { useNavigate, useParams, Link } from 'react-router-dom'
-import {
-  FaSave,
-  FaTimes,
-  FaArrowLeft,
-  FaFolder,
-  FaBullseye,
-  FaFlag,
-  FaTasks,
-  FaFileAlt,
-  FaExclamationCircle,
-  FaChartLine,
-  FaPlus,
-  FaEdit,
-  FaTrash,
-  FaBuilding,
-  FaPhone,
-  FaEnvelope,
-  FaClock,
-  FaUser,
-  FaDollarSign,
-  FaEye,
-  FaDownload,
-} from 'react-icons/fa'
-import LoadingSpinner from '../../../components/common/LoadingSpinner'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import {
-  PsProject,
-  ProjectStatusEnum,
-  ProjectTypeEnum,
-  PsProjectPhase,
-  PsProjectTask,
-  PsProjectRisk,
-  PsProjectDocument,
-  TaskStatusEnum,
-  PsDocumentTypeEnum,
-  RiskCategoryEnum,
-  RiskProbabilityEnum,
-  RiskImpactEnum,
-  RiskLevelEnum,
-  RiskStatusEnum,
-} from '../../../types/ps'
-import { mockProjects } from '../../../mocks/mockProjects'
-import { mockProjectPhases } from '../../../mocks/mockProjectPhases'
-import { mockProjectTasks } from '../../../mocks/mockProjectTasks'
-import dayjs from 'dayjs'
-import classNames from 'classnames'
-import PhaseEditModal from './PhaseEditModal'
-import TaskModal, { TaskFormData } from './TaskEditModal'
-import DocumentUploadModal from './DocumentUploadModal'
-import DocumentViewerModal from './DocumentViewerModal'
-import RiskModal from './RiskModal'
-import { BusinessParty, PriorityEnum } from '../../../types/common'
-import {
-  getProjectStatusColor,
-  getProjectStatusIcon,
-  getProjectStatusText,
-  getProgressColor,
-  getPriorityColor,
-  getPriorityText,
-  getProjectTypeColor,
-  getProjectTypeText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-import { EmployeeDto } from '@/proxy/intranet/models'
-import useLocale from '@/utils/hooks/useLocale'
-import { currentLocalDate } from '@/utils/dateUtils'
-
-// Custom styles for the slider
-const sliderStyles = `
-  input[type="range"] {
-    -webkit-appearance: none;
-    appearance: none;
-    height: 8px;
-    border-radius: 4px;
-    outline: none;
-  }
-  
-  input[type="range"]::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    appearance: none;
-    width: 20px;
-    height: 20px;
-    border-radius: 50%;
-    background: #3b82f6;
-    border: 2px solid #ffffff;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    cursor: pointer;
-  }
-  
-  input[type="range"]::-moz-range-thumb {
-    width: 20px;
-    height: 20px;
-    border-radius: 50%;
-    background: #3b82f6;
-    border: 2px solid #ffffff;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    cursor: pointer;
-  }
-`
-
-interface ValidationErrors {
-  [key: string]: string
-}
-
-const ProjectForm: React.FC = () => {
-  const navigate = useNavigate()
-  const { id } = useParams<{ id: string }>()
-  const isEdit = Boolean(id)
-  const currentLocale = useLocale()
-
-  const [loading, setLoading] = useState(false)
-  const [saving, setSaving] = useState(false)
-  const [errors, setErrors] = useState<ValidationErrors>({})
-  const [customers, setCustomers] = useState<BusinessParty[]>([])
-  const [projectManagers, setProjectManagers] = useState<EmployeeDto[]>([])
-  const [activeTab, setActiveTab] = useState('overview')
-
-  // Additional states for the new features
-  const [phases, setPhases] = useState<PsProjectPhase[]>([])
-  const [tasks, setTasks] = useState<PsProjectTask[]>([])
-  const [risks, setRisks] = useState<PsProjectRisk[]>([])
-  const [documents, setDocuments] = useState<PsProjectDocument[]>([])
-
-  // Modal states
-  const [isPhaseModalOpen, setIsPhaseModalOpen] = useState(false)
-  const [editingPhase, setEditingPhase] = useState<PsProjectPhase | null>(null)
-  const [isTaskModalOpen, setIsTaskModalOpen] = useState(false)
-  const [editingTask, setEditingTask] = useState<PsProjectTask | null>(null)
-
-  // Document modal states
-  const [isDocumentUploadModalOpen, setIsDocumentUploadModalOpen] = useState(false)
-  const [isDocumentViewerModalOpen, setIsDocumentViewerModalOpen] = useState(false)
-  const [selectedDocument, setSelectedDocument] = useState<PsProjectDocument | null>(null)
-
-  // Risk modal states
-  const [isRiskModalOpen, setIsRiskModalOpen] = useState(false)
-  const [editingRisk, setEditingRisk] = useState<PsProjectRisk | null>(null)
-
-  const [formData, setFormData] = useState<PsProject>({
-    id: '',
-    code: '',
-    name: '',
-    description: '',
-    projectType: ProjectTypeEnum.Internal,
-    status: ProjectStatusEnum.Planning,
-    priority: PriorityEnum.Low,
-    customerId: '',
-    customer: undefined,
-    projectManagerId: '',
-    projectManager: undefined,
-    startDate: new Date(),
-    endDate: new Date(),
-    actualStartDate: undefined,
-    actualEndDate: undefined,
-    budget: 0,
-    actualCost: 0,
-    currency: 'TRY',
-    progress: 0,
-    phases: [],
-    tasks: [],
-    risks: [],
-    documents: [],
-    isActive: true,
-    creationTime: new Date(),
-    lastModificationTime: new Date(),
-  })
-
-  const tabs = [
-    { id: 'overview', name: 'Genel Bakış', icon: FaChartLine },
-    { id: 'phases', name: 'Aşamalar', icon: FaFlag },
-    { id: 'tasks', name: 'Görevler', icon: FaTasks },
-    { id: 'documents', name: 'Belgeler', icon: FaFileAlt },
-    { id: 'risks', name: 'Riskler', icon: FaExclamationCircle },
-    { id: 'budget', name: 'Bütçe Bilgileri', icon: FaDollarSign },
-  ]
-
-  const budgetUsagePercentage =
-    formData.budget > 0 ? (formData.actualCost / formData.budget) * 100 : 0
-
-  const loadData = useCallback(async () => {
-    try {
-      setCustomers(mockBusinessParties)
-      setProjectManagers(mockEmployees)
-
-      if (isEdit && id) {
-        // Load existing phases, tasks, risks, documents for the project
-        const existingPhases = mockProjectPhases.filter((p) => p.projectId === id)
-        const existingTasks = mockProjectTasks.filter((t) => t.projectId === id)
-        setPhases(existingPhases)
-        setTasks(existingTasks)
-        // For now, using empty arrays for risks and documents
-        setRisks([])
-        setDocuments([])
-      }
-    } catch (error) {
-      console.error('Error loading data:', error)
-    }
-  }, [isEdit, id])
-
-  const loadFormData = useCallback(async () => {
-    setLoading(true)
-    try {
-      if (isEdit && id) {
-        await new Promise((resolve) => setTimeout(resolve, 1000))
-        const mockProject = mockProjects.find((p) => p.id === id)
-        if (mockProject) {
-          setFormData(mockProject)
-        }
-      }
-    } catch (error) {
-      console.error('Error loading form data:', error)
-    } finally {
-      setLoading(false)
-    }
-  }, [isEdit, id])
-
-  useEffect(() => {
-    loadData()
-    loadFormData()
-  }, [loadData, loadFormData])
-
-  // Add custom slider styles
-  useEffect(() => {
-    const style = document.createElement('style')
-    style.textContent = sliderStyles
-    document.head.appendChild(style)
-
-    return () => {
-      document.head.removeChild(style)
-    }
-  }, [])
-
-  const validateForm = (): boolean => {
-    const newErrors: ValidationErrors = {}
-
-    if (!formData.code.trim()) {
-      newErrors.projectCode = 'Proje kodu zorunludur'
-    }
-    if (!formData.name.trim()) {
-      newErrors.name = 'Proje adı zorunludur'
-    }
-    if (!formData.projectType) {
-      newErrors.projectType = 'Proje tipi seçilmelidir'
-    }
-    if (!formData.projectManagerId) {
-      newErrors.projectManagerId = 'Proje yöneticisi seçilmelidir'
-    }
-    if (!formData.startDate) {
-      newErrors.startDate = 'Başlangıç tarihi zorunludur'
-    }
-    if (!formData.endDate) {
-      newErrors.endDate = 'Bitiş tarihi zorunludur'
-    }
-    if (formData.startDate && formData.endDate && formData.startDate >= formData.endDate) {
-      newErrors.endDate = 'Bitiş tarihi başlangıç tarihinden sonra olmalıdır'
-    }
-    if (formData.budget <= 0) {
-      newErrors.budget = "Bütçe 0'dan büyük olmalıdır"
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleInputChange = (field: keyof PsProject, value: string | number | boolean | Date) => {
-    setFormData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-
-    if (errors[field]) {
-      setErrors((prev) => ({
-        ...prev,
-        [field]: '',
-      }))
-    }
-  }
-
-  const handleDateChange = (field: keyof PsProject, value: string) => {
-    const date = value ? new Date(value) : new Date()
-    handleInputChange(field, date)
-  }
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-
-    if (!validateForm()) {
-      return
-    }
-
-    setSaving(true)
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 2000))
-
-      console.log('Project data:', {
-        ...formData,
-        id: isEdit ? id : undefined,
-      })
-
-      alert(isEdit ? 'Proje başarıyla güncellendi!' : 'Proje başarıyla oluşturuldu!')
-
-      navigate(ROUTES_ENUM.protected.projects.list)
-    } catch (error) {
-      console.error('Error saving project:', error)
-      alert('Bir hata oluştu. Lütfen tekrar deneyin.')
-    } finally {
-      setSaving(false)
-    }
-  }
-
-  const handleCancel = () => {
-    navigate(ROUTES_ENUM.protected.projects.list)
-  }
-
-  // Phase modal handlers
-  const openPhaseModal = () => {
-    setEditingPhase(null)
-    setIsPhaseModalOpen(true)
-  }
-
-  const openEditPhaseModal = (phase: PsProjectPhase) => {
-    setEditingPhase(phase)
-    setIsPhaseModalOpen(true)
-  }
-
-  const closePhaseModal = () => {
-    setIsPhaseModalOpen(false)
-    setEditingPhase(null)
-  }
-
-  const handlePhaseSubmit = (phaseData: PsProjectPhase) => {
-    if (editingPhase) {
-      // Edit existing phase
-      const updatedPhases = phases.map((p) =>
-        p.id === editingPhase.id
-          ? {
-              ...editingPhase,
-              name: phaseData.name,
-              description: phaseData.description,
-              projectId: phaseData.projectId,
-              status: phaseData.status,
-              startDate: new Date(phaseData.startDate),
-              endDate: new Date(phaseData.endDate),
-              budget: phaseData.budget,
-              category: phaseData.category,
-              assignedTeams: phaseData.assignedTeams,
-              updatedAt: new Date(),
-            }
-          : p,
-      )
-      setPhases(updatedPhases)
-      alert('Aşama başarıyla güncellendi!')
-    } else {
-      // Create new phase
-      const selectedProject = mockProjects.find((p) => p.id === phaseData.projectId)
-      if (!selectedProject) {
-        alert('Proje bulunamadı!')
-        return
-      }
-
-      const newPhase: PsProjectPhase = {
-        id: Date.now().toString(),
-        code: `PH-${(phases.length + 1).toString().padStart(3, '0')}`,
-        name: phaseData.name,
-        description: phaseData.description,
-        projectId: phaseData.projectId,
-        project: selectedProject,
-        status: phaseData.status,
-        startDate: new Date(phaseData.startDate),
-        endDate: new Date(phaseData.endDate),
-        budget: phaseData.budget,
-        actualCost: 0,
-        progress: 0,
-        category: phaseData.category,
-        assignedTeams: phaseData.assignedTeams,
-        deliverables: [],
-        risks: [],
-        milestones: 0,
-        completedMilestones: 0,
-        sequence: phases.length + 1,
-        tasks: [],
-        isActive: true,
-      }
-      setPhases([...phases, newPhase])
-      alert('Yeni aşama başarıyla oluşturuldu!')
-    }
-    closePhaseModal()
-  }
-
-  const handleDeletePhase = (phaseId: string) => {
-    if (window.confirm('Bu aşamayı silmek istediğinizden emin misiniz?')) {
-      setPhases(phases.filter((p) => p.id !== phaseId))
-      alert('Aşama başarıyla silindi!')
-    }
-  }
-
-  // Task handlers
-  const openTaskModal = () => {
-    setEditingTask(null)
-    setIsTaskModalOpen(true)
-  }
-
-  const openEditTaskModal = (task: PsProjectTask) => {
-    setEditingTask(task)
-    setIsTaskModalOpen(true)
-  }
-
-  const closeTaskModal = () => {
-    setIsTaskModalOpen(false)
-    setEditingTask(null)
-  }
-
-  const handleTaskSubmit = (taskData: TaskFormData) => {
-    if (editingTask) {
-      // Edit existing task
-      const updatedTasks = tasks.map((t) =>
-        t.id === editingTask.id
-          ? {
-              ...editingTask,
-              name: taskData.name,
-              description: taskData.description,
-              projectId: taskData.projectId,
-              phaseId: taskData.phaseId,
-              taskType: taskData.taskType,
-              status: taskData.status,
-              priority: taskData.priority,
-              assignedTo: taskData.assignedTo,
-              assignee: mockEmployees.find((emp) => emp.id === taskData.assignedTo),
-              startDate: new Date(taskData.startDate),
-              endDate: new Date(taskData.endDate),
-              estimatedHours: taskData.estimatedHours,
-              progress: taskData.progress,
-              lastModificationTime: new Date(),
-            }
-          : t,
-      )
-      setTasks(updatedTasks)
-      alert('Görev başarıyla güncellendi!')
-    } else {
-      // Create new task
-      const selectedProject = mockProjects.find((p) => p.id === taskData.projectId)
-      const selectedPhase = mockProjectPhases.find((p) => p.id === taskData.phaseId)
-      const selectedAssignee = mockEmployees.find((emp) => emp.id === taskData.assignedTo)
-
-      if (!selectedProject) {
-        alert('Proje bulunamadı!')
-        return
-      }
-
-      const newTask: PsProjectTask = {
-        id: Date.now().toString(),
-        projectId: taskData.projectId,
-        phaseId: taskData.phaseId,
-        phase: selectedPhase,
-        taskCode: `TSK-${(tasks.length + 1).toString().padStart(3, '0')}`,
-        name: taskData.name,
-        description: taskData.description,
-        taskType: taskData.taskType,
-        status: taskData.status,
-        priority: taskData.priority,
-        assignedTo: taskData.assignedTo,
-        assignee: selectedAssignee,
-        startDate: new Date(taskData.startDate),
-        endDate: new Date(taskData.endDate),
-        estimatedHours: taskData.estimatedHours,
-        actualHours: 0,
-        progress: 0,
-        activities: [],
-        comments: [],
-        isActive: true,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      }
-      setTasks([...tasks, newTask])
-      alert('Yeni görev başarıyla oluşturuldu!')
-    }
-    closeTaskModal()
-  }
-
-  const handleDeleteTask = (taskId: string) => {
-    if (window.confirm('Bu görevi silmek istediğinizden emin misiniz?')) {
-      setTasks(tasks.filter((t) => t.id !== taskId))
-      alert('Görev başarıyla silindi!')
-    }
-  }
-
-  // Document handlers
-  const openDocumentUploadModal = () => {
-    setIsDocumentUploadModalOpen(true)
-  }
-
-  const closeDocumentUploadModal = () => {
-    setIsDocumentUploadModalOpen(false)
-  }
-
-  const handleDocumentUpload = (documentData: {
-    documentName: string
-    documentType: PsDocumentTypeEnum
-    file: File
-  }) => {
-    // In a real application, you would upload the file to a server
-    // For now, we'll create a mock URL and add it to the documents list
-    const newDocument: PsProjectDocument = {
-      id: Date.now().toString(),
-      projectId: formData.id || 'temp-project-id',
-      documentName: documentData.documentName,
-      documentType: documentData.documentType,
-      filePath: URL.createObjectURL(documentData.file), // Mock file path
-      fileSize: Number((documentData.file.size / (1024 * 1024)).toFixed(2)), // Convert to MB
-      uploadedBy: 'Current User', // In real app, get from auth context
-      uploadedAt: new Date(),
-      version: '1.0',
-      isActive: true,
-    }
-
-    setDocuments([...documents, newDocument])
-    closeDocumentUploadModal()
-    alert('Belge başarıyla yüklendi!')
-  }
-
-  const openDocumentViewer = (document: PsProjectDocument) => {
-    setSelectedDocument(document)
-    setIsDocumentViewerModalOpen(true)
-  }
-
-  const closeDocumentViewer = () => {
-    setIsDocumentViewerModalOpen(false)
-    setSelectedDocument(null)
-  }
-
-  const handleDocumentDownload = (document: PsProjectDocument) => {
-    // In a real application, this would trigger a server download
-    const link = window.document.createElement('a')
-    link.href = document.filePath
-    link.download = document.documentName
-    link.click()
-  }
-
-  const handleDeleteDocument = (documentId: string) => {
-    if (window.confirm('Bu belgeyi silmek istediğinizden emin misiniz?')) {
-      setDocuments(documents.filter((d) => d.id !== documentId))
-      alert('Belge başarıyla silindi!')
-    }
-  }
-
-  // Risk handlers
-  const openRiskModal = () => {
-    setEditingRisk(null)
-    setIsRiskModalOpen(true)
-  }
-
-  const openEditRiskModal = (risk: PsProjectRisk) => {
-    setEditingRisk(risk)
-    setIsRiskModalOpen(true)
-  }
-
-  const closeRiskModal = () => {
-    setIsRiskModalOpen(false)
-    setEditingRisk(null)
-  }
-
-  const handleRiskSubmit = (riskData: Partial<PsProjectRisk>) => {
-    if (editingRisk) {
-      // Edit existing risk
-      const updatedRisks = risks.map((r) =>
-        r.id === editingRisk.id
-          ? {
-              ...editingRisk,
-              ...riskData,
-            }
-          : r,
-      )
-      setRisks(updatedRisks)
-      alert('Risk başarıyla güncellendi!')
-    } else {
-      // Create new risk
-      const newRisk: PsProjectRisk = {
-        id: Date.now().toString(),
-        projectId: formData.id || 'temp-project-id',
-        riskCode: `RISK-${(risks.length + 1).toString().padStart(3, '0')}`,
-        title: riskData.title || '',
-        description: riskData.description || '',
-        category: riskData.category || RiskCategoryEnum.Technical,
-        probability: riskData.probability || RiskProbabilityEnum.Medium,
-        impact: riskData.impact || RiskImpactEnum.Medium,
-        riskLevel: riskData.riskLevel || RiskLevelEnum.Medium,
-        status: riskData.status || RiskStatusEnum.Identified,
-        identifiedBy: 'Current User', // In real app, get from auth context
-        identifiedDate: new Date(),
-        mitigationPlan: riskData.mitigationPlan,
-        contingencyPlan: riskData.contingencyPlan,
-        ownerId: riskData.ownerId,
-        reviewDate: riskData.reviewDate,
-        isActive: true,
-      }
-      setRisks([...risks, newRisk])
-      alert('Yeni risk başarıyla eklendi!')
-    }
-    closeRiskModal()
-  }
-
-  const handleDeleteRisk = (riskId: string) => {
-    if (window.confirm('Bu riski silmek istediğinizden emin misiniz?')) {
-      setRisks(risks.filter((r) => r.id !== riskId))
-      alert('Risk başarıyla silindi!')
-    }
-  }
-
-  if (loading) {
-    return <LoadingSpinner />
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="bg-white border-b border-gray-200">
-          <div className="p-2">
-            <div className="flex items-center justify-between h-12">
-              <div className="flex items-center">
-                <Link
-                  to={ROUTES_ENUM.protected.projects.list}
-                  className="flex items-center px-2.5 py-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors mr-2"
-                >
-                  <FaArrowLeft className="w-4 h-4 mr-2" />
-                  Geri
-                </Link>
-                <div className="flex items-center space-x-2">
-                  <div className="w-10 h-10 bg-blue-100 rounded-xl flex items-center justify-center">
-                    <FaFolder className="w-6 h-6 text-blue-600" />
-                  </div>
-                  <div>
-                    <h2 className="text-2xl font-bold text-gray-900">
-                      {isEdit ? formData.code : 'Yeni Proje'}
-                    </h2>
-                    <p className="text-gray-600">
-                      {isEdit ? formData.name : 'Proje bilgilerini girin'}
-                    </p>
-                  </div>
-                </div>
-              </div>
-              <div className="flex items-center space-x-2">
-                {isEdit && (
-                  <span
-                    className={classNames(
-                      'inline-flex items-center px-2.5 py-1 rounded-full text-sm font-medium border',
-                      getProjectStatusColor(formData.status),
-                    )}
-                  >
-                    {getProjectStatusIcon(formData.status)}
-                    <span className="ml-2">{getProjectStatusText(formData.status)}</span>
-                  </span>
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div className="mx-auto py-2">
-          {/* Summary Cards - Only show in edit mode */}
-          {isEdit && (
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3 mb-4">
-              {/* Progress Card */}
-              <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-3">
-                <div className="flex items-center justify-between mb-2">
-                  <div className="w-7 h-7 bg-blue-100 rounded-lg flex items-center justify-center">
-                    <FaBullseye className="w-5 h-5 text-blue-600" />
-                  </div>
-                  <span className="text-lg font-bold text-blue-600">{formData.progress}%</span>
-                </div>
-                <h3 className="text-sm font-medium text-gray-600 mb-1">İlerleme</h3>
-                <div className="w-full bg-gray-200 rounded-full h-2">
-                  <div
-                    className={classNames('h-2 rounded-full', getProgressColor(formData.progress))}
-                    style={{ width: `${formData.progress}%` }}
-                  />
-                </div>
-              </div>
-
-              {/* Budget Card */}
-              <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-3">
-                <div className="flex items-center justify-between mb-2">
-                  <div className="w-7 h-7 bg-green-100 rounded-lg flex items-center justify-center">
-                    <FaDollarSign className="w-5 h-5 text-green-600" />
-                  </div>
-                  <span className="text-lg font-bold text-green-600">
-                    {budgetUsagePercentage.toFixed(0)}%
-                  </span>
-                </div>
-                <h3 className="text-sm font-medium text-gray-600 mb-1">Bütçe Kullanımı</h3>
-                <div className="text-xs text-gray-500">
-                  ₺{formData.actualCost.toLocaleString()} / ₺{formData.budget.toLocaleString()}
-                </div>
-              </div>
-
-              {/* Duration Card */}
-              <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-3">
-                <div className="flex items-center justify-between mb-2">
-                  <div className="w-7 h-7 bg-orange-100 rounded-lg flex items-center justify-center">
-                    <FaClock className="w-5 h-5 text-orange-600" />
-                  </div>
-                  <span className="text-lg font-bold text-orange-600">
-                    {dayjs(formData.endDate).diff(dayjs(formData.startDate), 'day')}
-                  </span>
-                </div>
-                <h3 className="text-sm font-medium text-gray-600 mb-1">Süre (Gün)</h3>
-                <div className="text-xs text-gray-500">
-                  {currentLocalDate(formData.startDate, currentLocale || 'tr')} -{' '}
-                  {currentLocalDate(formData.endDate, currentLocale || 'tr')}
-                </div>
-              </div>
-
-              {/* Priority Card */}
-              <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-3">
-                <div className="flex items-center justify-between mb-2">
-                  <div className="w-7 h-7 bg-red-100 rounded-lg flex items-center justify-center">
-                    <FaFlag className="w-5 h-5 text-red-600" />
-                  </div>
-                  <span
-                    className={classNames('text-lg font-bold', getPriorityColor(formData.priority))}
-                  >
-                    {getPriorityText(formData.priority)}
-                  </span>
-                </div>
-                <h3 className="text-sm font-medium text-gray-600 mb-1">Öncelik</h3>
-                <span
-                  className={classNames(
-                    'inline-flex items-center px-2 py-1 rounded-full text-xs font-medium border',
-                    getProjectTypeColor(formData.projectType),
-                  )}
-                >
-                  {getProjectTypeText(formData.projectType)}
-                </span>
-              </div>
-            </div>
-          )}
-
-          {/* Tabs */}
-          <div className="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
-            <div className="border-b border-gray-200">
-              <nav className="flex space-x-2 px-3" aria-label="Tabs">
-                {tabs.map((tab) => {
-                  const Icon = tab.icon
-                  return (
-                    <button
-                      key={tab.id}
-                      onClick={() => setActiveTab(tab.id)}
-                      className={classNames(
-                        'py-2 px-1 border-b-2 font-medium text-sm flex items-center space-x-2 transition-colors',
-                        activeTab === tab.id
-                          ? 'border-blue-500 text-blue-600'
-                          : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300',
-                      )}
-                    >
-                      <Icon className="w-4 h-4" />
-                      <span>{tab.name}</span>
-                    </button>
-                  )
-                })}
-              </nav>
-            </div>
-
-            {/* Tab Content */}
-            <div className="p-3">
-              {activeTab === 'overview' && (
-                <div className="space-y-3">
-                  {/* Project Info Grid */}
-                  <div className="grid grid-cols-1 lg:grid-cols-2 gap-3">
-                    {/* Project Details */}
-                    <div className="space-y-3">
-                      <div>
-                        <h3 className="text-base font-semibold text-gray-900 mb-2">
-                          Proje Detayları
-                        </h3>
-                        <div className="bg-gray-50 rounded-lg p-2.5 space-y-2.5">
-                          <div className="grid grid-cols-1 md:grid-cols-2 gap-2.5">
-                            <div>
-                              <label className="block text-sm font-medium text-gray-700 mb-1">
-                                Proje Kodu *
-                              </label>
-                              <input
-                                autoFocus
-                                type="text"
-                                value={formData.code}
-                                onChange={(e) => handleInputChange('code', e.target.value)}
-                                className={`block w-full px-2.5 py-1.5 text-sm border rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                                  errors.code
-                                    ? 'border-red-300 focus:border-red-500'
-                                    : 'border-gray-300 focus:border-blue-500'
-                                }`}
-                                placeholder="Örn: PRJ001"
-                              />
-                              {errors.projectCode && (
-                                <p className="mt-1 text-sm text-red-600">{errors.projectCode}</p>
-                              )}
-                            </div>
-
-                            <div>
-                              <label className="block text-sm font-medium text-gray-700 mb-1">
-                                Proje Tipi *
-                              </label>
-                              <select
-                                value={formData.projectType}
-                                onChange={(e) => handleInputChange('projectType', e.target.value)}
-                                className={`block w-full px-2.5 py-1.5 text-sm border rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                                  errors.projectType
-                                    ? 'border-red-300 focus:border-red-500'
-                                    : 'border-gray-300 focus:border-blue-500'
-                                }`}
-                              >
-                                <option value="">Tip seçin</option>
-                                {Object.values(ProjectTypeEnum).map((type) => (
-                                  <option key={type} value={type}>
-                                    {getProjectTypeText(type)}
-                                  </option>
-                                ))}
-                              </select>
-                              {errors.projectType && (
-                                <p className="mt-1 text-sm text-red-600">{errors.projectType}</p>
-                              )}
-                            </div>
-                          </div>
-
-                          <div>
-                            <label className="block text-sm font-medium text-gray-700 mb-1">
-                              Proje Adı *
-                            </label>
-                            <input
-                              type="text"
-                              value={formData.name}
-                              onChange={(e) => handleInputChange('name', e.target.value)}
-                              className={`block w-full px-2.5 py-1.5 text-sm border rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                                errors.name
-                                  ? 'border-red-300 focus:border-red-500'
-                                  : 'border-gray-300 focus:border-blue-500'
-                              }`}
-                              placeholder="Proje adı"
-                            />
-                            {errors.name && (
-                              <p className="mt-1 text-sm text-red-600">{errors.name}</p>
-                            )}
-                          </div>
-
-                          <div className="grid grid-cols-1 md:grid-cols-3 gap-2.5">
-                            <div>
-                              <label className="block text-sm font-medium text-gray-700 mb-1">
-                                Durum
-                              </label>
-                              <select
-                                value={formData.status}
-                                onChange={(e) => handleInputChange('status', e.target.value)}
-                                className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
-                              >
-                                {Object.values(ProjectStatusEnum).map((status) => (
-                                  <option key={status} value={status}>
-                                    {getProjectStatusText(status)}
-                                  </option>
-                                ))}
-                              </select>
-                            </div>
-
-                            <div>
-                              <label className="block text-sm font-medium text-gray-700 mb-1">
-                                Öncelik
-                              </label>
-                              <select
-                                value={formData.priority}
-                                onChange={(e) => handleInputChange('priority', e.target.value)}
-                                className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
-                              >
-                                {Object.values(PriorityEnum).map((priority) => (
-                                  <option key={priority} value={priority}>
-                                    {priority}
-                                  </option>
-                                ))}
-                              </select>
-                            </div>
-
-                            <div>
-                              <label className="block text-sm font-medium text-gray-700 mb-1">
-                                Para Birimi
-                              </label>
-                              <select
-                                value={formData.currency}
-                                onChange={(e) => handleInputChange('currency', e.target.value)}
-                                className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
-                              >
-                                {mockCurrencies.map((currency) => (
-                                  <option key={currency.value} value={currency.value}>
-                                    {currency.value} - {currency.label}
-                                  </option>
-                                ))}
-                              </select>
-                            </div>
-                          </div>
-
-                          <div>
-                            <label className="block text-sm font-medium text-gray-700 mb-1">
-                              Açıklama
-                            </label>
-                            <textarea
-                              value={formData.description}
-                              onChange={(e) => handleInputChange('description', e.target.value)}
-                              rows={3}
-                              className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
-                              placeholder="Proje açıklaması"
-                            />
-                          </div>
-                        </div>
-                      </div>
-
-                      {/* Timeline */}
-                      <div>
-                        <h3 className="text-base font-semibold text-gray-900 mb-2">
-                          Zaman Çizelgesi
-                        </h3>
-                        <div className="bg-gray-50 rounded-lg p-2.5 space-y-2.5">
-                          <div className="grid grid-cols-1 md:grid-cols-2 gap-2.5">
-                            <div>
-                              <label className="block text-sm font-medium text-gray-700 mb-1">
-                                Başlangıç Tarihi *
-                              </label>
-                              <input
-                                type="date"
-                                value={dayjs(formData.startDate).format('YYYY-MM-DD')}
-                                onChange={(e) => handleDateChange('startDate', e.target.value)}
-                                className={`block w-full px-2.5 py-1.5 text-sm border rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                                  errors.startDate
-                                    ? 'border-red-300 focus:border-red-500'
-                                    : 'border-gray-300 focus:border-blue-500'
-                                }`}
-                              />
-                              {errors.startDate && (
-                                <p className="mt-1 text-sm text-red-600">{errors.startDate}</p>
-                              )}
-                            </div>
-
-                            <div>
-                              <label className="block text-sm font-medium text-gray-700 mb-1">
-                                Bitiş Tarihi *
-                              </label>
-                              <input
-                                type="date"
-                                value={dayjs(formData.endDate).format('YYYY-MM-DD')}
-                                onChange={(e) => handleDateChange('endDate', e.target.value)}
-                                className={`block w-full px-2.5 py-1.5 text-sm border rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                                  errors.endDate
-                                    ? 'border-red-300 focus:border-red-500'
-                                    : 'border-gray-300 focus:border-blue-500'
-                                }`}
-                              />
-                              {errors.endDate && (
-                                <p className="mt-1 text-sm text-red-600">{errors.endDate}</p>
-                              )}
-                            </div>
-                          </div>
-
-                          {isEdit && (
-                            <div className="grid grid-cols-1 md:grid-cols-2 gap-2.5">
-                              <div>
-                                <label className="block text-sm font-medium text-gray-700 mb-1">
-                                  Gerçek Başlangıç Tarihi
-                                </label>
-                                <input
-                                  type="date"
-                                  value={
-                                    formData.actualStartDate
-                                      ? dayjs(formData.actualStartDate).format('YYYY-MM-DD')
-                                      : ''
-                                  }
-                                  onChange={(e) =>
-                                    handleDateChange('actualStartDate', e.target.value)
-                                  }
-                                  className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
-                                />
-                              </div>
-
-                              <div>
-                                <label className="block text-sm font-medium text-gray-700 mb-1">
-                                  Gerçek Bitiş Tarihi
-                                </label>
-                                <input
-                                  type="date"
-                                  value={
-                                    formData.actualEndDate
-                                      ? dayjs(formData.actualEndDate).format('YYYY-MM-DD')
-                                      : ''
-                                  }
-                                  onChange={(e) =>
-                                    handleDateChange('actualEndDate', e.target.value)
-                                  }
-                                  className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
-                                />
-                              </div>
-                            </div>
-                          )}
-                        </div>
-                      </div>
-
-                      {/* Progress Section */}
-                      {isEdit && (
-                        <div>
-                          <h3 className="text-base font-semibold text-gray-900 mb-2">
-                            İlerleme Durumu
-                          </h3>
-                          <div className="bg-gray-50 rounded-lg p-2.5">
-                            <label className="block text-sm font-medium text-gray-700 mb-2">
-                              Proje İlerleme: {formData.progress}%
-                            </label>
-                            <div className="relative">
-                              <input
-                                type="range"
-                                min="0"
-                                max="100"
-                                value={formData.progress}
-                                onChange={(e) =>
-                                  handleInputChange('progress', parseFloat(e.target.value) || 0)
-                                }
-                                className="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
-                                style={{
-                                  background: `linear-gradient(to right, #3b82f6 0%, #3b82f6 ${formData.progress}%, #e5e7eb ${formData.progress}%, #e5e7eb 100%)`,
-                                }}
-                              />
-                              <div className="flex justify-between text-xs text-gray-500 mt-1.5">
-                                <span>0%</span>
-                                <span>25%</span>
-                                <span>50%</span>
-                                <span>75%</span>
-                                <span>100%</span>
-                              </div>
-                            </div>
-                            <div className="mt-3 w-full bg-gray-200 rounded-full h-2.5">
-                              <div
-                                className={classNames(
-                                  'h-3 rounded-full transition-all duration-300',
-                                  getProgressColor(formData.progress),
-                                )}
-                                style={{ width: `${formData.progress}%` }}
-                              />
-                            </div>
-                          </div>
-                        </div>
-                      )}
-
-                      {/* Active Status */}
-                      <div>
-                        <h3 className="text-base font-semibold text-gray-900 mb-2">
-                          Durum Ayarları
-                        </h3>
-                        <div className="bg-gray-50 rounded-lg p-2.5">
-                          <div className="flex items-center">
-                            <input
-                              type="checkbox"
-                              id="isActive"
-                              checked={formData.isActive}
-                              onChange={(e) => handleInputChange('isActive', e.target.checked)}
-                              className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                            />
-                            <label htmlFor="isActive" className="ml-2 block text-sm text-gray-900">
-                              Proje Aktif
-                            </label>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-
-                    {/* Stakeholders */}
-                    <div className="space-y-3">
-                      {/* Project Manager */}
-                      <div>
-                        <h3 className="text-base font-semibold text-gray-900 mb-2">
-                          Proje Yöneticisi
-                        </h3>
-                        <div className="bg-gray-50 rounded-lg p-2.5">
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Proje Yöneticisi *
-                          </label>
-                          <select
-                            value={formData.projectManagerId}
-                            onChange={(e) => handleInputChange('projectManagerId', e.target.value)}
-                            className={`block w-full px-2.5 py-1.5 text-sm border rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                              errors.projectManagerId
-                                ? 'border-red-300 focus:border-red-500'
-                                : 'border-gray-300 focus:border-blue-500'
-                            }`}
-                          >
-                            <option value="">Proje yöneticisi seçin</option>
-                            {projectManagers.map((manager) => (
-                              <option key={manager.id} value={manager.id}>
-                                {manager.name}
-                              </option>
-                            ))}
-                          </select>
-                          {errors.projectManagerId && (
-                            <p className="mt-1 text-sm text-red-600">{errors.projectManagerId}</p>
-                          )}
-
-                          {formData.projectManagerId && (
-                            <div className="mt-1.5 p-2 bg-white rounded-lg border">
-                              {(() => {
-                                const manager = projectManagers.find(
-                                  (m) => m.id === formData.projectManagerId,
-                                )
-                                return manager ? (
-                                  <div className="flex items-center space-x-3">
-                                    <div className="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center">
-                                      <FaUser className="w-5 h-5 text-blue-600" />
-                                    </div>
-                                    <div>
-                                      <h4 className="font-medium text-gray-900">
-                                        {manager.name}
-                                      </h4>
-                                      <p className="text-sm text-gray-600">
-                                        {manager.jobPosition?.name || 'Proje Yöneticisi'}
-                                      </p>
-                                      <div className="flex items-center mt-1 text-sm text-gray-500">
-                                        <FaEnvelope className="w-3 h-3 mr-1" />
-                                        {manager.email}
-                                      </div>
-                                      {manager.phoneNumber && (
-                                        <div className="flex items-center mt-1 text-sm text-gray-500">
-                                          <FaPhone className="w-3 h-3 mr-1" />
-                                          {manager.phoneNumber}
-                                        </div>
-                                      )}
-                                    </div>
-                                  </div>
-                                ) : null
-                              })()}
-                            </div>
-                          )}
-                        </div>
-                      </div>
-
-                      {/* Customer */}
-                      <div>
-                        <h3 className="text-base font-semibold text-gray-900 mb-2">Müşteri</h3>
-                        <div className="bg-gray-50 rounded-lg p-2.5">
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Müşteri
-                          </label>
-                          <select
-                            value={formData.customerId}
-                            onChange={(e) => handleInputChange('customerId', e.target.value)}
-                            className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
-                          >
-                            <option value="">Müşteri seçin</option>
-                            {customers.map((customer) => (
-                              <option key={customer.id} value={customer.id}>
-                                {customer.name}
-                              </option>
-                            ))}
-                          </select>
-
-                          {formData.customerId && (
-                            <div className="mt-1.5 p-2 bg-white rounded-lg border">
-                              {(() => {
-                                const customer = customers.find((c) => c.id === formData.customerId)
-                                return customer ? (
-                                  <div className="flex items-center space-x-3">
-                                    <div className="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center">
-                                      <FaBuilding className="w-5 h-5 text-green-600" />
-                                    </div>
-                                    <div>
-                                      <h4 className="font-medium text-gray-900">{customer.name}</h4>
-                                      <p className="text-sm text-gray-600">
-                                        {customer.primaryContact?.firstName}{' '}
-                                        {customer.primaryContact?.lastName}
-                                      </p>
-                                      {customer.primaryContact?.email && (
-                                        <div className="flex items-center mt-1 text-sm text-gray-500">
-                                          <FaEnvelope className="w-3 h-3 mr-1" />
-                                          {customer.primaryContact.email}
-                                        </div>
-                                      )}
-                                      {customer.primaryContact?.phoneNumber && (
-                                        <div className="flex items-center mt-1 text-sm text-gray-500">
-                                          <FaPhone className="w-3 h-3 mr-1" />
-                                          {customer.primaryContact.phoneNumber}
-                                        </div>
-                                      )}
-                                    </div>
-                                  </div>
-                                ) : null
-                              })()}
-                            </div>
-                          )}
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {/* Budget Tab */}
-              {activeTab === 'budget' && (
-                <div className="space-y-3">
-                  <div className="grid grid-cols-1 lg:grid-cols-2 gap-3">
-                    {/* Budget Information */}
-                    <div className="space-y-3">
-                      <div>
-                        <h3 className="text-base font-semibold text-gray-900 mb-3">
-                          Temel Bütçe Bilgileri
-                        </h3>
-                        <div className="bg-gray-50 rounded-lg p-3 space-y-3">
-                          <div>
-                            <label className="block text-sm font-medium text-gray-700 mb-1">
-                              Toplam Bütçe *
-                            </label>
-                            <div className="relative">
-                              <input
-                                type="number"
-                                min="0"
-                                step="0.01"
-                                value={formData.budget}
-                                onChange={(e) =>
-                                  handleInputChange('budget', parseFloat(e.target.value) || 0)
-                                }
-                                className={`block w-full px-2.5 py-1.5 text-sm border rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${
-                                  errors.budget
-                                    ? 'border-red-300 focus:border-red-500'
-                                    : 'border-gray-300 focus:border-blue-500'
-                                }`}
-                                placeholder="0.00"
-                              />
-                              <span className="absolute right-3 top-2 text-gray-500 text-sm">
-                                {formData.currency}
-                              </span>
-                            </div>
-                            {errors.budget && (
-                              <p className="mt-1 text-sm text-red-600">{errors.budget}</p>
-                            )}
-                          </div>
-
-                          <div>
-                            <label className="block text-sm font-medium text-gray-700 mb-1">
-                              Para Birimi
-                            </label>
-                            <select
-                              value={formData.currency}
-                              onChange={(e) => handleInputChange('currency', e.target.value)}
-                              className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
-                            >
-                              {mockCurrencies.map((currency) => (
-                                <option key={currency.value} value={currency.value}>
-                                  {currency.value} - {currency.label}
-                                </option>
-                              ))}
-                            </select>
-                          </div>
-
-                          {isEdit && (
-                            <div>
-                              <label className="block text-sm font-medium text-gray-700 mb-1">
-                                Gerçekleşen Maliyet
-                              </label>
-                              <div className="relative">
-                                <input
-                                  type="number"
-                                  min="0"
-                                  step="0.01"
-                                  value={formData.actualCost}
-                                  onChange={(e) =>
-                                    handleInputChange('actualCost', parseFloat(e.target.value) || 0)
-                                  }
-                                  className="block w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
-                                  placeholder="0.00"
-                                />
-                                <span className="absolute right-3 top-2 text-gray-500 text-sm">
-                                  {formData.currency}
-                                </span>
-                              </div>
-                            </div>
-                          )}
-                        </div>
-                      </div>
-                    </div>
-
-                    {/* Budget Analysis */}
-                    {isEdit && (
-                      <div className="space-y-3">
-                        <div>
-                          <h3 className="text-base font-semibold text-gray-900 mb-3">
-                            Bütçe Analizi
-                          </h3>
-                          <div className="bg-white rounded-lg border border-gray-200 p-3 space-y-3">
-                            {/* Budget Usage Chart */}
-                            <div>
-                              <div className="flex items-center justify-between mb-3">
-                                <h4 className="text-sm font-medium text-gray-700">
-                                  Bütçe Kullanımı
-                                </h4>
-                                <span className="text-xl font-bold text-green-600">
-                                  {budgetUsagePercentage.toFixed(1)}%
-                                </span>
-                              </div>
-                              <div className="w-full bg-gray-200 rounded-full h-3 mb-1.5">
-                                <div
-                                  className={classNames(
-                                    'h-3 rounded-full transition-all duration-300',
-                                    budgetUsagePercentage > 100
-                                      ? 'bg-red-500'
-                                      : budgetUsagePercentage > 80
-                                        ? 'bg-orange-500'
-                                        : budgetUsagePercentage > 60
-                                          ? 'bg-yellow-500'
-                                          : 'bg-green-500',
-                                  )}
-                                  style={{
-                                    width: `${Math.min(budgetUsagePercentage, 100)}%`,
-                                  }}
-                                />
-                              </div>
-                              <div className="flex justify-between text-xs text-gray-500">
-                                <span>₺{formData.actualCost.toLocaleString()}</span>
-                                <span>₺{formData.budget.toLocaleString()}</span>
-                              </div>
-                            </div>
-
-                            {/* Budget Statistics */}
-                            <div className="grid grid-cols-1 gap-2">
-                              <div className="bg-gray-50 rounded-lg p-2.5">
-                                <div className="flex items-center justify-between">
-                                  <span className="text-sm text-gray-600">Kalan Bütçe</span>
-                                  <span
-                                    className={classNames(
-                                      'font-semibold',
-                                      formData.budget - formData.actualCost >= 0
-                                        ? 'text-green-600'
-                                        : 'text-red-600',
-                                    )}
-                                  >
-                                    ₺{(formData.budget - formData.actualCost).toLocaleString()}
-                                  </span>
-                                </div>
-                              </div>
-
-                              <div className="bg-gray-50 rounded-lg p-2.5">
-                                <div className="flex items-center justify-between">
-                                  <span className="text-sm text-gray-600">Aşılan Tutar</span>
-                                  <span
-                                    className={classNames(
-                                      'font-semibold',
-                                      formData.actualCost > formData.budget
-                                        ? 'text-red-600'
-                                        : 'text-gray-400',
-                                    )}
-                                  >
-                                    {formData.actualCost > formData.budget
-                                      ? `₺${(
-                                          formData.actualCost - formData.budget
-                                        ).toLocaleString()}`
-                                      : '₺0'}
-                                  </span>
-                                </div>
-                              </div>
-
-                              {budgetUsagePercentage > 80 && (
-                                <div className="bg-orange-50 border border-orange-200 rounded-lg p-2.5">
-                                  <div className="flex items-center">
-                                    <FaExclamationCircle className="w-4 h-4 text-orange-600 mr-2" />
-                                    <span className="text-sm text-orange-800">
-                                      {budgetUsagePercentage > 100
-                                        ? 'Bütçe aşıldı!'
-                                        : "Bütçe %80'in üzerinde kullanıldı!"}
-                                    </span>
-                                  </div>
-                                </div>
-                              )}
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    )}
-                  </div>
-                </div>
-              )}
-
-              {/* Phases Tab */}
-              {activeTab === 'phases' && (
-                <div className="space-y-3">
-                  <div className="flex items-center justify-between">
-                    <h2 className="text-lg font-semibold text-gray-900">Proje Fazları</h2>
-                    <button
-                      type="button"
-                      onClick={openPhaseModal}
-                      className="px-2.5 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center"
-                    >
-                      <FaPlus className="w-4 h-4 mr-2" />
-                      Faz Ekle
-                    </button>
-                  </div>
-
-                  <div className="bg-white rounded-lg border border-gray-200 overflow-hidden">
-                    <div className="px-3 py-2 border-b border-gray-200">
-                      <h3 className="text-base font-medium text-gray-900">
-                        Faz Listesi ({phases.length})
-                      </h3>
-                    </div>
-                    <div className="divide-y divide-gray-200">
-                      {phases.length > 0 ? (
-                        phases.map((phase, index) => (
-                          <div key={phase.id || index} className="px-3 py-2 hover:bg-gray-50">
-                            <div className="flex items-start justify-between">
-                              <div className="flex-1">
-                                <div className="flex items-center space-x-2 mb-1.5">
-                                  <h4 className="text-sm font-medium text-gray-900">
-                                    {phase.name}
-                                  </h4>
-                                  <span className="inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                                    {phase.code}
-                                  </span>
-                                  <span className="inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
-                                    {phase.status}
-                                  </span>
-                                </div>
-                                <p className="text-sm text-gray-600 mb-1.5">{phase.description}</p>
-                                <div className="flex items-center space-x-4 text-xs text-gray-500">
-                                  <span>
-                                    Başlangıç: {currentLocalDate(phase.startDate, currentLocale || 'tr')}
-                                  </span>
-                                  <span>Bitiş: {currentLocalDate(phase.endDate, currentLocale || 'tr')}</span>
-                                  <span>Bütçe: ₺{phase.budget.toLocaleString()}</span>
-                                  <span>İlerleme: %{phase.progress}</span>
-                                </div>
-                              </div>
-                              <div className="flex items-center space-x-1 ml-3">
-                                <button
-                                  onClick={() => openEditPhaseModal(phase)}
-                                  className="p-1 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-lg"
-                                >
-                                  <FaEdit className="w-4 h-4" />
-                                </button>
-                                <button
-                                  onClick={() => handleDeletePhase(phase.id)}
-                                  className="p-1 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-lg"
-                                >
-                                  <FaTrash className="w-4 h-4" />
-                                </button>
-                              </div>
-                            </div>
-                          </div>
-                        ))
-                      ) : (
-                        <div className="px-4 py-6 text-center">
-                          <FaFlag className="mx-auto h-10 w-10 text-gray-400" />
-                          <h3 className="mt-2 text-sm font-medium text-gray-900">Faz bulunamadı</h3>
-                          <p className="mt-1 text-sm text-gray-500">
-                            Bu proje için henüz faz tanımlanmamış.
-                          </p>
-                          <button
-                            onClick={openPhaseModal}
-                            className="mt-2 px-2.5 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center mx-auto"
-                          >
-                            <FaPlus className="w-4 h-4 mr-2" />
-                            İlk Fazı Ekle
-                          </button>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {/* Tasks Tab */}
-              {activeTab === 'tasks' && (
-                <div className="space-y-3">
-                  <div className="bg-white rounded-lg border border-gray-200 overflow-hidden">
-                    <div className="flex items-center justify-between px-2.5 py-2 border-b border-gray-200">
-                      <h3 className="text-lg font-semibold text-gray-900">
-                        Görev Listesi ({tasks.length})
-                      </h3>
-                      <button
-                        type="button"
-                        onClick={openTaskModal}
-                        className="px-2.5 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center"
-                      >
-                        <FaPlus className="w-4 h-4 mr-2" />
-                        Görev Ekle
-                      </button>
-                    </div>
-                    <div className="divide-y divide-gray-200">
-                      {tasks.length > 0 ? (
-                        tasks.map((task, index) => (
-                          <div key={index} className="px-3 py-2 hover:bg-gray-50">
-                            <div className="flex items-start justify-between">
-                              <div className="flex-1">
-                                <div className="flex items-center space-x-2 mb-1.5">
-                                  <h4 className="text-sm font-medium text-gray-900">{task.name}</h4>
-                                  <span className="inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                                    {task.taskCode}
-                                  </span>
-                                  <span
-                                    className={`inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium ${
-                                      task.status === TaskStatusEnum.Completed
-                                        ? 'bg-green-100 text-green-800'
-                                        : task.status === TaskStatusEnum.InProgress
-                                          ? 'bg-yellow-100 text-yellow-800'
-                                          : task.status === TaskStatusEnum.NotStarted
-                                            ? 'bg-gray-100 text-gray-800'
-                                            : 'bg-red-100 text-red-800'
-                                    }`}
-                                  >
-                                    {task.status === TaskStatusEnum.Completed
-                                      ? 'Tamamlandı'
-                                      : task.status === TaskStatusEnum.InProgress
-                                        ? 'Devam Ediyor'
-                                        : task.status === TaskStatusEnum.NotStarted
-                                          ? 'Başlamadı'
-                                          : task.status}
-                                  </span>
-                                </div>
-                                <p className="text-sm text-gray-600 mb-1.5">{task.description}</p>
-                              </div>
-                              <div className="flex items-center space-x-1 ml-3">
-                                <button
-                                  onClick={() => openEditTaskModal(task)}
-                                  className="p-1 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-lg"
-                                >
-                                  <FaEdit className="w-4 h-4" />
-                                </button>
-                                <button
-                                  onClick={() => handleDeleteTask(task.id)}
-                                  className="p-1 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-lg"
-                                >
-                                  <FaTrash className="w-4 h-4" />
-                                </button>
-                              </div>
-                            </div>
-                          </div>
-                        ))
-                      ) : (
-                        <div className="px-3 py-6 text-center">
-                          <FaTasks className="mx-auto h-10 w-10 text-gray-400" />
-                          <h3 className="mt-2 text-sm font-medium text-gray-900">
-                            Görev bulunamadı
-                          </h3>
-                          <p className="mt-1 text-sm text-gray-500">
-                            Bu proje için henüz görev tanımlanmamış.
-                          </p>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {/* Documents Tab */}
-              {activeTab === 'documents' && (
-                <div className="space-y-3">
-                  <div className="bg-white rounded-lg border border-gray-200 overflow-hidden">
-                    <div className="flex items-center justify-between px-2.5 py-2 border-b border-gray-200">
-                      <h3 className="text-base font-medium text-gray-900">
-                        Belge Listesi ({documents.length})
-                      </h3>
-
-                      <button
-                        type="button"
-                        onClick={openDocumentUploadModal}
-                        className="px-2.5 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center"
-                      >
-                        <FaPlus className="w-4 h-4 mr-2" />
-                        Belge Yükle
-                      </button>
-                    </div>
-                    <div className="divide-y divide-gray-200">
-                      {documents.length > 0 ? (
-                        documents.map((doc, index) => (
-                          <div key={index} className="px-3 py-2 hover:bg-gray-50">
-                            <div className="flex items-center justify-between">
-                              <div className="flex items-center space-x-2">
-                                <div className="w-7 h-7 bg-blue-100 rounded-lg flex items-center justify-center">
-                                  <FaFileAlt className="w-4 h-4 text-blue-600" />
-                                </div>
-                                <div>
-                                  <h4 className="text-sm font-medium text-gray-900">
-                                    {doc.documentName}
-                                  </h4>
-                                  <div className="flex items-center space-x-3 text-xs text-gray-500 mt-1">
-                                    <span>{doc.documentType}</span>
-                                    <span>{doc.fileSize} MB</span>
-                                    <span>{currentLocalDate(new Date(doc.uploadedAt), currentLocale || 'tr')}</span>
-                                    <span>Yükleyen: {doc.uploadedBy}</span>
-                                  </div>
-                                </div>
-                              </div>
-                              <div className="flex items-center space-x-1">
-                                <button
-                                  onClick={() => openDocumentViewer(doc)}
-                                  className="p-1 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-lg"
-                                  title="Belgeyi Görüntüle"
-                                >
-                                  <FaEye className="w-4 h-4" />
-                                </button>
-                                <button
-                                  onClick={() => handleDocumentDownload(doc)}
-                                  className="p-1 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-lg"
-                                  title="Belgeyi İndir"
-                                >
-                                  <FaDownload className="w-4 h-4" />
-                                </button>
-                                <button
-                                  onClick={() => handleDeleteDocument(doc.id)}
-                                  className="p-1 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-lg"
-                                  title="Belgeyi Sil"
-                                >
-                                  <FaTrash className="w-4 h-4" />
-                                </button>
-                              </div>
-                            </div>
-                          </div>
-                        ))
-                      ) : (
-                        <div className="px-3 py-6 text-center">
-                          <FaFileAlt className="mx-auto h-10 w-10 text-gray-400" />
-                          <h3 className="mt-2 text-sm font-medium text-gray-900">
-                            Belge bulunamadı
-                          </h3>
-                          <p className="mt-1 text-sm text-gray-500">
-                            Bu proje için henüz belge yüklenmemiş.
-                          </p>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {/* Risks Tab */}
-              {activeTab === 'risks' && (
-                <div className="space-y-3">
-                  <div className="bg-white rounded-lg border border-gray-200 overflow-hidden">
-                    <div className="flex items-center justify-between px-2.5 py-2 border-b border-gray-200">
-                      <h3 className="text-base font-medium text-gray-900">
-                        Risk Listesi ({risks.length})
-                      </h3>
-                      <button
-                        type="button"
-                        onClick={openRiskModal}
-                        className="px-2.5 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center"
-                      >
-                        <FaPlus className="w-4 h-4 mr-2" />
-                        Risk Ekle
-                      </button>
-                    </div>
-                    <div className="divide-y divide-gray-200">
-                      {risks.length > 0 ? (
-                        risks.map((risk, index) => (
-                          <div key={index} className="px-3 py-2 hover:bg-gray-50">
-                            <div className="flex items-start justify-between">
-                              <div className="flex-1">
-                                <div className="flex items-center space-x-2 mb-1.5">
-                                  <h4 className="text-sm font-medium text-gray-900">
-                                    {risk.title}
-                                  </h4>
-                                  <span className="inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">
-                                    {risk.riskLevel}
-                                  </span>
-                                  <span className="inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                                    {risk.status}
-                                  </span>
-                                </div>
-                                <p className="text-sm text-gray-600 mb-1.5">{risk.description}</p>
-                                {risk.mitigationPlan && (
-                                  <div className="bg-gray-50 rounded-lg p-2 mb-2">
-                                    <p className="text-xs font-medium text-gray-700 mb-1">
-                                      Önlem Planı:
-                                    </p>
-                                    <p className="text-xs text-gray-600">{risk.mitigationPlan}</p>
-                                  </div>
-                                )}
-                              </div>
-                              <div className="flex items-center space-x-1 ml-3">
-                                <button
-                                  onClick={() => openEditRiskModal(risk)}
-                                  className="p-1 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-lg"
-                                  title="Risk Düzenle"
-                                >
-                                  <FaEdit className="w-4 h-4" />
-                                </button>
-                                <button
-                                  onClick={() => handleDeleteRisk(risk.id)}
-                                  className="p-1 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-lg"
-                                  title="Risk Sil"
-                                >
-                                  <FaTrash className="w-4 h-4" />
-                                </button>
-                              </div>
-                            </div>
-                          </div>
-                        ))
-                      ) : (
-                        <div className="px-3 py-6 text-center">
-                          <FaExclamationCircle className="mx-auto h-10 w-10 text-gray-400" />
-                          <h3 className="mt-2 text-sm font-medium text-gray-900">
-                            Risk bulunamadı
-                          </h3>
-                          <p className="mt-1 text-sm text-gray-500">
-                            Bu proje için henüz risk tanımlanmamış.
-                          </p>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex items-center justify-end space-x-2 bg-white px-3 py-2 rounded-lg shadow-sm mt-3">
-            <button
-              type="button"
-              onClick={handleCancel}
-              className="inline-flex items-center px-3 py-1.5 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-            >
-              <FaTimes className="w-4 h-4 mr-2" />
-              İptal
-            </button>
-            <button
-              type="submit"
-              disabled={saving}
-              onClick={handleSubmit}
-              className="inline-flex items-center px-3 py-1.5 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              {saving ? (
-                <>
-                  <div className="animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2"></div>
-                  Kaydediliyor...
-                </>
-              ) : (
-                <>
-                  <FaSave className="w-4 h-4 mr-2" />
-                  {isEdit ? 'Güncelle' : 'Kaydet'}
-                </>
-              )}
-            </button>
-          </div>
-        </div>
-      </div>
-
-      {/* Phase Modal */}
-      <PhaseEditModal
-        isOpen={isPhaseModalOpen}
-        onClose={closePhaseModal}
-        phase={editingPhase}
-        onSubmit={handlePhaseSubmit}
-        defaultProjectId={formData.id}
-      />
-
-      {/* Task Modal */}
-      <TaskModal
-        isOpen={isTaskModalOpen}
-        onClose={closeTaskModal}
-        task={editingTask}
-        onSubmit={handleTaskSubmit}
-        mode={editingTask ? 'edit' : 'create'}
-        defaultProjectId={formData.id}
-      />
-
-      {/* Document Upload Modal */}
-      <DocumentUploadModal
-        isOpen={isDocumentUploadModalOpen}
-        onClose={closeDocumentUploadModal}
-        onSubmit={handleDocumentUpload}
-      />
-
-      {/* Document Viewer Modal */}
-      <DocumentViewerModal
-        isOpen={isDocumentViewerModalOpen}
-        onClose={closeDocumentViewer}
-        document={selectedDocument}
-        onDownload={handleDocumentDownload}
-      />
-
-      {/* Risk Modal */}
-      <RiskModal
-        isOpen={isRiskModalOpen}
-        onClose={closeRiskModal}
-        risk={editingRisk}
-        onSubmit={handleRiskSubmit}
-        mode={editingRisk ? 'edit' : 'create'}
-      />
-    </Container>
-  )
-}
-
-export default ProjectForm
diff --git a/ui/src/views/project/components/ProjectGantt.tsx b/ui/src/views/project/components/ProjectGantt.tsx
deleted file mode 100644
index eb3d0ca4..00000000
--- a/ui/src/views/project/components/ProjectGantt.tsx
+++ /dev/null
@@ -1,668 +0,0 @@
-import React, { useState, useMemo } from 'react'
-import {
-  FaUser,
-  FaChevronDown,
-  FaChevronRight,
-  FaChevronLeft,
-  FaChevronRight as FaArrowRight,
-} from 'react-icons/fa'
-import { PsGanttTask } from '../../../types/ps'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockProjects } from '../../../mocks/mockProjects'
-import { mockProjectPhases } from '../../../mocks/mockProjectPhases'
-import { mockProjectTasks } from '../../../mocks/mockProjectTasks'
-import { PriorityEnum } from '../../../types/common'
-import { getFrequencyUnitText, getGanttStatusColor, getPriorityColor } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { FrequencyUnitEnum } from '@/types/pm'
-
-interface ProjectGanttProps {
-  employeeId?: string
-}
-
-const ProjectGantt: React.FC<ProjectGanttProps> = ({ employeeId }) => {
-  // İlk 2 projeyi ve fazlarını varsayılan olarak açık başlat
-  const getInitialExpandedItems = () => {
-    const expandedItems = new Set<string>()
-
-    // İlk 2 projeyi aç
-    const firstTwoProjects = mockProjects.slice(0, 2)
-    firstTwoProjects.forEach((project) => {
-      expandedItems.add(`project-${project.id}`)
-
-      // Bu projelerin fazlarını da aç
-      const projectPhases = mockProjectPhases.filter((phase) => phase.projectId === project.id)
-      projectPhases.forEach((phase) => {
-        expandedItems.add(`phase-${phase.id}`)
-      })
-    })
-
-    return expandedItems
-  }
-
-  const [expandedItems, setExpandedItems] = useState<Set<string>>(getInitialExpandedItems())
-  const [selectedEmployee, setSelectedEmployee] = useState<string>(
-    employeeId || mockEmployees[0]?.id || '',
-  )
-  const [viewMode, setViewMode] = useState<'day' | 'week' | 'month' | 'year'>('week')
-  const [currentDate, setCurrentDate] = useState<Date>(new Date())
-
-  // Gantt chart için tarih aralığı oluştur
-  const generateDateRange = () => {
-    const startDate = new Date(currentDate)
-
-    if (viewMode === 'day') {
-      // Günlük görünüm: seçili günden itibaren 24 saat
-      const hours = []
-      for (let i = 0; i < 24; i++) {
-        const hour = new Date(startDate)
-        hour.setHours(i, 0, 0, 0)
-        hours.push(hour)
-      }
-      return hours
-    } else if (viewMode === 'week') {
-      // Haftalık görünüm: hafta başından itibaren 7 gün
-      const weekStart = new Date(startDate)
-      const dayOfWeek = weekStart.getDay()
-      const daysToSubtract = dayOfWeek === 0 ? 6 : dayOfWeek - 1 // Pazartesi = 0, Pazar = 6
-      weekStart.setDate(weekStart.getDate() - daysToSubtract)
-      weekStart.setHours(0, 0, 0, 0)
-
-      const dates = []
-      for (let i = 0; i < 7; i++) {
-        const date = new Date(weekStart)
-        date.setDate(weekStart.getDate() + i)
-        dates.push(date)
-      }
-      return dates
-    } else if (viewMode === 'month') {
-      // Aylık görünüm: ay başından itibaren ay sonu
-      const monthStart = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1)
-      const daysInMonth = new Date(
-        currentDate.getFullYear(),
-        currentDate.getMonth() + 1,
-        0,
-      ).getDate()
-
-      const dates = []
-      for (let i = 0; i < daysInMonth; i++) {
-        const date = new Date(monthStart)
-        date.setDate(monthStart.getDate() + i)
-        dates.push(date)
-      }
-      return dates
-    } else {
-      // Yıllık görünüm: yıl başından itibaren 12 ay
-      const yearStart = new Date(currentDate.getFullYear(), 0, 1)
-      const months = []
-      for (let i = 0; i < 12; i++) {
-        const month = new Date(yearStart)
-        month.setMonth(i)
-        months.push(month)
-      }
-      return months
-    }
-  }
-
-  const dateRange = generateDateRange()
-
-  // Seçili çalışana göre görevleri filtrele
-  const filteredTasks = useMemo(() => {
-    // Mock verilerden GanttTask formatına dönüştür
-    const createGanttTasks = (): PsGanttTask[] => {
-      const ganttTasks: PsGanttTask[] = []
-
-      mockProjects.forEach((project) => {
-        const projectPhases = mockProjectPhases.filter((phase) => phase.projectId === project.id)
-
-        const projectChildren: PsGanttTask[] = []
-
-        projectPhases.forEach((phase) => {
-          const phaseTasks = mockProjectTasks.filter((task) => task.phaseId === phase.id)
-
-          const phaseChildren: PsGanttTask[] = phaseTasks.map((task) => ({
-            id: `task-${task.id}`,
-            name: task.name,
-            type: 'task' as const,
-            startDate: task.startDate,
-            endDate: task.endDate,
-            progress: task.progress,
-            assignee: task.assignee,
-            status: task.status,
-            priority: task.priority,
-            level: 2,
-            children: [],
-            estimatedHours: task.estimatedHours,
-            hoursWorked: task.actualHours,
-          }))
-
-          if (phaseChildren.length > 0) {
-            projectChildren.push({
-              id: `phase-${phase.id}`,
-              name: phase.name,
-              type: 'phase' as const,
-              startDate: phase.startDate,
-              endDate: phase.endDate,
-              progress: phase.progress,
-              status: phase.status,
-              priority: PriorityEnum.Normal,
-              level: 1,
-              children: phaseChildren,
-            })
-          }
-        })
-
-        if (projectChildren.length > 0) {
-          ganttTasks.push({
-            id: `project-${project.id}`,
-            name: project.name,
-            type: 'project' as const,
-            startDate: project.startDate,
-            endDate: project.endDate,
-            progress: project.progress,
-            status: project.status,
-            priority: project.priority,
-            level: 0,
-            children: projectChildren,
-          })
-        }
-      })
-
-      return ganttTasks
-    }
-
-    const filterTasksByEmployee = (tasks: PsGanttTask[]): PsGanttTask[] => {
-      return tasks
-        .map((task) => {
-          if (task.type === 'task' && task.assignee?.id !== selectedEmployee) {
-            return null
-          }
-
-          if (task.children) {
-            const filteredChildren = filterTasksByEmployee(task.children).filter(
-              Boolean,
-            ) as PsGanttTask[]
-            if (filteredChildren.length > 0) {
-              return { ...task, children: filteredChildren }
-            } else if (task.type === 'task') {
-              return task
-            }
-            return null
-          }
-
-          return task
-        })
-        .filter(Boolean) as PsGanttTask[]
-    }
-
-    const allGanttTasks = createGanttTasks()
-    return filterTasksByEmployee(allGanttTasks)
-  }, [selectedEmployee])
-
-  const toggleExpand = (id: string) => {
-    const newExpanded = new Set(expandedItems)
-    if (newExpanded.has(id)) {
-      newExpanded.delete(id)
-    } else {
-      newExpanded.add(id)
-    }
-    setExpandedItems(newExpanded)
-  }
-
-  // Navigasyon fonksiyonları
-  const navigatePrevious = () => {
-    const newDate = new Date(currentDate)
-    if (viewMode === 'day') {
-      newDate.setDate(newDate.getDate() - 1)
-    } else if (viewMode === 'week') {
-      newDate.setDate(newDate.getDate() - 7)
-    } else if (viewMode === 'month') {
-      newDate.setMonth(newDate.getMonth() - 1)
-    } else {
-      newDate.setFullYear(newDate.getFullYear() - 1)
-    }
-    setCurrentDate(newDate)
-  }
-
-  const navigateNext = () => {
-    const newDate = new Date(currentDate)
-    if (viewMode === 'day') {
-      newDate.setDate(newDate.getDate() + 1)
-    } else if (viewMode === 'week') {
-      newDate.setDate(newDate.getDate() + 7)
-    } else if (viewMode === 'month') {
-      newDate.setMonth(newDate.getMonth() + 1)
-    } else {
-      newDate.setFullYear(newDate.getFullYear() + 1)
-    }
-    setCurrentDate(newDate)
-  }
-
-  const navigateToday = () => {
-    setCurrentDate(new Date())
-  }
-
-  // Mevcut tarih bilgisi gösterimi
-  const getCurrentDateInfo = () => {
-    if (viewMode === 'day') {
-      return currentDate.toLocaleDateString('tr-TR', {
-        weekday: 'long',
-        year: 'numeric',
-        month: 'long',
-        day: 'numeric',
-      })
-    } else if (viewMode === 'week') {
-      const weekStart = new Date(currentDate)
-      const dayOfWeek = weekStart.getDay()
-      const daysToSubtract = dayOfWeek === 0 ? 6 : dayOfWeek - 1
-      weekStart.setDate(weekStart.getDate() - daysToSubtract)
-
-      const weekEnd = new Date(weekStart)
-      weekEnd.setDate(weekStart.getDate() + 6)
-
-      return `${weekStart.toLocaleDateString('tr-TR', {
-        day: 'numeric',
-        month: 'short',
-      })} - ${weekEnd.toLocaleDateString('tr-TR', {
-        day: 'numeric',
-        month: 'short',
-        year: 'numeric',
-      })}`
-    } else if (viewMode === 'month') {
-      return currentDate.toLocaleDateString('tr-TR', {
-        year: 'numeric',
-        month: 'long',
-      })
-    } else {
-      return currentDate.toLocaleDateString('tr-TR', {
-        year: 'numeric',
-      })
-    }
-  }
-
-  const calculateTaskPosition = (startDate: Date, endDate: Date) => {
-    const chartStart = dateRange[0]
-    const chartEnd = dateRange[dateRange.length - 1]
-    const taskStart = new Date(startDate)
-    const taskEnd = new Date(endDate)
-
-    if (viewMode === 'day') {
-      // Günlük görünüm: saatlik hesaplama
-      const dayStart = new Date(chartStart)
-      dayStart.setHours(0, 0, 0, 0)
-      const dayEnd = new Date(chartStart)
-      dayEnd.setHours(23, 59, 59, 999)
-
-      // Eğer görev bu gün içinde değilse, görünürde olup olmadığını kontrol et
-      if (taskEnd < dayStart || taskStart > dayEnd) {
-        return { left: '100%', width: '0%', isVisible: false }
-      }
-
-      // Görev başlangıcını hesapla
-      let startHour = 0
-      if (taskStart > dayStart) {
-        startHour = taskStart.getHours() + taskStart.getMinutes() / 60
-      }
-
-      // Görev bitişini hesapla
-      let endHour = 24
-      if (taskEnd < dayEnd) {
-        endHour = taskEnd.getHours() + taskEnd.getMinutes() / 60
-      }
-
-      const left = (startHour / 24) * 100
-      const width = Math.max(1, ((endHour - startHour) / 24) * 100)
-
-      return { left: `${left}%`, width: `${width}%`, isVisible: true }
-    } else if (viewMode === 'week') {
-      // Haftalık görünüm: günlük hesaplama
-      const weekStart = new Date(chartStart)
-      const weekEnd = new Date(chartEnd)
-      weekEnd.setHours(23, 59, 59, 999)
-
-      // Görev hafta dışındaysa gizle
-      if (taskEnd < weekStart || taskStart > weekEnd) {
-        return { left: '100%', width: '0%', isVisible: false }
-      }
-
-      // Başlangıç gününü hesapla
-      let startDay = 0
-      if (taskStart > weekStart) {
-        startDay = Math.floor((taskStart.getTime() - weekStart.getTime()) / (1000 * 60 * 60 * 24))
-      }
-
-      // Bitiş gününü hesapla
-      let endDay = 7
-      if (taskEnd < weekEnd) {
-        endDay = Math.ceil((taskEnd.getTime() - weekStart.getTime()) / (1000 * 60 * 60 * 24))
-      }
-
-      const left = (startDay / 7) * 100
-      const width = Math.max(1, ((endDay - startDay) / 7) * 100)
-
-      return { left: `${left}%`, width: `${width}%`, isVisible: true }
-    } else if (viewMode === 'month') {
-      // Aylık görünüm: günlük hesaplama
-      const monthStart = new Date(chartStart)
-      const monthEnd = new Date(chartEnd)
-      monthEnd.setHours(23, 59, 59, 999)
-
-      // Görev ay dışındaysa gizle
-      if (taskEnd < monthStart || taskStart > monthEnd) {
-        return { left: '100%', width: '0%', isVisible: false }
-      }
-
-      const daysInMonth = dateRange.length
-
-      // Başlangıç gününü hesapla
-      let startDay = 0
-      if (taskStart > monthStart) {
-        startDay = Math.floor((taskStart.getTime() - monthStart.getTime()) / (1000 * 60 * 60 * 24))
-      }
-
-      // Bitiş gününü hesapla
-      let endDay = daysInMonth
-      if (taskEnd < monthEnd) {
-        endDay = Math.ceil((taskEnd.getTime() - monthStart.getTime()) / (1000 * 60 * 60 * 24))
-      }
-
-      const left = (startDay / daysInMonth) * 100
-      const width = Math.max(1, ((endDay - startDay) / daysInMonth) * 100)
-
-      return { left: `${left}%`, width: `${width}%`, isVisible: true }
-    } else {
-      // Yıllık görünüm: aylık hesaplama
-      const yearStart = new Date(chartStart)
-      const yearEnd = new Date(chartEnd)
-      yearEnd.setMonth(11, 31)
-      yearEnd.setHours(23, 59, 59, 999)
-
-      // Görev yıl dışındaysa gizle
-      if (taskEnd < yearStart || taskStart > yearEnd) {
-        return { left: '100%', width: '0%', isVisible: false }
-      }
-
-      // Başlangıç ayını hesapla
-      let startMonth = 0
-      if (taskStart > yearStart) {
-        startMonth = taskStart.getMonth()
-      }
-
-      // Bitiş ayını hesapla
-      let endMonth = 12
-      if (taskEnd < yearEnd) {
-        endMonth = taskEnd.getMonth() + 1
-      }
-
-      const left = (startMonth / 12) * 100
-      const width = Math.max(1, ((endMonth - startMonth) / 12) * 100)
-
-      return { left: `${left}%`, width: `${width}%`, isVisible: true }
-    }
-  }
-
-  const renderTask = (task: PsGanttTask): React.ReactNode => {
-    const hasChildren = task.children && task.children.length > 0
-    const isExpanded = expandedItems.has(task.id)
-    const indent = task.level * 20
-
-    return (
-      <React.Fragment key={task.id}>
-        <div className="flex items-center border-b border-gray-100 hover:bg-gray-50 min-h-[32px] sm:min-h-[36px]">
-          {/* Task Info */}
-          <div className="w-1/3 sm:w-1/4 p-0.5 border-r border-gray-200">
-            <div className="flex items-center" style={{ paddingLeft: `${Math.min(indent, 40)}px` }}>
-              {hasChildren && (
-                <button
-                  onClick={() => toggleExpand(task.id)}
-                  className="mr-1 p-0.5 hover:bg-gray-200 rounded"
-                >
-                  {isExpanded ? (
-                    <FaChevronDown className="h-2.5 w-2.5 sm:h-3 sm:w-3" />
-                  ) : (
-                    <FaChevronRight className="h-2.5 w-2.5 sm:h-3 sm:w-3" />
-                  )}
-                </button>
-              )}
-              {!hasChildren && <div className="w-3 sm:w-5"></div>}
-
-              <div className="flex-1 min-w-0">
-                <div className="flex items-center gap-1">
-                  <span
-                    className={`font-medium text-xs sm:text-sm truncate ${
-                      task.type === 'project'
-                        ? 'text-blue-900 font-semibold'
-                        : task.type === 'phase'
-                          ? 'text-blue-700'
-                          : 'text-gray-900'
-                    }`}
-                    title={task.name}
-                  >
-                    {task.name}
-                  </span>
-                  <span
-                    className={`px-1 py-0.5 text-xs border rounded flex-shrink-0 hidden sm:inline ${getPriorityColor(
-                      task.priority,
-                    )}`}
-                  >
-                    {task.priority}
-                  </span>
-                </div>
-
-                {task.type === 'task' && task.assignee && (
-                  <div className="flex items-center gap-1 mt-0.5 text-xs text-gray-600">
-                    <FaUser className="h-2 w-2 sm:h-2.5 sm:w-2.5 flex-shrink-0" />
-                    <span className="truncate text-xs">
-                      {task.assignee.firstName} {task.assignee.lastName}
-                    </span>
-                    {task.hoursWorked && task.estimatedHours && (
-                      <span className="text-xs bg-gray-100 px-1 py-0.5 rounded flex-shrink-0 hidden md:inline">
-                        {task.hoursWorked}h / {task.estimatedHours}h
-                      </span>
-                    )}
-                  </div>
-                )}
-
-                <div className="mt-1 text-xs text-gray-500 truncate hidden sm:block">
-                  {task.startDate.toLocaleDateString('tr-TR')} -{' '}
-                  {task.endDate.toLocaleDateString('tr-TR')}
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Gantt Chart */}
-          <div className="w-2/3 sm:w-3/4 p-0.5 relative">
-            <div className="relative h-5 sm:h-7 bg-gray-200 rounded">
-              {(() => {
-                const position = calculateTaskPosition(task.startDate, task.endDate)
-
-                if (task.type === 'task' && position.isVisible) {
-                  return (
-                    <div
-                      className={`absolute h-4 sm:h-5 mt-0.5 rounded-sm ${getGanttStatusColor(
-                        task.status,
-                      )} shadow-md group cursor-pointer border border-white border-opacity-20`}
-                      style={{ left: position.left, width: position.width }}
-                      title={`${task.name} - ${task.progress}% tamamlandı`}
-                    >
-                      {/* Progress fill */}
-                      <div
-                        className="h-full bg-black bg-opacity-15 rounded-sm relative overflow-hidden"
-                        style={{ width: `${task.progress}%` }}
-                      >
-                        <div className="absolute inset-0 bg-white bg-opacity-20"></div>
-                      </div>
-
-                      {/* Progress text */}
-                      <div className="absolute inset-0 flex items-center justify-center text-white text-xs font-bold drop-shadow-lg z-10">
-                        {task.progress}%
-                      </div>
-
-                      {/* Tooltip */}
-                      <div className="absolute bottom-10 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white text-xs rounded py-2 px-3 opacity-0 group-hover:opacity-100 transition-opacity duration-200 whitespace-nowrap z-20 hidden sm:block">
-                        <div className="font-semibold">{task.name}</div>
-                        <div className="mt-1">İlerleme: {task.progress}% tamamlandı</div>
-                        <div>Planlanan Başlangıç: {task.startDate.toLocaleDateString('tr-TR')}</div>
-                        <div>Planlanan Bitiş: {task.endDate.toLocaleDateString('tr-TR')}</div>
-                        <div className="absolute top-full left-1/2 transform -translate-x-1/2 border-l-4 border-r-4 border-t-4 border-l-transparent border-r-transparent border-t-gray-800"></div>
-                      </div>
-                    </div>
-                  )
-                }
-
-                if (task.type !== 'task' && position.isVisible) {
-                  return (
-                    <div
-                      className="absolute h-2 sm:h-2.5 mt-1.5 sm:mt-2 bg-gradient-to-r from-gray-400 to-gray-600 rounded-full group cursor-pointer shadow-sm border border-white border-opacity-30"
-                      style={{ left: position.left, width: position.width }}
-                      title={`${task.name}`}
-                    >
-                      {/* Tooltip for non-task items - no progress */}
-                      <div className="absolute bottom-8 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white text-xs rounded py-2 px-3 opacity-0 group-hover:opacity-100 transition-opacity duration-200 whitespace-nowrap z-20 hidden sm:block">
-                        <div className="font-semibold">{task.name}</div>
-                        <div>Planlanan Başlangıç: {task.startDate.toLocaleDateString('tr-TR')}</div>
-                        <div>Planlanan Bitiş: {task.endDate.toLocaleDateString('tr-TR')}</div>
-                        <div className="absolute top-full left-1/2 transform -translate-x-1/2 border-l-4 border-r-4 border-t-4 border-l-transparent border-r-transparent border-t-gray-800"></div>
-                      </div>
-                    </div>
-                  )
-                }
-
-                return null
-              })()}
-            </div>
-          </div>
-        </div>
-
-        {/* Render children if expanded */}
-        {hasChildren && isExpanded && task.children?.map((child) => renderTask(child))}
-      </React.Fragment>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="flex items-center gap-3">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">İş Yükü ve Proje Takibi</h2>
-            <p className="text-gray-600">Tüm görevlerinizi merkezi bir noktadan yönetin.</p>
-          </div>
-        </div>
-
-        <div className="bg-white rounded-lg shadow-sm border h-full flex flex-col">
-          {/* Header */}
-          <div className="p-1.5 sm:p-2 border-b border-gray-200 flex-shrink-0">
-            {/* Navigation and Date Info */}
-            <div className="flex flex-col gap-2 lg:flex-row lg:items-center lg:justify-between">
-              {/* Navigation Controls */}
-              <div className="flex items-center justify-center gap-1 sm:gap-2">
-                <button
-                  onClick={navigatePrevious}
-                  className="p-1 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
-                >
-                  <FaChevronLeft className="h-3.5 w-3.5" />
-                </button>
-                <div className="text-xs sm:text-sm font-semibold text-gray-900 min-w-[150px] sm:min-w-[170px] text-center">
-                  {getCurrentDateInfo()}
-                </div>
-                <button
-                  onClick={navigateNext}
-                  className="p-1 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
-                >
-                  <FaArrowRight className="h-3.5 w-3.5" />
-                </button>
-                <button
-                  onClick={navigateToday}
-                  className="px-1.5 py-0.5 text-xs sm:text-sm bg-blue-600 text-white hover:bg-blue-700 rounded-lg transition-colors"
-                >
-                  Bugün
-                </button>
-              </div>
-
-              {/* Filters */}
-              <div className="flex flex-col gap-1.5 sm:flex-row sm:items-center sm:gap-2">
-                <select
-                  value={selectedEmployee}
-                  onChange={(e) => setSelectedEmployee(e.target.value)}
-                  className="px-2 py-1.5 sm:px-3 sm:py-2 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 w-full sm:w-auto"
-                >
-                  <option value="">Tüm Çalışanlar</option>
-                  {mockEmployees.map((emp) => (
-                    <option key={emp.id} value={emp.id}>
-                      {emp.name}
-                    </option>
-                  ))}
-                </select>
-
-                <select
-                  value={viewMode}
-                  onChange={(e) => setViewMode(e.target.value as 'day' | 'week' | 'month' | 'year')}
-                  className="px-2 py-1.5 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 w-full sm:w-auto"
-                >
-                  <option value={FrequencyUnitEnum.Days}>
-                    {getFrequencyUnitText(FrequencyUnitEnum.Days)}
-                  </option>
-                  <option value={FrequencyUnitEnum.Weeks}>
-                    {getFrequencyUnitText(FrequencyUnitEnum.Weeks)}
-                  </option>
-                  <option value={FrequencyUnitEnum.Months}>
-                    {getFrequencyUnitText(FrequencyUnitEnum.Months)}
-                  </option>
-                  <option value={FrequencyUnitEnum.Years}>
-                    {getFrequencyUnitText(FrequencyUnitEnum.Years)}
-                  </option>
-                </select>
-              </div>
-            </div>
-          </div>
-
-          {/* Timeline Header */}
-          <div className="flex border-b border-gray-200 flex-shrink-0">
-            <div className="w-1/3 sm:w-1/4 p-1.5 border-r border-gray-200 bg-gray-50 font-semibold text-xs sm:text-sm">
-              Proje / Görev
-            </div>
-            <div className="w-2/3 sm:w-3/4 p-1.5 bg-gray-50">
-              <div className="flex justify-between text-xs font-semibold">
-                {dateRange.map((date) => (
-                  <div key={date.toISOString()} className="text-center min-w-0 flex-1">
-                    <div className="truncate">
-                      {viewMode === 'day'
-                        ? date.toLocaleTimeString('tr-TR', {
-                            hour: '2-digit',
-                            minute: '2-digit',
-                          })
-                        : viewMode === 'week'
-                          ? date.toLocaleDateString('tr-TR', { day: '2-digit' })
-                          : viewMode === 'year'
-                            ? date.toLocaleDateString('tr-TR', { month: 'short' })
-                            : date.toLocaleDateString('tr-TR', { day: '2-digit' })}
-                    </div>
-                    {viewMode !== 'day' && viewMode !== 'year' && (
-                      <div className="text-xs text-gray-500 hidden sm:block">
-                        {date.toLocaleDateString('tr-TR', { weekday: 'short' })}
-                      </div>
-                    )}
-                    {viewMode === 'year' && (
-                      <div className="text-xs text-gray-500 hidden sm:block">
-                        {date.getFullYear()}
-                      </div>
-                    )}
-                  </div>
-                ))}
-              </div>
-            </div>
-          </div>
-
-          {/* Tasks */}
-          <div className="flex-1 overflow-auto">
-            {filteredTasks.map((task) => renderTask(task))}
-          </div>
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default ProjectGantt
diff --git a/ui/src/views/project/components/ProjectList.tsx b/ui/src/views/project/components/ProjectList.tsx
deleted file mode 100644
index 5e2641a4..00000000
--- a/ui/src/views/project/components/ProjectList.tsx
+++ /dev/null
@@ -1,627 +0,0 @@
-import React, { useState } from 'react'
-import { Link } from 'react-router-dom'
-import { useQuery } from '@tanstack/react-query'
-import {
-  FaFolder,
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaDownload,
-  FaEdit,
-  FaEye,
-  FaCalendar,
-  FaUser,
-  FaDollarSign,
-  FaExclamationTriangle,
-  FaBullseye,
-  FaTh,
-  FaList,
-  FaFlag,
-  FaTasks,
-} from 'react-icons/fa'
-import classNames from 'classnames'
-import { ProjectStatusEnum, PsProject } from '../../../types/ps'
-import dayjs from 'dayjs'
-import { mockProjects } from '../../../mocks/mockProjects'
-import PhaseViewModal from './PhaseViewModal'
-import TaskViewModal from './TaskViewModal'
-import Widget from '../../../components/common/Widget'
-import { PriorityEnum } from '../../../types/common'
-import {
-  getProjectStatusColor,
-  getProjectStatusIcon,
-  getProjectStatusText,
-  getPriorityColor,
-  getPriorityText,
-  getProgressColor,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import useLocale from '@/utils/hooks/useLocale'
-import { currentLocalDate } from '@/utils/dateUtils'
-
-const ProjectList: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [filterStatus, setFilterStatus] = useState('all')
-  const [filterPriority, setFilterPriority] = useState('all')
-  const [showFilters, setShowFilters] = useState(false)
-  const [viewMode, setViewMode] = useState<'card' | 'list'>('list')
-  const currentLocale = useLocale()
-
-  // Modal states
-  const [phasesModalOpen, setPhasesModalOpen] = useState(false)
-  const [tasksModalOpen, setTasksModalOpen] = useState(false)
-  const [selectedProject, setSelectedProject] = useState<PsProject | null>(null)
-
-  // Modal functions
-  const openPhasesModal = (project: PsProject) => {
-    setSelectedProject(project)
-    setPhasesModalOpen(true)
-  }
-
-  const openTasksModal = (project: PsProject) => {
-    setSelectedProject(project)
-    setTasksModalOpen(true)
-  }
-
-  const closeModals = () => {
-    setPhasesModalOpen(false)
-    setTasksModalOpen(false)
-    setSelectedProject(null)
-  }
-
-  const {
-    data: projects,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ['projects', searchTerm, filterStatus, filterPriority],
-    queryFn: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      return mockProjects.filter((project) => {
-        const matchesSearch =
-          project.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          project.name.toLowerCase().includes(searchTerm.toLowerCase())
-        const matchesStatus = filterStatus === 'all' || project.status === filterStatus
-        const matchesPriority = filterPriority === 'all' || project.priority === filterPriority
-        return matchesSearch && matchesStatus && matchesPriority
-      })
-    },
-  })
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center py-12">
-        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
-        <span className="ml-3 text-gray-600">Projeler yükleniyor...</span>
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="bg-red-50 border border-red-200 rounded-lg p-4">
-        <div className="flex items-center">
-          <FaExclamationTriangle className="h-5 w-5 text-red-600 mr-2" />
-          <span className="text-red-800">Projeler yüklenirken hata oluştu.</span>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Proje Listesi</h2>
-            <p className="text-gray-600">Proje listesinizi yönetin</p>
-          </div>
-          <div className="flex items-center space-x-2">
-            {/* View Toggle */}
-            <div className="flex bg-gray-100 rounded-lg">
-              <button
-                onClick={() => setViewMode('card')}
-                className={`px-2.5 py-1.5 rounded-md flex items-center space-x-2 transition-colors ${
-                  viewMode === 'card'
-                    ? 'bg-white text-blue-600 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
-                }`}
-              >
-                <FaTh className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => setViewMode('list')}
-                className={`px-2.5 py-1.5 rounded-md flex items-center space-x-2 transition-colors ${
-                  viewMode === 'list'
-                    ? 'bg-white text-blue-600 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
-                }`}
-              >
-                <FaList className="w-4 h-4" />
-              </button>
-            </div>
-
-            <button
-              onClick={() => alert('Dışa aktarma özelliği yakında eklenecek')}
-              className="flex items-center px-3 py-1.5 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              <FaDownload size={16} className="mr-2" />
-              Dışa Aktar
-            </button>
-
-            <Link
-              to={ROUTES_ENUM.protected.projects.new}
-              className="flex items-center px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-            >
-              <FaPlus size={16} className="mr-2" />
-              Yeni Proje
-            </Link>
-          </div>
-        </div>
-
-        {/* Header Actions */}
-        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-          <div className="flex items-center space-x-4">
-            <div className="relative">
-              <FaSearch
-                size={20}
-                className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"
-              />
-              <input
-                type="text"
-                placeholder="Proje kodu veya adı..."
-                value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-                className="pl-10 pr-3 py-1.5 text-sm w-80 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              />
-            </div>
-
-            <button
-              onClick={() => setShowFilters(!showFilters)}
-              className={classNames(
-                'flex items-center px-3 py-1.5 text-sm border rounded-lg transition-colors',
-                showFilters
-                  ? 'border-blue-500 bg-blue-50 text-blue-700'
-                  : 'border-gray-300 bg-white text-gray-700 hover:bg-gray-50',
-              )}
-            >
-              <FaFilter size={16} className="mr-2" />
-              Filtreler
-            </button>
-          </div>
-        </div>
-
-        {/* Filters Panel */}
-        {showFilters && (
-          <div className="bg-white border border-gray-200 rounded-lg p-3">
-            <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Durum</label>
-                <select
-                  value={filterStatus}
-                  onChange={(e) => setFilterStatus(e.target.value)}
-                  className="w-full border border-gray-300 rounded-lg px-3 py-1.5 focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                >
-                  <option value="all">Tümü</option>
-                  {Object.values(ProjectStatusEnum).map((status) => (
-                    <option key={status} value={status}>
-                      {getProjectStatusText(status)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">Öncelik</label>
-                <select
-                  value={filterPriority}
-                  onChange={(e) => setFilterPriority(e.target.value)}
-                  className="w-full border border-gray-300 rounded-lg px-3 py-1.5 focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                >
-                  <option value="all">Tümü</option>
-                  {Object.values(PriorityEnum).map((priority) => (
-                    <option key={priority} value={priority}>
-                      {getPriorityText(priority)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div className="flex items-end">
-                <button
-                  onClick={() => {
-                    setFilterStatus('all')
-                    setFilterPriority('all')
-                    setSearchTerm('')
-                  }}
-                  className="w-full px-3 py-1.5 border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-                >
-                  Filtreleri Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* Statistics Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <Widget title="Toplam Proje" value={projects?.length || 0} color="blue" icon="FaFolder" />
-
-          <Widget
-            title="Aktif Proje"
-            value={projects?.filter((p) => p.status === ProjectStatusEnum.Active).length || 0}
-            color="green"
-            icon="FaArrowUp"
-          />
-
-          <Widget
-            title="Toplam Bütçe"
-            value={`₺${projects?.reduce((acc, p) => acc + p.budget, 0).toLocaleString() || 0}`}
-            color="purple"
-            icon="FaDollarSign"
-          />
-
-          <Widget
-            title="Ortalama İlerleme"
-            value={
-              projects?.length
-                ? `${Math.round(
-                    projects.reduce((acc, p) => acc + p.progress, 0) / projects.length,
-                  )}%`
-                : '0%'
-            }
-            color="yellow"
-            icon="FaBullseye"
-          />
-        </div>
-
-        {/* Projects Display */}
-        {viewMode === 'list' ? (
-          /* List View */
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-            <div className="px-3 py-2 border-b border-gray-200">
-              <h2 className="text-xl font-bold text-gray-900">Proje Listesi</h2>
-            </div>
-
-            <div className="overflow-x-auto">
-              <table className="w-full">
-                <thead className="bg-gray-50">
-                  <tr>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Proje Bilgileri
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Proje Yöneticisi
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Durum / Öncelik
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Tarihler
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Bütçe / Maliyet
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      İlerleme
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      İşlemler
-                    </th>
-                  </tr>
-                </thead>
-
-                <tbody className="bg-white divide-y divide-gray-200">
-                  {projects?.map((project) => (
-                    <tr key={project.id} className="hover:bg-gray-50 transition-colors text-sm">
-                      <td className="px-3 py-2">
-                        <div className="flex items-center">
-                          <div className="flex-shrink-0 h-10 w-10">
-                            <div className="h-10 w-10 rounded-lg bg-blue-100 flex items-center justify-center">
-                              <FaFolder className="h-5 w-5 text-blue-600" />
-                            </div>
-                          </div>
-                          <div className="ml-4">
-                            <div className="text-sm font-medium text-gray-900">{project.code}</div>
-                            <div className="text-sm text-gray-500 max-w-xs truncate">
-                              {project.name}
-                            </div>
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-3 py-2">
-                        <div className="flex items-center text-sm">
-                          <FaUser size={16} className="text-gray-400 mr-2" />
-                          <div>
-                            <div className="font-medium text-gray-900">
-                              {project.projectManager?.name}
-                            </div>
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-3 py-2">
-                        <div className="space-y-2">
-                          <span
-                            className={classNames(
-                              'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',
-                              getProjectStatusColor(project.status),
-                            )}
-                          >
-                            {getProjectStatusIcon(project.status)}
-                            <span className="ml-1">{getProjectStatusText(project.status)}</span>
-                          </span>
-                          <div
-                            className={classNames(
-                              'text-sm font-medium',
-                              getPriorityColor(project.priority),
-                            )}
-                          >
-                            {getPriorityText(project.priority)}
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-3 py-2">
-                        <div className="space-y-1">
-                          <div className="flex items-center text-sm text-gray-900">
-                            <FaCalendar size={14} className="mr-1" />
-                            {currentLocalDate(new Date(project.startDate), currentLocale || 'tr')}
-                          </div>
-                          <div className="text-sm text-gray-500">
-                            Bitiş: {currentLocalDate(new Date(project.endDate), currentLocale || 'tr')}
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-3 py-2">
-                        <div className="space-y-1">
-                          <div className="text-sm font-medium text-gray-900">
-                            ₺{project.budget.toLocaleString()}
-                          </div>
-                          <div className="text-sm text-gray-500">
-                            Harcanan: ₺{project.actualCost.toLocaleString()}
-                          </div>
-                          <div className="text-xs text-blue-600">
-                            %{Math.round((project.actualCost / project.budget) * 100)} kullanıldı
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-3 py-2">
-                        <div className="space-y-2">
-                          <div className="flex items-center justify-between">
-                            <span className="text-sm font-medium text-gray-900">
-                              %{project.progress}
-                            </span>
-                          </div>
-                          <div className="w-full bg-gray-200 rounded-full h-2">
-                            <div
-                              className={classNames(
-                                'h-2 rounded-full',
-                                getProgressColor(project.progress),
-                              )}
-                              style={{ width: `${project.progress}%` }}
-                            />
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-3 py-2 text-right">
-                        <div className="flex items-center justify-end space-x-1">
-                          <Link
-                            to={ROUTES_ENUM.protected.projects.detail.replace(':id', project.id)}
-                            className="p-1.5 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
-                            title="Detayları Görüntüle"
-                          >
-                            <FaEye size={16} />
-                          </Link>
-
-                          <Link
-                            to={ROUTES_ENUM.protected.projects.edit.replace(':id', project.id)}
-                            className="p-1.5 text-gray-600 hover:text-yellow-600 hover:bg-yellow-50 rounded-lg transition-colors"
-                            title="Düzenle"
-                          >
-                            <FaEdit size={16} />
-                          </Link>
-
-                          <button
-                            onClick={() => openPhasesModal(project)}
-                            className="p-1.5 text-gray-600 hover:text-green-600 hover:bg-green-50 rounded-lg transition-colors"
-                            title="Fazları Görüntüle"
-                          >
-                            <FaFlag size={16} />
-                          </button>
-
-                          <button
-                            onClick={() => openTasksModal(project)}
-                            className="p-1.5 text-gray-600 hover:text-purple-600 hover:bg-purple-50 rounded-lg transition-colors"
-                            title="Görevleri Görüntüle"
-                          >
-                            <FaTasks size={16} />
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-          </div>
-        ) : (
-          /* Card View */
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-            {projects?.map((project) => (
-              <div
-                key={project.id}
-                className="bg-white rounded-lg shadow-md border border-gray-200 p-4 hover:shadow-lg transition-shadow"
-              >
-                <div className="flex items-start justify-between mb-3">
-                  <div className="flex-1">
-                    <div className="flex items-center space-x-2 mb-2">
-                      <FaFolder className="w-5 h-5 text-blue-600" />
-                      <h3 className="text-base font-semibold text-gray-900">{project.code}</h3>
-                    </div>
-                    <p className="text-sm text-gray-600 mb-2">{project.name}</p>
-                    <div className="flex items-center space-x-2 mb-3">
-                      <span
-                        className={classNames(
-                          'inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium',
-                          getProjectStatusColor(project.status),
-                        )}
-                      >
-                        {getProjectStatusIcon(project.status)}
-                        <span className="ml-1">{getProjectStatusText(project.status)}</span>
-                      </span>
-                      <span
-                        className={classNames(
-                          'px-2 py-0.5 rounded-full text-xs font-medium',
-                          getPriorityColor(project.priority),
-                        )}
-                      >
-                        {getPriorityText(project.priority)}
-                      </span>
-                    </div>
-                  </div>
-                  <div className="flex space-x-1">
-                    <Link
-                      to={ROUTES_ENUM.protected.projects.detail.replace(':id', project.id)}
-                      className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                    >
-                      <FaEye className="w-4 h-4" />
-                    </Link>
-                    <Link
-                      to={ROUTES_ENUM.protected.projects.edit.replace(':id', project.id)}
-                      className="p-1.5 text-gray-400 hover:text-yellow-600 hover:bg-yellow-50 rounded-md transition-colors"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </Link>
-                    <button
-                      onClick={() => openPhasesModal(project)}
-                      className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                      title="Fazları Görüntüle"
-                    >
-                      <FaFlag className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => openTasksModal(project)}
-                      className="p-1.5 text-gray-400 hover:text-purple-600 hover:bg-purple-50 rounded-md transition-colors"
-                      title="Görevleri Görüntüle"
-                    >
-                      <FaTasks className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-
-                {/* Project Manager */}
-                <div className="bg-gray-50 rounded-lg p-2 mb-3">
-                  <div className="flex items-center space-x-2 mb-1">
-                    <FaUser className="w-4 h-4 text-gray-600" />
-                    <span className="font-medium text-gray-900">Proje Yöneticisi</span>
-                  </div>
-                  <p className="text-sm text-gray-700">{project.projectManager?.name}</p>
-                </div>
-
-                {/* Progress */}
-                <div className="mb-3">
-                  <div className="flex items-center justify-between text-sm mb-2">
-                    <span className="text-gray-500 flex items-center">
-                      <FaBullseye className="w-4 h-4 mr-1" />
-                      İlerleme
-                    </span>
-                    <span className="font-medium">{project.progress}%</span>
-                  </div>
-                  <div className="w-full bg-gray-200 rounded-full h-2">
-                    <div
-                      className={classNames('h-2 rounded-full', getProgressColor(project.progress))}
-                      style={{ width: `${project.progress}%` }}
-                    />
-                  </div>
-                </div>
-
-                {/* Dates and Budget */}
-                <div className="grid grid-cols-2 gap-3 mb-3">
-                  <div className="space-y-2">
-                    <div className="flex items-center justify-between text-sm">
-                      <span className="text-gray-500 flex items-center">
-                        <FaCalendar className="w-4 h-4 mr-1" />
-                        Başlangıç
-                      </span>
-                      <span className="font-medium">
-                        {currentLocalDate(new Date(project.startDate), currentLocale || 'tr')}
-                      </span>
-                    </div>
-                    <div className="flex items-center justify-between text-sm">
-                      <span className="text-gray-500">Bitiş</span>
-                      <span className="font-medium">
-                        {currentLocalDate(new Date(project.endDate), currentLocale || 'tr')}
-                      </span>
-                    </div>
-                  </div>
-
-                  <div className="space-y-2">
-                    <div className="flex items-center justify-between text-sm">
-                      <span className="text-gray-500 flex items-center">
-                        <FaDollarSign className="w-4 h-4 mr-1" />
-                        Bütçe
-                      </span>
-                      <span className="font-medium">₺{project.budget.toLocaleString()}</span>
-                    </div>
-                    <div className="flex items-center justify-between text-sm">
-                      <span className="text-gray-500">Harcanan</span>
-                      <span className="font-medium">₺{project.actualCost.toLocaleString()}</span>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Budget Usage */}
-                <div className="bg-blue-50 rounded-lg p-2">
-                  <div className="flex items-center justify-between text-sm">
-                    <span className="text-blue-700 font-medium">Bütçe Kullanımı</span>
-                    <span className="text-blue-600 font-bold">
-                      %{Math.round((project.actualCost / project.budget) * 100)}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        )}
-
-        {/* Empty State */}
-        {(!projects || projects.length === 0) && (
-          <div className="text-center py-10">
-            <FaFolder className="mx-auto h-12 w-12 text-gray-400" />
-            <h3 className="mt-2 text-sm font-medium text-gray-900">Proje bulunamadı</h3>
-            <p className="mt-1 text-sm text-gray-500">Yeni proje oluşturarak başlayın.</p>
-            <div className="mt-6">
-              <Link
-                to={ROUTES_ENUM.protected.projects.new}
-                className="inline-flex items-center px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-              >
-                <FaPlus size={16} className="mr-2" />
-                Yeni Proje Oluştur
-              </Link>
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* Modals */}
-      {selectedProject && (
-        <>
-          <PhaseViewModal
-            project={selectedProject}
-            isOpen={phasesModalOpen}
-            onClose={closeModals}
-          />
-          <TaskViewModal project={selectedProject} isOpen={tasksModalOpen} onClose={closeModals} />
-        </>
-      )}
-    </Container>
-  )
-}
-
-export default ProjectList
diff --git a/ui/src/views/project/components/ProjectPhases.tsx b/ui/src/views/project/components/ProjectPhases.tsx
deleted file mode 100644
index 5648c205..00000000
--- a/ui/src/views/project/components/ProjectPhases.tsx
+++ /dev/null
@@ -1,1009 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaCalendar,
-  FaTimesCircle,
-  FaExclamationTriangle,
-  FaDollarSign,
-  FaUsers,
-  FaBullseye,
-  FaEdit,
-  FaSave,
-  FaProjectDiagram,
-} from 'react-icons/fa'
-import {
-  PhaseStatusEnum,
-  PsProjectPhase,
-  ProjectStatusEnum,
-  PhaseCategoryEnum,
-} from '../../../types/ps'
-import { mockProjectPhases } from '../../../mocks/mockProjectPhases'
-import { mockProjects } from '../../../mocks/mockProjects'
-import MultiSelectTeam from '../../../components/common/MultiSelectTeam'
-import Widget from '../../../components/common/Widget'
-import {
-  getPhaseCategoryColor,
-  getProgressColor,
-  getPhaseStatusIcon,
-  getPhaseStatusText,
-  getPhaseStatusColor,
-  getProjectStatusText,
-  getPhaseCategoryText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const ProjectPhases: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedStatus, setSelectedStatus] = useState('All')
-  const [selectedProject, setSelectedProject] = useState('All')
-  const [selectedPhase, setSelectedPhase] = useState<PsProjectPhase | null>(null)
-  const [isModalOpen, setIsModalOpen] = useState(false)
-  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false)
-  const [isEditModalOpen, setIsEditModalOpen] = useState(false)
-  const [editingPhase, setEditingPhase] = useState<PsProjectPhase | null>(null)
-
-  // Form state for creating/editing phases
-  const [formData, setFormData] = useState({
-    phaseName: '',
-    description: '',
-    projectId: '',
-    status: PhaseStatusEnum.NotStarted,
-    startDate: '',
-    endDate: '',
-    budget: 0,
-    category: PhaseCategoryEnum.Planning,
-    assignedTeams: [] as string[],
-  })
-
-  const filteredPhases = mockProjectPhases.filter((phase) => {
-    const matchesSearch =
-      phase.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      phase.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      phase.description?.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesStatus = selectedStatus === 'All' || phase.status === selectedStatus
-    const matchesProject = selectedProject === 'All' || phase.projectId === selectedProject
-
-    return matchesSearch && matchesStatus && matchesProject
-  })
-
-  const calculateBudgetVariance = (budget: number, actualCost: number) => {
-    return ((actualCost - budget) / budget) * 100
-  }
-
-  const calculateScheduleVariance = (phase: PsProjectPhase) => {
-    const plannedDuration = new Date(phase.endDate).getTime() - new Date(phase.startDate).getTime()
-    const actualDuration = phase.actualEndDate
-      ? new Date(phase.actualEndDate).getTime() -
-        new Date(phase.actualStartDate || phase.startDate).getTime()
-      : Date.now() - new Date(phase.actualStartDate || phase.startDate).getTime()
-
-    return ((actualDuration - plannedDuration) / plannedDuration) * 100
-  }
-
-  const openModal = (phase: PsProjectPhase) => {
-    setSelectedPhase(phase)
-    setIsModalOpen(true)
-  }
-
-  const closeModal = () => {
-    setSelectedPhase(null)
-    setIsModalOpen(false)
-  }
-
-  const openCreateModal = () => {
-    setFormData({
-      phaseName: '',
-      description: '',
-      projectId: '',
-      status: PhaseStatusEnum.NotStarted,
-      startDate: '',
-      endDate: '',
-      budget: 0,
-      category: PhaseCategoryEnum.Planning,
-      assignedTeams: [],
-    })
-    setIsCreateModalOpen(true)
-  }
-
-  const closeCreateModal = () => {
-    setIsCreateModalOpen(false)
-  }
-
-  const openEditModal = (phase: PsProjectPhase) => {
-    setEditingPhase(phase)
-    setFormData({
-      phaseName: phase.name,
-      description: phase.description || '',
-      projectId: phase.projectId,
-      status: phase.status,
-      startDate: phase.startDate.toISOString().split('T')[0],
-      endDate: phase.endDate.toISOString().split('T')[0],
-      budget: phase.budget,
-      category: phase.category,
-      assignedTeams: phase.assignedTeams || [],
-    })
-    setIsEditModalOpen(true)
-  }
-
-  const closeEditModal = () => {
-    setIsEditModalOpen(false)
-    setEditingPhase(null)
-  }
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>,
-  ) => {
-    const { name, value } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]: value,
-    }))
-  }
-
-  const handleTeamChange = (teams: string[]) => {
-    setFormData((prev) => ({
-      ...prev,
-      assignedTeams: teams,
-    }))
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    // Here you would normally save to backend
-    console.log('Saving phase:', formData)
-    alert(isEditModalOpen ? 'Aşama güncellendi!' : 'Yeni aşama oluşturuldu!')
-    if (isEditModalOpen) {
-      closeEditModal()
-    } else {
-      closeCreateModal()
-    }
-  }
-
-  const generatePhaseCode = () => {
-    const phaseCount = mockProjectPhases.length + 1
-    return `PH-${phaseCount.toString().padStart(3, '0')}`
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header Section with Description */}
-        <div className="flex items-center justify-between mb-2">
-          <div className="flex-1">
-            <div className="flex items-center gap-3 mb-2">
-              <div>
-                <h2 className="text-2xl font-bold text-gray-900">Proje Aşamaları</h2>
-                <p className="text-gray-600">Proje İlerleme Yönetimi</p>
-              </div>
-            </div>
-          </div>
-          <button
-            onClick={openCreateModal}
-            className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center gap-2 transition-colors shadow-sm"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni Aşama
-          </button>
-        </div>
-
-        {/* Summary Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-2 mb-3">
-          <Widget
-            title="Toplam Aşama"
-            value={mockProjectPhases.length}
-            color="blue"
-            icon="FaProjectDiagram"
-          />
-
-          <Widget
-            title="Aktif Aşama"
-            value={mockProjectPhases.filter((p) => p.status === PhaseStatusEnum.InProgress).length}
-            color="green"
-            icon="FaBolt"
-          />
-
-          <Widget
-            title="Tamamlanan"
-            value={mockProjectPhases.filter((p) => p.status === PhaseStatusEnum.Completed).length}
-            color="blue"
-            icon="FaCheckCircle"
-          />
-
-          <Widget
-            title="Geciken"
-            value={
-              mockProjectPhases.filter(
-                (p) => p.status !== PhaseStatusEnum.Completed && new Date(p.endDate) < new Date(),
-              ).length
-            }
-            color="red"
-            icon="FaExclamationTriangle"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex flex-wrap items-center gap-2 mb-2">
-          <div className="relative flex-1 min-w-64">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Aşama ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-9 pr-3 py-1 text-sm border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-
-          <select
-            value={selectedProject}
-            onChange={(e) => setSelectedProject(e.target.value)}
-            className="px-2 py-1 text-sm border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"
-          >
-            <option value="All">Tüm Projeler</option>
-            {mockProjects.map((op) => (
-              <option key={op.id} value={op.id}>
-                {op.code} - {op.name}
-              </option>
-            ))}
-          </select>
-
-          <select
-            value={selectedStatus}
-            onChange={(e) => setSelectedStatus(e.target.value)}
-            className="px-2 py-1 text-sm border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"
-          >
-            <option value="All">Tüm Durumlar</option>
-            {Object.values(ProjectStatusEnum).map((status) => (
-              <option key={status} value={status}>
-                {getProjectStatusText(status)}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        {/* Phase Timeline */}
-        <h3 className="text-base font-semibold mb-2 flex items-center gap-2">
-          <FaCalendar className="w-4 h-4" />
-          Aşama Zaman Çizelgesi
-        </h3>
-
-        <div className="space-y-2">
-          {filteredPhases
-            .sort((a, b) => new Date(a.startDate).getTime() - new Date(b.startDate).getTime())
-            .map((phase) => (
-              <div key={phase.id} className="relative">
-                <div
-                  className="flex items-center gap-2 p-2 border rounded-lg hover:shadow-md transition-shadow cursor-pointer bg-white"
-                  onClick={() => openModal(phase)}
-                >
-                  <div className="flex-1">
-                    <div className="flex items-center justify-between mb-2">
-                      <div className="flex items-center gap-2">
-                        <h4 className="font-medium text-gray-900">{phase.name}</h4>
-                        <span className="text-xs text-gray-500 bg-gray-100 px-1.5 py-0.5 rounded">
-                          {phase.code}
-                        </span>
-                      </div>
-                    </div>
-
-                    {/* Project Information */}
-                    <div className="flex items-center gap-2 mb-2">
-                      <span className="text-xs font-medium text-blue-600">
-                        📋 {phase.project?.name || `Proje ID: ${phase.projectId}`}
-                      </span>
-                      <span className="text-xs text-gray-400">
-                        ({phase.project?.code || phase.projectId})
-                      </span>
-                    </div>
-
-                    <p className="text-xs text-gray-600 mb-2">{phase.description}</p>
-
-                    {/* Assigned Teams */}
-                    <div className="flex items-center gap-2 mb-2">
-                      <FaUsers className="w-4 h-4 text-gray-500" />
-                      <span className="text-sm font-medium text-gray-700">Atanmış Ekipler:</span>
-                      <div className="flex flex-wrap gap-1">
-                        {phase.assignedTeams.map((team, index) => (
-                          <span
-                            key={index}
-                            className="inline-flex items-center px-1.5 py-0.5 rounded-full text-xs bg-blue-50 text-blue-700 border border-blue-200"
-                          >
-                            {team}
-                          </span>
-                        ))}
-                      </div>
-                    </div>
-
-                    <div className="flex items-center gap-3 text-xs text-gray-500">
-                      <div className="flex items-center gap-1">
-                        <FaCalendar className="w-4 h-4" />
-                        {new Date(phase.startDate).toLocaleDateString('tr-TR')} -{' '}
-                        {new Date(phase.endDate).toLocaleDateString('tr-TR')}
-                      </div>
-                      <div className="flex items-center gap-1">
-                        <FaDollarSign className="w-4 h-4" />₺{phase.budget.toLocaleString()}
-                      </div>
-                      <div className="text-xs text-gray-500">
-                        {phase.completedMilestones}/{phase.milestones} milestone
-                      </div>
-                    </div>
-                  </div>
-
-                  <div className="flex-shrink-0 text-right">
-                    <div className="flex items-center gap-1.5 mb-1.5">
-                      <span
-                        className={`inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium ${getPhaseStatusColor(
-                          phase.status,
-                        )}`}
-                      >
-                        {getPhaseStatusText(phase.status)}
-                      </span>
-                    </div>
-                    <div className="flex items-center gap-1.5 mb-1.5">
-                      <span
-                        className={`inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium ${getPhaseCategoryColor(
-                          phase.category,
-                        )}`}
-                      >
-                        {phase.category}
-                      </span>
-                    </div>
-                    <div className="flex items-center gap-2 mb-1">
-                      <div className="w-20 bg-gray-200 rounded-full h-2">
-                        <div
-                          className={`h-2 rounded-full ${getProgressColor(phase.progress)}`}
-                          style={{ width: `${phase.progress}%` }}
-                        />
-                      </div>
-                      <span className="text-xs font-medium text-gray-900">{phase.progress}%</span>
-                    </div>
-                    <div className="text-xs text-gray-500">Tamamlanma Oranı</div>
-                  </div>
-                </div>
-              </div>
-            ))}
-        </div>
-      </div>
-
-      {/* Phase Detail Modal */}
-      {isModalOpen && selectedPhase && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-          <div className="bg-white rounded-lg p-3 max-w-3xl w-full mx-4 max-h-[95vh] overflow-y-auto">
-            <div className="flex items-center justify-between mb-3">
-              <div className="flex items-center gap-2">
-                {getPhaseStatusIcon(selectedPhase.status)}
-                <h3 className="text-base font-bold text-gray-900">
-                  {selectedPhase.code} - {selectedPhase.name}
-                </h3>
-              </div>
-              <button onClick={closeModal} className="text-gray-400 hover:text-gray-600">
-                <FaTimesCircle className="w-5 h-5" />
-              </button>
-            </div>
-
-            <div className="grid grid-cols-1 lg:grid-cols-3 gap-3">
-              <div className="lg:col-span-2">
-                <div className="space-y-3 pt-1">
-                  <div>
-                    <h4 className="text-sm font-semibold mb-2">Aşama Bilgileri</h4>
-                    <div className="bg-gray-50 p-2.5 rounded-lg">
-                      <p className="text-sm text-gray-900 mb-3">{selectedPhase.description}</p>
-
-                      <div className="grid grid-cols-2 gap-2 mb-2">
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Proje
-                          </label>
-                          <p className="text-sm text-gray-900">{selectedPhase.project?.name}</p>
-                        </div>
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Kategori
-                          </label>
-                          <span
-                            className={`inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium ${getPhaseCategoryColor(
-                              selectedPhase.category,
-                            )}`}
-                          >
-                            {selectedPhase.category}
-                          </span>
-                        </div>
-                      </div>
-
-                      <div className="grid grid-cols-2 gap-2">
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Durum
-                          </label>
-                          <span
-                            className={`inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full text-xs font-medium ${getPhaseStatusColor(
-                              selectedPhase.status,
-                            )}`}
-                          >
-                            {getPhaseStatusIcon(selectedPhase.status)}
-                            {selectedPhase.status}
-                          </span>
-                        </div>
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            İlerleme
-                          </label>
-                          <div className="flex items-center gap-2">
-                            <div className="flex-1 bg-gray-200 rounded-full h-2">
-                              <div
-                                className={`h-2 rounded-full ${getProgressColor(
-                                  selectedPhase.progress,
-                                )}`}
-                                style={{ width: `${selectedPhase.progress}%` }}
-                              />
-                            </div>
-                            <span className="text-sm font-medium text-gray-900">
-                              {selectedPhase.progress}%
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div>
-                    <h4 className="text-sm font-semibold mb-2">Zaman Çizelgesi</h4>
-                    <div className="bg-gray-50 p-2.5 rounded-lg">
-                      <div className="grid grid-cols-2 gap-2 mb-2">
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Planlanan Başlangıç
-                          </label>
-                          <p className="text-sm text-gray-900">
-                            {new Date(selectedPhase.startDate).toLocaleDateString('tr-TR')}
-                          </p>
-                        </div>
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Planlanan Bitiş
-                          </label>
-                          <p className="text-sm text-gray-900">
-                            {new Date(selectedPhase.endDate).toLocaleDateString('tr-TR')}
-                          </p>
-                        </div>
-                      </div>
-
-                      {(selectedPhase.actualStartDate || selectedPhase.actualEndDate) && (
-                        <div className="grid grid-cols-2 gap-2 mb-2 pt-2 border-t">
-                          <div>
-                            <label className="block text-xs font-medium text-gray-700 mb-1">
-                              Gerçek Başlangıç
-                            </label>
-                            <p className="text-sm text-gray-900">
-                              {selectedPhase.actualStartDate
-                                ? new Date(selectedPhase.actualStartDate).toLocaleDateString(
-                                    'tr-TR',
-                                  )
-                                : '-'}
-                            </p>
-                          </div>
-                          <div>
-                            <label className="block text-xs font-medium text-gray-700 mb-1">
-                              Gerçek Bitiş
-                            </label>
-                            <p className="text-sm text-gray-900">
-                              {selectedPhase.actualEndDate
-                                ? new Date(selectedPhase.actualEndDate).toLocaleDateString('tr-TR')
-                                : '-'}
-                            </p>
-                          </div>
-                        </div>
-                      )}
-
-                      {selectedPhase.actualStartDate && (
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Zamanlama Varyansı
-                          </label>
-                          <div
-                            className={`text-sm font-semibold ${
-                              calculateScheduleVariance(selectedPhase) > 0
-                                ? 'text-red-600'
-                                : 'text-green-600'
-                            }`}
-                          >
-                            {calculateScheduleVariance(selectedPhase) > 0 ? '+' : ''}
-                            {calculateScheduleVariance(selectedPhase).toFixed(1)}%
-                            {calculateScheduleVariance(selectedPhase) > 0
-                              ? ' (Gecikme)'
-                              : ' (Erken)'}
-                          </div>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-
-                  <div>
-                    <h4 className="text-sm font-semibold mb-2">Bütçe Analizi</h4>
-                    <div className="bg-gray-50 p-2.5 rounded-lg">
-                      <div className="grid grid-cols-2 gap-3 mb-3">
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Planlanan Bütçe
-                          </label>
-                          <p className="text-lg font-semibold text-blue-600">
-                            ₺{selectedPhase.budget.toLocaleString()}
-                          </p>
-                        </div>
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Gerçekleşen Maliyet
-                          </label>
-                          <p className="text-lg font-semibold text-orange-600">
-                            ₺{selectedPhase.actualCost.toLocaleString()}
-                          </p>
-                        </div>
-                      </div>
-
-                      <div className="mb-3">
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Bütçe Varyansı
-                        </label>
-                        <div
-                          className={`text-lg font-semibold ${
-                            calculateBudgetVariance(
-                              selectedPhase.budget,
-                              selectedPhase.actualCost,
-                            ) > 0
-                              ? 'text-red-600'
-                              : 'text-green-600'
-                          }`}
-                        >
-                          {calculateBudgetVariance(selectedPhase.budget, selectedPhase.actualCost) >
-                          0
-                            ? '+'
-                            : ''}
-                          {calculateBudgetVariance(
-                            selectedPhase.budget,
-                            selectedPhase.actualCost,
-                          ).toFixed(1)}
-                          %
-                          <span className="text-sm font-normal text-gray-600 ml-2">
-                            (₺
-                            {Math.abs(
-                              selectedPhase.actualCost - selectedPhase.budget,
-                            ).toLocaleString()}
-                            )
-                          </span>
-                        </div>
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Kalan Bütçe
-                        </label>
-                        <p className="text-sm text-gray-900">
-                          ₺{(selectedPhase.budget - selectedPhase.actualCost).toLocaleString()}
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <div>
-                <div className="space-y-3 pt-1">
-                  <div>
-                    <h4 className="text-sm font-semibold mb-2">Milestones</h4>
-                    <div className="bg-gray-50 p-2.5 rounded-lg">
-                      <div className="flex items-center justify-between mb-2">
-                        <span className="text-sm text-gray-600">İlerleme</span>
-                        <span className="text-sm font-medium">
-                          {selectedPhase.completedMilestones}/{selectedPhase.milestones}
-                        </span>
-                      </div>
-                      <div className="w-full bg-gray-200 rounded-full h-2 mb-3">
-                        <div
-                          className="bg-green-500 h-2 rounded-full"
-                          style={{
-                            width: `${
-                              (selectedPhase.completedMilestones / selectedPhase.milestones) * 100
-                            }%`,
-                          }}
-                        />
-                      </div>
-                      <p className="text-xs text-gray-600">
-                        {selectedPhase.milestones - selectedPhase.completedMilestones} milestone
-                        kaldı
-                      </p>
-                    </div>
-                  </div>
-
-                  <div>
-                    <h4 className="text-sm font-semibold mb-2">Atanmış Ekipler</h4>
-                    <div className="space-y-2">
-                      {selectedPhase.assignedTeams.map((team, index) => (
-                        <div
-                          key={index}
-                          className="flex items-center gap-2 p-1.5 bg-gray-100 rounded"
-                        >
-                          <FaUsers className="w-4 h-4 text-gray-400" />
-                          <span className="text-sm text-gray-900">{team}</span>
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-
-                  <div>
-                    <h4 className="text-sm font-semibold mb-2">Çıktılar</h4>
-                    <div className="space-y-2">
-                      {selectedPhase.deliverables.map((deliverable, index) => (
-                        <div
-                          key={index}
-                          className="flex items-center gap-2 p-1.5 bg-gray-100 rounded"
-                        >
-                          <FaBullseye className="w-4 h-4 text-green-500" />
-                          <span className="text-sm text-gray-900">{deliverable}</span>
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-
-                  {selectedPhase.risks.length > 0 && (
-                    <div>
-                      <h4 className="text-sm font-semibold mb-2">Riskler</h4>
-                      <div className="space-y-2">
-                        {selectedPhase.risks.map((risk, index) => (
-                          <div
-                            key={index}
-                            className="flex items-center gap-2 p-1.5 bg-red-50 rounded"
-                          >
-                            <FaExclamationTriangle className="w-4 h-4 text-red-500" />
-                            <span className="text-sm text-gray-900">{risk}</span>
-                          </div>
-                        ))}
-                      </div>
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-
-            <div className="flex justify-end gap-2 mt-3 pt-3 border-t">
-              <button
-                onClick={closeModal}
-                className="px-3 py-1 text-sm text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200"
-              >
-                Kapat
-              </button>
-              <button
-                onClick={() => {
-                  closeModal()
-                  openEditModal(selectedPhase!)
-                }}
-                className="px-3 py-1 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center gap-2"
-              >
-                <FaEdit className="w-4 h-4" />
-                Düzenle
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* Create/Edit Phase Modal */}
-      {(isCreateModalOpen || isEditModalOpen) && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-          <div className="bg-white rounded-xl shadow-2xl w-full max-w-4xl mx-4 max-h-[90vh] overflow-y-auto">
-            {/* Header */}
-            <div className="flex items-center justify-between p-3 border-b border-gray-200 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-t-xl">
-              <div className="flex items-center gap-2">
-                <div className="w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center">
-                  {isEditModalOpen ? (
-                    <FaEdit className="w-5 h-5 text-white" />
-                  ) : (
-                    <FaPlus className="w-5 h-5 text-white" />
-                  )}
-                </div>
-                <div>
-                  <h3 className="text-lg font-bold text-gray-900">
-                    {isEditModalOpen ? 'Aşama Düzenle' : 'Yeni Aşama Oluştur'}
-                  </h3>
-                  <p className="text-xs text-gray-600">
-                    {isEditModalOpen
-                      ? 'Mevcut aşama bilgilerini güncelleyin'
-                      : 'Yeni bir proje aşaması tanımlayın'}
-                  </p>
-                </div>
-              </div>
-              <button
-                onClick={isEditModalOpen ? closeEditModal : closeCreateModal}
-                className="text-gray-400 hover:text-gray-600 p-2 hover:bg-gray-100 rounded-lg transition-colors"
-              >
-                <FaTimesCircle className="w-5 h-5" />
-              </button>
-            </div>
-
-            {/* Form */}
-            <form onSubmit={handleSubmit} className="p-4">
-              <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-                {/* Sol Kolon */}
-                <div className="space-y-3">
-                  <div className="bg-gray-50 p-3 rounded-lg">
-                    <h4 className="text-base font-semibold text-gray-800 mb-3 flex items-center gap-2">
-                      <FaProjectDiagram className="w-5 h-5 text-blue-600" />
-                      Temel Bilgiler
-                    </h4>
-
-                    <div className="space-y-3">
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Proje <span className="text-red-500">*</span>
-                        </label>
-                        <select
-                          name="projectId"
-                          value={formData.projectId}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          required
-                        >
-                          <option value="">Proje seçin...</option>
-                          {mockProjects.map((project) => (
-                            <option key={project.id} value={project.id}>
-                              {project.code} - {project.name}
-                            </option>
-                          ))}
-                        </select>
-
-                        {/* Seçilen Proje Detayları */}
-                        {formData.projectId &&
-                          (() => {
-                            const selectedProject = mockProjects.find(
-                              (p) => p.id === formData.projectId,
-                            )
-                            if (!selectedProject) return null
-
-                            return (
-                              <div className="mt-2 p-2 bg-blue-50 border border-blue-200 rounded-lg">
-                                <div className="flex items-start justify-between">
-                                  <div className="flex-1">
-                                    <h4 className="font-medium text-blue-900 text-sm mb-1">
-                                      {selectedProject.name}
-                                    </h4>
-                                    <p className="text-xs text-blue-700 mb-2">
-                                      {selectedProject.description}
-                                    </p>
-                                    <div className="grid grid-cols-2 gap-2 text-xs">
-                                      <div>
-                                        <span className="font-medium text-blue-800">Durum:</span>
-                                        <span
-                                          className={`ml-1 px-2 py-1 rounded-full text-xs font-medium ${
-                                            selectedProject.status === ProjectStatusEnum.Active
-                                              ? 'bg-green-100 text-green-800'
-                                              : selectedProject.status ===
-                                                  ProjectStatusEnum.Planning
-                                                ? 'bg-yellow-100 text-yellow-800'
-                                                : 'bg-gray-100 text-gray-800'
-                                          }`}
-                                        >
-                                          {selectedProject.status === ProjectStatusEnum.Active
-                                            ? 'Aktif'
-                                            : selectedProject.status === ProjectStatusEnum.Planning
-                                              ? 'Planlama'
-                                              : selectedProject.status ===
-                                                  ProjectStatusEnum.Completed
-                                                ? 'Tamamlandı'
-                                                : selectedProject.status ===
-                                                    ProjectStatusEnum.OnHold
-                                                  ? 'Beklemede'
-                                                  : 'Iptal'}
-                                        </span>
-                                      </div>
-                                      <div>
-                                        <span className="font-medium text-blue-800">İlerleme:</span>
-                                        <span className="ml-1 text-blue-700">
-                                          %{selectedProject.progress}
-                                        </span>
-                                      </div>
-                                      <div>
-                                        <span className="font-medium text-blue-800">
-                                          Başlangıç:
-                                        </span>
-                                        <span className="ml-1 text-blue-700">
-                                          {selectedProject.startDate.toLocaleDateString('tr-TR')}
-                                        </span>
-                                      </div>
-                                      <div>
-                                        <span className="font-medium text-blue-800">Bitiş:</span>
-                                        <span className="ml-1 text-blue-700">
-                                          {selectedProject.endDate.toLocaleDateString('tr-TR')}
-                                        </span>
-                                      </div>
-                                    </div>
-                                  </div>
-                                  <div className="ml-4 text-right">
-                                    <div className="text-lg font-bold text-blue-900">
-                                      {selectedProject.budget.toLocaleString('tr-TR')}{' '}
-                                      {selectedProject.currency}
-                                    </div>
-                                    <div className="text-xs text-blue-600">Bütçe</div>
-                                  </div>
-                                </div>
-                              </div>
-                            )
-                          })()}
-                      </div>
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Aşama Adı <span className="text-red-500">*</span>
-                        </label>
-                        <input
-                          type="text"
-                          name="phaseName"
-                          value={formData.phaseName}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          placeholder="Aşama adını girin..."
-                          required
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-2">
-                          Açıklama
-                        </label>
-                        <textarea
-                          name="description"
-                          value={formData.description}
-                          onChange={handleInputChange}
-                          rows={2}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          placeholder="Aşama açıklamasını girin..."
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Kategori
-                        </label>
-                        <select
-                          name="category"
-                          value={formData.category}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                        >
-                          <option value="">Kategori seçin...</option>
-                          {Object.values(PhaseCategoryEnum).map((cat) => (
-                            <option key={cat} value={cat}>
-                              {getPhaseCategoryText(cat)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Durum
-                        </label>
-                        <select
-                          name="status"
-                          value={formData.status}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                        >
-                          {Object.values(PhaseStatusEnum).map((status) => (
-                            <option key={status} value={status}>
-                              {getPhaseStatusText(status)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Sağ Kolon */}
-                <div className="space-y-4">
-                  <div className="bg-gray-50 p-3 rounded-lg">
-                    <h4 className="text-base font-semibold text-gray-800 mb-3 flex items-center gap-2">
-                      <FaCalendar className="w-5 h-5 text-green-600" />
-                      Zaman ve Bütçe
-                    </h4>
-
-                    <div className="space-y-3">
-                      <div className="grid grid-cols-2 gap-3">
-                        <div>
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Başlangıç Tarihi
-                          </label>
-                          <input
-                            type="date"
-                            name="startDate"
-                            value={formData.startDate}
-                            onChange={handleInputChange}
-                            className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Bitiş Tarihi
-                          </label>
-                          <input
-                            type="date"
-                            name="endDate"
-                            value={formData.endDate}
-                            onChange={handleInputChange}
-                            className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          />
-                        </div>
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Bütçe (₺)
-                        </label>
-                        <input
-                          type="number"
-                          name="budget"
-                          value={formData.budget}
-                          onChange={handleInputChange}
-                          min="0"
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          placeholder="0"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-2">
-                          Atanmış Ekipler
-                        </label>
-                        <MultiSelectTeam
-                          selectedTeams={formData.assignedTeams}
-                          onChange={handleTeamChange}
-                          placeholder="Ekipleri seçin..."
-                          className="w-full"
-                        />
-                        <p className="text-xs text-gray-500 mt-1">
-                          Aşamaya atanacak bakım ekiplerini seçin
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Aşama Kodu Gösterimi */}
-                  <div className="bg-blue-50 p-3 rounded-lg border border-blue-200">
-                    <div className="flex items-center gap-2 text-blue-800">
-                      <FaProjectDiagram className="w-4 h-4" />
-                      <span className="text-sm font-medium">Aşama Kodu:</span>
-                      <span className="font-bold">
-                        {isEditModalOpen ? editingPhase?.code : generatePhaseCode()}
-                      </span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              {/* Footer */}
-              <div className="flex items-center justify-end gap-2 mt-4 pt-3 border-t border-gray-200">
-                <button
-                  type="button"
-                  onClick={isEditModalOpen ? closeEditModal : closeCreateModal}
-                  className="px-4 py-1.5 text-sm text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors flex items-center gap-2"
-                >
-                  <FaTimesCircle className="w-4 h-4" />
-                  İptal
-                </button>
-                <button
-                  type="submit"
-                  className="px-4 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center gap-2 shadow-md hover:shadow-lg"
-                >
-                  <FaSave className="w-4 h-4" />
-                  {isEditModalOpen ? 'Güncelle' : 'Oluştur'}
-                </button>
-              </div>
-            </form>
-          </div>
-        </div>
-      )}
-    </Container>
-  )
-}
-
-export default ProjectPhases
diff --git a/ui/src/views/project/components/ProjectTasks.tsx b/ui/src/views/project/components/ProjectTasks.tsx
deleted file mode 100644
index ef67b4ca..00000000
--- a/ui/src/views/project/components/ProjectTasks.tsx
+++ /dev/null
@@ -1,1102 +0,0 @@
-import React, { useState } from 'react'
-import { PsProjectTask, TaskTypeEnum, TaskStatusEnum } from '../../../types/ps'
-import {
-  FaSearch,
-  FaPlus,
-  FaEdit,
-  FaEye,
-  FaUser,
-  FaBullseye,
-  FaTimesCircle,
-  FaSave,
-  FaCalendarAlt,
-  FaFlag,
-  FaProjectDiagram,
-  FaUserCog,
-} from 'react-icons/fa'
-import { mockProjectTasks } from '../../../mocks/mockProjectTasks'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockProjects } from '../../../mocks/mockProjects'
-import { mockProjectPhases } from '../../../mocks/mockProjectPhases'
-import Widget from '../../../components/common/Widget'
-import { PriorityEnum } from '../../../types/common'
-import {
-  getTaskStatusColor,
-  getTaskStatusIcon,
-  getPriorityColor,
-  getTaskTypeColor,
-  getPriorityText,
-  getTaskStatusText,
-  getTaskTypeText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const ProjectTasks: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<TaskStatusEnum | ''>('')
-  const [selectedProjectFilter, setSelectedProjectFilter] = useState('All')
-  const [selectedTask, setSelectedTask] = useState<PsProjectTask | null>(null)
-  const [isModalOpen, setIsModalOpen] = useState(false)
-  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false)
-  const [isEditModalOpen, setIsEditModalOpen] = useState(false)
-  const [editingTask, setEditingTask] = useState<PsProjectTask | null>(null)
-
-  // Form state for creating/editing tasks
-  const [formData, setFormData] = useState({
-    name: '',
-    description: '',
-    projectId: '',
-    phaseId: '',
-    taskType: TaskTypeEnum.Development,
-    status: TaskStatusEnum.NotStarted,
-    priority: PriorityEnum.Normal,
-    assignedTo: '',
-    assigneeEmail: '',
-    startDate: '',
-    endDate: '',
-    estimatedHours: 0,
-    progress: 0,
-  })
-
-  const filteredTasks = mockProjectTasks.filter((task) => {
-    const matchesSearch =
-      task.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      task.taskCode.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      (task.description && task.description.toLowerCase().includes(searchTerm.toLowerCase()))
-    const matchesStatus = statusFilter === '' || task.status === statusFilter
-    const matchesProject =
-      selectedProjectFilter === 'All' || task.projectId === selectedProjectFilter
-    return matchesSearch && matchesStatus && matchesProject
-  })
-
-  const openModal = (task: PsProjectTask) => {
-    setSelectedTask(task)
-    setIsModalOpen(true)
-  }
-
-  const closeModal = () => {
-    setSelectedTask(null)
-    setIsModalOpen(false)
-  }
-
-  const openCreateModal = () => {
-    setFormData({
-      name: '',
-      description: '',
-      projectId: '',
-      phaseId: '',
-      taskType: TaskTypeEnum.Development,
-      status: TaskStatusEnum.NotStarted,
-      priority: PriorityEnum.Normal,
-      assignedTo: '',
-      assigneeEmail: '',
-      startDate: '',
-      endDate: '',
-      estimatedHours: 0,
-      progress: 0,
-    })
-    setIsCreateModalOpen(true)
-  }
-
-  const closeCreateModal = () => {
-    setIsCreateModalOpen(false)
-  }
-
-  const openEditModal = (task: PsProjectTask) => {
-    setEditingTask(task)
-    setFormData({
-      name: task.name,
-      description: task.description || '',
-      projectId: task.projectId || '',
-      phaseId: task.phaseId || '',
-      taskType: task.taskType,
-      status: task.status,
-      priority: task.priority,
-      assignedTo: task.assignedTo || '',
-      assigneeEmail: task.assignee?.email || '',
-      startDate: task.startDate.toISOString().split('T')[0],
-      endDate: task.endDate.toISOString().split('T')[0],
-      estimatedHours: task.estimatedHours,
-      progress: task.progress,
-    })
-    setIsEditModalOpen(true)
-  }
-
-  const closeEditModal = () => {
-    setIsEditModalOpen(false)
-    setEditingTask(null)
-  }
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>,
-  ) => {
-    const { name, value } = e.target
-
-    // Eğer atanan kişi seçimi yapılıyorsa, e-posta adresini otomatik doldur
-    if (name === 'assignedTo') {
-      const selectedEmployee = mockEmployees.find((emp) => emp.id === value)
-      setFormData((prev) => ({
-        ...prev,
-        [name]: value,
-        assigneeEmail: selectedEmployee?.email || '',
-      }))
-    } else {
-      setFormData((prev) => ({
-        ...prev,
-        [name]: value,
-      }))
-    }
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    // Here you would normally save to backend
-    console.log('Saving task:', formData)
-    alert(isEditModalOpen ? 'Görev güncellendi!' : 'Yeni görev oluşturuldu!')
-    if (isEditModalOpen) {
-      closeEditModal()
-    } else {
-      closeCreateModal()
-    }
-  }
-
-  const generateTaskCode = () => {
-    const taskCount = mockProjectTasks.length + 1
-    return `TSK-${taskCount.toString().padStart(3, '0')}`
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="flex items-center justify-between mb-4">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Görev Yönetimi</h2>
-            <p className="text-gray-600">Proje görevlerinizi oluşturun, düzenleyin ve takip edin</p>
-          </div>
-          <button
-            onClick={openCreateModal}
-            className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center gap-2 transition-colors shadow-sm"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni Görev
-          </button>
-        </div>
-
-        {/* Summary Stats */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-3 mb-3">
-          <Widget
-            title="Toplam Görev"
-            value={mockProjectTasks.length}
-            color="blue"
-            icon="FaBullseye"
-          />
-
-          <Widget
-            title="Devam Eden"
-            value={mockProjectTasks.filter((t) => t.status === TaskStatusEnum.InProgress).length}
-            color="yellow"
-            icon="FaClock"
-          />
-
-          <Widget
-            title="Tamamlanan"
-            value={mockProjectTasks.filter((t) => t.status === TaskStatusEnum.Completed).length}
-            color="green"
-            icon="FaCheckCircle"
-          />
-
-          <Widget
-            title="Hatalar"
-            value={
-              mockProjectTasks.length > 0
-                ? `${Math.round(
-                    mockProjectTasks.reduce((sum, t) => sum + t.progress, 0) /
-                      mockProjectTasks.length,
-                  )}%`
-                : '0%'
-            }
-            color="red"
-            icon="FaBullseye"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex flex-wrap items-center gap-2">
-          <div className="relative flex-1 min-w-64">
-            <FaSearch className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Görev ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-10 px-3 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-
-          <div className="flex items-center gap-2">
-            <select
-              value={selectedProjectFilter}
-              onChange={(e) => setSelectedProjectFilter(e.target.value)}
-              className="px-2.5 py-1 text-sm border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"
-            >
-              <option value="All">Tüm Projeler</option>
-              {mockProjects.map((op) => (
-                <option key={op.id} value={op.id}>
-                  {op.code} - {op.name}
-                </option>
-              ))}
-            </select>
-
-            <select
-              value={statusFilter}
-              onChange={(e) => setStatusFilter(e.target.value as TaskStatusEnum | '')}
-              className="w-full px-2.5 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              <option value="">Tüm Durumlar</option>
-              {Object.values(TaskStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getTaskStatusText(status)}
-                </option>
-              ))}
-            </select>
-          </div>
-        </div>
-      </div>
-
-      {/* Task List */}
-      <div className="bg-white rounded-lg shadow-sm overflow-hidden border border-gray-200">
-        <div className="overflow-x-auto">
-          <table className="min-w-full divide-y divide-gray-200">
-            <thead className="bg-gradient-to-r from-gray-50 to-gray-100">
-              <tr>
-                <th className="px-2 py-1 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                  Proje
-                </th>
-                <th className="px-2 py-1 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                  Aşama
-                </th>
-                <th className="px-2 py-1 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                  Görev
-                </th>
-                <th className="px-2 py-1 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                  Durum
-                </th>
-                <th className="px-2 py-1 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                  Öncelik
-                </th>
-                <th className="px-2 py-1 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                  Atanan
-                </th>
-                <th className="px-2 py-1 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                  İlerleme
-                </th>
-                <th className="px-2 py-1 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                  Bitiş Tarihi
-                </th>
-                <th className="px-2 py-1 text-center text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                  İşlemler
-                </th>
-              </tr>
-            </thead>
-            <tbody className="bg-white divide-y divide-gray-200">
-              {filteredTasks.map((task, index) => (
-                <tr
-                  key={task.id}
-                  className={`hover:bg-blue-50 transition-colors duration-200 ${
-                    index % 2 === 0 ? 'bg-white' : 'bg-gray-50'
-                  }`}
-                >
-                  <td className="px-2 py-1 whitespace-nowrap">
-                    <div>
-                      <div className="text-sm font-medium text-blue-700">
-                        {(() => {
-                          const project = mockProjects.find((p) => p.id === task.projectId)
-                          return project?.name || `Proje ID: ${task.projectId}`
-                        })()}
-                      </div>
-                      <div className="text-xs text-gray-500">
-                        {(() => {
-                          const project = mockProjects.find((p) => p.id === task.projectId)
-                          return project?.code || task.projectId
-                        })()}
-                      </div>
-                    </div>
-                  </td>
-                  <td className="px-2 py-1 whitespace-nowrap">
-                    <div>
-                      <div className="text-sm font-medium text-green-700">
-                        {task.phase?.name ||
-                          (() => {
-                            const phase = mockProjectPhases.find((p) => p.id === task.phaseId)
-                            return phase?.name || `Aşama ID: ${task.phaseId}`
-                          })()}
-                      </div>
-                      <div className="text-xs text-gray-500">
-                        {task.phase?.code ||
-                          (() => {
-                            const phase = mockProjectPhases.find((p) => p.id === task.phaseId)
-                            return phase?.code || task.phaseId
-                          })()}
-                      </div>
-                    </div>
-                  </td>
-                  <td className="px-2 py-1 whitespace-nowrap">
-                    <div>
-                      <div className="text-sm font-semibold text-gray-900 hover:text-blue-600 transition-colors">
-                        {task.name}
-                      </div>
-                      <div className="text-xs text-gray-500 font-mono bg-gray-100 px-1.5 py-0.5 rounded inline-block mt-1">
-                        {task.taskCode}
-                      </div>
-                    </div>
-                  </td>
-
-                  <td className="px-2 py-1 whitespace-nowrap">
-                    <span
-                      className={`inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full text-xs font-semibold ${getTaskStatusColor(
-                        task.status,
-                      )}`}
-                    >
-                      {getTaskStatusIcon(task.status)}
-                      {task.status}
-                    </span>
-                  </td>
-                  <td className="px-2 py-1 whitespace-nowrap">
-                    <span
-                      className={`inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-semibold ${getPriorityColor(
-                        task.priority,
-                      )}`}
-                    >
-                      {task.priority}
-                    </span>
-                  </td>
-                  <td className="px-2 py-1 whitespace-nowrap">
-                    <div className="flex items-center">
-                      <div className="w-6 h-6 bg-gradient-to-br from-blue-100 to-blue-200 rounded-full flex items-center justify-center mr-2">
-                        <FaUser className="w-4 h-4 text-blue-600" />
-                      </div>
-                      <div className="text-sm text-gray-900 font-medium">
-                        {task.assignee?.name || '-'}
-                      </div>
-                    </div>
-                  </td>
-                  <td className="px-2 py-1 whitespace-nowrap">
-                    <div className="flex items-center">
-                      <div className="w-20 bg-gray-200 rounded-full h-2 mr-3 shadow-inner">
-                        <div
-                          className="bg-gradient-to-r from-blue-500 to-blue-600 h-2 rounded-full transition-all duration-300"
-                          style={{ width: `${task.progress}%` }}
-                        />
-                      </div>
-                      <span className="text-sm text-gray-900 font-semibold min-w-[3rem]">
-                        {task.progress}%
-                      </span>
-                    </div>
-                  </td>
-                  <td className="px-2 py-1 whitespace-nowrap text-sm text-gray-900 font-medium">
-                    {task.endDate.toLocaleDateString('tr-TR')}
-                  </td>
-                  <td className="px-2 py-1 whitespace-nowrap text-sm font-medium">
-                    <div className="flex gap-1 justify-center">
-                      <button
-                        onClick={() => openModal(task)}
-                        className="text-blue-600 hover:text-blue-900 p-1 rounded-lg hover:bg-blue-50 transition-colors duration-200"
-                        title="Görüntüle"
-                      >
-                        <FaEye className="w-4 h-4" />
-                      </button>
-                      <button
-                        onClick={() => openEditModal(task)}
-                        className="text-green-600 hover:text-green-900 p-1 rounded-lg hover:bg-green-50 transition-colors duration-200"
-                        title="Düzenle"
-                      >
-                        <FaEdit className="w-4 h-4" />
-                      </button>
-                    </div>
-                  </td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-
-        {filteredTasks.length === 0 && (
-          <div className="text-center py-10">
-            <div className="w-12 h-12 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-2">
-              <FaBullseye className="w-6 h-6 text-gray-400" />
-            </div>
-            <h3 className="text-base font-medium text-gray-900 mb-1">Görev bulunamadı</h3>
-            <p className="text-gray-500">
-              Arama kriterlerinizi değiştirmeyi deneyin veya yeni bir görev oluşturun.
-            </p>
-          </div>
-        )}
-      </div>
-
-      {/* Task Detail Modal */}
-      {isModalOpen && selectedTask && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-          <div className="bg-white rounded-xl shadow-2xl w-full max-w-3xl mx-4 max-h-[90vh] overflow-y-auto">
-            <div className="flex items-center justify-between p-3 border-b border-gray-200 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-t-xl">
-              <div className="flex items-center gap-2">
-                <div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
-                  <FaEye className="w-4 h-4 text-white" />
-                </div>
-                <div>
-                  <h3 className="text-lg font-bold text-gray-900">
-                    {selectedTask.taskCode} - {selectedTask.name}
-                  </h3>
-                  <p className="text-gray-600">Görev detayları</p>
-                </div>
-              </div>
-              <button
-                onClick={closeModal}
-                className="text-gray-400 hover:text-gray-600 p-1 hover:bg-gray-100 rounded-lg transition-colors"
-              >
-                <FaTimesCircle className="w-4 h-4" />
-              </button>
-            </div>
-
-            <div className="p-3">
-              <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-                {/* Sol Kolon - Temel Bilgiler */}
-                <div className="space-y-3">
-                  <div className="bg-gray-50 p-3 rounded-xl">
-                    <h4 className="text-base font-semibold mb-2 flex items-center gap-2 text-gray-800">
-                      <FaProjectDiagram className="w-5 h-5 text-blue-600" />
-                      Görev Bilgileri
-                    </h4>
-                    <div className="space-y-2.5">
-                      <div className="grid grid-cols-1 gap-2.5">
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Proje
-                          </label>
-                          <div className="bg-white p-2.5 rounded-lg border border-blue-200">
-                            <div className="text-sm font-semibold text-blue-800">
-                              {(() => {
-                                const project = mockProjects.find(
-                                  (p) => p.id === selectedTask.projectId,
-                                )
-                                return project?.name || `Proje ID: ${selectedTask.projectId}`
-                              })()}
-                            </div>
-                            <div className="text-xs text-blue-600 mt-1">
-                              {(() => {
-                                const project = mockProjects.find(
-                                  (p) => p.id === selectedTask.projectId,
-                                )
-                                return project?.code || selectedTask.projectId
-                              })()}
-                            </div>
-                          </div>
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Aşama
-                          </label>
-                          <div className="bg-white p-2.5 rounded-lg border border-green-200">
-                            <div className="text-sm font-semibold text-green-800">
-                              {selectedTask.phase?.name ||
-                                (() => {
-                                  const phase = mockProjectPhases.find(
-                                    (p) => p.id === selectedTask.phaseId,
-                                  )
-                                  return phase?.name || `Aşama ID: ${selectedTask.phaseId}`
-                                })()}
-                            </div>
-                            <div className="text-xs text-green-600 mt-1">
-                              {selectedTask.phase?.code ||
-                                (() => {
-                                  const phase = mockProjectPhases.find(
-                                    (p) => p.id === selectedTask.phaseId,
-                                  )
-                                  return phase?.code || selectedTask.phaseId
-                                })()}
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Açıklama
-                        </label>
-                        <p className="text-sm text-gray-900 bg-white p-2 rounded-lg border">
-                          {selectedTask.description || 'Açıklama bulunmuyor.'}
-                        </p>
-                      </div>
-
-                      <div className="grid grid-cols-2 gap-2.5">
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Görev Türü
-                          </label>
-                          <span
-                            className={`inline-flex items-center px-2 py-1 rounded-lg text-xs font-semibold ${getTaskTypeColor(
-                              selectedTask.taskType,
-                            )}`}
-                          >
-                            {selectedTask.taskType}
-                          </span>
-                        </div>
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Durum
-                          </label>
-                          <span
-                            className={`inline-flex items-center gap-1.5 px-2 py-1 rounded-lg text-xs font-semibold ${getTaskStatusColor(
-                              selectedTask.status,
-                            )}`}
-                          >
-                            {getTaskStatusIcon(selectedTask.status)}
-                            {selectedTask.status}
-                          </span>
-                        </div>
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Öncelik
-                        </label>
-                        <span
-                          className={`inline-flex items-center px-2 py-1 rounded-lg text-xs font-semibold ${getPriorityColor(
-                            selectedTask.priority,
-                          )}`}
-                        >
-                          {selectedTask.priority}
-                        </span>
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Atanan Kişi
-                        </label>
-                        {selectedTask.assignee ? (
-                          <div className="flex items-center space-x-2 bg-white p-2 rounded-lg border">
-                            <div className="w-8 h-8 bg-gradient-to-br from-blue-100 to-blue-200 rounded-full flex items-center justify-center">
-                              <FaUser className="w-6 h-6 text-blue-600" />
-                            </div>
-                            <div>
-                              <p className="text-sm font-medium text-gray-900">
-                                {selectedTask.assignee.name}
-                              </p>
-                              <p className="text-sm text-gray-500">{selectedTask.assignee.email}</p>
-                            </div>
-                          </div>
-                        ) : (
-                          <p className="text-sm text-gray-500 bg-white p-2 rounded-lg border">
-                            Atanmamış
-                          </p>
-                        )}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Sağ Kolon - Tarih ve İlerleme */}
-                <div className="space-y-3">
-                  <div className="bg-gray-50 p-3 rounded-xl">
-                    <h4 className="text-base font-semibold mb-2 flex items-center gap-2 text-gray-800">
-                      <FaCalendarAlt className="w-5 h-5 text-green-600" />
-                      Tarih ve İlerleme
-                    </h4>
-                    <div className="space-y-2.5">
-                      <div className="grid grid-cols-2 gap-2.5">
-                        <div className="bg-white p-2 rounded-lg border">
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Planlanan Başlangıç
-                          </label>
-                          <p className="text-sm text-gray-900 font-medium">
-                            {selectedTask.startDate.toLocaleDateString('tr-TR')}
-                          </p>
-                        </div>
-                        <div className="bg-white p-2 rounded-lg border">
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Gerçek Başlangıç
-                          </label>
-                          <p className="text-sm text-gray-900 font-medium">
-                            {selectedTask.actualStartDate?.toLocaleDateString('tr-TR') ||
-                              'Henüz başlanmadı'}
-                          </p>
-                        </div>
-                      </div>
-
-                      <div className="grid grid-cols-2 gap-2.5">
-                        <div className="bg-white p-2 rounded-lg border">
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Planlanan Bitiş
-                          </label>
-                          <p className="text-sm text-gray-900 font-medium">
-                            {selectedTask.endDate.toLocaleDateString('tr-TR')}
-                          </p>
-                        </div>
-                        <div className="bg-white p-2 rounded-lg border">
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Gerçek Bitiş
-                          </label>
-                          <p className="text-sm text-gray-900 font-medium">
-                            {selectedTask.actualEndDate?.toLocaleDateString('tr-TR') ||
-                              'Henüz tamamlanmadı'}
-                          </p>
-                        </div>
-                      </div>
-
-                      <div className="grid grid-cols-2 gap-2.5">
-                        <div className="bg-blue-50 p-2 rounded-lg border border-blue-200">
-                          <label className="block text-xs font-medium text-blue-700 mb-1">
-                            Tahmini Süre
-                          </label>
-                          <p className="text-base font-bold text-blue-600">
-                            {selectedTask.estimatedHours} saat
-                          </p>
-                        </div>
-                        <div className="bg-orange-50 p-2 rounded-lg border border-orange-200">
-                          <label className="block text-xs font-medium text-orange-700 mb-1">
-                            Gerçekleşen Süre
-                          </label>
-                          <p className="text-base font-bold text-orange-600">
-                            {selectedTask.actualHours} saat
-                          </p>
-                        </div>
-                      </div>
-
-                      <div className="bg-white p-2 rounded-lg border">
-                        <label className="block text-xs font-medium text-gray-700 mb-2">
-                          İlerleme
-                        </label>
-                        <div className="flex items-center">
-                          <div className="flex-1 bg-gray-200 rounded-full h-3 mr-3">
-                            <div
-                              className="bg-gradient-to-r from-blue-500 to-blue-600 h-4 rounded-full flex items-center justify-center transition-all duration-300"
-                              style={{ width: `${selectedTask.progress}%` }}
-                            >
-                              {selectedTask.progress > 20 && (
-                                <span className="text-xs font-medium text-white">
-                                  {selectedTask.progress}%
-                                </span>
-                              )}
-                            </div>
-                          </div>
-                          {selectedTask.progress <= 20 && (
-                            <span className="text-sm font-medium text-gray-900">
-                              {selectedTask.progress}%
-                            </span>
-                          )}
-                        </div>
-                      </div>
-
-                      <div className="grid grid-cols-2 gap-2.5 pt-2 border-t">
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Oluşturulma
-                          </label>
-                          <p className="text-sm text-gray-500">
-                            {selectedTask.creationTime.toLocaleDateString('tr-TR')}
-                          </p>
-                        </div>
-                        <div>
-                          <label className="block text-xs font-medium text-gray-700 mb-1">
-                            Son Güncelleme
-                          </label>
-                          <p className="text-sm text-gray-500">
-                            {selectedTask.lastModificationTime.toLocaleDateString('tr-TR')}
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            <div className="flex justify-end gap-2 p-3 border-t border-gray-200 bg-gray-50 rounded-b-xl">
-              <button
-                onClick={closeModal}
-                className="px-3 py-1 text-sm text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors flex items-center gap-1.5"
-              >
-                <FaTimesCircle className="w-4 h-4" />
-                Kapat
-              </button>
-              <button
-                onClick={() => {
-                  closeModal()
-                  openEditModal(selectedTask!)
-                }}
-                className="px-3 py-1 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center gap-1.5 shadow-sm"
-              >
-                <FaEdit className="w-4 h-4" />
-                Düzenle
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* Create/Edit Task Modal */}
-      {(isCreateModalOpen || isEditModalOpen) && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-          <div className="bg-white rounded-xl shadow-2xl w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto">
-            {/* Header */}
-            <div className="flex items-center justify-between p-2.5 border-b border-gray-200 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-t-xl">
-              <div className="flex items-center gap-2">
-                <div className="w-6 h-6 bg-blue-600 rounded-md flex items-center justify-center">
-                  {isEditModalOpen ? (
-                    <FaEdit className="w-3.5 h-3.5 text-white" />
-                  ) : (
-                    <FaPlus className="w-5 h-5 text-white" />
-                  )}
-                </div>
-                <div>
-                  <h3 className="text-lg font-bold text-gray-900">
-                    {isEditModalOpen ? 'Görev Düzenle' : 'Yeni Görev Oluştur'}
-                  </h3>
-                  <p className="text-xs text-gray-600">
-                    {isEditModalOpen
-                      ? 'Mevcut görev bilgilerini güncelleyin'
-                      : 'Yeni bir görev tanımlayın'}
-                  </p>
-                </div>
-              </div>
-              <button
-                onClick={isEditModalOpen ? closeEditModal : closeCreateModal}
-                className="text-gray-400 hover:text-gray-600 p-1 hover:bg-gray-100 rounded-lg transition-colors"
-              >
-                <FaTimesCircle className="w-4 h-4" />
-              </button>
-            </div>
-
-            {/* Form */}
-            <form onSubmit={handleSubmit} className="p-2.5">
-              <div className="grid grid-cols-1 lg:grid-cols-2 gap-2.5">
-                {/* Sol Kolon */}
-                <div className="space-y-2.5">
-                  <div className="bg-gray-50 p-2.5 rounded-lg">
-                    <h4 className="text-base font-semibold text-gray-800 mb-2 flex items-center gap-2">
-                      <FaProjectDiagram className="w-5 h-5 text-blue-600" />
-                      Temel Bilgiler
-                    </h4>
-
-                    <div className="space-y-3">
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Proje <span className="text-red-500">*</span>
-                        </label>
-                        <select
-                          name="projectId"
-                          value={formData.projectId}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          required
-                        >
-                          <option value="">Proje seçin...</option>
-                          {mockProjects.map((project) => (
-                            <option key={project.id} value={project.id}>
-                              {project.code} - {project.name}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Aşama <span className="text-red-500">*</span>
-                        </label>
-                        <select
-                          name="phaseId"
-                          value={formData.phaseId}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          required
-                          disabled={!formData.projectId}
-                        >
-                          <option value="">
-                            {formData.projectId ? 'Aşama seçin...' : 'Önce proje seçin'}
-                          </option>
-                          {formData.projectId &&
-                            mockProjectPhases
-                              .filter((phase) => phase.projectId === formData.projectId)
-                              .map((phase) => (
-                                <option key={phase.id} value={phase.id}>
-                                  {phase.code} - {phase.name}
-                                </option>
-                              ))}
-                        </select>
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Görev Adı <span className="text-red-500">*</span>
-                        </label>
-                        <input
-                          type="text"
-                          name="name"
-                          value={formData.name}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          placeholder="Görev adını girin..."
-                          required
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Açıklama
-                        </label>
-                        <textarea
-                          name="description"
-                          value={formData.description}
-                          onChange={handleInputChange}
-                          rows={2}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          placeholder="Görev açıklamasını girin..."
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Görev Türü
-                        </label>
-                        <select
-                          name="taskType"
-                          value={formData.taskType}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                        >
-                          {Object.values(TaskTypeEnum).map((type) => (
-                            <option key={type} value={type}>
-                              {getTaskTypeText(type)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Öncelik
-                        </label>
-                        <select
-                          name="priority"
-                          value={formData.priority}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                        >
-                          {Object.values(PriorityEnum).map((priority) => (
-                            <option key={priority} value={priority}>
-                              {getPriorityText(priority)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Durum
-                        </label>
-                        <select
-                          name="status"
-                          value={formData.status}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                        >
-                          {Object.values(TaskStatusEnum).map((status) => (
-                            <option key={status} value={status}>
-                              {getTaskStatusText(status)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Sağ Kolon */}
-                <div className="space-y-2.5">
-                  <div className="bg-gray-50 p-2.5 rounded-lg">
-                    <h4 className="text-base font-semibold text-gray-800 mb-2 flex items-center gap-2">
-                      <FaUserCog className="w-5 h-5 text-green-600" />
-                      Atama ve Zaman
-                    </h4>
-
-                    <div className="space-y-3">
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Atanan Kişi <span className="text-red-500">*</span>
-                        </label>
-                        <select
-                          name="assignedTo"
-                          value={formData.assignedTo}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                        >
-                          <option value="">Çalışan seçin...</option>
-                          {mockEmployees
-                            .filter((emp) => emp.isActive)
-                            .map((employee) => (
-                              <option key={employee.id} value={employee.id}>
-                                {employee.name} - {employee.jobPosition?.name}
-                              </option>
-                            ))}
-                        </select>
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          E-posta
-                        </label>
-                        <input
-                          type="email"
-                          name="assigneeEmail"
-                          value={formData.assigneeEmail}
-                          onChange={handleInputChange}
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors bg-gray-50"
-                          placeholder="E-posta adresi otomatik doldurulacak..."
-                          readOnly
-                        />
-                      </div>
-
-                      {/* Seçili Çalışan Bilgileri */}
-                      {formData.assignedTo && (
-                        <div className="bg-blue-50 p-2 rounded-lg border border-blue-200">
-                          {(() => {
-                            const selectedEmployee = mockEmployees.find(
-                              (emp) => emp.id === formData.assignedTo,
-                            )
-                            return selectedEmployee ? (
-                              <div className="flex items-center gap-3">
-                                <div className="w-10 h-10 bg-gradient-to-br from-blue-100 to-blue-200 rounded-full flex items-center justify-center">
-                                  <FaUser className="w-6 h-6 text-blue-600" />
-                                </div>
-                                <div>
-                                  <h4 className="font-semibold text-blue-900">
-                                    {selectedEmployee.name}
-                                  </h4>
-                                  <p className="text-xs text-blue-700">
-                                    {selectedEmployee.jobPosition?.name}
-                                  </p>
-                                  <p className="text-xs text-blue-600">
-                                    {selectedEmployee.department?.name}
-                                  </p>
-                                </div>
-                              </div>
-                            ) : null
-                          })()}
-                        </div>
-                      )}
-
-                      <div className="grid grid-cols-2 gap-2.5">
-                        <div>
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            <FaCalendarAlt className="inline w-4 h-4 mr-1" />
-                            Başlangıç Tarihi
-                          </label>
-                          <input
-                            type="date"
-                            name="startDate"
-                            value={formData.startDate}
-                            onChange={handleInputChange}
-                            className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            <FaCalendarAlt className="inline w-4 h-4 mr-1" />
-                            Bitiş Tarihi
-                          </label>
-                          <input
-                            type="date"
-                            name="endDate"
-                            value={formData.endDate}
-                            onChange={handleInputChange}
-                            className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          />
-                        </div>
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Tahmini Süre (Saat)
-                        </label>
-                        <input
-                          type="number"
-                          name="estimatedHours"
-                          value={formData.estimatedHours}
-                          onChange={handleInputChange}
-                          min="0"
-                          className="w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
-                          placeholder="0"
-                        />
-                      </div>
-
-                      {isEditModalOpen && (
-                        <div>
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            İlerleme (%)
-                          </label>
-                          <div className="flex items-center gap-2">
-                            <input
-                              type="range"
-                              name="progress"
-                              value={formData.progress}
-                              onChange={handleInputChange}
-                              min="0"
-                              max="100"
-                              className="flex-1"
-                            />
-                            <span className="w-12 text-sm font-medium text-gray-700">
-                              {formData.progress}%
-                            </span>
-                          </div>
-                          <div className="mt-2 w-full bg-gray-200 rounded-full h-2">
-                            <div
-                              className="bg-blue-500 h-2 rounded-full transition-all duration-300"
-                              style={{ width: `${formData.progress}%` }}
-                            />
-                          </div>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-
-                  {/* Görev Kodu Gösterimi */}
-                  <div className="bg-blue-50 p-2.5 rounded-lg border border-blue-200">
-                    <div className="flex items-center gap-1.5 text-blue-800">
-                      <FaFlag className="w-4 h-4" />
-                      <span className="text-sm font-medium">Görev Kodu:</span>
-                      <span className="font-bold">
-                        {isEditModalOpen ? editingTask?.taskCode : generateTaskCode()}
-                      </span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              {/* Footer */}
-              <div className="flex items-center justify-end gap-2 mt-3 pt-2.5 border-t border-gray-200">
-                <button
-                  type="button"
-                  onClick={isEditModalOpen ? closeEditModal : closeCreateModal}
-                  className="px-3 py-1 text-sm text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors flex items-center gap-1.5"
-                >
-                  <FaTimesCircle className="w-4 h-4" />
-                  İptal
-                </button>
-                <button
-                  type="submit"
-                  className="px-3 py-1 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center gap-1.5 shadow-md"
-                >
-                  <FaSave className="w-4 h-4" />
-                  {isEditModalOpen ? 'Güncelle' : 'Oluştur'}
-                </button>
-              </div>
-            </form>
-          </div>
-        </div>
-      )}
-    </Container>
-  )
-}
-
-export default ProjectTasks
diff --git a/ui/src/views/project/components/ProjectView.tsx b/ui/src/views/project/components/ProjectView.tsx
deleted file mode 100644
index 4c080250..00000000
--- a/ui/src/views/project/components/ProjectView.tsx
+++ /dev/null
@@ -1,1001 +0,0 @@
-import React, { useState } from 'react'
-import { useParams, Link, useNavigate } from 'react-router-dom'
-import {
-  FaArrowLeft,
-  FaEdit,
-  FaUser,
-  FaDollarSign,
-  FaBullseye,
-  FaBuilding,
-  FaClock,
-  FaFlag,
-  FaTasks,
-  FaFileAlt,
-  FaExclamationCircle,
-  FaChartLine,
-  FaFolder,
-  FaPhone,
-  FaEnvelope,
-} from 'react-icons/fa'
-import { TaskStatusEnum } from '../../../types/ps'
-import { mockProjects } from '../../../mocks/mockProjects'
-import { mockProjectPhases } from '../../../mocks/mockProjectPhases'
-import { mockProjectTasks } from '../../../mocks/mockProjectTasks'
-import dayjs from 'dayjs'
-import classNames from 'classnames'
-import { PriorityEnum } from '../../../types/common'
-import {
-  getProjectStatusColor,
-  getProjectStatusIcon,
-  getProjectStatusText,
-  getProgressColor,
-  getPriorityColor,
-  getPriorityText,
-  getProjectTypeColor,
-  getProjectTypeText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import useLocale from '@/utils/hooks/useLocale'
-import { currentLocalDate } from '@/utils/dateUtils'
-
-const ProjectView: React.FC = () => {
-  const { id } = useParams<{ id: string }>()
-  const navigate = useNavigate()
-  const [activeTab, setActiveTab] = useState('overview')
-  const currentLocale = useLocale()
-
-  // Find the project by ID
-  const project = mockProjects.find((p) => p.id === id)
-
-  if (!project) {
-    return (
-      <div className="min-h-screen bg-gray-50 flex items-center justify-center">
-        <div className="text-center">
-          <FaFolder className="mx-auto h-12 w-12 text-gray-400" />
-          <h3 className="mt-2 text-sm font-medium text-gray-900">Proje bulunamadı</h3>
-          <p className="mt-1 text-sm text-gray-500">Belirtilen ID ile proje mevcut değil.</p>
-          <div className="mt-6">
-            <Link
-              to={ROUTES_ENUM.protected.projects.list}
-              className="inline-flex items-center px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors text-sm"
-            >
-              <FaArrowLeft className="mr-2 h-4 w-4" />
-              Projelere Dön
-            </Link>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  const tabs = [
-    { id: 'overview', name: 'Genel Bakış', icon: FaChartLine },
-    { id: 'phases', name: 'Fazlar', icon: FaFlag },
-    { id: 'tasks', name: 'Görevler', icon: FaTasks },
-    { id: 'documents', name: 'Belgeler', icon: FaFileAlt },
-    { id: 'risks', name: 'Riskler', icon: FaExclamationCircle },
-    { id: 'financial', name: 'Mali Özet', icon: FaDollarSign },
-  ]
-
-  const budgetUsagePercentage = (project.actualCost / project.budget) * 100
-  const timeElapsed = dayjs().diff(dayjs(project.startDate), 'day')
-  const totalDuration = dayjs(project.endDate).diff(dayjs(project.startDate), 'day')
-  const timeProgress = Math.min((timeElapsed / totalDuration) * 100, 100)
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="bg-white shadow-sm border-b border-gray-200">
-          <div className="p-2">
-            <div className="flex items-center justify-between h-12">
-              <div className="flex items-center space-x-2">
-                <button
-                  onClick={() => navigate(ROUTES_ENUM.protected.projects.list)}
-                  className="flex items-center px-2 py-1.5 text-sm text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
-                >
-                  <FaArrowLeft className="w-4 h-4 mr-2" />
-                  Geri
-                </button>
-                <div className="flex items-center space-x-2">
-                  <div className="w-9 h-9 bg-blue-100 rounded-lg flex items-center justify-center">
-                    <FaFolder className="w-6 h-6 text-blue-600" />
-                  </div>
-                  <div>
-                    <h1 className="text-lg font-bold text-gray-900">{project.code}</h1>
-                    <p className="text-gray-600">{project.name}</p>
-                  </div>
-                </div>
-              </div>
-              <div className="flex items-center space-x-2">
-                <span
-                  className={classNames(
-                    'inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium border',
-                    getProjectStatusColor(project.status),
-                  )}
-                >
-                  {getProjectStatusIcon(project.status)}
-                  <span className="ml-2">{getProjectStatusText(project.status)}</span>
-                </span>
-                <Link
-                  to={ROUTES_ENUM.protected.projects.edit.replace(':id', project.id)}
-                  className="inline-flex items-center px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-                >
-                  <FaEdit className="w-4 h-4 mr-2" />
-                  Düzenle
-                </Link>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div className="mx-auto py-2">
-          {/* Summary Cards */}
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3 mb-4">
-            {/* Progress Card */}
-            <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-3">
-              <div className="flex items-center justify-between mb-2">
-                <div className="w-7 h-7 bg-blue-100 rounded-lg flex items-center justify-center">
-                  <FaBullseye className="w-5 h-5 text-blue-600" />
-                </div>
-                <span className="text-lg font-bold text-blue-600">{project.progress}%</span>
-              </div>
-              <h3 className="text-sm font-medium text-gray-600 mb-1.5">İlerleme</h3>
-              <div className="w-full bg-gray-200 rounded-full h-1.5">
-                <div
-                  className={classNames('h-1.5 rounded-full', getProgressColor(project.progress))}
-                  style={{ width: `${project.progress}%` }}
-                />
-              </div>
-            </div>
-
-            {/* Budget Card */}
-            <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-3">
-              <div className="flex items-center justify-between mb-2">
-                <div className="w-7 h-7 bg-green-100 rounded-lg flex items-center justify-center">
-                  <FaDollarSign className="w-5 h-5 text-green-600" />
-                </div>
-                <span className="text-lg font-bold text-green-600">
-                  {budgetUsagePercentage.toFixed(0)}%
-                </span>
-              </div>
-              <h3 className="text-sm font-medium text-gray-600 mb-1">Bütçe Kullanımı</h3>
-              <div className="text-xs text-gray-500">
-                ₺{project.actualCost.toLocaleString()} / ₺{project.budget.toLocaleString()}
-              </div>
-            </div>
-
-            {/* Time Progress Card */}
-            <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-3">
-              <div className="flex items-center justify-between mb-2">
-                <div className="w-7 h-7 bg-orange-100 rounded-lg flex items-center justify-center">
-                  <FaClock className="w-5 h-5 text-orange-600" />
-                </div>
-                <span className="text-lg font-bold text-orange-600">
-                  {timeProgress.toFixed(0)}%
-                </span>
-              </div>
-              <h3 className="text-sm font-medium text-gray-600 mb-1">Zaman İlerlemesi</h3>
-              <div className="text-xs text-gray-500">
-                {timeElapsed} / {totalDuration} gün
-              </div>
-            </div>
-
-            {/* Priority Card */}
-            <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-3">
-              <div className="flex items-center justify-between mb-2">
-                <div className="w-7 h-7 bg-red-100 rounded-lg flex items-center justify-center">
-                  <FaFlag className="w-5 h-5 text-red-600" />
-                </div>
-                <span
-                  className={classNames('text-lg font-bold', getPriorityColor(project.priority))}
-                >
-                  {getPriorityText(project.priority)}
-                </span>
-              </div>
-              <h3 className="text-sm font-medium text-gray-600 mb-1">Öncelik</h3>
-              <span
-                className={classNames(
-                  'inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium border',
-                  getProjectTypeColor(project.projectType),
-                )}
-              >
-                {getProjectTypeText(project.projectType)}
-              </span>
-            </div>
-          </div>
-
-          {/* Tabs */}
-          <div className="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
-            <div className="border-b border-gray-200">
-              <nav className="flex space-x-4 px-3" aria-label="Tabs">
-                {tabs.map((tab) => {
-                  const Icon = tab.icon
-                  return (
-                    <button
-                      key={tab.id}
-                      onClick={() => setActiveTab(tab.id)}
-                      className={classNames(
-                        'py-2 px-1 border-b-2 font-medium text-sm flex items-center space-x-2 transition-colors',
-                        activeTab === tab.id
-                          ? 'border-blue-500 text-blue-600'
-                          : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300',
-                      )}
-                    >
-                      <Icon className="w-4 h-4" />
-                      <span>{tab.name}</span>
-                    </button>
-                  )
-                })}
-              </nav>
-            </div>
-
-            <div className="p-3">
-              {activeTab === 'overview' && (
-                <div className="space-y-3">
-                  {/* Project Info Grid */}
-                  <div className="grid grid-cols-1 lg:grid-cols-2 gap-3">
-                    {/* Project Details */}
-                    <div className="space-y-3">
-                      <div>
-                        <h3 className="text-base font-semibold text-gray-900 mb-2">
-                          Proje Detayları
-                        </h3>
-                        <div className="bg-gray-50 rounded-lg p-2.5 space-y-1.5 text-sm">
-                          <div className="flex justify-between items-center">
-                            <span className="text-gray-600">Proje Kodu:</span>
-                            <span className="font-medium text-gray-900">{project.code}</span>
-                          </div>
-                          <div className="flex justify-between items-center">
-                            <span className="text-gray-600">Proje Türü:</span>
-                            <span
-                              className={classNames(
-                                'px-2 py-0.5 rounded-full text-xs font-medium border',
-                                getProjectTypeColor(project.projectType),
-                              )}
-                            >
-                              {getProjectTypeText(project.projectType)}
-                            </span>
-                          </div>
-                          <div className="flex justify-between items-center">
-                            <span className="text-gray-600">Başlangıç Tarihi:</span>
-                            <span className="font-medium text-gray-900">
-                              {currentLocalDate(new Date(project.startDate), currentLocale || 'tr')}
-                            </span>
-                          </div>
-                          <div className="flex justify-between items-center">
-                            <span className="text-gray-600">Bitiş Tarihi:</span>
-                            <span className="font-medium text-gray-900">
-                              {currentLocalDate(new Date(project.endDate), currentLocale || 'tr')}
-                            </span>
-                          </div>
-                          <div className="flex justify-between items-center">
-                            <span className="text-gray-600">Gerçek Başlangıç:</span>
-                            <span className="font-medium text-gray-900">
-                              {project.actualStartDate
-                                ? currentLocalDate(new Date(project.actualStartDate), currentLocale || 'tr')
-                                : 'Henüz başlamadı'}
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-
-                      {/* Description */}
-                      {project.description && (
-                        <div>
-                          <h3 className="text-base font-semibold text-gray-900 mb-2">Açıklama</h3>
-                          <div className="bg-gray-50 rounded-lg p-2.5">
-                            <p className="text-sm text-gray-700 leading-relaxed">
-                              {project.description}
-                            </p>
-                          </div>
-                        </div>
-                      )}
-                    </div>
-
-                    {/* Stakeholders */}
-                    <div className="space-y-3">
-                      {/* Project Manager */}
-                      <div>
-                        <h3 className="text-base font-semibold text-gray-900 mb-2">
-                          Proje Yöneticisi
-                        </h3>
-                        {project.projectManager && (
-                          <div className="bg-gray-50 rounded-lg p-2.5">
-                            <div className="flex items-center space-x-2">
-                              <div className="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center">
-                                <FaUser className="w-6 h-6 text-blue-600" />
-                              </div>
-                              <div>
-                                <h4 className="font-medium text-gray-900">
-                                  {project.projectManager.name}
-                                </h4>
-                                <p className="text-gray-600">
-                                  {project.projectManager.jobPosition?.name || 'Proje Yöneticisi'}
-                                </p>
-                                <div className="flex items-center mt-1 text-sm text-gray-500">
-                                  <FaEnvelope className="w-3 h-3 mr-1" />
-                                  {project.projectManager.email}
-                                </div>
-                                {project.projectManager.phoneNumber && (
-                                  <div className="flex items-center mt-1 text-sm text-gray-500">
-                                    <FaPhone className="w-3 h-3 mr-1" />
-                                    {project.projectManager.phoneNumber}
-                                  </div>
-                                )}
-                              </div>
-                            </div>
-                          </div>
-                        )}
-                      </div>
-
-                      {/* Customer */}
-                      {project.customer && (
-                        <div>
-                          <h3 className="text-base font-semibold text-gray-900 mb-2">Müşteri</h3>
-                          <div className="bg-gray-50 rounded-lg p-2.5">
-                            <div className="flex items-center space-x-2">
-                              <div className="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center">
-                                <FaBuilding className="w-6 h-6 text-green-600" />
-                              </div>
-                              <div>
-                                <h4 className="font-medium text-gray-900">
-                                  {project.customer.name}
-                                </h4>
-                                <p className="text-gray-600">
-                                  {project.customer.primaryContact?.firstName}{' '}
-                                  {project.customer.primaryContact?.lastName}
-                                </p>
-                                {project.customer.primaryContact?.email && (
-                                  <div className="flex items-center mt-1 text-sm text-gray-500">
-                                    <FaEnvelope className="w-3 h-3 mr-1" />
-                                    {project.customer.primaryContact.email}
-                                  </div>
-                                )}
-                                {project.customer.primaryContact?.phoneNumber && (
-                                  <div className="flex items-center mt-1 text-sm text-gray-500">
-                                    <FaPhone className="w-3 h-3 mr-1" />
-                                    {project.customer.primaryContact.phoneNumber}
-                                  </div>
-                                )}
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {activeTab === 'phases' && (
-                <div className="space-y-3">
-                  {/* Phases List */}
-                  <div className="bg-white rounded-lg border border-gray-200 overflow-hidden">
-                    <div className="divide-y divide-gray-200">
-                      {mockProjectPhases.filter((phase) => phase.projectId === project.id).length >
-                      0 ? (
-                        mockProjectPhases
-                          .filter((phase) => phase.projectId === project.id)
-                          .map((phase) => (
-                            <div key={phase.id} className="px-3 py-2 hover:bg-gray-50">
-                              <div className="flex items-start justify-between">
-                                <div className="flex-1">
-                                  <div className="flex items-center space-x-2 mb-1.5">
-                                    <h4 className="text-sm font-medium text-gray-900">
-                                      {phase.name}
-                                    </h4>
-                                    <span className="inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                                      {phase.code}
-                                    </span>
-                                    <span className="inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
-                                      {phase.status}
-                                    </span>
-                                  </div>
-                                  <p className="text-sm text-gray-600 mb-1.5">
-                                    {phase.description}
-                                  </p>
-                                  <div className="grid grid-cols-2 md:grid-cols-4 gap-2 mb-1.5">
-                                    <div>
-                                      <p className="text-xs font-medium text-gray-700">Başlangıç</p>
-                                      <p className="text-xs text-gray-600">
-                                        {currentLocalDate(new Date(phase.startDate), currentLocale || 'tr')}
-                                      </p>
-                                    </div>
-                                    <div>
-                                      <p className="text-xs font-medium text-gray-700">Bitiş</p>
-                                      <p className="text-xs text-gray-600">
-                                        {currentLocalDate(new Date(phase.endDate), currentLocale || 'tr')}
-                                      </p>
-                                    </div>
-                                    <div>
-                                      <p className="text-xs font-medium text-gray-700">Bütçe</p>
-                                      <p className="text-xs text-gray-600">
-                                        ₺{phase.budget.toLocaleString()}
-                                      </p>
-                                    </div>
-                                    <div>
-                                      <p className="text-xs font-medium text-gray-700">İlerleme</p>
-                                      <p className="text-xs text-gray-600">%{phase.progress}</p>
-                                    </div>
-                                  </div>
-                                  <div className="w-full bg-gray-200 rounded-full h-1.5">
-                                    <div
-                                      className="bg-blue-500 h-1.5 rounded-full"
-                                      style={{ width: `${phase.progress}%` }}
-                                    />
-                                  </div>
-                                </div>
-                                <div className="flex items-center space-x-1 ml-2">
-                                  <button className="p-1 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-lg">
-                                    <FaFlag className="w-4 h-4" />
-                                  </button>
-                                </div>
-                              </div>
-                            </div>
-                          ))
-                      ) : (
-                        <div className="px-3 py-5 text-center">
-                          <FaFlag className="mx-auto h-12 w-12 text-gray-400" />
-                          <h3 className="mt-2 text-sm font-medium text-gray-900">Faz bulunamadı</h3>
-                          <p className="mt-1 text-sm text-gray-500">
-                            Bu proje için henüz faz tanımlanmamış.
-                          </p>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {activeTab === 'tasks' && (
-                <div className="space-y-3">
-                  {/* Tasks List */}
-                  <div className="bg-white rounded-lg border border-gray-200 overflow-hidden">
-                    <div className="divide-y divide-gray-200">
-                      {mockProjectTasks.filter((task) => task.projectId === project.id).length >
-                      0 ? (
-                        mockProjectTasks
-                          .filter((task) => task.projectId === project.id)
-                          .map((task) => (
-                            <div key={task.id} className="px-3 py-2 hover:bg-gray-50">
-                              <div className="flex items-start justify-between">
-                                <div className="flex-1">
-                                  <div className="flex items-center space-x-2 mb-1.5">
-                                    <h4 className="text-sm font-medium text-gray-900">
-                                      {task.name}
-                                    </h4>
-                                    <span className="inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                                      {task.taskCode}
-                                    </span>
-                                    <span
-                                      className={`inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium ${
-                                        task.status === TaskStatusEnum.Completed
-                                          ? 'bg-green-100 text-green-800'
-                                          : task.status === TaskStatusEnum.InProgress
-                                            ? 'bg-yellow-100 text-yellow-800'
-                                            : task.status === TaskStatusEnum.NotStarted
-                                              ? 'bg-gray-100 text-gray-800'
-                                              : 'bg-red-100 text-red-800'
-                                      }`}
-                                    >
-                                      {task.status === TaskStatusEnum.Completed
-                                        ? 'Tamamlandı'
-                                        : task.status === TaskStatusEnum.InProgress
-                                          ? 'Devam Ediyor'
-                                          : task.status === TaskStatusEnum.NotStarted
-                                            ? 'Başlamadı'
-                                            : task.status}
-                                    </span>
-                                    <span
-                                      className={`inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium ${
-                                        task.priority === PriorityEnum.High
-                                          ? 'bg-red-100 text-red-800'
-                                          : task.priority === PriorityEnum.Normal
-                                            ? 'bg-orange-100 text-orange-800'
-                                            : 'bg-green-100 text-green-800'
-                                      }`}
-                                    >
-                                      {task.priority === PriorityEnum.High
-                                        ? 'Yüksek'
-                                        : task.priority === PriorityEnum.Normal
-                                          ? 'Normal'
-                                          : task.priority === PriorityEnum.Urgent
-                                            ? 'Acil'
-                                            : 'Düşük'}
-                                    </span>
-                                  </div>
-                                  <p className="text-sm text-gray-600 mb-2">{task.description}</p>
-                                  <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-2">
-                                    <div>
-                                      <p className="text-xs font-medium text-gray-700">Başlangıç</p>
-                                      <p className="text-xs text-gray-600">
-                                        {currentLocalDate(new Date(task.startDate), currentLocale || 'tr')}
-                                      </p>
-                                    </div>
-                                    <div>
-                                      <p className="text-xs font-medium text-gray-700">Bitiş</p>
-                                      <p className="text-xs text-gray-600">
-                                        {currentLocalDate(new Date(task.endDate), currentLocale || 'tr')}
-                                      </p>
-                                    </div>
-                                    <div>
-                                      <p className="text-xs font-medium text-gray-700">
-                                        Tahmini Saat
-                                      </p>
-                                      <p className="text-xs text-gray-600">
-                                        {task.estimatedHours}h
-                                      </p>
-                                    </div>
-                                    <div>
-                                      <p className="text-xs font-medium text-gray-700">İlerleme</p>
-                                      <p className="text-xs text-gray-600">%{task.progress}</p>
-                                    </div>
-                                  </div>
-                                  <div className="w-full bg-gray-200 rounded-full h-1.5">
-                                    <div
-                                      className={`h-1.5 rounded-full ${
-                                        task.progress >= 90
-                                          ? 'bg-green-500'
-                                          : task.progress >= 70
-                                            ? 'bg-blue-500'
-                                            : task.progress >= 50
-                                              ? 'bg-yellow-500'
-                                              : 'bg-red-500'
-                                      }`}
-                                      style={{ width: `${task.progress}%` }}
-                                    />
-                                  </div>
-                                </div>
-                                <div className="flex items-center space-x-1 ml-2">
-                                  <button className="p-1 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-lg">
-                                    <FaTasks className="w-4 h-4" />
-                                  </button>
-                                </div>
-                              </div>
-                            </div>
-                          ))
-                      ) : (
-                        <div className="px-3 py-5 text-center">
-                          <FaTasks className="mx-auto h-12 w-12 text-gray-400" />
-                          <h3 className="mt-2 text-sm font-medium text-gray-900">
-                            Görev bulunamadı
-                          </h3>
-                          <p className="mt-1 text-sm text-gray-500">
-                            Bu proje için henüz görev tanımlanmamış.
-                          </p>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {activeTab === 'documents' && (
-                <div className="space-y-3">
-                  {/* Documents List */}
-                  <div className="bg-white rounded-lg border border-gray-200 overflow-hidden">
-                    <div className="divide-y divide-gray-200">
-                      {project.documents.length > 0 ? (
-                        project.documents.map((doc) => (
-                          <div key={doc.id} className="px-3 py-2 hover:bg-gray-50">
-                            <div className="flex items-center justify-between">
-                              <div className="flex items-center space-x-2">
-                                <div className="w-7 h-7 bg-blue-100 rounded-lg flex items-center justify-center">
-                                  <FaFileAlt className="w-4 h-4 text-blue-600" />
-                                </div>
-                                <div>
-                                  <h4 className="text-sm font-medium text-gray-900">
-                                    {doc.documentName}
-                                  </h4>
-                                  <div className="flex items-center space-x-3 text-xs text-gray-500 mt-1">
-                                    <span>{doc.documentType}</span>
-                                    <span>{doc.fileSize} MB</span>
-                                    <span>{currentLocalDate(new Date(doc.uploadedAt), currentLocale || 'tr')}</span>
-                                    <span>Yükleyen: {doc.uploadedBy}</span>
-                                  </div>
-                                </div>
-                              </div>
-                              <div className="flex items-center space-x-1 ml-2">
-                                <button className="p-1 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-lg">
-                                  <FaFolder className="w-4 h-4" />
-                                </button>
-                              </div>
-                            </div>
-                          </div>
-                        ))
-                      ) : (
-                        <div className="px-3 py-5 text-center">
-                          <FaFileAlt className="mx-auto h-12 w-12 text-gray-400" />
-                          <h3 className="mt-2 text-sm font-medium text-gray-900">
-                            Belge bulunamadı
-                          </h3>
-                          <p className="mt-1 text-sm text-gray-500">
-                            Bu proje için henüz belge yüklenmemiş.
-                          </p>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {activeTab === 'risks' && (
-                <div className="space-y-3">
-                  {/* Risks List */}
-                  <div className="bg-white rounded-lg border border-gray-200 overflow-hidden">
-                    <div className="divide-y divide-gray-200">
-                      {project.risks.length > 0 ? (
-                        project.risks.map((risk) => (
-                          <div key={risk.id} className="px-3 py-2 hover:bg-gray-50">
-                            <div className="flex items-start justify-between">
-                              <div className="flex-1">
-                                <div className="flex items-center space-x-2 mb-1.5">
-                                  <h4 className="text-sm font-medium text-gray-900">
-                                    {risk.title}
-                                  </h4>
-                                  <span className="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">
-                                    {risk.riskLevel}
-                                  </span>
-                                  <span className="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                                    {risk.status}
-                                  </span>
-                                </div>
-                                <p className="text-sm text-gray-600 mb-1.5">{risk.description}</p>
-                                {risk.mitigationPlan && (
-                                  <div className="bg-gray-50 rounded-lg p-2 mb-2">
-                                    <p className="text-xs font-medium text-gray-700 mb-1">
-                                      Önlem Planı:
-                                    </p>
-                                    <p className="text-xs text-gray-600">{risk.mitigationPlan}</p>
-                                  </div>
-                                )}
-                                <div className="flex items-center space-x-3 text-xs text-gray-500">
-                                  <span>Risk Kodu: {risk.riskCode}</span>
-                                  <span>
-                                    Tanımlama: {currentLocalDate(new Date(risk.identifiedDate), currentLocale || 'tr')}
-                                  </span>
-                                </div>
-                              </div>
-                              <div className="flex items-center space-x-1 ml-2">
-                                <button className="p-1 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-lg">
-                                  <FaExclamationCircle className="w-4 h-4" />
-                                </button>
-                              </div>
-                            </div>
-                          </div>
-                        ))
-                      ) : (
-                        <div className="px-3 py-5 text-center">
-                          <FaExclamationCircle className="mx-auto h-12 w-12 text-gray-400" />
-                          <h3 className="mt-2 text-sm font-medium text-gray-900">
-                            Risk bulunamadı
-                          </h3>
-                          <p className="mt-1 text-sm text-gray-500">
-                            Bu proje için henüz risk tanımlanmamış.
-                          </p>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {/* Financial Summary Tab */}
-              {activeTab === 'financial' && (
-                <div className="space-y-3">
-                  {/* Overview Cards */}
-                  <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-                    <div className="bg-white rounded-lg border border-gray-200 p-3">
-                      <div className="flex items-center">
-                        <div className="p-1.5 bg-blue-100 rounded-lg">
-                          <FaDollarSign className="h-5 w-5 text-blue-600" />
-                        </div>
-                        <div className="ml-2">
-                          <p className="text-sm font-medium text-gray-500">Toplam Bütçe</p>
-                          <p className="text-base font-semibold text-gray-900">
-                            ₺{project.budget.toLocaleString()}
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-
-                    <div className="bg-white rounded-lg border border-gray-200 p-3">
-                      <div className="flex items-center">
-                        <div className="p-1.5 bg-red-100 rounded-lg">
-                          <FaDollarSign className="h-5 w-5 text-red-600" />
-                        </div>
-                        <div className="ml-2">
-                          <p className="text-sm font-medium text-gray-500">Harcanan</p>
-                          <p className="text-base font-semibold text-gray-900">
-                            ₺{project.actualCost.toLocaleString()}
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-
-                    <div className="bg-white rounded-lg border border-gray-200 p-3">
-                      <div className="flex items-center">
-                        <div className="p-1.5 bg-green-100 rounded-lg">
-                          <FaDollarSign className="h-5 w-5 text-green-600" />
-                        </div>
-                        <div className="ml-2">
-                          <p className="text-sm font-medium text-gray-500">Kalan Bütçe</p>
-                          <p className="text-base font-semibold text-gray-900">
-                            ₺{(project.budget - project.actualCost).toLocaleString()}
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-
-                    <div className="bg-white rounded-lg border border-gray-200 p-3">
-                      <div className="flex items-center">
-                        <div className="p-1.5 bg-orange-100 rounded-lg">
-                          <FaChartLine className="h-5 w-5 text-orange-600" />
-                        </div>
-                        <div className="ml-2">
-                          <p className="text-sm font-medium text-gray-500">Kullanım Oranı</p>
-                          <p className="text-base font-semibold text-gray-900">
-                            %{budgetUsagePercentage.toFixed(1)}
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Budget Progress */}
-                  <div className="bg-white rounded-lg border border-gray-200 p-3">
-                    <h3 className="text-base font-semibold text-gray-900 mb-2">
-                      Bütçe Kullanım Durumu
-                    </h3>
-                    <div className="space-y-2">
-                      <div className="flex justify-between text-xs">
-                        <span>Harcanan: ₺{project.actualCost.toLocaleString()}</span>
-                        <span>Toplam: ₺{project.budget.toLocaleString()}</span>
-                      </div>
-                      <div className="w-full bg-gray-200 rounded-full h-2.5">
-                        <div
-                          className={`h-2.5 rounded-full transition-all duration-300 ${
-                            budgetUsagePercentage > 90
-                              ? 'bg-red-500'
-                              : budgetUsagePercentage > 70
-                                ? 'bg-orange-500'
-                                : 'bg-green-500'
-                          }`}
-                          style={{
-                            width: `${Math.min(budgetUsagePercentage, 100)}%`,
-                          }}
-                        />
-                      </div>
-                      <div
-                        className={`text-xs font-medium ${
-                          budgetUsagePercentage > 90
-                            ? 'text-red-600'
-                            : budgetUsagePercentage > 70
-                              ? 'text-orange-600'
-                              : 'text-green-600'
-                        }`}
-                      >
-                        {budgetUsagePercentage > 90
-                          ? 'Kritik Seviye - Bütçe Aşımı Riski'
-                          : budgetUsagePercentage > 70
-                            ? 'Dikkat - Yüksek Kullanım'
-                            : 'Normal Seviye'}
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Phase Costs */}
-                  <div className="bg-white rounded-lg border border-gray-200 overflow-hidden">
-                    <div className="px-3 py-2 border-b border-gray-200">
-                      <h3 className="text-base font-semibold text-gray-900">
-                        Faz Bazında Maliyet Analizi
-                      </h3>
-                    </div>
-                    <div className="overflow-x-auto">
-                      <table className="min-w-full divide-y divide-gray-200 text-sm">
-                        <thead className="bg-gray-50">
-                          <tr>
-                            <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                              Faz Adı
-                            </th>
-                            <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                              Bütçe
-                            </th>
-                            <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                              Harcanan
-                            </th>
-                            <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                              Kalan
-                            </th>
-                            <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                              Kullanım %
-                            </th>
-                            <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                              Durum
-                            </th>
-                          </tr>
-                        </thead>
-                        <tbody className="bg-white divide-y divide-gray-200">
-                          {mockProjectPhases
-                            .filter((phase) => phase.projectId === project.id)
-                            .map((phase) => {
-                              const phaseUsage = (phase.actualCost / phase.budget) * 100
-                              return (
-                                <tr key={phase.id} className="hover:bg-gray-50">
-                                  <td className="px-3 py-2 whitespace-nowrap">
-                                    <div className="flex flex-col">
-                                      <div className="text-sm font-medium text-gray-900">
-                                        {phase.name}
-                                      </div>
-                                      <div className="text-sm text-gray-500">{phase.code}</div>
-                                    </div>
-                                  </td>
-                                  <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                                    ₺{phase.budget.toLocaleString()}
-                                  </td>
-                                  <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                                    ₺{phase.actualCost.toLocaleString()}
-                                  </td>
-                                  <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                                    ₺{(phase.budget - phase.actualCost).toLocaleString()}
-                                  </td>
-                                  <td className="px-3 py-2 whitespace-nowrap">
-                                    <div className="flex items-center">
-                                      <div className="w-14 bg-gray-200 rounded-full h-1.5 mr-2">
-                                        <div
-                                          className={`h-1.5 rounded-full ${
-                                            phaseUsage > 90
-                                              ? 'bg-red-500'
-                                              : phaseUsage > 70
-                                                ? 'bg-orange-500'
-                                                : 'bg-green-500'
-                                          }`}
-                                          style={{
-                                            width: `${Math.min(phaseUsage, 100)}%`,
-                                          }}
-                                        />
-                                      </div>
-                                      <span className="text-sm text-gray-900">
-                                        {phaseUsage.toFixed(1)}%
-                                      </span>
-                                    </div>
-                                  </td>
-                                  <td className="px-3 py-2 whitespace-nowrap">
-                                    <span
-                                      className={`inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium ${
-                                        phaseUsage > 100
-                                          ? 'bg-red-100 text-red-800'
-                                          : phaseUsage > 90
-                                            ? 'bg-orange-100 text-orange-800'
-                                            : phaseUsage > 70
-                                              ? 'bg-yellow-100 text-yellow-800'
-                                              : 'bg-green-100 text-green-800'
-                                      }`}
-                                    >
-                                      {phaseUsage > 100
-                                        ? 'Bütçe Aşımı'
-                                        : phaseUsage > 90
-                                          ? 'Kritik'
-                                          : phaseUsage > 70
-                                            ? 'Dikkat'
-                                            : 'Normal'}
-                                    </span>
-                                  </td>
-                                </tr>
-                              )
-                            })}
-                        </tbody>
-                      </table>
-                    </div>
-                  </div>
-
-                  {/* Cost Breakdown */}
-                  <div className="grid grid-cols-1 lg:grid-cols-2 gap-3">
-                    <div className="bg-white rounded-lg border border-gray-200 p-3">
-                      <h3 className="text-base font-semibold text-gray-900 mb-2">
-                        Maliyet Kategorileri
-                      </h3>
-                      <div className="space-y-2">
-                        <div className="flex justify-between items-center">
-                          <span className="text-sm text-gray-600">Personel Maliyeti</span>
-                          <span className="text-sm font-medium text-gray-900">
-                            ₺{(project.actualCost * 0.6).toLocaleString()}
-                          </span>
-                        </div>
-                        <div className="flex justify-between items-center">
-                          <span className="text-sm text-gray-600">Malzeme Maliyeti</span>
-                          <span className="text-sm font-medium text-gray-900">
-                            ₺{(project.actualCost * 0.25).toLocaleString()}
-                          </span>
-                        </div>
-                        <div className="flex justify-between items-center">
-                          <span className="text-sm text-gray-600">İş Merkezi Maliyeti</span>
-                          <span className="text-sm font-medium text-gray-900">
-                            ₺{(project.actualCost * 0.1).toLocaleString()}
-                          </span>
-                        </div>
-                        <div className="flex justify-between items-center">
-                          <span className="text-sm text-gray-600">Diğer Giderler</span>
-                          <span className="text-sm font-medium text-gray-900">
-                            ₺{(project.actualCost * 0.05).toLocaleString()}
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-
-                    <div className="bg-white rounded-lg border border-gray-200 p-3">
-                      <h3 className="text-base font-semibold text-gray-900 mb-2">
-                        Maliyet Analizi
-                      </h3>
-                      <div className="space-y-2">
-                        <div>
-                          <div className="flex justify-between mb-1">
-                            <span className="text-sm text-gray-600">Ortalama Günlük Harcama</span>
-                            <span className="text-sm font-medium text-gray-900">
-                              ₺
-                              {Math.round(
-                                project.actualCost / Math.max(timeElapsed, 1),
-                              ).toLocaleString()}
-                            </span>
-                          </div>
-                        </div>
-                        <div>
-                          <div className="flex justify-between mb-1">
-                            <span className="text-sm text-gray-600">
-                              Tahmini Proje Sonu Maliyeti
-                            </span>
-                            <span className="text-sm font-medium text-gray-900">
-                              ₺
-                              {Math.round(
-                                (project.actualCost / Math.max(project.progress, 1)) * 100,
-                              ).toLocaleString()}
-                            </span>
-                          </div>
-                        </div>
-                        <div>
-                          <div className="flex justify-between mb-1">
-                            <span className="text-sm text-gray-600">Maliyet Varyansı</span>
-                            <span
-                              className={`text-sm font-medium ${
-                                project.actualCost > project.budget
-                                  ? 'text-red-600'
-                                  : 'text-green-600'
-                              }`}
-                            >
-                              {project.actualCost > project.budget ? '+' : ''}₺
-                              {(project.actualCost - project.budget).toLocaleString()}
-                            </span>
-                          </div>
-                        </div>
-                        <div>
-                          <div className="flex justify-between mb-1">
-                            <span className="text-sm text-gray-600">
-                              CPI (Maliyet Performans İndeksi)
-                            </span>
-                            <span
-                              className={`text-sm font-medium ${
-                                project.budget / project.actualCost >= 1
-                                  ? 'text-green-600'
-                                  : 'text-red-600'
-                              }`}
-                            >
-                              {(project.budget / project.actualCost).toFixed(2)}
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default ProjectView
diff --git a/ui/src/views/project/components/RiskModal.tsx b/ui/src/views/project/components/RiskModal.tsx
deleted file mode 100644
index 7f9c70c3..00000000
--- a/ui/src/views/project/components/RiskModal.tsx
+++ /dev/null
@@ -1,365 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { FaTimes, FaSave } from "react-icons/fa";
-import {
-  PsProjectRisk,
-  RiskCategoryEnum,
-  RiskProbabilityEnum,
-  RiskImpactEnum,
-  RiskLevelEnum,
-  RiskStatusEnum,
-} from "../../../types/ps";
-import {
-  getRiskCategoryText,
-  getRiskProbabilityText,
-  getRiskImpactText,
-  getRiskLevelColor,
-  getRiskLevelText,
-  getRiskStatusText,
-} from "../../../utils/erp";
-
-interface RiskModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  risk?: PsProjectRisk | null;
-  onSubmit: (riskData: Partial<PsProjectRisk>) => void;
-  mode: "create" | "edit";
-}
-
-const RiskModal: React.FC<RiskModalProps> = ({
-  isOpen,
-  onClose,
-  risk,
-  onSubmit,
-  mode,
-}) => {
-  const [formData, setFormData] = useState({
-    title: "",
-    description: "",
-    category: RiskCategoryEnum.Technical,
-    probability: RiskProbabilityEnum.Medium,
-    impact: RiskImpactEnum.Medium,
-    riskLevel: RiskLevelEnum.Medium,
-    status: RiskStatusEnum.Identified,
-    mitigationPlan: "",
-    contingencyPlan: "",
-    ownerId: "",
-    reviewDate: "",
-  });
-
-  useEffect(() => {
-    if (mode === "edit" && risk) {
-      setFormData({
-        title: risk.title || "",
-        description: risk.description || "",
-        category: risk.category || RiskCategoryEnum.Technical,
-        probability: risk.probability || RiskProbabilityEnum.Medium,
-        impact: risk.impact || RiskImpactEnum.Medium,
-        riskLevel: risk.riskLevel || RiskLevelEnum.Medium,
-        status: risk.status || RiskStatusEnum.Identified,
-        mitigationPlan: risk.mitigationPlan || "",
-        contingencyPlan: risk.contingencyPlan || "",
-        ownerId: risk.ownerId || "",
-        reviewDate: risk.reviewDate
-          ? new Date(risk.reviewDate).toISOString().split("T")[0]
-          : "",
-      });
-    } else if (mode === "create") {
-      setFormData({
-        title: "",
-        description: "",
-        category: RiskCategoryEnum.Technical,
-        probability: RiskProbabilityEnum.Medium,
-        impact: RiskImpactEnum.Medium,
-        riskLevel: RiskLevelEnum.Medium,
-        status: RiskStatusEnum.Identified,
-        mitigationPlan: "",
-        contingencyPlan: "",
-        ownerId: "",
-        reviewDate: "",
-      });
-    }
-  }, [mode, risk, isOpen]);
-
-  // Auto-calculate risk level based on probability and impact
-  useEffect(() => {
-    const calculateRiskLevel = () => {
-      const probValue = getRiskValue(formData.probability);
-      const impactValue = getRiskValue(formData.impact);
-      const total = probValue + impactValue;
-
-      if (total <= 4) {
-        setFormData((prev) => ({ ...prev, riskLevel: RiskLevelEnum.Low }));
-      } else if (total <= 6) {
-        setFormData((prev) => ({ ...prev, riskLevel: RiskLevelEnum.Medium }));
-      } else if (total <= 8) {
-        setFormData((prev) => ({ ...prev, riskLevel: RiskLevelEnum.High }));
-      } else {
-        setFormData((prev) => ({ ...prev, riskLevel: RiskLevelEnum.Critical }));
-      }
-    };
-
-    calculateRiskLevel();
-  }, [formData.probability, formData.impact]);
-
-  const getRiskValue = (risk: RiskProbabilityEnum | RiskImpactEnum): number => {
-    const values = {
-      VERY_LOW: 1,
-      LOW: 2,
-      MEDIUM: 3,
-      HIGH: 4,
-      VERY_HIGH: 5,
-    };
-    return values[risk as keyof typeof values] || 3;
-  };
-
-  const handleInputChange = (
-    e: React.ChangeEvent<
-      HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement
-    >
-  ) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    const submitData: Partial<PsProjectRisk> = {
-      ...formData,
-      riskCode: mode === "create" ? `RISK-${Date.now()}` : risk?.riskCode,
-      identifiedBy: mode === "create" ? "Current User" : risk?.identifiedBy,
-      identifiedDate: mode === "create" ? new Date() : risk?.identifiedDate,
-      reviewDate: formData.reviewDate
-        ? new Date(formData.reviewDate)
-        : undefined,
-      isActive: true,
-    };
-
-    onSubmit(submitData);
-    handleClose();
-  };
-
-  const handleClose = () => {
-    setFormData({
-      title: "",
-      description: "",
-      category: RiskCategoryEnum.Technical,
-      probability: RiskProbabilityEnum.Medium,
-      impact: RiskImpactEnum.Medium,
-      riskLevel: RiskLevelEnum.Medium,
-      status: RiskStatusEnum.Identified,
-      mitigationPlan: "",
-      contingencyPlan: "",
-      ownerId: "",
-      reviewDate: "",
-    });
-    onClose();
-  };
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg p-4 w-full max-w-xl max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between mb-4">
-          <h2 className="text-lg font-semibold text-gray-900">
-            {mode === "edit" ? "Risk Düzenle" : "Yeni Risk Ekle"}
-          </h2>
-          <button
-            onClick={handleClose}
-            className="text-gray-400 hover:text-gray-600"
-          >
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="space-y-3">
-          {/* Title */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Risk Başlığı *
-            </label>
-            <input
-              type="text"
-              name="title"
-              value={formData.title}
-              onChange={handleInputChange}
-              className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              placeholder="Risk başlığını girin"
-              required
-            />
-          </div>
-
-          {/* Description */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Açıklama *
-            </label>
-            <textarea
-              name="description"
-              value={formData.description}
-              onChange={handleInputChange}
-              rows={2}
-              className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              placeholder="Risk açıklamasını girin"
-              required
-            />
-          </div>
-
-          {/* Category, Probability, Impact */}
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Kategori
-              </label>
-              <select
-                name="category"
-                value={formData.category}
-                onChange={handleInputChange}
-                className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(RiskCategoryEnum).map((category) => (
-                  <option key={category} value={category}>
-                    {getRiskCategoryText(category)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Olasılık
-              </label>
-              <select
-                name="probability"
-                value={formData.probability}
-                onChange={handleInputChange}
-                className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(RiskProbabilityEnum).map((probability) => (
-                  <option key={probability} value={probability}>
-                    {getRiskProbabilityText(probability)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Etki
-              </label>
-              <select
-                name="impact"
-                value={formData.impact}
-                onChange={handleInputChange}
-                className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                {Object.values(RiskImpactEnum).map((impact) => (
-                  <option key={impact} value={impact}>
-                    {getRiskImpactText(impact)}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          {/* Risk Level (Auto-calculated) */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Risk Seviyesi (Otomatik Hesaplanan)
-            </label>
-            <div
-              className={`inline-flex items-center px-2.5 py-1.5 rounded-full text-sm font-medium ${getRiskLevelColor(
-                formData.riskLevel
-              )}`}
-            >
-              {getRiskLevelText(formData.riskLevel)}
-            </div>
-          </div>
-
-          {/* Status */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Durum
-            </label>
-            <select
-              name="status"
-              value={formData.status}
-              onChange={handleInputChange}
-              className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            >
-              {Object.values(RiskStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getRiskStatusText(status)}
-                </option>
-              ))}
-            </select>
-          </div>
-
-          {/* Mitigation Plan */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Önlem Planı
-            </label>
-            <textarea
-              name="mitigationPlan"
-              value={formData.mitigationPlan}
-              onChange={handleInputChange}
-              rows={2}
-              className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              placeholder="Risk için alınacak önlemleri açıklayın"
-            />
-          </div>
-
-          {/* Contingency Plan */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Acil Durum Planı
-            </label>
-            <textarea
-              name="contingencyPlan"
-              value={formData.contingencyPlan}
-              onChange={handleInputChange}
-              rows={2}
-              className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              placeholder="Risk gerçekleşirse uygulanacak acil durum planını açıklayın"
-            />
-          </div>
-
-          {/* Review Date */}
-          <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Değerlendirme Tarihi
-            </label>
-            <input
-              type="date"
-              name="reviewDate"
-              value={formData.reviewDate}
-              onChange={handleInputChange}
-              className="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
-
-          {/* Actions */}
-          <div className="flex items-center justify-end space-x-2 pt-4">
-            <button
-              type="button"
-              onClick={handleClose}
-              className="px-3 py-1.5 text-sm font-medium text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-md"
-            >
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="flex items-center space-x-2 px-3 py-1.5 text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-md"
-            >
-              <FaSave className="w-4 h-4" />
-              <span>{mode === "edit" ? "Güncelle" : "Ekle"}</span>
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-};
-
-export default RiskModal;
diff --git a/ui/src/views/project/components/TaskDailyUpdates.tsx b/ui/src/views/project/components/TaskDailyUpdates.tsx
deleted file mode 100644
index d6a5a069..00000000
--- a/ui/src/views/project/components/TaskDailyUpdates.tsx
+++ /dev/null
@@ -1,535 +0,0 @@
-import React, { useState } from 'react'
-import { FaPlus, FaSave, FaEdit, FaTrash, FaCalendarAlt } from 'react-icons/fa'
-import { PsTaskDailyUpdate, WorkTypeEnum, DailyUpdateStatusEnum } from '../../../types/ps'
-import { mockProjectTasks } from '../../../mocks/mockProjectTasks'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockProjectTaskDailyUpdates } from '../../../mocks/mockProjectTaskDailyUpdates'
-import Widget from '../../../components/common/Widget'
-import { getDailyUpdateStatusColor, getWorkTypeColor } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-interface TaskDailyUpdatesFormData {
-  taskId: string
-  date: string
-  hoursWorked: number
-  description: string
-  workType: WorkTypeEnum
-  progress: number
-  challenges?: string
-  nextSteps?: string
-}
-
-const initialFormData: TaskDailyUpdatesFormData = {
-  taskId: '',
-  date: new Date().toISOString().split('T')[0],
-  hoursWorked: 0,
-  description: '',
-  workType: WorkTypeEnum.Development,
-  progress: 0,
-  challenges: '',
-  nextSteps: '',
-}
-
-const TaskDailyUpdates: React.FC = () => {
-  const [updates, setUpdates] = useState<PsTaskDailyUpdate[]>(mockProjectTaskDailyUpdates)
-  const [editingUpdate, setEditingUpdate] = useState<PsTaskDailyUpdate | null>(null)
-  const [formData, setFormData] = useState<TaskDailyUpdatesFormData>(initialFormData)
-  const [selectedDate, setSelectedDate] = useState<string>(new Date().toISOString().split('T')[0])
-  const [selectedEmployee, setSelectedEmployee] = useState<string>(mockEmployees[0].id)
-  const [isModalVisible, setIsModalVisible] = useState(false)
-  const [searchQuery, setSearchQuery] = useState<string>('')
-  const [selectedEmployeeForForm, setSelectedEmployeeForForm] = useState<string>(
-    mockEmployees[0].id,
-  )
-
-  // Filter updates based on selected filters
-  const filteredUpdates = updates.filter((update) => {
-    const matchesDate = !selectedDate || update.date.toISOString().split('T')[0] === selectedDate
-    const matchesEmployee = update.employeeId === selectedEmployee
-    const matchesSearch =
-      !searchQuery ||
-      update.description?.toLowerCase().includes(searchQuery.toLowerCase()) ||
-      update.task?.name?.toLowerCase().includes(searchQuery.toLowerCase()) ||
-      update.employee?.firstName?.toLowerCase().includes(searchQuery.toLowerCase()) ||
-      update.employee?.lastName?.toLowerCase().includes(searchQuery.toLowerCase())
-    return matchesDate && matchesEmployee && matchesSearch
-  })
-
-  // Get tasks for the selected employee in form
-  const formUserTasks = mockProjectTasks.filter(
-    (task) => task.assignedTo === selectedEmployeeForForm,
-  )
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>,
-  ) => {
-    const { name, value } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]: name === 'hoursWorked' || name === 'progress' ? Number(value) : value,
-    }))
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-
-    const newUpdate: PsTaskDailyUpdate = {
-      id: editingUpdate ? editingUpdate.id : Date.now().toString(),
-      taskId: formData.taskId,
-      task: mockProjectTasks.find((t) => t.id === formData.taskId),
-      employeeId: selectedEmployeeForForm,
-      employee: mockEmployees.find((emp) => emp.id === selectedEmployeeForForm),
-      date: new Date(formData.date),
-      hoursWorked: formData.hoursWorked,
-      description: formData.description,
-      workType: formData.workType,
-      progress: formData.progress,
-      challenges: formData.challenges,
-      nextSteps: formData.nextSteps,
-      status: DailyUpdateStatusEnum.Draft,
-      attachments: [],
-      creationTime: editingUpdate ? editingUpdate.creationTime : new Date(),
-      lastModificationTime: new Date(),
-    }
-
-    if (editingUpdate) {
-      setUpdates((prev) =>
-        prev.map((update) => (update.id === editingUpdate.id ? newUpdate : update)),
-      )
-    } else {
-      setUpdates((prev) => [...prev, newUpdate])
-    }
-
-    resetForm()
-  }
-
-  const resetForm = () => {
-    setFormData(initialFormData)
-    setIsModalVisible(false)
-    setEditingUpdate(null)
-    setSelectedEmployeeForForm(mockEmployees[0].id)
-  }
-
-  const handleEdit = (update: PsTaskDailyUpdate) => {
-    setEditingUpdate(update)
-    setSelectedEmployeeForForm(update.employeeId)
-    setFormData({
-      taskId: update.taskId,
-      date: update.date.toISOString().split('T')[0],
-      hoursWorked: update.hoursWorked,
-      description: update.description,
-      workType: update.workType,
-      progress: update.progress,
-      challenges: update.challenges || '',
-      nextSteps: update.nextSteps || '',
-    })
-    setIsModalVisible(true)
-  }
-
-  const handleDelete = (id: string) => {
-    if (window.confirm('Bu günlük raporu silmek istediğinizden emin misiniz?')) {
-      setUpdates((prev) => prev.filter((update) => update.id !== id))
-    }
-  }
-
-  const handleStatusChange = (id: string, status: DailyUpdateStatusEnum) => {
-    setUpdates((prev) => prev.map((update) => (update.id === id ? { ...update, status } : update)))
-  }
-
-  const todayTotalHours = filteredUpdates
-    .filter(
-      (update) =>
-        update.date.toISOString().split('T')[0] === new Date().toISOString().split('T')[0],
-    )
-    .reduce((sum, update) => sum + update.hoursWorked, 0)
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between mb-3">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Günlük Aktivite Takibi</h2>
-            <p className="text-gray-600">
-              Günlük işlerinizi planlayın, tamamlanan görevleri işaretleyin
-            </p>
-          </div>
-          <button
-            onClick={() => setIsModalVisible(true)}
-            className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center gap-2 transition-colors shadow-sm"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni Günlük Rapor
-          </button>
-        </div>
-
-        {/* Stats */}
-        <div className="grid grid-cols-4 gap-2">
-          <Widget title="Bugün Toplam" value={`${todayTotalHours}h`} color="blue" icon="FaClock" />
-
-          <Widget
-            title="Onaylanan"
-            value={
-              filteredUpdates.filter((update) => update.status === DailyUpdateStatusEnum.Approved)
-                .length
-            }
-            color="green"
-            icon="FaCheckCircle"
-          />
-
-          <Widget
-            title="Beklemede"
-            value={
-              filteredUpdates.filter((update) => update.status === DailyUpdateStatusEnum.Submitted)
-                .length
-            }
-            color="yellow"
-            icon="FaHourglassHalf"
-          />
-
-          <Widget
-            title="Taslak Rapor"
-            value={
-              filteredUpdates.filter((update) => update.status === DailyUpdateStatusEnum.Draft)
-                .length
-            }
-            color="gray"
-            icon="FaFileAlt"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="bg-white grid grid-cols-6 gap-2 p-2 rounded-lg shadow-sm border border-gray-200 mt-3 mb-3">
-          <div className="col-span-2">
-            <select
-              value={selectedEmployee}
-              onChange={(e) => setSelectedEmployee(e.target.value)}
-              className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              {mockEmployees.map((employee) => (
-                <option key={employee.id} value={employee.id}>
-                  {employee.firstName} {employee.lastName}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div className="col-span-3">
-            <input
-              type="text"
-              placeholder="Açıklama, görev veya çalışan adı..."
-              value={searchQuery}
-              onChange={(e) => setSearchQuery(e.target.value)}
-              className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <div className="col-span-1">
-            <input
-              type="date"
-              value={selectedDate}
-              onChange={(e) => setSelectedDate(e.target.value)}
-              className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-        </div>
-
-        {/* Updates List */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="p-1.5 border-b border-gray-200">
-            <h3 className="text-base font-semibold text-gray-900 ml-1.5">Günlük Raporlar</h3>
-          </div>
-
-          <div className="divide-y divide-gray-200">
-            {filteredUpdates.length === 0 ? (
-              <div className="p-4 text-center text-gray-500">
-                <FaCalendarAlt className="h-10 w-10 mx-auto text-gray-300 mb-2" />
-                <p className="text-sm">Henüz günlük rapor bulunmuyor.</p>
-                <p className="text-sm">Yeni bir rapor eklemek için yukarıdaki butonu kullanın.</p>
-              </div>
-            ) : (
-              filteredUpdates.map((update) => (
-                <div key={update.id} className="p-3 hover:bg-gray-50">
-                  <div className="flex items-start justify-between gap-3">
-                    <div className="flex-1">
-                      <div className="flex items-center gap-2 mb-1.5">
-                        <h4 className="font-medium text-sm text-gray-900">
-                          {update.task?.name || 'Bilinmeyen Görev'}
-                        </h4>
-                        <span
-                          className={`px-2 py-1 text-xs rounded-full ${getDailyUpdateStatusColor(
-                            update.status,
-                          )}`}
-                        >
-                          {update.status}
-                        </span>
-                        <span
-                          className={`px-2 py-1 text-xs rounded-full ${getWorkTypeColor(
-                            update.workType,
-                          )}`}
-                        >
-                          {update.workType}
-                        </span>
-                      </div>
-
-                      <div className="grid grid-cols-3 gap-3 mb-2 text-xs text-gray-600">
-                        <div>
-                          <span className="font-medium">Tarih:</span>{' '}
-                          {update.date.toLocaleDateString('tr-TR')}
-                        </div>
-                        <div>
-                          <span className="font-medium">Çalışılan Saat:</span> {update.hoursWorked}h
-                        </div>
-                        <div>
-                          <span className="font-medium">İlerleme:</span> %{update.progress}
-                        </div>
-                      </div>
-
-                      <p className="text-sm text-gray-700 mb-2">{update.description}</p>
-
-                      {update.challenges && (
-                        <div className="mb-2">
-                          <span className="text-xs font-medium text-red-700">Zorluklar:</span>
-                          <p className="text-sm text-gray-600">{update.challenges}</p>
-                        </div>
-                      )}
-
-                      {update.nextSteps && (
-                        <div>
-                          <span className="text-xs font-medium text-blue-700">
-                            Sonraki Adımlar:
-                          </span>
-                          <p className="text-sm text-gray-600">{update.nextSteps}</p>
-                        </div>
-                      )}
-                    </div>
-
-                    <div className="flex items-center gap-1">
-                      {update.status === DailyUpdateStatusEnum.Draft && (
-                        <button
-                          onClick={() =>
-                            handleStatusChange(update.id, DailyUpdateStatusEnum.Submitted)
-                          }
-                          className="px-2 py-0.5 text-xs bg-blue-600 text-white hover:bg-blue-700 rounded"
-                        >
-                          Gönder
-                        </button>
-                      )}
-                      <button
-                        onClick={() => handleEdit(update)}
-                        className="p-1 text-gray-400 hover:text-blue-600"
-                      >
-                        <FaEdit className="h-4 w-4" />
-                      </button>
-                      <button
-                        onClick={() => handleDelete(update.id)}
-                        className="p-1 text-gray-400 hover:text-red-600"
-                      >
-                        <FaTrash className="h-4 w-4" />
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              ))
-            )}
-          </div>
-        </div>
-      </div>
-
-      {/* Modal */}
-      {isModalVisible && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-          <div className="bg-white rounded-lg shadow-xl p-3 w-full max-w-lg max-h-[90vh] overflow-y-auto">
-            <div className="flex items-center justify-between mb-3">
-              <h3 className="text-base font-semibold text-gray-900">
-                {editingUpdate ? 'Günlük Rapor Düzenle' : 'Yeni Günlük Rapor'}
-              </h3>
-              <button onClick={resetForm} className="text-gray-400 hover:text-gray-600">
-                <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M6 18L18 6M6 6l12 12"
-                  />
-                </svg>
-              </button>
-            </div>
-
-            <form onSubmit={handleSubmit} className="space-y-2.5">
-              {/* Employee Selection for Form */}
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Çalışan <span className="text-red-500">*</span>
-                </label>
-                <select
-                  value={selectedEmployeeForForm}
-                  onChange={(e) => {
-                    setSelectedEmployeeForForm(e.target.value)
-                    setFormData((prev) => ({ ...prev, taskId: '' })) // Reset task selection
-                  }}
-                  className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  {mockEmployees.map((employee) => (
-                    <option key={employee.id} value={employee.id}>
-                      {employee.firstName} {employee.lastName}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Görev <span className="text-red-500">*</span>
-                  </label>
-                  <select
-                    name="taskId"
-                    value={formData.taskId}
-                    onChange={handleInputChange}
-                    required
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  >
-                    <option value="">Görev Seçin</option>
-                    {formUserTasks.map((task) => (
-                      <option key={task.id} value={task.id}>
-                        {task.phase?.project?.name || 'Proje'} → {task.phase?.name || 'Aşama'} →{' '}
-                        {task.name}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              <div className="grid grid-cols-2 gap-2">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Tarih <span className="text-red-500">*</span>
-                  </label>
-                  <input
-                    type="date"
-                    name="date"
-                    value={formData.date}
-                    onChange={handleInputChange}
-                    required
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">İş Türü</label>
-                  <select
-                    name="workType"
-                    value={formData.workType}
-                    onChange={handleInputChange}
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  >
-                    {Object.values(WorkTypeEnum).map((type) => (
-                      <option key={type} value={type}>
-                        {type}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              <div className="grid grid-cols-2 gap-2">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Çalışma Saati <span className="text-red-500">*</span>
-                  </label>
-                  <input
-                    type="number"
-                    name="hoursWorked"
-                    value={formData.hoursWorked}
-                    onChange={handleInputChange}
-                    min="0"
-                    max="24"
-                    step="0.5"
-                    required
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    İlerleme (%)
-                  </label>
-                  <input
-                    type="number"
-                    name="progress"
-                    value={formData.progress}
-                    onChange={handleInputChange}
-                    min="0"
-                    max="100"
-                    className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  />
-                </div>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Açıklama <span className="text-red-500">*</span>
-                </label>
-                <textarea
-                  name="description"
-                  value={formData.description}
-                  onChange={handleInputChange}
-                  required
-                  rows={2}
-                  className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="Yapılan çalışmaları detaylı olarak açıklayın..."
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Karşılaşılan Zorluklar
-                </label>
-                <textarea
-                  name="challenges"
-                  value={formData.challenges}
-                  onChange={handleInputChange}
-                  rows={2}
-                  className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="Karşılaşılan zorluklar varsa açıklayın..."
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Sonraki Adımlar
-                </label>
-                <textarea
-                  name="nextSteps"
-                  value={formData.nextSteps}
-                  onChange={handleInputChange}
-                  rows={2}
-                  className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="Sonraki adımları planlayın..."
-                />
-              </div>
-
-              <div className="flex gap-2 pt-2 justify-end">
-                <button
-                  type="button"
-                  onClick={resetForm}
-                  className="px-3 py-1 text-sm border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50"
-                >
-                  İptal
-                </button>
-                <button
-                  type="submit"
-                  className="bg-blue-600 text-white py-1 px-3 text-sm rounded-md hover:bg-blue-700 flex items-center justify-center gap-2"
-                >
-                  <FaSave className="h-4 w-4" />
-                  {editingUpdate ? 'Güncelle' : 'Kaydet'}
-                </button>
-              </div>
-            </form>
-          </div>
-        </div>
-      )}
-    </Container>
-  )
-}
-
-export default TaskDailyUpdates
diff --git a/ui/src/views/project/components/TaskEditModal.tsx b/ui/src/views/project/components/TaskEditModal.tsx
deleted file mode 100644
index f72d747e..00000000
--- a/ui/src/views/project/components/TaskEditModal.tsx
+++ /dev/null
@@ -1,493 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { PsProjectTask, TaskTypeEnum, TaskStatusEnum } from '../../../types/ps'
-import {
-  FaPlus,
-  FaEdit,
-  FaUser,
-  FaCalendarAlt,
-  FaFlag,
-  FaProjectDiagram,
-  FaUserCog,
-  FaSave,
-  FaTimesCircle,
-} from 'react-icons/fa'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockProjects } from '../../../mocks/mockProjects'
-import { mockProjectPhases } from '../../../mocks/mockProjectPhases'
-import { PriorityEnum } from '../../../types/common'
-import { getPriorityText, getTaskStatusText, getTaskTypeText } from '@/utils/erp'
-
-export interface TaskFormData {
-  name: string
-  description: string
-  projectId: string
-  phaseId: string
-  taskType: TaskTypeEnum
-  status: TaskStatusEnum
-  priority: PriorityEnum
-  assignedTo: string
-  assigneeEmail: string
-  startDate: string
-  endDate: string
-  estimatedHours: number
-  progress: number
-}
-
-interface TaskEditModalProps {
-  isOpen: boolean
-  onClose: () => void
-  task?: PsProjectTask | null
-  onSubmit: (taskData: TaskFormData) => void
-  mode: 'create' | 'edit'
-  defaultProjectId?: string
-}
-
-const inputClasses =
-  'w-full px-2.5 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors'
-
-const TaskEditModal: React.FC<TaskEditModalProps> = ({
-  isOpen,
-  onClose,
-  task,
-  onSubmit,
-  mode,
-  defaultProjectId,
-}) => {
-  const [formData, setFormData] = useState<TaskFormData>({
-    name: '',
-    description: '',
-    projectId: '',
-    phaseId: '',
-    taskType: TaskTypeEnum.Development,
-    status: TaskStatusEnum.NotStarted,
-    priority: PriorityEnum.Normal,
-    assignedTo: '',
-    assigneeEmail: '',
-    startDate: '',
-    endDate: '',
-    estimatedHours: 0,
-    progress: 0,
-  })
-
-  const generateTaskCode = () => {
-    const taskCount = 1 // Bu gerçek uygulamada dinamik olarak hesaplanmalı
-    return `TSK-${taskCount.toString().padStart(3, '0')}`
-  }
-
-  useEffect(() => {
-    if (mode === 'edit' && task) {
-      setFormData({
-        name: task.name,
-        description: task.description || '',
-        projectId: task.projectId,
-        phaseId: task.phaseId || '',
-        taskType: task.taskType,
-        status: task.status,
-        priority: task.priority,
-        assignedTo: task.assignedTo || '',
-        assigneeEmail: task.assignee?.email || '',
-        startDate: task.startDate.toISOString().split('T')[0],
-        endDate: task.endDate.toISOString().split('T')[0],
-        estimatedHours: task.estimatedHours,
-        progress: task.progress,
-      })
-    } else {
-      // Reset form for create mode
-      setFormData({
-        name: '',
-        description: '',
-        projectId: defaultProjectId || '',
-        phaseId: '',
-        taskType: TaskTypeEnum.Development,
-        status: TaskStatusEnum.NotStarted,
-        priority: PriorityEnum.Normal,
-        assignedTo: '',
-        assigneeEmail: '',
-        startDate: '',
-        endDate: '',
-        estimatedHours: 0,
-        progress: 0,
-      })
-    }
-  }, [mode, task, isOpen, defaultProjectId])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]: value,
-    }))
-
-    // Auto-fill email when employee is selected
-    if (name === 'assignedTo') {
-      const selectedEmployee = mockEmployees.find((emp) => emp.id === value)
-      setFormData((prev) => ({
-        ...prev,
-        assigneeEmail: selectedEmployee?.email || '',
-      }))
-    }
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    onSubmit(formData)
-    onClose()
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-xl shadow-2xl w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-2.5 border-b border-gray-200 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-t-xl">
-          <div className="flex items-center gap-2">
-            <div className="w-6 h-6 bg-blue-600 rounded-md flex items-center justify-center">
-              {mode === 'edit' ? (
-                <FaEdit className="w-3.5 h-3.5 text-white" />
-              ) : (
-                <FaPlus className="w-3.5 h-3.5 text-white" />
-              )}
-            </div>
-            <div>
-              <h3 className="text-lg font-bold text-gray-900">
-                {mode === 'edit' ? 'Görev Düzenle' : 'Yeni Görev Oluştur'}
-              </h3>
-              <p className="text-xs text-gray-600">
-                {mode === 'edit'
-                  ? 'Mevcut görev bilgilerini güncelleyin'
-                  : 'Yeni bir görev tanımlayın'}
-              </p>
-            </div>
-          </div>
-          <button
-            onClick={onClose}
-            className="text-gray-400 hover:text-gray-600 p-1 hover:bg-gray-100 rounded-lg transition-colors"
-          >
-            <FaTimesCircle className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Form */}
-        <form onSubmit={handleSubmit} className="p-2.5">
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-2.5">
-            {/* Sol Kolon */}
-            <div className="space-y-2.5">
-              <div className="bg-gray-50 p-2.5 rounded-lg">
-                <h4 className="text-base font-semibold text-gray-800 mb-2 flex items-center gap-2">
-                  <FaProjectDiagram className="w-5 h-5 text-blue-600" />
-                  Temel Bilgiler
-                </h4>
-
-                <div className="space-y-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Proje <span className="text-red-500">*</span>
-                    </label>
-                    <select
-                      name="projectId"
-                      value={formData.projectId}
-                      onChange={handleInputChange}
-                      className={inputClasses}
-                      required
-                      disabled={!!defaultProjectId}
-                    >
-                      <option value="">Proje seçin...</option>
-                      {mockProjects.map((project) => (
-                        <option key={project.id} value={project.id}>
-                          {project.code} - {project.name}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Aşama <span className="text-red-500">*</span>
-                    </label>
-                    <select
-                      name="phaseId"
-                      value={formData.phaseId}
-                      onChange={handleInputChange}
-                      className={inputClasses}
-                      required
-                      disabled={!formData.projectId}
-                    >
-                      <option value="">
-                        {formData.projectId ? 'Aşama seçin...' : 'Önce proje seçin'}
-                      </option>
-                      {formData.projectId &&
-                        mockProjectPhases
-                          .filter((phase) => phase.projectId === formData.projectId)
-                          .map((phase) => (
-                            <option key={phase.id} value={phase.id}>
-                              {phase.code} - {phase.name}
-                            </option>
-                          ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Görev Adı <span className="text-red-500">*</span>
-                    </label>
-                    <input
-                      type="text"
-                      name="name"
-                      value={formData.name}
-                      onChange={handleInputChange}
-                      className={inputClasses}
-                      placeholder="Görev adını girin..."
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Açıklama</label>
-                    <textarea
-                      name="description"
-                      value={formData.description}
-                      onChange={handleInputChange}
-                      rows={2}
-                      className={inputClasses}
-                      placeholder="Görev açıklamasını girin..."
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Görev Türü
-                    </label>
-                    <select
-                      name="taskType"
-                      value={formData.taskType}
-                      onChange={handleInputChange}
-                      className={inputClasses}
-                    >
-                      {Object.values(TaskTypeEnum).map((type) => (
-                        <option key={type} value={type}>
-                          {getTaskTypeText(type)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Öncelik</label>
-                    <select
-                      name="priority"
-                      value={formData.priority}
-                      onChange={handleInputChange}
-                      className={inputClasses}
-                    >
-                      {Object.values(PriorityEnum).map((priority) => (
-                        <option key={priority} value={priority}>
-                          {getPriorityText(priority)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Durum</label>
-                    <select
-                      name="status"
-                      value={formData.status}
-                      onChange={handleInputChange}
-                      className={inputClasses}
-                    >
-                      {Object.values(TaskStatusEnum).map((status) => (
-                        <option key={status} value={status}>
-                          {getTaskStatusText(status)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            {/* Sağ Kolon */}
-            <div className="space-y-2.5">
-              <div className="bg-gray-50 p-2.5 rounded-lg">
-                <h4 className="text-base font-semibold text-gray-800 mb-2 flex items-center gap-2">
-                  <FaUserCog className="w-5 h-5 text-green-600" />
-                  Atama ve Zaman
-                </h4>
-
-                <div className="space-y-2.5">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Atanan Kişi <span className="text-red-500">*</span>
-                    </label>
-                    <select
-                      name="assignedTo"
-                      value={formData.assignedTo}
-                      onChange={handleInputChange}
-                      className={inputClasses}
-                    >
-                      <option value="">Çalışan seçin...</option>
-                      {mockEmployees
-                        .filter((emp) => emp.isActive)
-                        .map((employee) => (
-                          <option key={employee.id} value={employee.id}>
-                            {employee.name} - {employee.jobPosition?.name}
-                          </option>
-                        ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">E-posta</label>
-                    <input
-                      type="email"
-                      name="assigneeEmail"
-                      value={formData.assigneeEmail}
-                      onChange={handleInputChange}
-                      className={`${inputClasses} bg-gray-100`}
-                      placeholder="E-posta adresi otomatik doldurulacak..."
-                      readOnly
-                    />
-                  </div>
-
-                  {/* Seçili Çalışan Bilgileri */}
-                  {formData.assignedTo &&
-                    (() => {
-                      const selectedEmployee = mockEmployees.find(
-                        (emp) => emp.id === formData.assignedTo,
-                      )
-                      return selectedEmployee ? (
-                        <div className="bg-blue-50 p-2 rounded-lg border border-blue-200 flex items-center gap-2">
-                          <div className="w-10 h-10 bg-gradient-to-br from-blue-100 to-blue-200 rounded-full flex items-center justify-center shrink-0">
-                            <FaUser className="w-5 h-5 text-blue-600" />
-                          </div>
-                          <div>
-                            <h4 className="font-semibold text-blue-900 text-sm">
-                              {selectedEmployee.name}
-                            </h4>
-                            <p className="text-xs text-blue-700">
-                              {selectedEmployee.jobPosition?.name}
-                            </p>
-                            <p className="text-xs text-blue-600">
-                              {selectedEmployee.department?.name}
-                            </p>
-                          </div>
-                        </div>
-                      ) : null
-                    })()}
-
-                  <div className="grid grid-cols-2 gap-2.5">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        <FaCalendarAlt className="inline w-4 h-4 mr-1" />
-                        Başlangıç Tarihi
-                      </label>
-                      <input
-                        type="date"
-                        name="startDate"
-                        value={formData.startDate}
-                        onChange={handleInputChange}
-                        className={inputClasses}
-                      />
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        <FaCalendarAlt className="inline w-4 h-4 mr-1" />
-                        Bitiş Tarihi
-                      </label>
-                      <input
-                        type="date"
-                        name="endDate"
-                        value={formData.endDate}
-                        onChange={handleInputChange}
-                        className={inputClasses}
-                      />
-                    </div>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Tahmini Süre (Saat)
-                    </label>
-                    <input
-                      type="number"
-                      name="estimatedHours"
-                      value={formData.estimatedHours}
-                      onChange={handleInputChange}
-                      min="0"
-                      className={inputClasses}
-                      placeholder="0"
-                    />
-                  </div>
-
-                  {mode === 'edit' && (
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        İlerleme (%)
-                      </label>
-                      <div className="flex items-center gap-2">
-                        <input
-                          type="range"
-                          name="progress"
-                          value={formData.progress}
-                          onChange={handleInputChange}
-                          min="0"
-                          max="100"
-                          className="flex-1 h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
-                        />
-                        <span className="w-12 text-sm font-medium text-gray-700">
-                          {formData.progress}%
-                        </span>
-                      </div>
-                      <div className="mt-2 w-full bg-gray-200 rounded-full h-2">
-                        <div
-                          className="bg-blue-500 h-2 rounded-full transition-all duration-300"
-                          style={{ width: `${formData.progress}%` }}
-                        />
-                      </div>
-                    </div>
-                  )}
-                </div>
-              </div>
-
-              {/* Görev Kodu Gösterimi */}
-              <div className="bg-blue-50 p-2.5 rounded-lg border border-blue-200">
-                <div className="flex items-center gap-2 text-blue-800">
-                  <FaFlag className="w-4 h-4" />
-                  <span className="text-sm font-medium">Görev Kodu:</span>
-                  <span className="font-bold">
-                    {mode === 'edit' ? task?.taskCode : generateTaskCode()}
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Footer */}
-          <div className="flex items-center justify-end gap-2 mt-3 pt-2.5 border-t border-gray-200">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1 text-sm text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors flex items-center gap-1.5"
-            >
-              <FaTimesCircle className="w-4 h-4" />
-              İptal
-            </button>
-            <button
-              type="submit"
-              className="px-3 py-1 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center gap-1.5 shadow-md hover:shadow-lg"
-            >
-              <FaSave className="w-4 h-4" />
-              {mode === 'edit' ? 'Güncelle' : 'Oluştur'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default TaskEditModal
diff --git a/ui/src/views/project/components/TaskViewModal.tsx b/ui/src/views/project/components/TaskViewModal.tsx
deleted file mode 100644
index 9f902688..00000000
--- a/ui/src/views/project/components/TaskViewModal.tsx
+++ /dev/null
@@ -1,238 +0,0 @@
-import React from "react";
-import {
-  FaTimes,
-  FaTasks,
-  FaCalendar,
-  FaUser,
-  FaChartLine,
-} from "react-icons/fa";
-import { mockProjectTasks } from "../../../mocks/mockProjectTasks";
-import { PsProject, TaskStatusEnum } from "../../../types/ps";
-import dayjs from "dayjs";
-import { PriorityEnum } from "../../../types/common";
-
-interface TaskViewModalProps {
-  project: PsProject;
-  isOpen: boolean;
-  onClose: () => void;
-}
-
-const statusConfig = {
-  [TaskStatusEnum.NotStarted]: {
-    name: "Başlamadı",
-    color: "bg-gray-100 text-gray-800",
-  },
-  [TaskStatusEnum.InProgress]: {
-    name: "Devam Ediyor",
-    color: "bg-yellow-100 text-yellow-800",
-  },
-  [TaskStatusEnum.Completed]: {
-    name: "Tamamlandı",
-    color: "bg-green-100 text-green-800",
-  },
-  [TaskStatusEnum.OnHold]: {
-    name: "Beklemede",
-    color: "bg-orange-100 text-orange-800",
-  },
-  [TaskStatusEnum.Cancelled]: {
-    name: "İptal Edildi",
-    color: "bg-red-100 text-red-800",
-  },
-};
-
-const priorityConfig = {
-  [PriorityEnum.Low]: { name: "Düşük", color: "bg-green-100 text-green-800" },
-  [PriorityEnum.Normal]: { name: "Normal", color: "bg-blue-100 text-blue-800" },
-  [PriorityEnum.High]: {
-    name: "Yüksek",
-    color: "bg-orange-100 text-orange-800",
-  },
-  [PriorityEnum.Urgent]: { name: "Acil", color: "bg-red-100 text-red-800" },
-};
-
-const Badge: React.FC<{ className?: string; children: React.ReactNode }> = ({
-  className,
-  children,
-}) => (
-  <span
-    className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${className}`}
-  >
-    {children}
-  </span>
-);
-
-const TaskInfo: React.FC<{
-  icon: React.ElementType;
-  label: string;
-  value: string | number;
-}> = ({ icon: Icon, label, value }) => (
-  <div className="flex items-center space-x-2">
-    <Icon className="h-4 w-4 text-gray-400" />
-    <div>
-      <p className="text-xs font-medium text-gray-700">{label}</p>
-      <p className="text-xs text-gray-600">{value}</p>
-    </div>
-  </div>
-);
-
-const ProgressBar: React.FC<{ progress: number }> = ({ progress }) => {
-  const getProgressColor = (p: number) => {
-    if (p >= 100) return "bg-green-500";
-    if (p >= 70) return "bg-blue-500";
-    if (p >= 50) return "bg-yellow-500";
-    return "bg-red-500";
-  };
-
-  return (
-    <div className="space-y-2">
-      <div className="flex justify-between text-sm">
-        <span className="font-medium">İlerleme</span>
-        <span>%{progress}</span>
-      </div>
-      <div className="w-full bg-gray-200 rounded-full h-2">
-        <div
-          className={`h-2 rounded-full transition-all duration-300 ${getProgressColor(
-            progress
-          )}`}
-          style={{ width: `${progress}%` }}
-        />
-      </div>
-    </div>
-  );
-};
-
-const TaskViewModal: React.FC<TaskViewModalProps> = ({
-  project,
-  isOpen,
-  onClose,
-}) => {
-  if (!isOpen) return null;
-
-  const projectTasks = mockProjectTasks.filter(
-    (task) => task.projectId === project.id
-  );
-
-  return (
-    <div className="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50">
-      <div className="relative top-10 mx-auto p-2 border w-11/12 max-w-4xl shadow-lg rounded-md bg-white">
-        <div className="flex items-center justify-between p-2.5 border-b border-gray-200">
-          <div className="flex items-center">
-            <FaTasks className="h-6 w-6 text-blue-600 mr-3" />
-            <div>
-              <h3 className="text-lg font-semibold text-gray-900">
-                Proje Görevleri
-              </h3>
-              <p className="text-gray-600">
-                {project.name} - {project.code}
-              </p>
-            </div>
-          </div>
-          <button
-            onClick={onClose}
-            className="text-gray-400 hover:text-gray-600 focus:outline-none"
-          >
-            <FaTimes className="h-6 w-6" />
-          </button>
-        </div>
-
-        <div className="p-2.5 max-h-[75vh] overflow-y-auto">
-          {projectTasks.length > 0 ? (
-            <div className="space-y-3">
-              {projectTasks.map((task) => (
-                <div
-                  key={task.id}
-                  className="bg-white border border-gray-200 rounded-lg p-3 hover:shadow-md transition-shadow"
-                >
-                  <div className="flex items-center flex-wrap gap-2 mb-2">
-                    <h4 className="text-base font-medium text-gray-900 flex-shrink-0">
-                      {task.name}
-                    </h4>
-                    <Badge className="bg-gray-200 text-gray-700">
-                      {task.taskCode}
-                    </Badge>
-                    <Badge className={statusConfig[task.status]?.color}>
-                      {statusConfig[task.status]?.name || "Bilinmiyor"}
-                    </Badge>
-                    <Badge
-                      className={
-                        priorityConfig[task.priority as PriorityEnum]?.color
-                      }
-                    >
-                      {priorityConfig[task.priority as PriorityEnum]?.name ||
-                        "Bilinmiyor"}
-                    </Badge>
-                  </div>
-
-                  {task.description && (
-                    <p className="text-sm text-gray-600 mb-3">
-                      {task.description}
-                    </p>
-                  )}
-
-                  <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-3 border-t border-b border-gray-100 py-2.5">
-                    <TaskInfo
-                      icon={FaCalendar}
-                      label="Başlangıç"
-                      value={dayjs(task.startDate).format("DD.MM.YYYY")}
-                    />
-                    <TaskInfo
-                      icon={FaCalendar}
-                      label="Bitiş"
-                      value={dayjs(task.endDate).format("DD.MM.YYYY")}
-                    />
-                    <TaskInfo
-                      icon={FaUser}
-                      label="Atanan"
-                      value={task.assignee?.name || "-"}
-                    />
-                    <TaskInfo
-                      icon={FaChartLine}
-                      label="Tahmini Süre"
-                      value={`${task.estimatedHours} saat`}
-                    />
-                  </div>
-
-                  <ProgressBar progress={task.progress} />
-
-                  {task.actualHours > 0 && (
-                    <div className="mt-2.5 pt-2.5 border-t border-gray-200">
-                      <div className="flex justify-between text-sm">
-                        <span className="text-gray-600">Gerçek Saat:</span>
-                        <span className="font-medium">
-                          {task.actualHours}h / {task.estimatedHours}h
-                        </span>
-                      </div>
-                    </div>
-                  )}
-                </div>
-              ))}
-            </div>
-          ) : (
-            <div className="text-center py-10">
-              <FaTasks className="mx-auto h-10 w-10 text-gray-400" />
-              <h3 className="mt-2 text-sm font-medium text-gray-900">
-                Görev bulunamadı
-              </h3>
-              <p className="mt-1 text-sm text-gray-500">
-                Bu proje için henüz görev tanımlanmamış.
-              </p>
-            </div>
-          )}
-        </div>
-
-        <div className="px-2.5 py-2 bg-gray-50 border-t border-gray-200 rounded-b-md">
-          <div className="flex justify-end">
-            <button
-              onClick={onClose}
-              className="px-3 py-1.5 bg-gray-600 text-white text-sm font-medium rounded-md hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-500"
-            >
-              Kapat
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default TaskViewModal;
diff --git a/ui/src/views/supplychain/components/ApprovalWorkflowModal.tsx b/ui/src/views/supplychain/components/ApprovalWorkflowModal.tsx
deleted file mode 100644
index 1d8836f8..00000000
--- a/ui/src/views/supplychain/components/ApprovalWorkflowModal.tsx
+++ /dev/null
@@ -1,386 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave, FaUsers, FaPlus, FaTrash } from 'react-icons/fa'
-import {
-  MmApprovalWorkflow,
-  MmApprovalWorkflowLevel,
-  RequestTypeEnum,
-  ApprovalLevelEnum,
-} from '../../../types/mm'
-import MultiSelectEmployee from '../../../components/common/MultiSelectEmployee'
-import { mockDepartments } from '../../../mocks/mockDepartments'
-import { getApprovalLevelText, getRequestTypeText } from '@/utils/erp'
-
-interface ApprovalWorkflowModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (workflow: MmApprovalWorkflow) => void
-  workflow?: MmApprovalWorkflow | null
-  mode: 'create' | 'view' | 'edit'
-}
-
-const ApprovalWorkflowModal: React.FC<ApprovalWorkflowModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  workflow,
-  mode,
-}) => {
-  const [formData, setFormData] = useState<Partial<MmApprovalWorkflow>>({
-    name: '',
-    departmentId: '',
-    requestType: RequestTypeEnum.Material,
-    amountThreshold: 0,
-    approvalLevels: [],
-    isActive: true,
-  })
-
-  useEffect(() => {
-    if (mode === 'create') {
-      // Reset form to initial empty state for new workflow
-      setFormData({
-        name: '',
-        departmentId: '',
-        requestType: RequestTypeEnum.Material,
-        amountThreshold: 0,
-        approvalLevels: [],
-        isActive: true,
-      })
-    } else if (workflow) {
-      // Load existing workflow data for view/edit modes
-      setFormData(workflow)
-    }
-  }, [workflow, mode])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]:
-        type === 'number'
-          ? parseFloat(value) || 0
-          : type === 'checkbox'
-            ? (e.target as HTMLInputElement).checked
-            : value,
-    }))
-  }
-
-  const addApprovalLevel = () => {
-    const newLevel: MmApprovalWorkflowLevel = {
-      id: `level-${Date.now()}`,
-      workflowId: formData.id || '',
-      level: ApprovalLevelEnum.Supervisor,
-      approverUserIds: [],
-      approverNames: [],
-      sequence: (formData.approvalLevels?.length || 0) + 1,
-      isRequired: true,
-      isParallel: false,
-    }
-
-    setFormData((prev) => ({
-      ...prev,
-      approvalLevels: [...(prev.approvalLevels || []), newLevel],
-    }))
-  }
-
-  const removeApprovalLevel = (index: number) => {
-    setFormData((prev) => ({
-      ...prev,
-      approvalLevels: prev.approvalLevels?.filter((_, i) => i !== index) || [],
-    }))
-  }
-
-  const updateApprovalLevel = (
-    index: number,
-    field: keyof MmApprovalWorkflowLevel,
-    value: string | number | boolean | string[] | undefined,
-  ) => {
-    setFormData((prev) => ({
-      ...prev,
-      approvalLevels:
-        prev.approvalLevels?.map((level, i) =>
-          i === index ? { ...level, [field]: value } : level,
-        ) || [],
-    }))
-  }
-
-  const handleApproverNamesChange = (index: number, employees: string[]) => {
-    updateApprovalLevel(index, 'approverNames', employees)
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (mode !== 'view') {
-      const newWorkflow: MmApprovalWorkflow = {
-        id: workflow?.id || `WF-${Date.now()}`,
-        name: formData.name || '',
-        departmentId: formData.departmentId || '',
-        requestType: formData.requestType || RequestTypeEnum.Material,
-        amountThreshold: formData.amountThreshold || 0,
-        approvalLevels: formData.approvalLevels || [],
-        isActive: formData.isActive ?? true,
-        creationTime: workflow?.creationTime || new Date(),
-        lastModificationTime: new Date(),
-      }
-      onSave(newWorkflow)
-    }
-    onClose()
-  }
-
-  if (!isOpen) return null
-
-  const isReadOnly = mode === 'view'
-  const modalTitle =
-    mode === 'create'
-      ? 'Yeni Onay Süreci'
-      : mode === 'edit'
-        ? 'Onay Sürecini Düzenle'
-        : 'Onay Süreci Detayları'
-
-  return (
-    <div className="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50">
-      <div className="relative top-5 mx-auto p-4 border w-11/12 max-w-5xl shadow-lg rounded-md bg-white">
-        <div className="flex items-center justify-between pb-2 border-b">
-          <h3 className="text-base font-semibold text-gray-900 flex items-center">
-            <FaUsers className="mr-2 text-blue-600" />
-            {modalTitle}
-          </h3>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600 p-1">
-            <FaTimes />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="mt-2">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Temel Bilgiler */}
-            <div className="space-y-3">
-              <h4 className="text-base font-medium text-gray-900 border-b pb-1">Temel Bilgiler</h4>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Süreç Adı</label>
-                <input
-                  type="text"
-                  name="workflowName"
-                  value={formData.name || ''}
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                  required
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Departman</label>
-                <select
-                  value={formData.departmentId || ''}
-                  onChange={handleInputChange}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                  required
-                >
-                  <option value="">Departman Seçin...</option>
-                  {mockDepartments.map((dept) => (
-                    <option key={dept.id} value={dept.id}>
-                      {dept.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Talep Tipi</label>
-                <select
-                  name="requestType"
-                  value={formData.requestType || RequestTypeEnum.Material}
-                  onChange={handleInputChange}
-                  disabled={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                >
-                  {Object.values(RequestTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getRequestTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Tutar Eşiği (TL)</label>
-                <input
-                  type="number"
-                  name="amountThreshold"
-                  value={formData.amountThreshold || 0}
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                />
-              </div>
-
-              <div>
-                <label className="flex items-center">
-                  <input
-                    type="checkbox"
-                    name="isActive"
-                    checked={formData.isActive || false}
-                    onChange={handleInputChange}
-                    disabled={isReadOnly}
-                    className="mr-2"
-                  />
-                  <span className="text-sm font-medium text-gray-700">Aktif</span>
-                </label>
-              </div>
-            </div>
-
-            {/* Onay Seviyeleri */}
-            <div className="space-y-3">
-              <div className="flex items-center justify-between">
-                <h4 className="text-base font-medium text-gray-900 border-b pb-1">
-                  Onay Seviyeleri
-                </h4>
-                {!isReadOnly && (
-                  <button
-                    type="button"
-                    onClick={addApprovalLevel}
-                    className="px-3 py-1 bg-blue-600 text-white rounded-md hover:bg-blue-700 flex items-center text-sm"
-                  >
-                    <FaPlus className="mr-1" />
-                    Seviye Ekle
-                  </button>
-                )}
-              </div>
-
-              <div className="space-y-2 max-h-56 overflow-y-auto p-1">
-                {formData.approvalLevels?.map((level, index) => (
-                  <div key={level.id} className="border rounded-lg p-2 bg-gray-50">
-                    <div className="flex items-center justify-between mb-1">
-                      <span className="text-sm font-medium text-gray-700">
-                        Seviye {level.sequence}
-                      </span>
-                      {!isReadOnly && (
-                        <button
-                          type="button"
-                          onClick={() => removeApprovalLevel(index)}
-                          className="text-red-600 hover:text-red-800"
-                        >
-                          <FaTrash />
-                        </button>
-                      )}
-                    </div>
-
-                    <div className="grid grid-cols-1 gap-1">
-                      <div>
-                        <label className="block text-xs font-medium text-gray-600">
-                          Onay Seviyesi
-                        </label>
-                        <select
-                          value={level.level}
-                          onChange={(e) => updateApprovalLevel(index, 'level', e.target.value)}
-                          disabled={isReadOnly}
-                          className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                        >
-                          {Object.values(ApprovalLevelEnum).map((lvl) => (
-                            <option key={lvl} value={lvl}>
-                              {getApprovalLevelText(lvl)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-600">
-                          Onaylayıcılar
-                        </label>
-                        <MultiSelectEmployee
-                          selectedEmployees={level.approverNames || []}
-                          onChange={(employees) => handleApproverNamesChange(index, employees)}
-                          disabled={isReadOnly}
-                          placeholder="Onaylayıcı seçin..."
-                          className="mt-1"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-600">
-                          Timeout (Gün)
-                        </label>
-                        <input
-                          type="number"
-                          value={level.timeoutDays || ''}
-                          onChange={(e) =>
-                            updateApprovalLevel(
-                              index,
-                              'timeoutDays',
-                              parseInt(e.target.value) || undefined,
-                            )
-                          }
-                          readOnly={isReadOnly}
-                          min="1"
-                          className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                        />
-                      </div>
-
-                      <div className="flex space-x-3">
-                        <label className="flex items-center">
-                          <input
-                            type="checkbox"
-                            checked={level.isRequired}
-                            onChange={(e) =>
-                              updateApprovalLevel(index, 'isRequired', e.target.checked)
-                            }
-                            disabled={isReadOnly}
-                            className="mr-1"
-                          />
-                          <span className="text-xs text-gray-600">Zorunlu</span>
-                        </label>
-                        <label className="flex items-center">
-                          <input
-                            type="checkbox"
-                            checked={level.isParallel}
-                            onChange={(e) =>
-                              updateApprovalLevel(index, 'isParallel', e.target.checked)
-                            }
-                            disabled={isReadOnly}
-                            className="mr-1"
-                          />
-                          <span className="text-xs text-gray-600">Paralel</span>
-                        </label>
-                      </div>
-                    </div>
-                  </div>
-                ))}
-              </div>
-
-              {formData.approvalLevels?.length === 0 && (
-                <div className="text-center text-gray-500 text-sm py-2">
-                  Henüz onay seviyesi eklenmedi
-                </div>
-              )}
-            </div>
-          </div>
-
-          {/* Action Buttons */}
-          <div className="flex justify-end space-x-3 mt-4 pt-3 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1.5 border border-gray-300 rounded-md text-sm text-gray-700 hover:bg-gray-50"
-            >
-              {mode === 'view' ? 'Kapat' : 'İptal'}
-            </button>
-            {mode !== 'view' && (
-              <button
-                type="submit"
-                className="px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 flex items-center text-sm"
-              >
-                <FaSave className="mr-2" />
-                Kaydet
-              </button>
-            )}
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default ApprovalWorkflowModal
diff --git a/ui/src/views/supplychain/components/ApprovalWorkflows.tsx b/ui/src/views/supplychain/components/ApprovalWorkflows.tsx
deleted file mode 100644
index a906d13c..00000000
--- a/ui/src/views/supplychain/components/ApprovalWorkflows.tsx
+++ /dev/null
@@ -1,367 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaEdit,
-  FaTrash,
-  FaCodeBranch,
-  FaUsers,
-  FaCog,
-  FaClock,
-  FaCheckCircle,
-  FaEye,
-} from 'react-icons/fa'
-import { MmApprovalWorkflow } from '../../../types/mm'
-import ApprovalWorkflowModal from './ApprovalWorkflowModal'
-import { mockApprovalWorkflows } from '../../../mocks/mockApprovalWorkflows'
-import {
-  getApprovalLevelColor,
-  getApprovalLevelText,
-  getRequestTypeColor,
-  getRequestTypeText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const ApprovalWorkflows: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [showModal, setShowModal] = useState(false)
-  const [editingWorkflow, setEditingWorkflow] = useState<MmApprovalWorkflow | null>(null)
-  const [selectedWorkflow, setSelectedWorkflow] = useState<MmApprovalWorkflow | null>(null)
-  const [modalMode, setModalMode] = useState<'create' | 'view' | 'edit'>('create')
-
-  // Mock data - replace with actual API calls
-  const [workflows] = useState<MmApprovalWorkflow[]>(mockApprovalWorkflows)
-
-  const filteredWorkflows = workflows.filter(
-    (workflow) =>
-      workflow.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      workflow.departmentId.toLowerCase().includes(searchTerm.toLowerCase()),
-  )
-
-  const getTotalSteps = (workflow: MmApprovalWorkflow) => {
-    return workflow.approvalLevels.length
-  }
-
-  const getRequiredSteps = (workflow: MmApprovalWorkflow) => {
-    return workflow.approvalLevels.filter((level) => level.isRequired).length
-  }
-
-  const getMaxTimeout = (workflow: MmApprovalWorkflow) => {
-    return Math.max(...workflow.approvalLevels.map((level) => level.timeoutDays || 0))
-  }
-
-  const handleEdit = (workflow: MmApprovalWorkflow) => {
-    setEditingWorkflow(workflow)
-    setModalMode('edit')
-    setShowModal(true)
-  }
-
-  const handleView = (workflow: MmApprovalWorkflow) => {
-    setEditingWorkflow(workflow)
-    setModalMode('view')
-    setShowModal(true)
-  }
-
-  const handleAddNew = () => {
-    setEditingWorkflow(null)
-    setModalMode('create')
-    setShowModal(true)
-  }
-
-  const handleViewDetails = (workflow: MmApprovalWorkflow) => {
-    setSelectedWorkflow(workflow)
-  }
-
-  const handleSaveWorkflow = (workflow: MmApprovalWorkflow) => {
-    // TODO: Implement save logic
-    console.log('Saving workflow:', workflow)
-    setShowModal(false)
-    setEditingWorkflow(null)
-  }
-
-  const handleCloseModal = () => {
-    setShowModal(false)
-    setEditingWorkflow(null)
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Onay Süreçleri</h2>
-            <p className="text-gray-600">Departman bazlı satınalma onay süreçlerini yönetin</p>
-          </div>
-          <button
-            onClick={handleAddNew}
-            className="bg-blue-600 text-white px-3 py-1.5 rounded-lg hover:bg-blue-700 flex items-center space-x-2 text-sm"
-          >
-            <FaPlus className="w-4 h-4" />
-            <span>Yeni Onay Süreci</span>
-          </button>
-        </div>
-
-        {/* Search Bar */}
-        <div className="relative">
-          <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-          <input
-            type="text"
-            placeholder="Onay süreci ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-          />
-        </div>
-
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-          {/* Workflow List */}
-          <div className="space-y-3 pt-2">
-            <h3 className="text-base font-semibold text-gray-900">Onay Süreçleri</h3>
-            {filteredWorkflows.map((workflow) => (
-              <div
-                key={workflow.id}
-                className="bg-white rounded-lg shadow-md border border-gray-200 p-3 hover:shadow-lg transition-shadow cursor-pointer"
-                onClick={() => handleViewDetails(workflow)}
-              >
-                <div className="flex items-start justify-between mb-2">
-                  <div className="flex-1">
-                    <div className="flex items-center space-x-2 mb-1">
-                      <FaCodeBranch className="w-4 h-4 text-gray-600" />
-                      <h4 className="text-base font-semibold text-gray-900">{workflow.name}</h4>
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${getRequestTypeColor(
-                          workflow.requestType,
-                        )}`}
-                      >
-                        {getRequestTypeText(workflow.requestType)}
-                      </span>
-                    </div>
-                    <p className="text-xs text-gray-600 mb-1">
-                      Departman: {workflow.department?.name}
-                    </p>
-                    <p className="text-sm text-gray-600">
-                      Limit: ₺{workflow.amountThreshold.toLocaleString()} ve üzeri
-                    </p>
-                  </div>
-                  <div className="flex space-x-1">
-                    <button
-                      onClick={(e) => {
-                        e.stopPropagation()
-                        handleView(workflow)
-                      }}
-                      className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                      title="Görüntüle"
-                    >
-                      <FaEye className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={(e) => {
-                        e.stopPropagation()
-                        handleEdit(workflow)
-                      }}
-                      className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                      title="Düzenle"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={(e) => e.stopPropagation()}
-                      className="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition-colors"
-                      title="Sil"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-
-                <div className="grid grid-cols-2 gap-3 text-xs mb-2">
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-500 flex items-center">
-                      <FaUsers className="w-4 h-4 mr-1" />
-                      Toplam Adım
-                    </span>
-                    <span className="font-medium">{getTotalSteps(workflow)}</span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-500 flex items-center">
-                      <FaCheckCircle className="w-4 h-4 mr-1" />
-                      Zorunlu Adım
-                    </span>
-                    <span className="font-medium">{getRequiredSteps(workflow)}</span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-500 flex items-center">
-                      <FaClock className="w-4 h-4 mr-1" />
-                      Maks. Süre
-                    </span>
-                    <span className="font-medium">{getMaxTimeout(workflow)} gün</span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-500">Son Güncelleme</span>
-                    <span className="font-medium">
-                      {workflow.lastModificationTime.toLocaleDateString('tr-TR')}
-                    </span>
-                  </div>
-                </div>
-
-                <div className="flex items-center justify-between">
-                  <span
-                    className={`px-2 py-1 rounded-full text-xs font-medium ${
-                      workflow.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-                    }`}
-                  >
-                    {workflow.isActive ? 'Aktif' : 'Pasif'}
-                  </span>
-                  <div className="flex items-center space-x-1">
-                    {workflow.approvalLevels.some((level) => level.isParallel) && (
-                      <span className="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded flex items-center">
-                        <FaCodeBranch className="w-3 h-3 mr-1" />
-                        Paralel Onay
-                      </span>
-                    )}
-                  </div>
-                </div>
-              </div>
-            ))}
-
-            {filteredWorkflows.length === 0 && (
-              <div className="text-center py-6">
-                <FaCodeBranch className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-                <h3 className="text-base font-medium text-gray-900 mb-2">Onay süreci bulunamadı</h3>
-                <p className="text-sm text-gray-500">
-                  Arama kriterlerinizi değiştirin veya yeni bir onay süreci ekleyin.
-                </p>
-              </div>
-            )}
-          </div>
-
-          {/* Workflow Details */}
-          <div className="space-y-3 pt-2">
-            <h3 className="text-base font-semibold text-gray-900">Onay Adımları</h3>
-            {selectedWorkflow ? (
-              <div className="bg-white rounded-lg shadow-md border border-gray-200 p-3">
-                <div className="mb-3">
-                  <h4 className="font-semibold text-base text-gray-900 mb-2">
-                    {selectedWorkflow.name}
-                  </h4>
-                  <div className="grid grid-cols-2 gap-1 text-xs text-gray-600 mb-2">
-                    <div>Departman: {selectedWorkflow.departmentId}</div>
-                    <div>Tür: {getRequestTypeText(selectedWorkflow.requestType)}</div>
-                    <div>Tutar Limiti: ₺{selectedWorkflow.amountThreshold.toLocaleString()}</div>
-                    <div>Durum: {selectedWorkflow.isActive ? 'Aktif' : 'Pasif'}</div>
-                  </div>
-                </div>
-
-                <div className="space-y-2">
-                  {selectedWorkflow.approvalLevels
-                    .sort((a, b) => a.sequence - b.sequence)
-                    .map((level, index) => (
-                      <div key={level.id} className="border border-gray-200 rounded-lg p-2">
-                        <div className="flex items-center justify-between mb-2">
-                          <div className="flex items-center space-x-2">
-                            <span className="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded">
-                              Adım {level.sequence}
-                            </span>
-                            <span
-                              className={`px-2 py-1 rounded-full text-xs font-medium ${getApprovalLevelColor(
-                                level.level,
-                              )}`}
-                            >
-                              {getApprovalLevelText(level.level)}
-                            </span>
-                            {level.isRequired && (
-                              <span className="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">
-                                Zorunlu
-                              </span>
-                            )}
-                            {level.isParallel && (
-                              <span className="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded">
-                                Paralel
-                              </span>
-                            )}
-                          </div>
-                          {level.timeoutDays && (
-                            <span className="text-xs text-gray-500 flex items-center">
-                              <FaClock className="w-3 h-3 mr-1" />
-                              {level.timeoutDays} gün
-                            </span>
-                          )}
-                        </div>
-
-                        <div className="text-xs">
-                          <div className="font-medium text-gray-900 mb-1">Onaylayanlar:</div>
-                          <div className="space-y-1">
-                            {level.approverNames.map((name, idx) => (
-                              <div key={idx} className="flex items-center space-x-2">
-                                <FaUsers className="w-4 h-4 text-gray-400" />
-                                <span className="text-gray-700">{name}</span>
-                                <span className="text-xs text-gray-500">
-                                  ({level.approverUserIds[idx]})
-                                </span>
-                              </div>
-                            ))}
-                          </div>
-                        </div>
-
-                        {index < selectedWorkflow.approvalLevels.length - 1 && (
-                          <div className="flex justify-center mt-3">
-                            <div className="w-px h-4 bg-gray-300"></div>
-                          </div>
-                        )}
-                      </div>
-                    ))}
-                </div>
-
-                {/* Workflow Statistics */}
-                <div className="mt-3 pt-3 border-t border-gray-100">
-                  <div className="grid grid-cols-3 gap-3 text-xs">
-                    <div className="text-center">
-                      <div className="font-medium text-gray-900">
-                        {getTotalSteps(selectedWorkflow)}
-                      </div>
-                      <div className="text-gray-500">Toplam Adım</div>
-                    </div>
-                    <div className="text-center">
-                      <div className="font-medium text-gray-900">
-                        {getRequiredSteps(selectedWorkflow)}
-                      </div>
-                      <div className="text-gray-500">Zorunlu Adım</div>
-                    </div>
-                    <div className="text-center">
-                      <div className="font-medium text-gray-900">
-                        {getMaxTimeout(selectedWorkflow)}
-                      </div>
-                      <div className="text-gray-500">Maks. Gün</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            ) : (
-              <div className="bg-gray-50 rounded-lg p-6 text-center">
-                <FaCog className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-                <h3 className="text-base font-medium text-gray-900 mb-2">
-                  Onay Adımlarını Görüntüle
-                </h3>
-                <p className="text-sm text-gray-500">
-                  Detaylarını görmek için sol taraftan bir onay süreci seçin.
-                </p>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-
-      {/* Approval Workflow Modal */}
-      <ApprovalWorkflowModal
-        isOpen={showModal}
-        onClose={handleCloseModal}
-        onSave={handleSaveWorkflow}
-        workflow={editingWorkflow}
-        mode={modalMode}
-      />
-    </Container>
-  )
-}
-
-export default ApprovalWorkflows
diff --git a/ui/src/views/supplychain/components/DeliveryTracking.tsx b/ui/src/views/supplychain/components/DeliveryTracking.tsx
deleted file mode 100644
index 6c393a85..00000000
--- a/ui/src/views/supplychain/components/DeliveryTracking.tsx
+++ /dev/null
@@ -1,523 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaSearch,
-  FaFilter,
-  FaEye,
-  FaEdit,
-  FaMapMarkerAlt,
-  FaTruck,
-  FaBox,
-  FaUser,
-  FaFileAlt,
-} from 'react-icons/fa'
-import {
-  DeliveryStatusEnum,
-  MmDelivery,
-  MmGoodsReceipt,
-  ReceiptStatusEnum,
-  QualityStatusEnum,
-} from '../../../types/mm'
-import {
-  getConditionColor,
-  getConditionText,
-  getDeliveryStatusText,
-  getRequestTypeText,
-  getDeliveryStatusColor,
-  getDeliveryStatusIcon,
-} from '../../../utils/erp'
-import { mockDeliveries } from '../../../mocks/mockDeliveries'
-import DeliveryTrackingModal from './DeliveryTrackingModal'
-import Widget from '../../../components/common/Widget'
-import { Container } from '@/components/shared'
-
-const DeliveryTracking: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<DeliveryStatusEnum | 'all'>('all')
-  const [selectedDelivery, setSelectedDelivery] = useState<MmDelivery | null>(null)
-
-  // Modal state
-  const [isModalOpen, setIsModalOpen] = useState(false)
-  const [modalMode, setModalMode] = useState<'create' | 'view' | 'edit'>('view')
-  const [selectedReceipt, setSelectedReceipt] = useState<MmGoodsReceipt | null>(null)
-
-  // Mock data - replace with actual API calls
-  const [deliveries] = useState<MmDelivery[]>(mockDeliveries)
-
-  // Convert Delivery to GoodsReceipt for modal compatibility
-  const convertDeliveryToGoodsReceipt = (delivery: MmDelivery): MmGoodsReceipt => {
-    return {
-      id: delivery.id,
-      receiptNumber: delivery.deliveryNumber,
-      orderId: delivery.orderNumber,
-      receiptDate: delivery.actualDeliveryDate || delivery.expectedDeliveryDate,
-      receivedBy: delivery.receivedBy || '',
-      warehouseId: 'WH001', // Default warehouse, could be mapped from delivery
-      status:
-        delivery.status === DeliveryStatusEnum.Delivered
-          ? ReceiptStatusEnum.Completed
-          : ReceiptStatusEnum.Pending,
-      notes: delivery.notes,
-      items: delivery.items.map((item) => ({
-        id: item.id,
-        receiptId: delivery.id,
-        orderItemId: item.id,
-        materialId: item.materialId,
-        receivedQuantity: item.deliveredQuantity,
-        acceptedQuantity: item.deliveredQuantity,
-        rejectedQuantity: 0,
-        lotNumber: '',
-        expiryDate: undefined,
-        qualityStatus:
-          item.condition === 'Good'
-            ? QualityStatusEnum.Approved
-            : item.condition === 'Damaged'
-              ? QualityStatusEnum.Rejected
-              : QualityStatusEnum.Pending,
-        storageLocation: undefined,
-      })),
-      creationTime: new Date(),
-      lastModificationTime: new Date(),
-    }
-  }
-
-  const handleViewDelivery = (delivery: MmDelivery) => {
-    const receipt = convertDeliveryToGoodsReceipt(delivery)
-    setSelectedReceipt(receipt)
-    setModalMode('view')
-    setIsModalOpen(true)
-  }
-
-  const handleEditDelivery = (delivery: MmDelivery) => {
-    const receipt = convertDeliveryToGoodsReceipt(delivery)
-    setSelectedReceipt(receipt)
-    setModalMode('edit')
-    setIsModalOpen(true)
-  }
-
-  const handleSaveReceipt = (receipt: MmGoodsReceipt) => {
-    // Handle saving the receipt
-    // This would typically involve API calls to update the backend
-    console.log('Saving receipt:', receipt)
-    setIsModalOpen(false)
-  }
-
-  const handleCloseModal = () => {
-    setIsModalOpen(false)
-    setSelectedReceipt(null)
-  }
-
-  const filteredDeliveries = deliveries.filter((delivery) => {
-    const matchesSearch =
-      delivery.deliveryNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      delivery.orderNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      delivery.supplierName.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      (delivery.trackingNumber &&
-        delivery.trackingNumber.toLowerCase().includes(searchTerm.toLowerCase()))
-    const matchesStatus = statusFilter === 'all' || delivery.status === statusFilter
-    return matchesSearch && matchesStatus
-  })
-
-  const isDelayed = (delivery: MmDelivery) => {
-    const today = new Date()
-    return delivery.expectedDeliveryDate < today && !delivery.actualDeliveryDate
-  }
-
-  const getDaysDelay = (delivery: MmDelivery) => {
-    if (!isDelayed(delivery)) return 0
-    const today = new Date()
-    const diffTime = today.getTime() - delivery.expectedDeliveryDate.getTime()
-    return Math.ceil(diffTime / (1000 * 60 * 60 * 24))
-  }
-
-  const getDeliveryProgress = (delivery: MmDelivery) => {
-    const totalQuantity = delivery.items.reduce((sum, item) => sum + item.orderedQuantity, 0)
-    const deliveredQuantity = delivery.items.reduce((sum, item) => sum + item.deliveredQuantity, 0)
-    return totalQuantity > 0 ? Math.round((deliveredQuantity / totalQuantity) * 100) : 0
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Teslimat Takibi</h2>
-            <p className="text-gray-600">Sipariş teslimatlarını takip edin ve yönetin</p>
-          </div>
-        </div>
-
-        {/* Summary Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <Widget
-            title="Aktif Teslimat"
-            value={
-              deliveries.filter((d) =>
-                [
-                  DeliveryStatusEnum.InTransit,
-                  DeliveryStatusEnum.OutForDelivery,
-                  DeliveryStatusEnum.Shipped,
-                ].includes(d.status),
-              ).length
-            }
-            color="blue"
-            icon="FaTruck"
-          />
-
-          <Widget
-            title="Teslim Edildi"
-            value={deliveries.filter((d) => d.status === DeliveryStatusEnum.Delivered).length}
-            color="green"
-            icon="FaCheckCircle"
-          />
-
-          <Widget
-            title="Kısmi Teslim"
-            value={
-              deliveries.filter((d) => d.status === DeliveryStatusEnum.PartiallyDelivered).length
-            }
-            color="orange"
-            icon="FaExclamationTriangle"
-          />
-
-          <Widget
-            title="Gecikmeli"
-            value={
-              deliveries.filter((d) => d.status === DeliveryStatusEnum.Delayed || isDelayed(d))
-                .length
-            }
-            color="teal"
-            icon="FaClock"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex space-x-3">
-          <div className="flex-1 relative">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Teslimat ara (teslimat no, sipariş no, kargo takip no)..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-10 pr-4 py-1.5  text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <div className="relative">
-            <FaFilter className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <select
-              value={statusFilter}
-              onChange={(e) => setStatusFilter(e.target.value as DeliveryStatusEnum | 'all')}
-              className="pl-10 pr-4 py-1.5  border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm"
-            >
-              <option value="all">Tüm Durumlar</option>
-              {Object.values(DeliveryStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getDeliveryStatusText(status)}
-                </option>
-              ))}
-            </select>
-          </div>
-        </div>
-
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-          {/* Deliveries List */}
-          <div className="space-y-3 pt-2">
-            <h3 className="text-base font-semibold text-gray-900">Teslimatlar</h3>
-            {filteredDeliveries.map((delivery) => (
-              <div
-                key={delivery.id}
-                className={`bg-white rounded-lg shadow-md border border-gray-200 p-3 hover:shadow-lg transition-shadow cursor-pointer ${
-                  selectedDelivery?.id === delivery.id ? 'ring-2 ring-blue-500' : ''
-                }`}
-                onClick={() => setSelectedDelivery(delivery)}
-              >
-                <div className="flex items-start justify-between mb-2">
-                  <div className="flex-1">
-                    <div className="flex items-center space-x-2 mb-2">
-                      <h4 className="text-lg font-semibold text-gray-900">
-                        {delivery.deliveryNumber}
-                      </h4>
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium flex items-center space-x-1 ${getDeliveryStatusColor(
-                          delivery.status,
-                        )}`}
-                      >
-                        {getDeliveryStatusIcon(delivery.status)}
-                        <span>{getDeliveryStatusText(delivery.status)}</span>
-                      </span>
-                      {isDelayed(delivery) && (
-                        <span className="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">
-                          {getDaysDelay(delivery)} gün geç
-                        </span>
-                      )}
-                    </div>
-                    <p className="text-xs text-gray-600 mb-1">Sipariş: {delivery.orderNumber}</p>
-                    <p className="text-sm text-gray-600">{delivery.supplierName}</p>
-                    {delivery.trackingNumber && (
-                      <p className="text-xs text-blue-600 mt-1">
-                        Takip No: {delivery.trackingNumber}
-                      </p>
-                    )}
-                  </div>
-                  <div className="flex space-x-1">
-                    <button
-                      onClick={() => handleViewDelivery(delivery)}
-                      className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                      title="Teslimat Detaylarını Görüntüle"
-                    >
-                      <FaEye className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleEditDelivery(delivery)}
-                      className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                      title="Teslimat Takibini Düzenle"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-
-                <div className="grid grid-cols-2 gap-3 mb-2 text-xs">
-                  <div>
-                    <span className="text-gray-500">Beklenen Tarih</span>
-                    <p
-                      className={`font-medium ${
-                        isDelayed(delivery) ? 'text-red-600' : 'text-gray-900'
-                      }`}
-                    >
-                      {delivery.expectedDeliveryDate.toLocaleDateString('tr-TR')}
-                    </p>
-                  </div>
-                  <div>
-                    <span className="text-gray-500">Teslimat Durumu</span>
-                    <p className="font-medium text-gray-900">{getDeliveryProgress(delivery)}%</p>
-                  </div>
-                </div>
-
-                {/* Progress Bar */}
-                <div className="mb-2">
-                  <div className="w-full bg-gray-200 rounded-full h-2">
-                    <div
-                      className={`h-2 rounded-full transition-all duration-300 ${
-                        delivery.status === DeliveryStatusEnum.Delivered
-                          ? 'bg-green-600'
-                          : delivery.status === DeliveryStatusEnum.PartiallyDelivered
-                            ? 'bg-orange-600'
-                            : delivery.status === DeliveryStatusEnum.Delayed
-                              ? 'bg-red-600'
-                              : 'bg-blue-600'
-                      }`}
-                      style={{ width: `${getDeliveryProgress(delivery)}%` }}
-                    ></div>
-                  </div>
-                </div>
-
-                <div className="flex items-center justify-between text-xs text-gray-500">
-                  <div className="flex items-center space-x-2">
-                    <FaMapMarkerAlt className="w-3 h-3" />
-                    <span>{getRequestTypeText(delivery.requestType)}</span>
-                  </div>
-                  {delivery.courierCompany && <span>{delivery.courierCompany}</span>}
-                </div>
-              </div>
-            ))}
-
-            {filteredDeliveries.length === 0 && (
-              <div className="text-center py-6">
-                <FaTruck className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-                <h3 className="text-base font-medium text-gray-900 mb-2">Teslimat bulunamadı</h3>
-                <p className="text-sm text-gray-500">Arama kriterlerinizi değiştirin.</p>
-              </div>
-            )}
-          </div>
-
-          {/* Delivery Details */}
-          <div className="space-y-3 pt-2">
-            <h3 className="text-base font-semibold text-gray-900">Teslimat Detayları</h3>
-            {selectedDelivery ? (
-              <div className="bg-white rounded-lg shadow-md border border-gray-200 p-4">
-                <div className="mb-4">
-                  <div className="flex items-center justify-between mb-4">
-                    <h4 className="font-semibold text-gray-900 text-lg">
-                      {selectedDelivery.deliveryNumber}
-                    </h4>
-                    <span
-                      className={`px-3 py-1 rounded-full text-sm font-medium flex items-center space-x-1 ${getDeliveryStatusColor(
-                        selectedDelivery.status,
-                      )}`}
-                    >
-                      {getDeliveryStatusIcon(selectedDelivery.status)}
-                      <span>{getDeliveryStatusText(selectedDelivery.status)}</span>
-                    </span>
-                  </div>
-
-                  <div className="grid grid-cols-2 gap-3 text-xs mb-3">
-                    <div>
-                      <span className="text-gray-500">Sipariş No:</span>
-                      <p className="font-medium">{selectedDelivery.orderNumber}</p>
-                    </div>
-                    <div>
-                      <span className="text-gray-500">Tedarikçi:</span>
-                      <p className="font-medium">{selectedDelivery.supplierName}</p>
-                    </div>
-                    <div>
-                      <span className="text-gray-500">Beklenen Tarih:</span>
-                      <p className="font-medium">
-                        {selectedDelivery.expectedDeliveryDate.toLocaleDateString('tr-TR')}
-                      </p>
-                    </div>
-                    <div>
-                      <span className="text-gray-500">Gerçek Tarih:</span>
-                      <p className="font-medium">
-                        {selectedDelivery.actualDeliveryDate
-                          ? selectedDelivery.actualDeliveryDate.toLocaleDateString('tr-TR')
-                          : 'Henüz teslim edilmedi'}
-                      </p>
-                    </div>
-                  </div>
-
-                  {selectedDelivery.trackingNumber && (
-                    <div className="mb-3 p-2 bg-blue-50 rounded-lg text-xs">
-                      <div className="flex items-center justify-between">
-                        <div>
-                          <span className="text-sm text-gray-600">Kargo Takip No:</span>
-                          <p className="font-medium text-blue-900">
-                            {selectedDelivery.trackingNumber}
-                          </p>
-                        </div>
-                        <div>
-                          <span className="text-sm text-gray-600">Kargo Şirketi:</span>
-                          <p className="font-medium text-blue-900">
-                            {selectedDelivery.courierCompany}
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-                  )}
-
-                  <div className="mb-3">
-                    <span className="text-sm text-gray-600 flex items-center mb-2">
-                      <FaMapMarkerAlt className="w-4 h-4 mr-1" />
-                      Teslimat Adresi:
-                    </span>
-                    <p className="text-xs text-gray-900 bg-gray-50 p-2 rounded">
-                      {selectedDelivery.deliveryAddress}
-                    </p>
-                  </div>
-
-                  {selectedDelivery.receivedBy && (
-                    <div className="mb-3">
-                      <span className="text-sm text-gray-600 flex items-center mb-1">
-                        <FaUser className="w-4 h-4 mr-1" />
-                        Teslim Alan:
-                      </span>
-                      <p className="text-xs text-gray-900">{selectedDelivery.receivedBy}</p>
-                    </div>
-                  )}
-                </div>
-
-                {/* Items */}
-                <div className="mb-4">
-                  <h5 className="font-medium text-gray-900 mb-3">Teslimat Kalemleri</h5>
-                  <div className="space-y-2">
-                    {selectedDelivery.items.map((item) => (
-                      <div key={item.id} className="border border-gray-200 rounded-lg p-2">
-                        <div className="flex items-start justify-between mb-2">
-                          <div className="flex-1">
-                            <h6 className="font-medium text-gray-900">{item.material?.name}</h6>
-                            <p className="text-sm text-gray-600">{item.material?.id}</p>
-                          </div>
-                          <span
-                            className={`px-2 py-1 rounded-full text-xs font-medium ${getConditionColor(
-                              item.condition,
-                            )}`}
-                          >
-                            {getConditionText(item.condition)}
-                          </span>
-                        </div>
-
-                        <div className="grid grid-cols-3 gap-2 text-xs mb-2">
-                          <div>
-                            <span className="text-gray-500">Sipariş:</span>
-                            <p className="font-medium">
-                              {item.orderedQuantity} {item.unit}
-                            </p>
-                          </div>
-                          <div>
-                            <span className="text-gray-500">Teslim:</span>
-                            <p className="font-medium">
-                              {item.deliveredQuantity} {item.unit}
-                            </p>
-                          </div>
-                          <div>
-                            <span className="text-gray-500">Kalan:</span>
-                            <p className="font-medium">
-                              {item.orderedQuantity - item.deliveredQuantity} {item.unit}
-                            </p>
-                          </div>
-                        </div>
-
-                        {item.notes && (
-                          <div className="text-xs text-gray-600 bg-gray-50 p-2 rounded">
-                            <strong>Not:</strong> {item.notes}
-                          </div>
-                        )}
-                      </div>
-                    ))}
-                  </div>
-                </div>
-
-                {selectedDelivery.notes && (
-                  <div className="mb-3 p-2 bg-yellow-50 rounded-lg">
-                    <span className="text-sm text-gray-600 font-medium">Genel Notlar:</span>
-                    <p className="text-sm text-gray-900 mt-1">{selectedDelivery.notes}</p>
-                  </div>
-                )}
-
-                {selectedDelivery.attachments.length > 0 && (
-                  <div>
-                    <span className="text-sm text-gray-600 font-medium flex items-center mb-2">
-                      <FaFileAlt className="w-4 h-4 mr-1" />
-                      Ekler:
-                    </span>
-                    <div className="space-y-1">
-                      {selectedDelivery.attachments.map((attachment, index) => (
-                        <div key={index} className="flex items-center space-x-2 text-sm">
-                          <FaFileAlt className="w-4 h-4 text-gray-400" />
-                          <span className="text-blue-600 hover:underline cursor-pointer">
-                            {attachment}
-                          </span>
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-                )}
-              </div>
-            ) : (
-              <div className="bg-gray-50 rounded-lg p-6 text-center">
-                <FaBox className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-                <h3 className="text-base font-medium text-gray-900 mb-2">
-                  Teslimat Detaylarını Görüntüle
-                </h3>
-                <p className="text-sm text-gray-500">
-                  Detaylarını görmek için sol taraftan bir teslimat seçin.
-                </p>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-
-      {/* Delivery Tracking Modal */}
-      <DeliveryTrackingModal
-        isOpen={isModalOpen}
-        onClose={handleCloseModal}
-        onSave={handleSaveReceipt}
-        receipt={selectedReceipt}
-        mode={modalMode}
-      />
-    </Container>
-  )
-}
-
-export default DeliveryTracking
diff --git a/ui/src/views/supplychain/components/DeliveryTrackingModal.tsx b/ui/src/views/supplychain/components/DeliveryTrackingModal.tsx
deleted file mode 100644
index e4f12268..00000000
--- a/ui/src/views/supplychain/components/DeliveryTrackingModal.tsx
+++ /dev/null
@@ -1,491 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave, FaTruck, FaMapMarkerAlt, FaCalendar, FaBox } from 'react-icons/fa'
-import {
-  MmGoodsReceipt,
-  ReceiptStatusEnum,
-  QualityStatusEnum,
-  MmGoodsReceiptItem,
-} from '../../../types/mm'
-import { mock } from 'node:test'
-import { mockWarehouses } from '@/mocks/mockWarehouses'
-import { getQualityStatusText, getReceiptStatusText } from '@/utils/erp'
-
-interface DeliveryTrackingModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (receipt: MmGoodsReceipt) => void
-  receipt?: MmGoodsReceipt | null
-  mode: 'create' | 'view' | 'edit'
-}
-
-const DeliveryTrackingModal: React.FC<DeliveryTrackingModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  receipt,
-  mode,
-}) => {
-  const [formData, setFormData] = useState<Partial<MmGoodsReceipt>>({
-    receiptNumber: '',
-    orderId: '',
-    receiptDate: new Date(),
-    receivedBy: '',
-    warehouseId: '',
-    status: ReceiptStatusEnum.Pending,
-    notes: '',
-    items: [],
-  })
-
-  useEffect(() => {
-    if (mode === 'create') {
-      // Reset form to initial empty state for new goods receipt
-      setFormData({
-        receiptNumber: '',
-        orderId: '',
-        receiptDate: new Date(),
-        receivedBy: '',
-        warehouseId: '',
-        status: ReceiptStatusEnum.Pending,
-        notes: '',
-        items: [],
-      })
-    } else if (receipt) {
-      // Load existing receipt data for view/edit modes
-      setFormData(receipt)
-    }
-  }, [receipt, mode])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]:
-        type === 'number' ? parseFloat(value) || 0 : type === 'date' ? new Date(value) : value,
-    }))
-  }
-
-  const addReceiptItem = () => {
-    const newItem: MmGoodsReceiptItem = {
-      id: `item-${Date.now()}`,
-      receiptId: formData.id || '',
-      orderItemId: '',
-      materialId: '',
-      receivedQuantity: 0,
-      acceptedQuantity: 0,
-      rejectedQuantity: 0,
-      qualityStatus: QualityStatusEnum.Pending,
-    }
-
-    setFormData((prev) => ({
-      ...prev,
-      items: [...(prev.items || []), newItem],
-    }))
-  }
-
-  const removeReceiptItem = (index: number) => {
-    setFormData((prev) => ({
-      ...prev,
-      items: prev.items?.filter((_, i) => i !== index) || [],
-    }))
-  }
-
-  const updateReceiptItem = (
-    index: number,
-    field: keyof MmGoodsReceiptItem,
-    value: string | number | QualityStatusEnum | Date | undefined,
-  ) => {
-    setFormData((prev) => ({
-      ...prev,
-      items: prev.items?.map((item, i) => (i === index ? { ...item, [field]: value } : item)) || [],
-    }))
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (mode !== 'view') {
-      const newReceipt: MmGoodsReceipt = {
-        id: receipt?.id || `GR-${Date.now()}`,
-        receiptNumber:
-          formData.receiptNumber ||
-          `GR-${new Date().getFullYear()}-${Date.now().toString().slice(-3)}`,
-        orderId: formData.orderId || '',
-        receiptDate: formData.receiptDate || new Date(),
-        receivedBy: formData.receivedBy || '',
-        warehouseId: formData.warehouseId || '',
-        status: formData.status || ReceiptStatusEnum.Pending,
-        notes: formData.notes,
-        items: formData.items || [],
-        creationTime: receipt?.creationTime || new Date(),
-        lastModificationTime: new Date(),
-      }
-      onSave(newReceipt)
-    }
-    onClose()
-  }
-
-  if (!isOpen) return null
-
-  const isReadOnly = mode === 'view'
-  const modalTitle =
-    mode === 'create'
-      ? 'Yeni Teslimat Takibi'
-      : mode === 'edit'
-        ? 'Teslimat Takibini Düzenle'
-        : 'Teslimat Takibi Detayları'
-
-  return (
-    <div className="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50">
-      <div className="relative top-5 mx-auto p-4 border w-11/12 max-w-5xl shadow-lg rounded-md bg-white">
-        <div className="flex items-center justify-between pb-2 border-b">
-          <h3 className="text-base font-semibold text-gray-900 flex items-center">
-            <FaTruck className="mr-2 text-blue-600" />
-            {modalTitle}
-          </h3>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600 p-1">
-            <FaTimes />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="mt-2">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Temel Bilgiler */}
-            <div className="space-y-3">
-              <h4 className="text-base font-medium text-gray-900 border-b pb-1 flex items-center">
-                <FaBox className="mr-2 text-green-600" />
-                Teslimat Bilgileri
-              </h4>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Giriş Numarası</label>
-                <input
-                  type="text"
-                  name="receiptNumber"
-                  value={formData.receiptNumber || ''}
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                  required
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Sipariş ID</label>
-                <input
-                  type="text"
-                  name="orderId"
-                  value={formData.orderId || ''}
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                  required
-                />
-              </div>
-
-              <div>
-                <label className="flex items-center text-sm font-medium text-gray-700">
-                  <FaCalendar className="mr-1" />
-                  Giriş Tarihi
-                </label>
-                <input
-                  type="date"
-                  name="receiptDate"
-                  value={
-                    formData.receiptDate
-                      ? new Date(formData.receiptDate).toISOString().split('T')[0]
-                      : ''
-                  }
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Teslim Alan</label>
-                <input
-                  type="text"
-                  name="receivedBy"
-                  value={formData.receivedBy || ''}
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                  required
-                />
-              </div>
-
-              <div>
-                <label className="flex items-center text-sm font-medium text-gray-700">
-                  <FaMapMarkerAlt className="mr-1" />
-                  Depo
-                </label>
-                <select
-                  name="warehouseId"
-                  value={formData.warehouseId || ''}
-                  onChange={handleInputChange}
-                  disabled={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                  required
-                >
-                  <option value="">Depo Seçiniz</option>
-                  {mockWarehouses.map((wh) => (
-                    <option key={wh.id} value={wh.id}>
-                      {wh.name}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Durum</label>
-                <select
-                  name="status"
-                  value={formData.status || ReceiptStatusEnum.Pending}
-                  onChange={handleInputChange}
-                  disabled={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                >
-                  {Object.values(ReceiptStatusEnum).map((status) => (
-                    <option key={status} value={status}>
-                      {getReceiptStatusText(status)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Notlar</label>
-                <textarea
-                  name="notes"
-                  value={formData.notes || ''}
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  rows={2}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                />
-              </div>
-            </div>
-
-            {/* Teslimat Kalemleri */}
-            <div className="space-y-3">
-              <div className="flex items-center justify-between">
-                <h4 className="text-md font-medium text-gray-900 border-b pb-2">
-                  Teslimat Kalemleri
-                </h4>
-                {!isReadOnly && (
-                  <button
-                    type="button"
-                    onClick={addReceiptItem}
-                    className="px-3 py-1 bg-blue-600 text-white rounded-md hover:bg-blue-700 flex items-center text-sm"
-                  >
-                    <FaBox className="mr-1" />
-                    Kalem Ekle
-                  </button>
-                )}
-              </div>
-
-              <div className="space-y-2 max-h-72 overflow-y-auto p-1">
-                {formData.items?.map((item, index) => (
-                  <div key={item.id} className="border rounded-lg p-2 bg-gray-50">
-                    <div className="flex items-center justify-between mb-2">
-                      <span className="text-sm font-medium text-gray-700">Kalem {index + 1}</span>
-                      {!isReadOnly && (
-                        <button
-                          type="button"
-                          onClick={() => removeReceiptItem(index)}
-                          className="text-red-600 hover:text-red-800"
-                        >
-                          <FaTimes />
-                        </button>
-                      )}
-                    </div>
-
-                    <div className="grid grid-cols-1 md:grid-cols-2 gap-1.5">
-                      <div>
-                        <label className="block text-xs font-medium text-gray-600">
-                          Malzeme ID
-                        </label>
-                        <input
-                          type="text"
-                          value={item.materialId}
-                          onChange={(e) => updateReceiptItem(index, 'materialId', e.target.value)}
-                          readOnly={isReadOnly}
-                          className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-600">
-                          Sipariş Kalem ID
-                        </label>
-                        <input
-                          type="text"
-                          value={item.orderItemId}
-                          onChange={(e) => updateReceiptItem(index, 'orderItemId', e.target.value)}
-                          readOnly={isReadOnly}
-                          className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-600">
-                          Gelen Miktar
-                        </label>
-                        <input
-                          type="number"
-                          value={item.receivedQuantity}
-                          onChange={(e) =>
-                            updateReceiptItem(
-                              index,
-                              'receivedQuantity',
-                              parseFloat(e.target.value) || 0,
-                            )
-                          }
-                          readOnly={isReadOnly}
-                          min="0"
-                          step="0.01"
-                          className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-600">
-                          Kabul Edilen Miktar
-                        </label>
-                        <input
-                          type="number"
-                          value={item.acceptedQuantity}
-                          onChange={(e) =>
-                            updateReceiptItem(
-                              index,
-                              'acceptedQuantity',
-                              parseFloat(e.target.value) || 0,
-                            )
-                          }
-                          readOnly={isReadOnly}
-                          min="0"
-                          step="0.01"
-                          className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-600">
-                          Reddedilen Miktar
-                        </label>
-                        <input
-                          type="number"
-                          value={item.rejectedQuantity}
-                          onChange={(e) =>
-                            updateReceiptItem(
-                              index,
-                              'rejectedQuantity',
-                              parseFloat(e.target.value) || 0,
-                            )
-                          }
-                          readOnly={isReadOnly}
-                          min="0"
-                          step="0.01"
-                          className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-600">
-                          Kalite Durumu
-                        </label>
-                        <select
-                          value={item.qualityStatus}
-                          onChange={(e) =>
-                            updateReceiptItem(
-                              index,
-                              'qualityStatus',
-                              e.target.value as QualityStatusEnum,
-                            )
-                          }
-                          disabled={isReadOnly}
-                          className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                        >
-                          {Object.values(QualityStatusEnum).map((status) => (
-                            <option key={status} value={status}>
-                              {getQualityStatusText(status)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-600">
-                          Lot Numarası
-                        </label>
-                        <input
-                          type="text"
-                          value={item.lotNumber || ''}
-                          onChange={(e) => updateReceiptItem(index, 'lotNumber', e.target.value)}
-                          readOnly={isReadOnly}
-                          className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-600">
-                          Son Kullanım Tarihi
-                        </label>
-                        <input
-                          type="date"
-                          value={
-                            item.expiryDate
-                              ? new Date(item.expiryDate).toISOString().split('T')[0]
-                              : ''
-                          }
-                          onChange={(e) =>
-                            updateReceiptItem(
-                              index,
-                              'expiryDate',
-                              e.target.value ? new Date(e.target.value) : undefined,
-                            )
-                          }
-                          readOnly={isReadOnly}
-                          className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                ))}
-              </div>
-
-              {formData.items?.length === 0 && (
-                <div className="text-center text-gray-500 text-sm py-2">
-                  Henüz teslimat kalemi eklenmedi
-                </div>
-              )}
-            </div>
-          </div>
-
-          {/* Action Buttons */}
-          <div className="flex justify-end space-x-3 mt-4 pt-3 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1.5 border border-gray-300 rounded-md text-sm text-gray-700 hover:bg-gray-50"
-            >
-              {mode === 'view' ? 'Kapat' : 'İptal'}
-            </button>
-            {mode !== 'view' && (
-              <button
-                type="submit"
-                className="px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 flex items-center text-sm"
-              >
-                <FaSave className="mr-2" />
-                Kaydet
-              </button>
-            )}
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default DeliveryTrackingModal
diff --git a/ui/src/views/supplychain/components/MaterialCard.tsx b/ui/src/views/supplychain/components/MaterialCard.tsx
deleted file mode 100644
index da94151e..00000000
--- a/ui/src/views/supplychain/components/MaterialCard.tsx
+++ /dev/null
@@ -1,518 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaBox,
-  FaFileAlt,
-  FaCog,
-  FaDollarSign,
-  FaEdit,
-  FaEye,
-  FaTruck,
-  FaArrowsAltH,
-  FaWarehouse,
-  FaSitemap,
-} from 'react-icons/fa'
-import { useNavigate, useParams } from 'react-router-dom'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import classNames from 'classnames'
-import { InfoItem, InfoSection } from '../../../components/common/InfoSection'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-
-const MaterialCard: React.FC = () => {
-  const { id } = useParams()
-  const material = mockMaterials.find((m) => m.id === id)!
-  const navigate = useNavigate()
-
-  const [activeTab, setActiveTab] = useState<
-    | 'basic'
-    | 'pricing'
-    | 'specifications'
-    | 'alternativeUnits'
-    | 'suppliers'
-    | 'stockLevels'
-    | 'variants'
-  >('basic')
-
-  if (!material) {
-    return (
-      <div className="text-center py-10">
-        <h2 className="text-xl font-bold text-gray-700">Malzeme Bulunamadı</h2>
-        <p className="text-gray-500 mt-2">Belirtilen ID ile eşleşen bir malzeme bulunamadı.</p>
-      </div>
-    )
-  }
-
-  const tabs = [
-    { key: 'basic', label: 'Temel Bilgiler', icon: FaFileAlt },
-    { key: 'pricing', label: 'Fiyatlandırma', icon: FaDollarSign },
-    { key: 'specifications', label: 'Özellikler', icon: FaCog },
-    {
-      key: 'alternativeUnits',
-      label: 'Alternatif Birimler',
-      icon: FaArrowsAltH,
-    },
-    { key: 'suppliers', label: 'Tedarikçiler', icon: FaTruck },
-    { key: 'stockLevels', label: 'Stok Seviyeleri', icon: FaWarehouse },
-    { key: 'variants', label: 'Varyantlar', icon: FaSitemap },
-  ]
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-2.5">
-          <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2">
-            <div className="flex items-center gap-3">
-              <div className="p-2 bg-blue-100 rounded-lg">
-                <FaBox className="w-6 h-6 text-blue-600" />
-              </div>
-              <div>
-                <h2 className="text-2xl font-bold text-gray-900">{material.code}</h2>
-                <p className="text-gray-600">{material.name}</p>
-              </div>
-            </div>
-            <div className="flex items-center space-x-1.5">
-              <button
-                onClick={() =>
-                  navigate(
-                    ROUTES_ENUM.protected.supplychain.materialsEdit.replace(':id', material.id),
-                  )
-                }
-                className="px-3 py-2 text-sm border border-gray-300 bg-white text-gray-700 rounded-md hover:bg-gray-50 transition-colors flex items-center"
-              >
-                <FaEdit size={14} className="mr-1.5 inline" />
-                Düzenle
-              </button>
-              <button
-                onClick={() =>
-                  navigate(
-                    ROUTES_ENUM.protected.warehouse.movementDetail.replace(':id', material.id),
-                  )
-                }
-                className="px-3 py-2 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors flex items-center"
-              >
-                <FaEye size={14} className="mr-1.5 inline" />
-                Hareketleri Görüntüle
-              </button>
-            </div>
-          </div>
-        </div>
-
-        {/* Tabs */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="border-b border-gray-200 overflow-x-auto">
-            <div className="min-w-max">
-              <nav className="flex space-x-4 px-3 -mb-px">
-                {tabs.map((tab) => {
-                  const Icon = tab.icon
-                  return (
-                    <button
-                      key={tab.key}
-                      type="button"
-                      onClick={() =>
-                        setActiveTab(
-                          tab.key as
-                            | 'basic'
-                            | 'pricing'
-                            | 'specifications'
-                            | 'alternativeUnits'
-                            | 'suppliers'
-                            | 'stockLevels'
-                            | 'variants',
-                        )
-                      }
-                      className={classNames(
-                        'flex items-center py-3 px-1 border-b-2 font-medium text-sm transition-colors whitespace-nowrap',
-                        activeTab === tab.key
-                          ? 'border-blue-500 text-blue-600'
-                          : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300',
-                      )}
-                    >
-                      <Icon size={14} className="mr-2" />
-                      {tab.label}
-                    </button>
-                  )
-                })}
-              </nav>
-            </div>
-          </div>
-
-          <div className="p-3">
-            {activeTab === 'basic' && (
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-                <InfoSection title="Genel Bilgiler">
-                  <InfoItem label="Malzeme Türü" value={material.materialType?.name || '-'} />
-                  <InfoItem label="Malzeme Grubu" value={material.materialGroup?.name || '-'} />
-                  <InfoItem label="Temel Birim" value={material.baseUnit?.code || '-'} />
-                  <InfoItem label="Barkod" value={material.barcode || '-'} />
-                </InfoSection>
-
-                <InfoSection title="Takip Bilgileri">
-                  <InfoItem
-                    label="Takip Şekli"
-                    value={material.trackingType}
-                    isBadge
-                    badgeColor={
-                      material.trackingType === 'Quantity'
-                        ? 'bg-green-100 text-green-800'
-                        : 'bg-red-100 text-red-800'
-                    }
-                  />
-                  <InfoItem
-                    label="Oluşturma Tarihi"
-                    value={new Date(material.creationTime).toLocaleDateString('tr-TR')}
-                  />
-                  <InfoItem
-                    label="Son Değişiklik"
-                    value={new Date(material.lastModificationTime).toLocaleDateString('tr-TR')}
-                  />
-                </InfoSection>
-
-                <InfoSection title="Durum">
-                  <InfoItem
-                    label="Aktiflik Durumu"
-                    value={material.isActive ? 'Aktif' : 'Pasif'}
-                    isBadge
-                    badgeColor={
-                      material.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-                    }
-                  />
-                  <InfoItem label="Açıklama" value={material.description || '-'} />
-                </InfoSection>
-              </div>
-            )}
-
-            {activeTab === 'pricing' && (
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-                <InfoSection title="Fiyatlandırma">
-                  <InfoItem
-                    label="Maliyet Fiyatı"
-                    value={`${material.costPrice.toLocaleString('tr-TR')} ${material.currency}`}
-                    isBold
-                  />
-                  <InfoItem
-                    label="Satış Fiyatı"
-                    value={`${material.salesPrice.toLocaleString('tr-TR')} ${material.currency}`}
-                    isBold
-                  />
-                  <InfoItem label="Para Birimi" value={material.currency} />
-                </InfoSection>
-              </div>
-            )}
-
-            {activeTab === 'alternativeUnits' && (
-              <div>
-                {material.alternativeUnits && material.alternativeUnits.length > 0 ? (
-                  <div className="bg-white overflow-hidden shadow rounded-lg">
-                    <table className="min-w-full divide-y divide-gray-200">
-                      <thead className="bg-gray-50">
-                        <tr>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Birim
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Çarpan
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Varsayılan
-                          </th>
-                        </tr>
-                      </thead>
-                      <tbody className="bg-white divide-y divide-gray-200">
-                        {material.alternativeUnits.map((altUnit) => (
-                          <tr key={altUnit.id} className="text-xs">
-                            <td className="px-3 py-1.5 whitespace-nowrap font-medium text-gray-900">
-                              {altUnit.unit?.name}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {altUnit.conversionFactor}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {altUnit.isDefault ? 'Evet' : 'Hayır'}
-                            </td>
-                          </tr>
-                        ))}
-                      </tbody>
-                    </table>
-                  </div>
-                ) : (
-                  <div className="text-center py-12">
-                    <FaCog className="mx-auto h-12 w-12 text-gray-400" />
-                    <h3 className="mt-2 text-sm font-medium text-gray-900">Alternatif birim</h3>
-                    <p className="mt-1 text-sm text-gray-500">
-                      Bu malzeme için henüz alternatif birim tanımlanmamış.
-                    </p>
-                  </div>
-                )}
-              </div>
-            )}
-
-            {activeTab === 'specifications' && (
-              <div>
-                {material.specifications && material.specifications.length > 0 ? (
-                  <div className="bg-white overflow-hidden shadow rounded-lg">
-                    <table className="min-w-full divide-y divide-gray-200">
-                      <thead className="bg-gray-50">
-                        <tr>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Özellik Adı
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Değer
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Birim
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Zorunlu
-                          </th>
-                        </tr>
-                      </thead>
-                      <tbody className="bg-white divide-y divide-gray-200">
-                        {material.specifications.map((spec) => (
-                          <tr key={spec.id} className="text-xs">
-                            <td className="px-3 py-1.5 whitespace-nowrap font-medium text-gray-900">
-                              {spec.specificationName}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {spec.specificationValue}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {spec.unitId || '-'}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap">
-                              <span
-                                className={`px-2 py-1 text-xs font-medium rounded-full ${
-                                  spec.isRequired
-                                    ? 'bg-red-100 text-red-800'
-                                    : 'bg-gray-100 text-gray-800'
-                                }`}
-                              >
-                                {spec.isRequired ? 'Zorunlu' : 'İsteğe Bağlı'}
-                              </span>
-                            </td>
-                          </tr>
-                        ))}
-                      </tbody>
-                    </table>
-                  </div>
-                ) : (
-                  <div className="text-center py-12">
-                    <FaCog className="mx-auto h-12 w-12 text-gray-400" />
-                    <h3 className="mt-2 text-sm font-medium text-gray-900">Özellik bulunamadı</h3>
-                    <p className="mt-1 text-sm text-gray-500">
-                      Bu malzeme için henüz özellik tanımlanmamış.
-                    </p>
-                  </div>
-                )}
-              </div>
-            )}
-
-            {activeTab === 'suppliers' && (
-              <div>
-                {material.suppliers && material.suppliers.length > 0 ? (
-                  <div className="bg-white overflow-hidden shadow rounded-lg">
-                    <table className="min-w-full divide-y divide-gray-200">
-                      <thead className="bg-gray-50">
-                        <tr>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Tedarikçi Adı
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Tedarikçi Malzeme Kodu
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Tedarik Süresi (gün)
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Min. Sipariş Miktarı
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Birim Fiyat
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Tercih Edilen
-                          </th>
-                        </tr>
-                      </thead>
-                      <tbody className="bg-white divide-y divide-gray-200">
-                        {material.suppliers.map((item) => (
-                          <tr key={item.id} className="text-xs">
-                            <td className="px-3 py-1.5 whitespace-nowrap font-medium text-gray-900">
-                              {item.supplier?.name}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {item.supplierMaterialCode || '-'}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {item.leadTime}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {item.minimumOrderQuantity}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {item.price.toLocaleString('tr-TR')} {material.currency}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap">
-                              <span
-                                className={`px-2 py-1 text-xs font-medium rounded-full ${
-                                  item.isPreferred
-                                    ? 'bg-green-100 text-green-800'
-                                    : 'bg-gray-100 text-gray-800'
-                                }`}
-                              >
-                                {item.isPreferred ? 'Aktif' : 'Pasif'}
-                              </span>
-                            </td>
-                          </tr>
-                        ))}
-                      </tbody>
-                    </table>
-                  </div>
-                ) : (
-                  <div className="text-center py-8 p-3">
-                    <FaTruck className="mx-auto h-8 w-8 text-gray-400" />
-                    <h3 className="mt-2 text-sm font-medium text-gray-900">Tedarikçi Yönetimi</h3>
-                    <p className="mt-1 text-xs text-gray-500">
-                      Bu malzeme için henüz tedarikçi tanımlanmamış.
-                    </p>
-                  </div>
-                )}
-              </div>
-            )}
-
-            {activeTab === 'stockLevels' && (
-              <div>
-                {material.stockLevels && material.stockLevels.length > 0 ? (
-                  <div className="bg-white overflow-hidden shadow rounded-lg">
-                    <table className="min-w-full divide-y divide-gray-200">
-                      <thead className="bg-gray-50">
-                        <tr>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Depo
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Bölge
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Lokasyon
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Min Stok
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Max Stok
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Sipariş Noktası
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Mevcut Miktar
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Rezerve Miktar
-                          </th>
-                        </tr>
-                      </thead>
-                      <tbody className="bg-white divide-y divide-gray-200">
-                        {material.stockLevels.map((item) => (
-                          <tr key={item.id} className="text-xs">
-                            <td className="px-3 py-1.5 whitespace-nowrap font-medium text-gray-900">
-                              {item.warehouse?.name || '-'}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {item.zone?.name || '-'}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {item.location?.name || '-'}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {item.minimumStock}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {item.maximumStock}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap">{item.reorderPoint}</td>
-                            <td className="px-3 py-1.5 whitespace-nowrap">
-                              {item.availableQuantity}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap">
-                              {item.reservedQuantity}
-                            </td>
-                          </tr>
-                        ))}
-                      </tbody>
-                    </table>
-                  </div>
-                ) : (
-                  <div className="text-center py-8 p-3">
-                    <FaTruck className="mx-auto h-8 w-8 text-gray-400" />
-                    <h3 className="mt-2 text-sm font-medium text-gray-900">Stok Seviyeleri</h3>
-                    <p className="mt-1 text-xs text-gray-500">
-                      Stok seviyeleri için henüz veri bulunmamaktadır.
-                    </p>
-                  </div>
-                )}
-              </div>
-            )}
-
-            {activeTab === 'variants' && (
-              <div>
-                {material.variants && material.variants.length > 0 ? (
-                  <div className="bg-white overflow-hidden shadow rounded-lg">
-                    <table className="min-w-full divide-y divide-gray-200">
-                      <thead className="bg-gray-50">
-                        <tr>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Varyant Kodu
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Varyant Adı
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Ek Maliyet
-                          </th>
-                          <th className="px-3 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Aktif
-                          </th>
-                        </tr>
-                      </thead>
-                      <tbody className="bg-white divide-y divide-gray-200">
-                        {material.variants.map((item) => (
-                          <tr key={item.id} className="text-xs">
-                            <td className="px-3 py-1.5 whitespace-nowrap font-medium text-gray-900">
-                              {item.variantCode || '-'}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {item.variantName || '-'}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {item.additionalCost.toLocaleString('tr-TR')}
-                            </td>
-                            <td className="px-3 py-1.5 whitespace-nowrap text-gray-900">
-                              {item.isActive ? 'Evet' : 'Hayır'}
-                            </td>
-                          </tr>
-                        ))}
-                      </tbody>
-                    </table>
-                  </div>
-                ) : (
-                  <div className="text-center py-8 p-3">
-                    <FaTruck className="mx-auto h-8 w-8 text-gray-400" />
-                    <h3 className="mt-2 text-sm font-medium text-gray-900">Varyantlar</h3>
-                    <p className="mt-1 text-xs text-gray-500">
-                      Varyantlar için henüz veri bulunmamaktadır.
-                    </p>
-                  </div>
-                )}
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default MaterialCard
diff --git a/ui/src/views/supplychain/components/MaterialForm.tsx b/ui/src/views/supplychain/components/MaterialForm.tsx
deleted file mode 100644
index 17e5fcd1..00000000
--- a/ui/src/views/supplychain/components/MaterialForm.tsx
+++ /dev/null
@@ -1,1248 +0,0 @@
-import React, { useState } from 'react'
-import { useNavigate, useParams } from 'react-router-dom'
-import { useFormik } from 'formik'
-import * as Yup from 'yup'
-import {
-  FaSave,
-  FaTimes,
-  FaPlus,
-  FaMinus,
-  FaExclamationCircle,
-  FaBox,
-  FaDollarSign,
-  FaCog,
-  FaTruck,
-  FaArrowsAltH,
-  FaWarehouse,
-  FaSitemap,
-} from 'react-icons/fa'
-import classNames from 'classnames'
-import { MmMaterial, MmMaterialSupplier, MmUnit } from '../../../types/mm'
-import { mockMaterialTypes } from '../../../mocks/mockMaterialTypes'
-import { mockMaterialGroups } from '../../../mocks/mockMaterialGroups'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { MmMaterialSpecification, MmMaterialUnit } from '../../../types/mm'
-import { MmStockLevel, MmMaterialVariant } from '../../../types/mm'
-import { mockUnits } from '../../../mocks/mockUnits'
-import { mockCurrencies } from '../../../mocks/mockCurrencies'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { mockWarehouses } from '../../../mocks/mockWarehouses'
-import { mockZones } from '../../../mocks/mockZones'
-import { mockLocations } from '../../../mocks/mockLocations'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-
-const validationSchema = Yup.object({
-  materialCode: Yup.string()
-    .required('Malzeme kodu zorunludur')
-    .min(3, 'Malzeme kodu en az 3 karakter olmalıdır')
-    .matches(/^[A-Z0-9-]+$/, 'Malzeme kodu sadece büyük harf, rakam ve tire içerebilir'),
-  description: Yup.string()
-    .required('Açıklama zorunludur')
-    .min(5, 'Açıklama en az 5 karakter olmalıdır'),
-  materialTypeId: Yup.string().required('Malzeme türü seçilmelidir'),
-  materialGroupId: Yup.string().required('Malzeme grubu seçilmelidir'),
-  baseUnitId: Yup.string().required('Temel birim seçilmelidir'),
-  costPrice: Yup.number()
-    .required('Maliyet fiyatı zorunludur')
-    .min(0, "Maliyet fiyatı 0'dan büyük olmalıdır"),
-  salesPrice: Yup.number()
-    .required('Satış fiyatı zorunludur')
-    .min(0, "Satış fiyatı 0'dan büyük olmalıdır"),
-  currency: Yup.string().required('Para birimi seçilmelidir'),
-})
-
-const MaterialForm: React.FC = () => {
-  const navigate = useNavigate()
-  const { id } = useParams()
-  const isEdit = Boolean(id)
-
-  // Load material for edit mode
-  const material = isEdit ? mockMaterials.find((m) => m.id === id) : undefined
-  const [activeTab, setActiveTab] = useState('basic')
-
-  // Correctly typed state for specifications
-  const [specifications, setSpecifications] = useState<MmMaterialSpecification[]>(
-    material?.specifications?.length
-      ? material.specifications
-      : [
-          {
-            id: '',
-            materialId: material?.id || '',
-            specificationName: '',
-            specificationValue: '',
-            unitId: '',
-            isRequired: false,
-          },
-        ],
-  )
-
-  // Correctly typed state for alternativeUnits
-  const [alternativeUnits, setAlternativeUnits] = useState<MmMaterialUnit[]>(
-    material?.alternativeUnits?.length
-      ? material.alternativeUnits
-      : [
-          {
-            id: '',
-            materialId: material?.id || '',
-            unitId: '',
-            unit: mockUnits.find((u) => u.id !== material?.baseUnit?.id) || mockUnits[0],
-            conversionFactor: 1,
-            isDefault: false,
-          },
-        ],
-  )
-
-  const [suppliers, setSuppliers] = useState<MmMaterialSupplier[]>(
-    material?.suppliers?.length
-      ? material.suppliers
-      : [
-          {
-            id: '',
-            materialId: material?.id || '',
-            supplierId: '',
-            supplierMaterialCode: '',
-            leadTime: 0,
-            minimumOrderQuantity: 0,
-            price: 0,
-            currency: 'TRY',
-            isPreferred: false,
-          },
-        ],
-  )
-
-  const [stockLevels, setStockLevels] = useState<MmStockLevel[]>(
-    material?.stockLevels?.length
-      ? material.stockLevels
-      : [
-          {
-            id: '',
-            materialId: material?.id || '',
-            warehouseId: '',
-            zoneId: '',
-            locationId: '',
-            availableQuantity: 0,
-            reservedQuantity: 0,
-            inTransitQuantity: 0,
-            minimumStock: 0,
-            maximumStock: 0,
-            reorderPoint: 0,
-            lastUpdated: new Date(),
-          },
-        ],
-  )
-
-  const [variants, setVariants] = useState<MmMaterialVariant[]>(
-    material?.variants?.length
-      ? material.variants
-      : [
-          {
-            id: '',
-            materialId: material?.id || '',
-            variantCode: '',
-            variantName: '',
-            specifications: {},
-            additionalCost: 0,
-            isActive: true,
-          },
-        ],
-  )
-
-  const formik = useFormik<MmMaterial>({
-    initialValues: {
-      id: material?.id || '',
-      code: material?.code || '',
-      name: material?.name || '',
-      description: material?.description || '',
-      materialTypeId: material?.materialType?.id || '',
-      materialGroupId: material?.materialGroup?.id || '',
-      baseUnitId: material?.baseUnit?.id || '',
-      costPrice: material?.costPrice ?? 0,
-      salesPrice: material?.salesPrice ?? 0,
-      currency: material?.currency || 'TRY',
-      barcode: material?.barcode || '',
-      trackingType: material?.trackingType ?? 'Quantity',
-      specifications: material?.specifications ?? [],
-      alternativeUnits: material?.alternativeUnits ?? [],
-      stockLevels: material?.stockLevels ?? [],
-      variants: material?.variants ?? [],
-      isActive: material?.isActive ?? true,
-      totalStock: material?.totalStock ?? 0,
-      creationTime: material?.creationTime || new Date(),
-      lastModificationTime: material?.lastModificationTime || new Date(),
-    },
-    validationSchema,
-    onSubmit: async (values) => {
-      try {
-        const { code, name, ...restValues } = values
-        // Add specifications and alternative units to form data
-        const finalData = {
-          ...restValues,
-          materialCode: code,
-          description: name,
-          specifications: specifications.filter((s) => s.specificationName && s.specificationValue),
-          alternativeUnits: alternativeUnits.filter((u) => u.unit && u.conversionFactor > 0),
-          stockLevels: stockLevels.filter((sl) => sl.warehouseId),
-          variants: variants.filter((v) => v.variantCode && v.variantName),
-        }
-
-        // Simulate API call
-        console.log('Saving material:', finalData)
-        await new Promise((resolve) => setTimeout(resolve, 1000))
-
-        navigate(ROUTES_ENUM.protected.supplychain.materials)
-      } catch (error) {
-        console.error('Error saving material:', error)
-      }
-    },
-  })
-
-  const tabs = [
-    { key: 'basic', label: 'Temel Bilgiler', icon: FaBox },
-    { key: 'pricing', label: 'Fiyatlandırma', icon: FaDollarSign },
-    { key: 'specifications', label: 'Özellikler', icon: FaCog },
-    {
-      key: 'alternativeUnits',
-      label: 'Alternatif Birimler',
-      icon: FaArrowsAltH,
-    },
-    { key: 'suppliers', label: 'Tedarikçiler', icon: FaTruck },
-    { key: 'stockLevels', label: 'Stok Seviyeleri', icon: FaWarehouse },
-    { key: 'variants', label: 'Varyantlar', icon: FaSitemap },
-  ]
-
-  const addSupplier = () => {
-    setSuppliers([
-      ...suppliers,
-      {
-        id: '',
-        materialId: material?.id || '',
-        supplierId: '',
-        supplierMaterialCode: '',
-        leadTime: 0,
-        minimumOrderQuantity: 0,
-        price: 0,
-        currency: 'TRY',
-        isPreferred: false,
-      },
-    ])
-  }
-
-  const removeSupplier = (index: number) => {
-    if (suppliers.length > 1) {
-      setSuppliers(suppliers.filter((_, i) => i !== index))
-    }
-  }
-
-  const addSpecification = () => {
-    setSpecifications([
-      ...specifications,
-      {
-        id: '',
-        materialId: material?.id || '',
-        specificationName: '',
-        specificationValue: '',
-        unitId: '',
-        isRequired: false,
-      },
-    ])
-  }
-
-  const removeSpecification = (index: number) => {
-    if (specifications.length > 1) {
-      setSpecifications(specifications.filter((_, i) => i !== index))
-    }
-  }
-
-  const addAlternativeUnit = () => {
-    setAlternativeUnits([
-      ...alternativeUnits,
-      {
-        id: '',
-        materialId: material?.id || '',
-        unit: mockUnits.find((u) => u.id !== material?.baseUnit?.id) || mockUnits[0],
-        conversionFactor: 1,
-        isDefault: false,
-        unitId: '',
-      },
-    ])
-  }
-
-  const removeAlternativeUnit = (index: number) => {
-    if (alternativeUnits.length > 1) {
-      setAlternativeUnits(alternativeUnits.filter((_, i) => i !== index))
-    }
-  }
-
-  const addStockLevel = () => {
-    setStockLevels([
-      ...stockLevels,
-      {
-        id: '',
-        materialId: material?.id || '',
-        warehouseId: '',
-        availableQuantity: 0,
-        reservedQuantity: 0,
-        inTransitQuantity: 0,
-        minimumStock: 0,
-        maximumStock: 0,
-        reorderPoint: 0,
-        lastUpdated: new Date(),
-      },
-    ])
-  }
-
-  const removeStockLevel = (index: number) => {
-    if (stockLevels.length > 1) {
-      setStockLevels(stockLevels.filter((_, i) => i !== index))
-    }
-  }
-
-  const addVariant = () => {
-    setVariants([
-      ...variants,
-      {
-        id: '',
-        materialId: material?.id || '',
-        variantCode: '',
-        variantName: '',
-        specifications: {},
-        additionalCost: 0,
-        isActive: true,
-      },
-    ])
-  }
-
-  const removeVariant = (index: number) => {
-    if (variants.length > 1) {
-      setVariants(variants.filter((_, i) => i !== index))
-    }
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <form onSubmit={formik.handleSubmit} className="space-y-2">
-          {/* Header */}
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-2.5">
-            <div className="flex items-center justify-between">
-              <div>
-                <h2 className="text-2xl font-bold text-gray-900">
-                  {isEdit ? 'Malzeme Düzenle' : 'Yeni Malzeme Ekle'}
-                </h2>
-                <p className="text-gray-600">
-                  {isEdit
-                    ? 'Mevcut malzeme bilgilerini güncelleyin'
-                    : 'Yeni malzeme kartı oluşturun'}
-                </p>
-              </div>
-
-              <div className="flex items-center space-x-1.5">
-                <button
-                  type="button"
-                  onClick={() => navigate(ROUTES_ENUM.protected.supplychain.materials)}
-                  className="px-2.5 py-1 text-sm border border-gray-300 bg-white text-gray-700 rounded-md hover:bg-gray-50 transition-colors flex items-center"
-                >
-                  <FaTimes size={14} className="mr-1.5 inline" />
-                  İptal
-                </button>
-
-                <button
-                  type="submit"
-                  disabled={formik.isSubmitting}
-                  className="px-2.5 py-1 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 transition-colors flex items-center"
-                >
-                  <FaSave size={14} className="mr-1.5 inline" />
-                  {formik.isSubmitting ? 'Kaydediliyor...' : 'Kaydet'}
-                </button>
-              </div>
-            </div>
-          </div>
-
-          {/* Tabs */}
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-            <div className="border-b border-gray-200">
-              <nav className="flex space-x-4 px-3 -mb-px">
-                {tabs.map((tab) => {
-                  const Icon = tab.icon
-                  return (
-                    <button
-                      key={tab.key}
-                      type="button"
-                      onClick={() => setActiveTab(tab.key)}
-                      className={classNames(
-                        'flex items-center py-3 px-1 border-b-2 font-medium text-sm transition-colors',
-                        activeTab === tab.key
-                          ? 'border-blue-500 text-blue-600'
-                          : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300',
-                      )}
-                    >
-                      <Icon size={14} className="mr-2" />
-                      {tab.label}
-                    </button>
-                  )
-                })}
-              </nav>
-            </div>
-
-            <div>
-              {/* Basic Information Tab */}
-              {activeTab === 'basic' && (
-                <div className="space-y-3 p-3">
-                  <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Malzeme Kodu *
-                      </label>
-                      <input
-                        type="text"
-                        autoFocus
-                        {...formik.getFieldProps('code')}
-                        className={classNames(
-                          'w-full border rounded-md px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent',
-                          formik.touched.code && formik.errors.code
-                            ? 'border-red-300'
-                            : 'border-gray-300',
-                        )}
-                        placeholder="MAT-001"
-                      />
-                      {formik.touched.code && formik.errors.code && (
-                        <div className="flex items-center mt-1 text-xs text-red-600">
-                          <FaExclamationCircle size={14} className="mr-1" />
-                          {formik.errors.code}
-                        </div>
-                      )}
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">Barkod</label>
-                      <input
-                        type="text"
-                        {...formik.getFieldProps('barcode')}
-                        className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                        placeholder="1234567890123"
-                      />
-                    </div>
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Malzeme Adı *
-                    </label>
-                    <input
-                      type="text"
-                      {...formik.getFieldProps('name')}
-                      className={classNames(
-                        'w-full border rounded-md px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent',
-                        formik.touched.name && formik.errors.name
-                          ? 'border-red-300'
-                          : 'border-gray-300',
-                      )}
-                      placeholder="Malzeme adı"
-                    />
-                    {formik.touched.name && formik.errors.name && (
-                      <div className="flex items-center mt-1 text-sm text-red-600">
-                        <FaExclamationCircle size={14} className="mr-1.5" />
-                        {formik.errors.name}
-                      </div>
-                    )}
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">Açıklama</label>
-                    <textarea
-                      {...formik.getFieldProps('description')}
-                      className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      placeholder="Açıklama"
-                      rows={3}
-                    />
-                  </div>
-
-                  <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Malzeme Türü *
-                      </label>
-                      <select
-                        {...formik.getFieldProps('materialTypeId')}
-                        className={classNames(
-                          'w-full border rounded-md px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent',
-                          formik.touched.materialTypeId && formik.errors.materialTypeId
-                            ? 'border-red-300'
-                            : 'border-gray-300',
-                        )}
-                      >
-                        <option value="">Seçiniz...</option>
-                        {mockMaterialTypes.map((type) => (
-                          <option key={type.id} value={type.id}>
-                            {type.name} ({type.code})
-                          </option>
-                        ))}
-                      </select>
-                      {formik.touched.materialTypeId && formik.errors.materialTypeId && (
-                        <div className="flex items-center mt-1 text-xs text-red-600">
-                          <FaExclamationCircle size={14} className="mr-1.5" />
-                          {formik.errors.materialTypeId}
-                        </div>
-                      )}
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Malzeme Grubu *
-                      </label>
-                      <select
-                        {...formik.getFieldProps('materialGroupId')}
-                        className={classNames(
-                          'w-full border rounded-md px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent',
-                          formik.touched.materialGroupId && formik.errors.materialGroupId
-                            ? 'border-red-300'
-                            : 'border-gray-300',
-                        )}
-                      >
-                        <option value="">Seçiniz...</option>
-                        {mockMaterialGroups.map((group) => (
-                          <option key={group.id} value={group.id}>
-                            {group.name} ({group.code})
-                          </option>
-                        ))}
-                      </select>
-                      {formik.touched.materialGroupId && formik.errors.materialGroupId && (
-                        <div className="flex items-center mt-1 text-xs text-red-600">
-                          <FaExclamationCircle size={14} className="mr-1.5" />
-                          {formik.errors.materialGroupId}
-                        </div>
-                      )}
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Temel Birim *
-                      </label>
-                      <select
-                        {...formik.getFieldProps('baseUnitId')}
-                        className={classNames(
-                          'w-full border rounded-md px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent',
-                          formik.touched.baseUnitId && formik.errors.baseUnitId
-                            ? 'border-red-300'
-                            : 'border-gray-300',
-                        )}
-                      >
-                        <option value="">Seçiniz...</option>
-                        {mockUnits.map((unit) => (
-                          <option key={unit.id} value={unit.id}>
-                            {unit.name} ({unit.code})
-                          </option>
-                        ))}
-                      </select>
-                      {formik.touched.baseUnitId && formik.errors.baseUnitId && (
-                        <div className="flex items-center mt-1 text-sm text-red-600">
-                          <FaExclamationCircle size={14} className="mr-1.5" />
-                          {formik.errors.baseUnitId}
-                        </div>
-                      )}
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Lot Takibi Yapılsın
-                      </label>
-                      <select
-                        {...formik.getFieldProps('trackingType')}
-                        className={classNames(
-                          'w-full border rounded-md px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent',
-                          formik.touched.trackingType && formik.errors.trackingType
-                            ? 'border-red-300'
-                            : 'border-gray-300',
-                        )}
-                      >
-                        <option value="">Seçiniz...</option>
-                        <option value="Quantity">Quantity</option>
-                        <option value="Lot">Lot</option>
-                        <option value="Serial">Serial</option>
-                      </select>
-                    </div>
-                    <div>
-                      <div className="flex items-center">
-                        <input
-                          type="checkbox"
-                          {...formik.getFieldProps('isActive')}
-                          checked={formik.values.isActive}
-                          className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                        />
-                        <label className="ml-2 block text-sm text-gray-900">Aktif</label>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {/* Pricing Tab */}
-              {activeTab === 'pricing' && (
-                <div className="space-y-3 p-3">
-                  <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Maliyet Fiyatı *
-                      </label>
-                      <input
-                        type="number"
-                        step="0.01"
-                        {...formik.getFieldProps('costPrice')}
-                        className={classNames(
-                          'w-full border rounded-md px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent',
-                          formik.touched.costPrice && formik.errors.costPrice
-                            ? 'border-red-300'
-                            : 'border-gray-300',
-                        )}
-                        placeholder="0.00"
-                      />
-                      {formik.touched.costPrice && formik.errors.costPrice && (
-                        <div className="flex items-center mt-1 text-xs text-red-600">
-                          <FaExclamationCircle size={14} className="mr-1.5" />
-                          {formik.errors.costPrice}
-                        </div>
-                      )}
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Satış Fiyatı *
-                      </label>
-                      <input
-                        type="number"
-                        step="0.01"
-                        {...formik.getFieldProps('salesPrice')}
-                        className={classNames(
-                          'w-full border rounded-md px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent',
-                          formik.touched.salesPrice && formik.errors.salesPrice
-                            ? 'border-red-300'
-                            : 'border-gray-300',
-                        )}
-                        placeholder="0.00"
-                      />
-                      {formik.touched.salesPrice && formik.errors.salesPrice && (
-                        <div className="flex items-center mt-1 text-xs text-red-600">
-                          <FaExclamationCircle size={14} className="mr-1.5" />
-                          {formik.errors.salesPrice}
-                        </div>
-                      )}
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Para Birimi *
-                      </label>
-                      <select
-                        {...formik.getFieldProps('currency')}
-                        className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      >
-                        {mockCurrencies.map((currency) => (
-                          <option key={currency.value} value={currency.value}>
-                            {currency.label}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {/* Alternative Units */}
-              {activeTab === 'alternativeUnits' && (
-                <div className="space-y-3 p-3">
-                  <div className="space-y-1">
-                    <div className="grid grid-cols-12">
-                      <div className="col-span-9 text-xs font-medium text-gray-700">
-                        Alternatif Birim
-                      </div>
-                      <div className="col-span-1 text-xs font-medium text-gray-700">Çarpan</div>
-                      <div className="col-span-1 text-xs font-medium text-gray-700">Varsayılan</div>
-                    </div>
-                    {alternativeUnits.map((altUnit, index) => (
-                      <div key={index} className="grid grid-cols-12 gap-2">
-                        <div className="col-span-9 text-xs font-medium text-gray-700">
-                          <select
-                            value={altUnit.unit?.id}
-                            onChange={(e) => {
-                              const newUnits = [...alternativeUnits]
-                              newUnits[index].unit = mockUnits.find(
-                                (u) => u.id === e.target.value,
-                              ) as MmUnit
-                              setAlternativeUnits(newUnits)
-                            }}
-                            className="flex-1 border w-full border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                          >
-                            <option value="">Birim seçiniz...</option>
-                            {mockUnits
-                              .filter((u) => u.id !== formik.values.baseUnitId)
-                              .map((unit) => (
-                                <option key={unit.id} value={unit.id}>
-                                  {unit.name} ({unit.code})
-                                </option>
-                              ))}
-                          </select>
-                        </div>
-                        <div className="col-span-1 text-xs font-medium text-gray-700">
-                          <input
-                            type="number"
-                            step="0.01"
-                            value={altUnit.conversionFactor}
-                            onChange={(e) => {
-                              const newUnits = [...alternativeUnits]
-                              newUnits[index].conversionFactor = parseFloat(e.target.value)
-                              setAlternativeUnits(newUnits)
-                            }}
-                            className="w-28 border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Çevrim oranı"
-                          />
-                        </div>
-                        <div className="col-span-1 text-xs font-medium text-gray-700">
-                          <input
-                            type="checkbox"
-                            checked={altUnit.isDefault}
-                            onChange={(e) => {
-                              const newUnits = [...alternativeUnits]
-                              newUnits[index].isDefault = e.target.checked
-                              setAlternativeUnits(newUnits)
-                            }}
-                            className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                          />
-                        </div>
-                        <div className="col-span-1 flex items-center">
-                          <button
-                            type="button"
-                            onClick={() => removeAlternativeUnit(index)}
-                            className="p-1 text-red-600 hover:bg-red-50 rounded-md transition-colors"
-                          >
-                            <FaMinus size={14} />
-                          </button>
-
-                          <button
-                            type="button"
-                            onClick={addAlternativeUnit}
-                            className="p-1 text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                          >
-                            <FaPlus size={14} className="mr-1" />
-                          </button>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              )}
-
-              {/* Specifications Tab */}
-              {activeTab === 'specifications' && (
-                <div className="p-3">
-                  <div className="space-y-1">
-                    <div className="grid grid-cols-12">
-                      <div className="col-span-4 text-xs font-medium text-gray-700">
-                        Özellik Adı
-                      </div>
-                      <div className="col-span-4 text-xs font-medium text-gray-700">Değer</div>
-                      <div className="col-span-2 text-xs font-medium text-gray-700">Birim</div>
-                      <div className="col-span-1 text-xs font-medium text-gray-700">Zorunlu</div>
-                      <div className="col-span-1"></div>
-                    </div>
-                    {specifications.map((spec, index) => (
-                      <div key={index} className="grid grid-cols-12 gap-1.5 p-0.5 rounded-lg">
-                        <div className="col-span-4">
-                          <input
-                            type="text"
-                            value={spec.specificationName}
-                            onChange={(e) => {
-                              const newSpecs = [...specifications]
-                              newSpecs[index].specificationName = e.target.value
-                              setSpecifications(newSpecs)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Özellik adı"
-                          />
-                        </div>
-
-                        <div className="col-span-4">
-                          <input
-                            type="text"
-                            value={spec.specificationValue}
-                            onChange={(e) => {
-                              const newSpecs = [...specifications]
-                              newSpecs[index].specificationValue = e.target.value
-                              setSpecifications(newSpecs)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Değer"
-                          />
-                        </div>
-
-                        <div className="col-span-2">
-                          <select
-                            value={spec.unitId}
-                            onChange={(e) => {
-                              const newSpecs = [...specifications]
-                              newSpecs[index].unitId = e.target.value
-                              setSpecifications(newSpecs)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                          >
-                            {mockUnits.map((unit) => (
-                              <option key={unit.id} value={unit.id}>
-                                {unit.name} ({unit.code})
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-
-                        <div className="col-span-1 flex items-center justify-center">
-                          <input
-                            type="checkbox"
-                            checked={spec.isRequired}
-                            onChange={(e) => {
-                              const newSpecs = [...specifications]
-                              newSpecs[index].isRequired = e.target.checked
-                              setSpecifications(newSpecs)
-                            }}
-                            className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                            title="Zorunlu"
-                          />
-                        </div>
-
-                        <div className="col-span-1 flex items-center">
-                          <button
-                            type="button"
-                            onClick={() => removeSpecification(index)}
-                            className="p-1 text-red-600 hover:bg-red-50 rounded-md transition-colors"
-                          >
-                            <FaMinus size={14} />
-                          </button>
-
-                          <button
-                            type="button"
-                            onClick={addSpecification}
-                            className="p-1 text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                          >
-                            <FaPlus size={14} className="mr-1" />
-                          </button>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              )}
-
-              {/* Other tabs can be implemented similarly */}
-              {activeTab === 'suppliers' && (
-                <div className="space-y-3 p-3">
-                  <div className="space-y-1">
-                    <div className="grid grid-cols-12 gap-1.5 p-0.5 rounded-lg">
-                      <div className="col-span-3 text-sm font-medium text-gray-700">Tedarikçi</div>
-                      <div className="col-span-2 text-xs font-medium text-gray-700">
-                        Tedarikçi Malzeme Kodu
-                      </div>
-                      <div className="col-span-1 text-xs font-medium text-gray-700">
-                        Teslim Süresi
-                      </div>
-                      <div className="col-span-2 text-xs font-medium text-gray-700">
-                        Min. Sipariş Miktarı
-                      </div>
-                      <div className="col-span-1 text-xs font-medium text-gray-700">Fiyat</div>
-                      <div className="col-span-1 text-xs font-medium text-gray-700">
-                        Para Birimi
-                      </div>
-                      <div className="col-span-1 text-xs font-medium text-gray-700">
-                        Tercih Edilen
-                      </div>
-                      <div className="col-span-1"></div>
-                    </div>
-                    {suppliers.map((spec, index) => (
-                      <div key={index} className="grid grid-cols-12 gap-1.5 p-0.5 rounded-lg">
-                        <div className="col-span-3">
-                          <select
-                            value={spec.supplierId}
-                            onChange={(e) => {
-                              const newSpecs = [...suppliers]
-                              newSpecs[index].supplierId = e.target.value
-                              setSuppliers(newSpecs)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            required
-                          >
-                            <option value="">Tedarikçi Seçiniz</option>
-                            {mockBusinessParties.map((supplier) => (
-                              <option key={supplier.id} value={supplier.id}>
-                                {supplier.name} ({supplier.code})
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-
-                        <div className="col-span-2">
-                          <input
-                            type="text"
-                            value={spec.supplierMaterialCode}
-                            onChange={(e) => {
-                              const newSpecs = [...suppliers]
-                              newSpecs[index].supplierMaterialCode = e.target.value
-                              setSuppliers(newSpecs)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Tedarikçi malzeme kodu"
-                          />
-                        </div>
-
-                        <div className="col-span-1">
-                          <input
-                            type="text"
-                            value={spec.leadTime}
-                            onChange={(e) => {
-                              const newSpecs = [...suppliers]
-                              newSpecs[index].leadTime = Number(e.target.value)
-                              setSuppliers(newSpecs)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Teslim süresi"
-                          />
-                        </div>
-
-                        <div className="col-span-2">
-                          <input
-                            type="text"
-                            value={spec.minimumOrderQuantity}
-                            onChange={(e) => {
-                              const newSpecs = [...suppliers]
-                              newSpecs[index].minimumOrderQuantity = Number(e.target.value)
-                              setSuppliers(newSpecs)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Min. Sipariş Miktarı"
-                          />
-                        </div>
-
-                        <div className="col-span-1">
-                          <input
-                            type="text"
-                            value={spec.price}
-                            onChange={(e) => {
-                              const newSpecs = [...suppliers]
-                              newSpecs[index].price = Number(e.target.value)
-                              setSuppliers(newSpecs)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Fiyat"
-                          />
-                        </div>
-
-                        <div className="col-span-1">
-                          <select
-                            value={spec.currency}
-                            onChange={(e) => {
-                              const newSpecs = [...suppliers]
-                              newSpecs[index].currency = e.target.value
-                              setSuppliers(newSpecs)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            required
-                          >
-                            {mockCurrencies.map((currency) => (
-                              <option key={currency.label} value={currency.label}>
-                                {currency.value}
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-
-                        <div className="col-span-1 flex items-center justify-center">
-                          <input
-                            type="checkbox"
-                            checked={spec.isPreferred}
-                            onChange={(e) => {
-                              const newSpecs = [...suppliers]
-                              newSpecs[index].isPreferred = Boolean(e.target.checked)
-                              setSuppliers(newSpecs)
-                            }}
-                            className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                            title="Zorunlu"
-                          />
-                        </div>
-
-                        <div className="col-span-1 flex items-center">
-                          <button
-                            type="button"
-                            onClick={() => removeSupplier(index)}
-                            className="p-1 text-red-600 hover:bg-red-50 rounded-md transition-colors"
-                          >
-                            <FaMinus size={14} />
-                          </button>
-
-                          <button
-                            type="button"
-                            onClick={addSupplier}
-                            className="p-1 text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                          >
-                            <FaPlus size={14} className="mr-1" />
-                          </button>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              )}
-
-              {/* Stock Levels Tab */}
-              {activeTab === 'stockLevels' && (
-                <div className="space-y-3 p-3">
-                  <div className="space-y-1">
-                    <div className="grid grid-cols-12 gap-1.5 p-0.5 rounded-lg">
-                      <div className="col-span-3 text-xs font-medium text-gray-700">Depo</div>
-                      <div className="col-span-2 text-xs font-medium text-gray-700">Bölge</div>
-                      <div className="col-span-2 text-xs font-medium text-gray-700">Lokasyon</div>
-                      <div className="col-span-1 text-xs font-medium text-gray-700">Min Stok</div>
-                      <div className="col-span-1 text-xs font-medium text-gray-700">Max Stok</div>
-                      <div className="col-span-1 text-xs font-medium text-gray-700">
-                        Sipariş Noktası
-                      </div>
-                      <div className="col-span-1 text-xs font-medium text-gray-700">
-                        Mevcut Miktar
-                      </div>
-                      <div className="col-span-1"></div>
-                    </div>
-                    {stockLevels.map((level, index) => (
-                      <div key={index} className="grid grid-cols-12 gap-1.5 p-0.5 rounded-lg">
-                        <div className="col-span-3">
-                          <select
-                            value={level.warehouseId}
-                            onChange={(e) => {
-                              const newLevels = [...stockLevels]
-                              const warehouseId = e.target.value
-                              newLevels[index].warehouseId = warehouseId
-                              newLevels[index].zoneId = '' // Reset zone
-                              newLevels[index].locationId = '' // Reset location
-                              setStockLevels(newLevels)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                          >
-                            <option value="">Depo Seçiniz</option>
-                            {mockWarehouses.map((wh) => (
-                              <option key={wh.id} value={wh.id}>
-                                {wh.name}
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-                        <div className="col-span-2">
-                          <select
-                            value={level.zoneId}
-                            onChange={(e) => {
-                              const newLevels = [...stockLevels]
-                              newLevels[index].zoneId = e.target.value
-                              newLevels[index].locationId = '' // Reset location
-                              setStockLevels(newLevels)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100"
-                            disabled={!level.warehouseId}
-                          >
-                            <option value="">Bölge Seçiniz</option>
-                            {mockZones
-                              .filter((zone) => zone.warehouseId === level.warehouseId)
-                              .map((zone) => (
-                                <option key={zone.id} value={zone.id}>
-                                  {zone.name}
-                                </option>
-                              ))}
-                          </select>
-                        </div>
-                        <div className="col-span-2">
-                          <select
-                            value={level.locationId}
-                            onChange={(e) => {
-                              const newLevels = [...stockLevels]
-                              newLevels[index].locationId = e.target.value
-                              setStockLevels(newLevels)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100"
-                            disabled={!level.zoneId}
-                          >
-                            <option value="">Lokasyon Seçiniz</option>
-                            {mockLocations
-                              .filter(
-                                (loc) =>
-                                  loc.warehouseId === level.warehouseId &&
-                                  loc.zoneId === level.zoneId,
-                              )
-                              .map((l) => (
-                                <option key={l.id} value={l.id}>
-                                  {l.name}
-                                </option>
-                              ))}
-                          </select>
-                        </div>
-                        <div className="col-span-1">
-                          <input
-                            type="number"
-                            value={level.minimumStock}
-                            onChange={(e) => {
-                              const newLevels = [...stockLevels]
-                              newLevels[index].minimumStock = Number(e.target.value)
-                              setStockLevels(newLevels)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Min Stok"
-                          />
-                        </div>
-                        <div className="col-span-1">
-                          <input
-                            type="number"
-                            value={level.maximumStock}
-                            onChange={(e) => {
-                              const newLevels = [...stockLevels]
-                              newLevels[index].maximumStock = Number(e.target.value)
-                              setStockLevels(newLevels)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Max Stok"
-                          />
-                        </div>
-                        <div className="col-span-1">
-                          <input
-                            type="number"
-                            value={level.reorderPoint}
-                            onChange={(e) => {
-                              const newLevels = [...stockLevels]
-                              newLevels[index].reorderPoint = Number(e.target.value)
-                              setStockLevels(newLevels)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Sipariş Noktası"
-                          />
-                        </div>
-                        <div className="col-span-1">
-                          <input
-                            type="number"
-                            value={level.availableQuantity}
-                            readOnly
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm bg-gray-100"
-                            placeholder="Mevcut"
-                          />
-                        </div>
-                        <div className="col-span-1 flex items-center">
-                          <button
-                            type="button"
-                            onClick={() => removeStockLevel(index)}
-                            className="p-1 text-red-600 hover:bg-red-50 rounded-md transition-colors"
-                          >
-                            <FaMinus size={14} />
-                          </button>
-
-                          <button
-                            type="button"
-                            onClick={addStockLevel}
-                            className="p-1 text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                          >
-                            <FaPlus size={14} className="mr-1" />
-                          </button>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              )}
-
-              {/* Variants Tab */}
-              {activeTab === 'variants' && (
-                <div className="space-y-3 p-3">
-                  <div className="space-y-1">
-                    <div className="grid grid-cols-12 gap-1.5 p-0.5 rounded-lg">
-                      <div className="col-span-3 text-xs font-medium text-gray-700">
-                        Varyant Kodu
-                      </div>
-                      <div className="col-span-4 text-xs font-medium text-gray-700">
-                        Varyant Adı
-                      </div>
-                      <div className="col-span-2 text-xs font-medium text-gray-700">Ek Maliyet</div>
-                      <div className="col-span-2 text-xs font-medium text-gray-700">Aktif</div>
-                      <div className="col-span-1"></div>
-                    </div>
-                    {variants.map((variant, index) => (
-                      <div key={index} className="grid grid-cols-12 gap-1.5 p-0.5 rounded-lg">
-                        <div className="col-span-3">
-                          <input
-                            type="text"
-                            value={variant.variantCode}
-                            onChange={(e) => {
-                              const newVariants = [...variants]
-                              newVariants[index].variantCode = e.target.value
-                              setVariants(newVariants)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Varyant Kodu"
-                          />
-                        </div>
-                        <div className="col-span-4">
-                          <input
-                            type="text"
-                            value={variant.variantName}
-                            onChange={(e) => {
-                              const newVariants = [...variants]
-                              newVariants[index].variantName = e.target.value
-                              setVariants(newVariants)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Varyant Adı"
-                          />
-                        </div>
-                        <div className="col-span-2">
-                          <input
-                            type="number"
-                            value={variant.additionalCost}
-                            onChange={(e) => {
-                              const newVariants = [...variants]
-                              newVariants[index].additionalCost = Number(e.target.value)
-                              setVariants(newVariants)
-                            }}
-                            className="w-full border border-gray-300 rounded-md px-2 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                            placeholder="Ek Maliyet"
-                          />
-                        </div>
-                        <div className="col-span-2 flex items-center justify-center">
-                          <input
-                            type="checkbox"
-                            checked={variant.isActive}
-                            onChange={(e) => {
-                              const newVariants = [...variants]
-                              newVariants[index].isActive = e.target.checked
-                              setVariants(newVariants)
-                            }}
-                            className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                          />
-                        </div>
-                        <div className="col-span-1 flex items-center">
-                          <button
-                            type="button"
-                            onClick={() => removeVariant(index)}
-                            className="p-1 text-red-600 hover:bg-red-50 rounded-md transition-colors"
-                          >
-                            <FaMinus size={14} />
-                          </button>
-
-                          <button
-                            type="button"
-                            onClick={addVariant}
-                            className="p-1 text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                          >
-                            <FaPlus size={14} className="mr-1" />
-                          </button>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-        </form>
-      </div>
-    </Container>
-  )
-}
-
-export default MaterialForm
diff --git a/ui/src/views/supplychain/components/MaterialList.tsx b/ui/src/views/supplychain/components/MaterialList.tsx
deleted file mode 100644
index 6c6cb766..00000000
--- a/ui/src/views/supplychain/components/MaterialList.tsx
+++ /dev/null
@@ -1,651 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { useNavigate } from 'react-router-dom'
-import {
-  FaPlus,
-  FaSearch,
-  FaDownload,
-  FaUpload,
-  FaEye,
-  FaEdit,
-  FaTrash,
-  FaExclamationTriangle,
-  FaArchive,
-  FaHeartbeat,
-} from 'react-icons/fa'
-import Widget from '../../../components/common/Widget'
-import DataTable from '../../../components/common/DataTable'
-import LoadingSpinner from '../../../components/common/LoadingSpinner'
-import StatusBadge from '../../../components/common/StatusBadge'
-import { MmMaterial } from '../../../types/mm'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-
-export interface MaterialSearchFilters {
-  materialCode?: string
-  description?: string
-  materialTypeId?: string
-  materialGroupId?: string
-  isActive?: boolean
-  hasStock?: boolean
-}
-
-const MaterialList: React.FC = () => {
-  const navigate = useNavigate()
-  const [materials, setMaterials] = useState<MmMaterial[]>([])
-  const [loading, setLoading] = useState(true)
-  const [searchFilters, setSearchFilters] = useState<MaterialSearchFilters>({})
-  const [selectedMaterials] = useState<string[]>([])
-
-  const [totalCount, setTotalCount] = useState(0)
-  const [currentPage, setCurrentPage] = useState(1)
-  const [pageSize, setPageSize] = useState(10)
-  const [sortBy, setSortBy] = useState<string>('materialCode')
-  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc')
-
-  const loadMaterials = useCallback(async () => {
-    setLoading(true)
-    try {
-      // Simulate API call
-      await new Promise((resolve) => setTimeout(resolve, 1000))
-
-      // Apply filters
-      let filteredMaterials = [...mockMaterials]
-
-      if (searchFilters.materialCode) {
-        filteredMaterials = filteredMaterials.filter((m) =>
-          m.code.toLowerCase().includes(searchFilters.materialCode!.toLowerCase()),
-        )
-      }
-
-      if (searchFilters.description) {
-        filteredMaterials = filteredMaterials.filter((m) =>
-          m.name.toLowerCase().includes(searchFilters.description!.toLowerCase()),
-        )
-      }
-
-      if (searchFilters.isActive !== undefined) {
-        filteredMaterials = filteredMaterials.filter((m) => m.isActive === searchFilters.isActive)
-      }
-
-      if (searchFilters.hasStock !== undefined) {
-        if (searchFilters.hasStock) {
-          filteredMaterials = filteredMaterials.filter((m) => m.totalStock > 0)
-        } else {
-          filteredMaterials = filteredMaterials.filter((m) => m.totalStock === 0)
-        }
-      }
-
-      // Apply sorting
-      filteredMaterials.sort((a, b) => {
-        let aValue: string | number
-        let bValue: string | number
-
-        switch (sortBy) {
-          case 'materialCode':
-            aValue = a.code
-            bValue = b.code
-            break
-          case 'description':
-            aValue = a.name
-            bValue = b.name
-            break
-          case 'materialType':
-            aValue = a.materialType?.name || ''
-            bValue = b.materialType?.name || ''
-            break
-          case 'materialGroupName':
-            aValue = a.materialGroup?.name || ''
-            bValue = b.materialGroup?.name || ''
-            break
-          case 'baseUnitName':
-            aValue = a.baseUnit?.name || ''
-            bValue = b.baseUnit?.name || ''
-            break
-          case 'costPrice':
-            aValue = a.costPrice
-            bValue = b.costPrice
-            break
-          case 'salesPrice':
-            aValue = a.salesPrice
-            bValue = b.salesPrice
-            break
-          case 'totalStock':
-            aValue = a.totalStock
-            bValue = b.totalStock
-            break
-          case 'isActive':
-            aValue = a.isActive ? 1 : 0
-            bValue = b.isActive ? 1 : 0
-            break
-          default:
-            aValue = ''
-            bValue = ''
-        }
-
-        if (sortDirection === 'asc') {
-          return aValue > bValue ? 1 : -1
-        } else {
-          return aValue < bValue ? 1 : -1
-        }
-      })
-
-      setTotalCount(filteredMaterials.length)
-      const startIndex = (currentPage - 1) * pageSize
-      const endIndex = startIndex + pageSize
-      setMaterials(filteredMaterials.slice(startIndex, endIndex))
-    } catch (error) {
-      console.error('Error loading materials:', error)
-    } finally {
-      setLoading(false)
-    }
-  }, [searchFilters, sortBy, sortDirection, currentPage, pageSize])
-
-  useEffect(() => {
-    loadMaterials()
-  }, [loadMaterials])
-
-  const handleSearch = (field: keyof MaterialSearchFilters, value: string) => {
-    setSearchFilters((prev) => ({
-      ...prev,
-      [field]: value || undefined,
-    }))
-    setCurrentPage(1)
-  }
-
-  const handleSort = (key: string) => {
-    if (sortBy === key) {
-      setSortDirection((prev) => (prev === 'asc' ? 'desc' : 'asc'))
-    } else {
-      setSortBy(key)
-      setSortDirection('asc')
-    }
-  }
-
-  const handleView = (material: MmMaterial) => {
-    navigate(ROUTES_ENUM.protected.supplychain.materialsDetail.replace(':id', material.id))
-  }
-
-  const handleEdit = (material: MmMaterial) => {
-    navigate(ROUTES_ENUM.protected.supplychain.materialsEdit.replace(':id', material.id))
-  }
-
-  const handleDelete = async (material: MmMaterial) => {
-    if (window.confirm(`"${material.name}" malzemesini silmek istediğinizden emin misiniz?`)) {
-      // Implement delete logic
-      console.log('Deleting material:', material.id)
-    }
-  }
-
-  const handleBulkDelete = async () => {
-    if (selectedMaterials.length === 0) return
-
-    if (
-      window.confirm(`${selectedMaterials.length} malzemeyi silmek istediğinizden emin misiniz?`)
-    ) {
-      // Implement bulk delete logic
-      console.log('Bulk deleting materials:', selectedMaterials)
-    }
-  }
-
-  const handleExport = () => {
-    // Implement export logic
-    console.log('Exporting materials with filters:', searchFilters)
-  }
-
-  const handleImport = () => {
-    // Implement import logic
-  }
-
-  const getStockStatusColor = (stock: number): string => {
-    if (stock === 0) return 'text-red-600'
-    if (stock < 100) return 'text-yellow-600'
-    return 'text-green-600'
-  }
-
-  const getStockStatusIcon = (stock: number) => {
-    if (stock === 0) return <FaExclamationTriangle className="w-4 h-4" />
-    if (stock < 100) return <FaHeartbeat className="w-4 h-4" />
-    return <FaArchive className="w-4 h-4" />
-  }
-
-  const columns = [
-    {
-      key: 'materialCode',
-      header: 'Malzeme Kodu',
-      sortable: true,
-      render: (item: MmMaterial) => (
-        <div
-          className="font-medium text-blue-600 hover:text-blue-800 cursor-pointer"
-          onClick={() => handleView(item)}
-        >
-          {item.code}
-        </div>
-      ),
-    },
-    {
-      key: 'materialName',
-      header: 'Maleme Adı',
-      sortable: true,
-      render: (item: MmMaterial) => (
-        <div className="max-w-xs truncate" title={item.name}>
-          {item.name}
-        </div>
-      ),
-    },
-    {
-      key: 'materialTypeName',
-      header: 'Malzeme Tipi',
-      sortable: true,
-      render: (item: MmMaterial) => item.materialType?.name || '-',
-    },
-    {
-      key: 'materialGroupName',
-      header: 'Malzeme Grubu',
-      sortable: true,
-      render: (item: MmMaterial) => (
-        <div className="max-w-xs truncate" title={item.materialGroup?.name}>
-          {item.materialGroup?.name}
-        </div>
-      ),
-    },
-    {
-      key: 'baseUnitName',
-      header: 'Birim',
-      sortable: true,
-      render: (item: MmMaterial) => item.baseUnit?.code || '-',
-    },
-    {
-      key: 'costPrice',
-      header: 'Maliyet',
-      sortable: true,
-      render: (item: MmMaterial) => (
-        <div className="text-right">
-          {item.costPrice.toLocaleString('tr-TR', {
-            minimumFractionDigits: 2,
-            maximumFractionDigits: 2,
-          })}{' '}
-          {item.currency}
-        </div>
-      ),
-    },
-    {
-      key: 'salesPrice',
-      header: 'Satış Fiyatı',
-      sortable: true,
-      render: (item: MmMaterial) => (
-        <div className="text-right">
-          {item.salesPrice.toLocaleString('tr-TR', {
-            minimumFractionDigits: 2,
-            maximumFractionDigits: 2,
-          })}{' '}
-          {item.currency}
-        </div>
-      ),
-    },
-    {
-      key: 'totalStock',
-      header: 'Stok',
-      sortable: true,
-      render: (item: MmMaterial) => (
-        <div
-          className={`text-right flex items-center justify-end space-x-1 ${getStockStatusColor(
-            item.totalStock,
-          )}`}
-        >
-          {getStockStatusIcon(item.totalStock)}
-          <span>
-            {item.totalStock.toLocaleString('tr-TR', {
-              minimumFractionDigits: 2,
-              maximumFractionDigits: 2,
-            })}{' '}
-            {item.baseUnit?.code}
-          </span>
-        </div>
-      ),
-    },
-    {
-      key: 'isActive',
-      header: 'Durum',
-      sortable: true,
-      render: (item: MmMaterial) => <StatusBadge status={item.isActive ? 'active' : 'inactive'} />,
-    },
-    {
-      key: 'actions',
-      header: 'İşlemler',
-      render: (item: MmMaterial) => (
-        <div className="flex items-center space-x-2">
-          <button
-            onClick={() => handleView(item)}
-            className="text-blue-600 hover:text-blue-800 p-1"
-            title="Görüntüle"
-          >
-            <FaEye className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleEdit(item)}
-            className="text-green-600 hover:text-green-800 p-1"
-            title="Düzenle"
-          >
-            <FaEdit className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => handleDelete(item)}
-            className="text-red-600 hover:text-red-800 p-1"
-            title="Sil"
-          >
-            <FaTrash className="w-4 h-4" />
-          </button>
-        </div>
-      ),
-    },
-  ]
-
-  if (loading && materials.length === 0) {
-    return <LoadingSpinner />
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3">
-          {/* Title & Description */}
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Malzeme Listesi</h2>
-            <p className="text-gray-600">Toplam {totalCount} malzeme bulundu</p>
-          </div>
-
-          {/* Header Actions */}
-          <div className="flex flex-col sm:flex-row items-stretch sm:items-center gap-1.5">
-            <button
-              onClick={handleImport}
-              className="flex items-center px-2.5 py-1 text-sm border border-gray-300 bg-white text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              <FaUpload size={14} className="mr-2" />
-              İçe Aktar
-            </button>
-
-            <button
-              onClick={handleExport}
-              className="flex items-center px-2.5 py-1 text-sm border border-gray-300 bg-white text-gray-700 rounded-md hover:bg-gray-50 transition-colors"
-            >
-              <FaDownload size={14} className="mr-2" />
-              Dışa Aktar
-            </button>
-
-            <button
-              onClick={() => navigate(ROUTES_ENUM.protected.supplychain.materialsNew)}
-              className="flex items-center px-2.5 py-1 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-            >
-              <FaPlus size={14} className="mr-2" />
-              Yeni Malzeme
-            </button>
-          </div>
-        </div>
-
-        {/* Stat Widgets */}
-        <div className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2">
-          <Widget title="Toplam Malzeme" value={totalCount} color="blue" icon="FaArchive" />
-          <Widget
-            title="Aktif Malzeme"
-            value={materials.filter((m) => m.isActive).length}
-            color="green"
-            icon="FaHeartbeat"
-          />
-          <Widget
-            title="Stoklu Malzeme"
-            value={materials.filter((m) => m.totalStock > 0).length}
-            color="orange"
-            icon="FaBox"
-          />
-          <Widget
-            title="Pasif Malzeme"
-            value={materials.filter((m) => !m.isActive).length}
-            color="red"
-            icon="FaExclamationTriangle"
-          />
-        </div>
-
-        {/* Search & Filters */}
-        <div className="bg-white shadow-sm rounded-lg p-2 space-y-2">
-          <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-            {/* Search Inputs */}
-            <div className="flex flex-col sm:flex-row gap-2 flex-1">
-              {/* Material Code */}
-              <div className="relative flex-1 max-w-xs">
-                <FaSearch
-                  className="absolute left-2.5 top-1/2 transform -translate-y-1/2 text-gray-400"
-                  size={16}
-                />
-                <input
-                  type="text"
-                  placeholder="Malzeme kodu ara..."
-                  className="pl-8 pr-3 py-1 w-full border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
-                  value={searchFilters.materialCode || ''}
-                  onChange={(e) => handleSearch('materialCode', e.target.value)}
-                />
-              </div>
-
-              {/* Description */}
-              <div className="flex-1 max-w-xs">
-                <input
-                  type="text"
-                  placeholder="Açıklama ara..."
-                  className="px-3 py-1 w-full border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
-                  value={searchFilters.description || ''}
-                  onChange={(e) => handleSearch('description', e.target.value)}
-                />
-              </div>
-
-              {/* Status */}
-              <div className="flex-1 max-w-xs">
-                <select
-                  className="block w-full px-3 py-1 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
-                  value={
-                    searchFilters.isActive === undefined ? '' : searchFilters.isActive.toString()
-                  }
-                  onChange={(e) => {
-                    const value = e.target.value
-                    setSearchFilters((prev) => ({
-                      ...prev,
-                      isActive: value === '' ? undefined : value === 'true',
-                    }))
-                  }}
-                >
-                  <option value="">Durum (Tümü)</option>
-                  <option value="true">Aktif</option>
-                  <option value="false">Pasif</option>
-                </select>
-              </div>
-
-              {/* Stock Status */}
-              <div className="flex-1 max-w-xs">
-                <select
-                  className="block w-full px-3 py-1 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
-                  value={
-                    searchFilters.hasStock === undefined ? '' : searchFilters.hasStock.toString()
-                  }
-                  onChange={(e) => {
-                    const value = e.target.value
-                    setSearchFilters((prev) => ({
-                      ...prev,
-                      hasStock: value === '' ? undefined : value === 'true',
-                    }))
-                  }}
-                >
-                  <option value="">Stok Durumu (Tümü)</option>
-                  <option value="true">Stokta Var</option>
-                  <option value="false">Stokta Yok</option>
-                </select>
-              </div>
-            </div>
-
-            {/* Right Side Actions */}
-            <div className="flex items-center gap-2">
-              {/* Reset */}
-              <button
-                onClick={() => {
-                  setSearchFilters({})
-                  setCurrentPage(1)
-                }}
-                className="flex items-center px-2.5 py-1 border border-gray-300 rounded-md text-sm text-gray-700 bg-white hover:bg-gray-50 transition-colors"
-              >
-                Temizle
-              </button>
-            </div>
-          </div>
-        </div>
-
-        {/* Bulk Actions */}
-        {selectedMaterials.length > 0 && (
-          <div className="bg-blue-50 border border-blue-200 rounded-lg p-2">
-            <div className="flex items-center justify-between">
-              <span className="text-sm text-blue-700">
-                {selectedMaterials.length} malzeme seçildi
-              </span>
-              <div className="flex items-center space-x-2">
-                <button
-                  onClick={handleBulkDelete}
-                  className="inline-flex items-center px-2.5 py-1 border border-red-300 shadow-sm text-sm leading-4 font-medium rounded-md text-red-700 bg-white hover:bg-red-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500"
-                >
-                  <FaTrash className="w-4 h-4 mr-2" />
-                  Toplu Sil
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* Data Table */}
-        <div className="bg-white shadow-sm rounded-lg">
-          <DataTable
-            data={materials}
-            columns={columns}
-            loading={loading}
-            sortBy={sortBy}
-            sortDirection={sortDirection}
-            onSort={handleSort}
-          />
-
-          {/* Custom Pagination */}
-          {totalCount > pageSize && (
-            <div className="border-t border-gray-200 px-3 py-1.5 flex items-center justify-between sm:px-4">
-              <div className="flex-1 flex justify-between sm:hidden">
-                <button
-                  onClick={() => setCurrentPage(Math.max(1, currentPage - 1))}
-                  disabled={currentPage === 1}
-                  className="relative inline-flex items-center px-2.5 py-1 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
-                >
-                  Önceki
-                </button>
-                <button
-                  onClick={() =>
-                    setCurrentPage(Math.min(Math.ceil(totalCount / pageSize), currentPage + 1))
-                  }
-                  disabled={currentPage === Math.ceil(totalCount / pageSize)}
-                  className="ml-3 relative inline-flex items-center px-2.5 py-1 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
-                >
-                  Sonraki
-                </button>
-              </div>
-              <div className="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
-                <div>
-                  <p className="text-sm text-gray-700">
-                    <span className="font-medium">{(currentPage - 1) * pageSize + 1}</span>
-                    {' - '}
-                    <span className="font-medium">
-                      {Math.min(currentPage * pageSize, totalCount)}
-                    </span>
-                    {' / '}
-                    <span className="font-medium">{totalCount}</span>
-                    {' kayıt'}
-                  </p>
-                </div>
-                <div className="flex items-center space-x-2">
-                  <select
-                    value={pageSize}
-                    onChange={(e) => {
-                      setPageSize(Number(e.target.value))
-                      setCurrentPage(1)
-                    }}
-                    className="border border-gray-300 rounded-md text-sm px-2 py-0.5 focus:ring-blue-500 focus:border-blue-500"
-                  >
-                    <option value={10}>10</option>
-                    <option value={25}>25</option>
-                    <option value={50}>50</option>
-                    <option value={100}>100</option>
-                  </select>
-                  <nav className="relative z-0 inline-flex rounded-md shadow-sm -space-x-px">
-                    <button
-                      onClick={() => setCurrentPage(Math.max(1, currentPage - 1))}
-                      disabled={currentPage === 1}
-                      className="relative inline-flex items-center px-2 py-1 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
-                    >
-                      Önceki
-                    </button>
-                    {Array.from({ length: Math.ceil(totalCount / pageSize) }, (_, i) => i + 1)
-                      .filter((page) => {
-                        return (
-                          page === 1 ||
-                          page === Math.ceil(totalCount / pageSize) ||
-                          Math.abs(page - currentPage) <= 2
-                        )
-                      })
-                      .map((page, index, array) => {
-                        if (index > 0 && array[index - 1] !== page - 1) {
-                          return [
-                            <span
-                              key={`ellipsis-${page}`}
-                              className="relative inline-flex items-center px-2.5 py-1 border border-gray-300 bg-white text-sm font-medium text-gray-700"
-                            >
-                              ...
-                            </span>,
-                            <button
-                              key={page}
-                              onClick={() => setCurrentPage(page)}
-                              className={`relative inline-flex items-center px-2.5 py-1 border text-sm font-medium ${
-                                currentPage === page
-                                  ? 'z-10 bg-blue-50 border-blue-500 text-blue-600'
-                                  : 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50'
-                              }`}
-                            >
-                              {page}
-                            </button>,
-                          ]
-                        }
-                        return (
-                          <button
-                            key={page}
-                            onClick={() => setCurrentPage(page)}
-                            className={`relative inline-flex items-center px-2.5 py-1 border text-sm font-medium ${
-                              currentPage === page
-                                ? 'z-10 bg-blue-50 border-blue-500 text-blue-600'
-                                : 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50'
-                            }`}
-                          >
-                            {page}
-                          </button>
-                        )
-                      })}
-                    <button
-                      onClick={() =>
-                        setCurrentPage(Math.min(Math.ceil(totalCount / pageSize), currentPage + 1))
-                      }
-                      disabled={currentPage === Math.ceil(totalCount / pageSize)}
-                      className="relative inline-flex items-center px-2 py-1 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
-                    >
-                      Sonraki
-                    </button>
-                  </nav>
-                </div>
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default MaterialList
diff --git a/ui/src/views/supplychain/components/OrderManagement.tsx b/ui/src/views/supplychain/components/OrderManagement.tsx
deleted file mode 100644
index 1de16b00..00000000
--- a/ui/src/views/supplychain/components/OrderManagement.tsx
+++ /dev/null
@@ -1,606 +0,0 @@
-import React, { useState } from 'react'
-import { useNavigate } from 'react-router-dom'
-import {
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaEye,
-  FaEdit,
-  FaTrash,
-  FaShoppingCart,
-  FaBox,
-  FaCalendar,
-  FaClock,
-  FaCheckCircle,
-  FaTimesCircle,
-  FaExclamationTriangle,
-} from 'react-icons/fa'
-import { OrderStatusEnum, MmPurchaseOrder } from '../../../types/mm'
-import { mockPurchaseOrders } from '../../../mocks/mockPurchaseOrders'
-import Widget from '../../../components/common/Widget'
-import {
-  getOrderStatusColor,
-  getOrderStatusIcon,
-  getOrderStatusText,
-  getRequestTypeText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-
-const OrderManagement: React.FC = () => {
-  const navigate = useNavigate()
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<OrderStatusEnum | 'all'>('all')
-  const [selectedOrders, setSelectedOrders] = useState<string[]>([])
-  const [showBulkModal, setShowBulkModal] = useState(false)
-  const [bulkModalType, setBulkModalType] = useState<'approval' | 'status'>('approval')
-
-  // Mock data - replace with actual API calls
-  const [orders, setOrders] = useState<MmPurchaseOrder[]>(mockPurchaseOrders)
-
-  const filteredOrders = orders.filter((order) => {
-    const matchesSearch =
-      order.orderNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      order.supplier?.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      order.requestTitle.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesStatus = statusFilter === 'all' || order.status === statusFilter
-    return matchesSearch && matchesStatus
-  })
-
-  const getStatusText = (status: OrderStatusEnum) => getOrderStatusText(status)
-
-  const getStatusColor = (status: OrderStatusEnum): string => getOrderStatusColor(status)
-
-  const getStatusIcon = (status: OrderStatusEnum): JSX.Element => getOrderStatusIcon(status)
-
-  const getDeliveryProgress = (order: MmPurchaseOrder) => {
-    const totalQuantity = order.items.reduce((sum, item) => sum + item.quantity, 0)
-    const deliveredQuantity = order.items.reduce((sum, item) => sum + item.deliveredQuantity, 0)
-    return totalQuantity > 0 ? Math.round((deliveredQuantity / totalQuantity) * 100) : 0
-  }
-
-  const isOverdue = (order: MmPurchaseOrder) => {
-    const today = new Date()
-    return (
-      order.expectedDeliveryDate < today &&
-      order.status !== OrderStatusEnum.Delivered &&
-      order.status !== OrderStatusEnum.Completed
-    )
-  }
-
-  const getDaysUntilDelivery = (order: MmPurchaseOrder) => {
-    const today = new Date()
-    const diffTime = order.expectedDeliveryDate.getTime() - today.getTime()
-    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
-    return diffDays
-  }
-
-  const handleAddOrder = () => {
-    navigate(ROUTES_ENUM.protected.supplychain.ordersNew)
-  }
-
-  const handleEdit = (order: MmPurchaseOrder) => {
-    navigate(ROUTES_ENUM.protected.supplychain.ordersEdit.replace(':id', order.id))
-  }
-
-  const handleView = (order: MmPurchaseOrder) => {
-    navigate(ROUTES_ENUM.protected.supplychain.ordersView.replace(':id', order.id))
-  }
-
-  const handleSelectOrder = (orderId: string) => {
-    setSelectedOrders((prev) =>
-      prev.includes(orderId) ? prev.filter((id) => id !== orderId) : [...prev, orderId],
-    )
-  }
-
-  const handleBulkApproval = () => {
-    setBulkModalType('approval')
-    setShowBulkModal(true)
-  }
-
-  const handleBulkStatusUpdate = () => {
-    setBulkModalType('status')
-    setShowBulkModal(true)
-  }
-
-  const processBulkApproval = () => {
-    const updatedOrders = orders.map((order) => {
-      if (selectedOrders.includes(order.id)) {
-        return { ...order, status: OrderStatusEnum.Approved }
-      }
-      return order
-    })
-    setOrders(updatedOrders)
-    setSelectedOrders([])
-    setShowBulkModal(false)
-  }
-
-  const processBulkStatusUpdate = (newStatus: OrderStatusEnum) => {
-    const updatedOrders = orders.map((order) => {
-      if (selectedOrders.includes(order.id)) {
-        return { ...order, status: newStatus }
-      }
-      return order
-    })
-    setOrders(updatedOrders)
-    setSelectedOrders([])
-    setShowBulkModal(false)
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Satınalma Siparişleri</h2>
-            <p className="text-gray-600">Satınalma siparişlerini oluşturun ve takip edin</p>
-          </div>
-          <button
-            onClick={handleAddOrder}
-            className="bg-blue-600 text-white px-3 py-1.5 text-sm  rounded-lg hover:bg-blue-700 flex items-center space-x-1.5"
-          >
-            <FaPlus className="w-4 h-4" />
-            <span>Yeni Sipariş</span>
-          </button>
-        </div>
-
-        {/* Summary Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <Widget title="Toplam Sipariş" value={orders.length} color="blue" icon="FaShoppingCart" />
-
-          <Widget
-            title="Bekleyen"
-            value={
-              orders.filter((o) =>
-                [OrderStatusEnum.Pending, OrderStatusEnum.Confirmed].includes(o.status),
-              ).length
-            }
-            color="orange"
-            icon="FaClock"
-          />
-
-          <Widget
-            title="Teslim Edildi"
-            value={orders.filter((o) => o.status === OrderStatusEnum.Delivered).length}
-            color="green"
-            icon="FaTruck"
-          />
-
-          <Widget
-            title="Toplam Tutar"
-            value={`₺${orders.reduce((sum, order) => sum + order.totalAmount, 0).toLocaleString()}`}
-            color="purple"
-            icon="FaDollarSign"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex space-x-2">
-          <div className="flex-1 relative">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-            <input
-              type="text"
-              placeholder="Sipariş ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <div className="relative">
-            <FaFilter className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-            <select
-              value={statusFilter}
-              onChange={(e) => setStatusFilter(e.target.value as OrderStatusEnum | 'all')}
-              className="pl-10 pr-4 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              <option value="all">Tüm Durumlar</option>
-              {Object.values(OrderStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getOrderStatusText(status)}
-                </option>
-              ))}
-            </select>
-          </div>
-        </div>
-
-        {/* Orders List */}
-        <div className="grid grid-cols-1 gap-4">
-          {filteredOrders.map((order) => (
-            <div
-              key={order.id}
-              className="bg-white rounded-lg shadow-md border border-gray-200 p-4 hover:shadow-lg transition-shadow"
-            >
-              <div className="flex items-start justify-between mb-3">
-                <div className="flex-1">
-                  <div className="flex items-center space-x-3 mb-2">
-                    <input
-                      type="checkbox"
-                      checked={selectedOrders.includes(order.id)}
-                      onChange={() => handleSelectOrder(order.id)}
-                      className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                    />
-                    <h3 className="text-base font-semibold text-gray-900">{order.orderNumber}</h3>
-                    <span
-                      className={`px-2 py-1 rounded-full text-xs font-medium flex items-center space-x-1 ${getStatusColor(
-                        order.status,
-                      )}`}
-                    >
-                      {getStatusIcon(order.status)}
-                      <span>{getStatusText(order.status)}</span>
-                    </span>
-                    {isOverdue(order) && (
-                      <span className="bg-red-100 text-red-800 text-xs px-2 py-1 rounded flex items-center">
-                        <FaExclamationTriangle className="w-3 h-3 mr-1" />
-                        Gecikme
-                      </span>
-                    )}
-                  </div>
-                  <p className="text-gray-600 mb-1">{order.requestTitle}</p>
-                  <p className="text-sm text-gray-500">
-                    {order.supplier?.name} • {getRequestTypeText(order.requestType)}
-                  </p>
-                </div>
-                <div className="flex space-x-1">
-                  <button
-                    onClick={() => handleView(order)}
-                    className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                    title="Görüntüle"
-                  >
-                    <FaEye className="w-4 h-4" />
-                  </button>
-                  <button
-                    onClick={() => handleEdit(order)}
-                    className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                    title="Düzenle"
-                  >
-                    <FaEdit className="w-4 h-4" />
-                  </button>
-                  <button className="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition-colors">
-                    <FaTrash className="w-4 h-4" />
-                  </button>
-                </div>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-3 mb-3">
-                <div>
-                  <span className="text-sm text-gray-500">Toplam Tutar</span>
-                  <p className="font-semibold text-base text-gray-900">
-                    ₺{order.totalAmount.toLocaleString()}
-                  </p>
-                </div>
-                <div>
-                  <span className="text-sm text-gray-500">Sipariş Tarihi</span>
-                  <p className="font-medium text-gray-900">
-                    {order.orderDate.toLocaleDateString('tr-TR')}
-                  </p>
-                </div>
-                <div>
-                  <span className="text-sm text-gray-500">Teslim Tarihi</span>
-                  <p
-                    className={`font-medium ${
-                      isOverdue(order)
-                        ? 'text-red-600'
-                        : getDaysUntilDelivery(order) <= 3
-                          ? 'text-orange-600'
-                          : 'text-gray-900'
-                    }`}
-                  >
-                    {order.expectedDeliveryDate.toLocaleDateString('tr-TR')}
-                    {!isOverdue(order) &&
-                      getDaysUntilDelivery(order) <= 7 &&
-                      getDaysUntilDelivery(order) > 0 && (
-                        <span className="text-xs text-orange-600 ml-1">
-                          ({getDaysUntilDelivery(order)} gün)
-                        </span>
-                      )}
-                  </p>
-                </div>
-              </div>
-
-              {/* Delivery Progress */}
-              <div className="mb-3">
-                <div className="flex items-center justify-between mb-2">
-                  <span className="text-sm text-gray-500">Teslimat Durumu</span>
-                  <span className="text-sm font-medium text-gray-900">
-                    {getDeliveryProgress(order)}%
-                  </span>
-                </div>
-                <div className="w-full bg-gray-200 rounded-full h-2">
-                  <div
-                    className="bg-blue-600 h-2 rounded-full transition-all duration-300"
-                    style={{ width: `${getDeliveryProgress(order)}%` }}
-                  ></div>
-                </div>
-              </div>
-
-              {/* Items Summary */}
-              <div className="grid grid-cols-3 gap-3 mb-3 text-sm">
-                <div className="text-center">
-                  <div className="flex items-center justify-center mb-1">
-                    <FaBox className="w-4 h-4 text-gray-400 mr-1" />
-                    <span className="font-medium">{order.items.length}</span>
-                  </div>
-                  <span className="text-gray-500">Kalem</span>
-                </div>
-                <div className="text-center">
-                  <div className="flex items-center justify-center mb-1">
-                    <FaCheckCircle className="w-4 h-4 text-green-400 mr-1" />
-                    <span className="font-medium">
-                      {order.items.reduce((sum, item) => sum + item.deliveredQuantity, 0)}
-                    </span>
-                  </div>
-                  <span className="text-gray-500">Teslim</span>
-                </div>
-                <div className="text-center">
-                  <div className="flex items-center justify-center mb-1">
-                    <FaClock className="w-4 h-4 text-orange-400 mr-1" />
-                    <span className="font-medium">
-                      {order.items.reduce((sum, item) => sum + item.remainingQuantity, 0)}
-                    </span>
-                  </div>
-                  <span className="text-gray-500">Kalan</span>
-                </div>
-              </div>
-
-              {/* Items Details */}
-              <div className="mt-3">
-                <div className="mb-2">
-                  <h4 className="text-sm font-medium text-gray-900 mb-2">Sipariş Kalemleri</h4>
-                  <div className="space-y-2">
-                    {order.items.map((item) => (
-                      <div key={item.id} className="bg-gray-50 p-2 rounded-lg">
-                        <div className="flex items-center justify-between mb-1.5">
-                          <div className="flex-1">
-                            <p className="font-medium text-gray-900">
-                              {item.material?.name || item.description}
-                            </p>
-                            <p className="text-sm text-gray-600">
-                              Malzeme Kodu: {item.material?.code || item.materialId} | Miktar:{' '}
-                              {item.quantity} {item.unit} | Birim Fiyat: ₺
-                              {item.unitPrice.toLocaleString()}
-                            </p>
-                          </div>
-                          <div className="text-right">
-                            <p className="font-semibold text-gray-900">
-                              ₺{item.totalPrice.toLocaleString()}
-                            </p>
-                            <div className="text-xs text-gray-500">
-                              <span className="text-green-600">
-                                Teslim: {item.deliveredQuantity}
-                              </span>{' '}
-                              |
-                              <span className="text-orange-600">
-                                Kalan: {item.remainingQuantity}
-                              </span>
-                            </div>
-                          </div>
-                        </div>
-                        {item.deliveryDate && (
-                          <div className="text-xs text-gray-500">
-                            Teslim Tarihi: {item.deliveryDate.toLocaleDateString('tr-TR')}
-                          </div>
-                        )}
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              </div>
-
-              <div className="border-t border-gray-100 pt-3">
-                <div className="flex items-center justify-between text-sm">
-                  <div className="flex items-center space-x-4">
-                    <div className="flex items-center space-x-1">
-                      <FaCalendar className="w-4 h-4 text-gray-400" />
-                      <span className="text-gray-600">
-                        {order.creationTime.toLocaleDateString('tr-TR')}
-                      </span>
-                    </div>
-                  </div>
-                  {order.approvedBy && (
-                    <div className="flex items-center space-x-1">
-                      <FaCheckCircle className="w-4 h-4 text-green-400" />
-                      <span className="text-gray-600">Onaylayan: {order.approvedBy}</span>
-                    </div>
-                  )}
-                </div>
-
-                {order.notes && (
-                  <div className="mt-2 p-2 bg-gray-50 rounded text-sm text-gray-600">
-                    <strong>Not:</strong> {order.notes}
-                  </div>
-                )}
-              </div>
-            </div>
-          ))}
-        </div>
-
-        {filteredOrders.length === 0 && (
-          <div className="text-center py-8">
-            <FaShoppingCart className="w-16 h-16 text-gray-400 mx-auto mb-4" />
-            <h3 className="text-lg font-medium text-gray-900 mb-2">Sipariş bulunamadı</h3>
-            <p className="text-gray-500 mb-3">
-              Arama kriterlerinizi değiştirin veya yeni bir sipariş oluşturun.
-            </p>
-            <button
-              onClick={handleAddOrder}
-              className="bg-blue-600 text-white px-3 py-1.5 rounded-lg hover:bg-blue-700"
-            >
-              Yeni Sipariş Oluştur
-            </button>
-          </div>
-        )}
-
-        {/* Bulk Actions */}
-        {selectedOrders.length > 0 && (
-          <div className="fixed bottom-6 left-1/2 transform -translate-x-1/2 bg-white rounded-lg shadow-lg border border-gray-200 p-3">
-            <div className="flex items-center space-x-3">
-              <span className="text-sm text-gray-600">{selectedOrders.length} sipariş seçildi</span>
-              <div className="flex space-x-2">
-                <button
-                  onClick={handleBulkApproval}
-                  className="bg-green-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-green-700"
-                >
-                  Toplu Onay
-                </button>
-                <button
-                  onClick={handleBulkStatusUpdate}
-                  className="bg-blue-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-blue-700"
-                >
-                  Durum Güncelle
-                </button>
-                <button
-                  onClick={() => setSelectedOrders([])}
-                  className="bg-gray-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-gray-700"
-                >
-                  Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* Bulk Action Modals */}
-      {showBulkModal && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-          <div className="bg-white rounded-lg p-4 w-full max-w-2xl mx-4">
-            <div className="flex items-center justify-between mb-4">
-              <h3 className="text-lg font-semibold">
-                {bulkModalType === 'approval' && 'Toplu Onay İşlemi'}
-                {bulkModalType === 'status' && 'Toplu Durum Güncelleme'}
-              </h3>
-              <button
-                onClick={() => setShowBulkModal(false)}
-                className="text-gray-400 hover:text-gray-600"
-              >
-                <FaTimesCircle />
-              </button>
-            </div>
-
-            {bulkModalType === 'approval' && (
-              <div className="space-y-3">
-                <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-3">
-                  <div className="flex items-center">
-                    <FaExclamationTriangle className="text-yellow-600 mr-2" />
-                    <span className="text-yellow-800 font-medium">
-                      {selectedOrders.length} sipariş onaylanacak
-                    </span>
-                  </div>
-                </div>
-
-                <div className="space-y-2">
-                  <h4 className="font-medium text-gray-900">Seçili Siparişler:</h4>
-                  <div className="max-h-40 overflow-y-auto">
-                    {orders
-                      .filter((order) => selectedOrders.includes(order.id))
-                      .map((order) => (
-                        <div
-                          key={order.id}
-                          className="flex items-center justify-between py-1.5 px-2 bg-gray-50 rounded"
-                        >
-                          <span className="text-sm">{order.orderNumber}</span>
-                          <span
-                            className={`text-xs px-2 py-1 rounded-full ${getStatusColor(
-                              order.status,
-                            )}`}
-                          >
-                            {getStatusText(order.status)}
-                          </span>
-                        </div>
-                      ))}
-                  </div>
-                </div>
-
-                <div className="flex justify-end space-x-3 pt-3 border-t">
-                  <button
-                    onClick={() => setShowBulkModal(false)}
-                    className="px-4 py-2 text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-                  >
-                    İptal
-                  </button>
-                  <button
-                    onClick={processBulkApproval}
-                    className="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700"
-                  >
-                    Onayla
-                  </button>
-                </div>
-              </div>
-            )}
-
-            {bulkModalType === 'status' && (
-              <div className="space-y-3">
-                <div className="bg-blue-50 border border-blue-200 rounded-lg p-3">
-                  <div className="flex items-center">
-                    <FaEdit className="text-blue-600 mr-2" />
-                    <span className="text-blue-800 font-medium">
-                      {selectedOrders.length} sipariş durumu güncellenecek
-                    </span>
-                  </div>
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-2">
-                    Yeni Durum Seçin
-                  </label>
-                  <select
-                    className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    onChange={(e) => {
-                      const newStatus = e.target.value as OrderStatusEnum
-                      if (newStatus) {
-                        processBulkStatusUpdate(newStatus)
-                      }
-                    }}
-                    defaultValue=""
-                  >
-                    <option value="">Durum Seçiniz</option>
-                    {Object.values(OrderStatusEnum).map((status) => (
-                      <option key={status} value={status}>
-                        {getOrderStatusText(status)}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div className="space-y-2">
-                  <h4 className="font-medium text-gray-900">Seçili Siparişler:</h4>
-                  <div className="max-h-40 overflow-y-auto">
-                    {orders
-                      .filter((order) => selectedOrders.includes(order.id))
-                      .map((order) => (
-                        <div
-                          key={order.id}
-                          className="flex items-center justify-between py-1.5 px-2 bg-gray-50 rounded"
-                        >
-                          <span className="text-sm">{order.orderNumber}</span>
-                          <span
-                            className={`text-xs px-2 py-1 rounded-full ${getStatusColor(
-                              order.status,
-                            )}`}
-                          >
-                            {getStatusText(order.status)}
-                          </span>
-                        </div>
-                      ))}
-                  </div>
-                </div>
-
-                <div className="flex justify-end space-x-3 pt-3 border-t">
-                  <button
-                    onClick={() => setShowBulkModal(false)}
-                    className="px-4 py-2 text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-                  >
-                    İptal
-                  </button>
-                </div>
-              </div>
-            )}
-          </div>
-        </div>
-      )}
-    </Container>
-  )
-}
-
-export default OrderManagement
diff --git a/ui/src/views/supplychain/components/OrderManagementForm.tsx b/ui/src/views/supplychain/components/OrderManagementForm.tsx
deleted file mode 100644
index 7c253994..00000000
--- a/ui/src/views/supplychain/components/OrderManagementForm.tsx
+++ /dev/null
@@ -1,743 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import { useParams, useNavigate } from 'react-router-dom'
-import {
-  FaArrowLeft,
-  FaSave,
-  FaTimes,
-  FaShoppingCart,
-  FaCalendar,
-  FaDollarSign,
-  FaPlus,
-  FaTrash,
-  FaMapMarkerAlt,
-  FaUser,
-} from 'react-icons/fa'
-import { MmPurchaseOrder, OrderStatusEnum, MmPurchaseOrderItem } from '../../../types/mm'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { mockPurchaseOrders } from '../../../mocks/mockPurchaseOrders'
-import { Address, PaymentTerms } from '../../../types/common'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { getOrderStatusText, getPaymentTermsText } from '@/utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-const OrderManagementForm: React.FC = () => {
-  const { id } = useParams<{ id: string }>()
-  const navigate = useNavigate()
-  const isEdit = id !== undefined && id !== 'new'
-  const isView = window.location.pathname.includes('/view/')
-
-  // Yeni sipariş için başlangıç şablonu
-  const newOrderDefaults: Partial<MmPurchaseOrder> = {
-    orderNumber: '',
-    supplierId: '',
-    orderDate: new Date(),
-    deliveryDate: new Date(),
-    status: OrderStatusEnum.Draft,
-    paymentTerms: PaymentTerms.Net30,
-    currency: 'TRY',
-    exchangeRate: 1,
-    subtotal: 0,
-    taxAmount: 0,
-    totalAmount: 0,
-    items: [],
-    deliveryAddress: {
-      street: '',
-      city: '',
-      state: '',
-      postalCode: '',
-      country: 'Türkiye',
-    },
-    terms: '',
-    notes: '',
-    receipts: [],
-  }
-
-  // İlk state (isEdit vs new)
-  const [formData, setFormData] = useState<Partial<MmPurchaseOrder>>(() => {
-    if (isEdit) {
-      const po = mockPurchaseOrders.find((o) => o.id === id)
-      return { ...po }
-    }
-    return { ...newOrderDefaults }
-  })
-
-  // id değişirse formu güncelle
-  useEffect(() => {
-    if (isEdit) {
-      const po = mockPurchaseOrders.find((o) => o.id === id)
-      setFormData(po ? { ...po } : { ...newOrderDefaults })
-    } else {
-      setFormData({ ...newOrderDefaults })
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [id, isEdit])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]:
-        type === 'number' ? parseFloat(value) || 0 : type === 'date' ? new Date(value) : value,
-    }))
-  }
-
-  const handleAddressChange = (field: keyof Address, value: string) => {
-    setFormData((prev) => ({
-      ...prev,
-      deliveryAddress: {
-        ...prev.deliveryAddress!,
-        [field]: value,
-      },
-    }))
-  }
-
-  const addOrderItem = () => {
-    const newItem: MmPurchaseOrderItem = {
-      id: `item-${Date.now()}`,
-      orderId: formData.id || '',
-      materialId: '',
-      description: '',
-      quantity: 0,
-      unitPrice: 0,
-      totalPrice: 0,
-      deliveryDate: new Date(),
-      receivedQuantity: 0,
-      deliveredQuantity: 0,
-      remainingQuantity: 0,
-      unit: '',
-    }
-
-    setFormData((prev) => ({
-      ...prev,
-      items: [...(prev.items || []), newItem],
-    }))
-  }
-
-  const removeOrderItem = (index: number) => {
-    setFormData((prev) => ({
-      ...prev,
-      items: prev.items?.filter((_, i) => i !== index) || [],
-    }))
-    calculateTotals()
-  }
-
-  const updateOrderItem = (
-    index: number,
-    field: keyof MmPurchaseOrderItem,
-    value: string | number | Date | undefined,
-  ) => {
-    setFormData((prev) => {
-      const updatedItems =
-        prev.items?.map((item, i) => {
-          if (i === index) {
-            const updatedItem = { ...item, [field]: value }
-            // Auto-calculate total amount when quantity or unit price changes
-            if (field === 'quantity' || field === 'unitPrice') {
-              updatedItem.totalPrice = (updatedItem.quantity || 0) * (updatedItem.unitPrice || 0)
-              updatedItem.remainingQuantity =
-                updatedItem.quantity - (updatedItem.receivedQuantity || 0)
-            }
-            return updatedItem
-          }
-          return item
-        }) || []
-
-      return {
-        ...prev,
-        items: updatedItems,
-      }
-    })
-
-    // Recalculate totals
-    setTimeout(calculateTotals, 0)
-  }
-
-  const calculateTotals = () => {
-    const subtotal = formData.items?.reduce((sum, item) => sum + (item.totalPrice || 0), 0) || 0
-    const taxAmount = subtotal * 0.18 // %18 KDV
-    const totalAmount = subtotal + taxAmount
-
-    setFormData((prev) => ({
-      ...prev,
-      subtotal,
-      taxAmount,
-      totalAmount,
-    }))
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    // TODO: Implement save logic
-    console.log('Saving purchase order:', formData)
-    navigate(ROUTES_ENUM.protected.supplychain.orders)
-  }
-
-  const handleCancel = () => {
-    navigate(ROUTES_ENUM.protected.supplychain.orders)
-  }
-
-  const isReadOnly = isView
-  const pageTitle = isEdit
-    ? 'Satınalma Siparişini Düzenle'
-    : isView
-      ? 'Satınalma Siparişi Detayları'
-      : 'Yeni Satınalma Siparişi'
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="bg-white rounded-lg shadow-md p-2 mb-2">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center">
-              <button
-                onClick={handleCancel}
-                className="mr-2 p-1.5 text-gray-400 hover:text-gray-600"
-              >
-                <FaArrowLeft />
-              </button>
-              <h2 className="text-2xl font-bold text-gray-900">{pageTitle}</h2>
-            </div>
-            <div className="flex space-x-2">
-              <button
-                onClick={handleCancel}
-                className="px-3 py-1.5 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 flex items-center"
-              >
-                <FaTimes className="mr-2" />
-                {isView ? 'Kapat' : 'İptal'}
-              </button>
-              {!isView && (
-                <button
-                  onClick={handleSubmit}
-                  className="px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 flex items-center"
-                >
-                  <FaSave className="mr-2" />
-                  Kaydet
-                </button>
-              )}
-            </div>
-          </div>
-        </div>
-
-        <form onSubmit={handleSubmit}>
-          <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
-            {/* Ana İçerik */}
-            <div className="lg:col-span-2">
-              {/* Sipariş Bilgileri */}
-              <div className="bg-white rounded-lg shadow-md p-4 mb-4">
-                <h3 className="text-base font-medium text-gray-900 mb-3 flex items-center">
-                  <FaShoppingCart className="mr-2 text-blue-600" />
-                  Sipariş Bilgileri
-                </h3>
-
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">
-                      Sipariş Numarası
-                    </label>
-                    <input
-                      type="text"
-                      name="orderNumber"
-                      value={formData.orderNumber || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly || isEdit}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="flex items-center text-sm font-medium text-gray-700">
-                      <FaUser className="mr-1" />
-                      Tedarikçi
-                    </label>
-                    <select
-                      name="supplierId"
-                      value={formData.supplierId || ''}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                      required
-                    >
-                      <option value="">Tedarikçi Seçiniz</option>
-                      {mockBusinessParties.map((supplier) => (
-                        <option key={supplier.id} value={supplier.id}>
-                          {supplier.name} ({supplier.code})
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="flex items-center text-sm font-medium text-gray-700">
-                      <FaCalendar className="mr-1" />
-                      Sipariş Tarihi
-                    </label>
-                    <input
-                      type="date"
-                      name="orderDate"
-                      value={
-                        formData.orderDate
-                          ? new Date(formData.orderDate).toISOString().split('T')[0]
-                          : ''
-                      }
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="flex items-center text-sm font-medium text-gray-700">
-                      <FaCalendar className="mr-1" />
-                      Teslimat Tarihi
-                    </label>
-                    <input
-                      type="date"
-                      name="deliveryDate"
-                      value={
-                        formData.deliveryDate
-                          ? new Date(formData.deliveryDate).toISOString().split('T')[0]
-                          : ''
-                      }
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">
-                      Ödeme Koşulları
-                    </label>
-                    <select
-                      name="paymentTerms"
-                      value={formData.paymentTerms || PaymentTerms.Net30}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    >
-                      {Object.values(PaymentTerms).map((term) => (
-                        <option key={term} value={term}>
-                          {getPaymentTermsText(term)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Para Birimi</label>
-                    <select
-                      name="currency"
-                      value={formData.currency || 'TRY'}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    >
-                      {mockCurrencies.map((currency) => (
-                        <option key={currency.value} value={currency.value}>
-                          {currency.value} - {currency.label}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div className="md:col-span-2">
-                    <label className="block text-sm font-medium text-gray-700">
-                      Şartlar ve Koşullar
-                    </label>
-                    <textarea
-                      name="terms"
-                      value={formData.terms || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      rows={2}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div className="md:col-span-2">
-                    <label className="block text-sm font-medium text-gray-700">Notlar</label>
-                    <textarea
-                      name="notes"
-                      value={formData.notes || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      rows={1}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-                </div>
-              </div>
-
-              {/* Teslimat Adresi */}
-              <div className="bg-white rounded-lg shadow-md p-4 mb-4">
-                <h3 className="text-base font-medium text-gray-900 mb-3 flex items-center">
-                  <FaMapMarkerAlt className="mr-2 text-green-600" />
-                  Teslimat Adresi
-                </h3>
-
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                  <div className="md:col-span-2">
-                    <label className="block text-sm font-medium text-gray-700">Adres</label>
-                    <input
-                      type="text"
-                      value={formData.deliveryAddress?.street || ''}
-                      onChange={(e) => handleAddressChange('street', e.target.value)}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Şehir</label>
-                    <input
-                      type="text"
-                      value={formData.deliveryAddress?.city || ''}
-                      onChange={(e) => handleAddressChange('city', e.target.value)}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">İl/Bölge</label>
-                    <input
-                      type="text"
-                      value={formData.deliveryAddress?.state || ''}
-                      onChange={(e) => handleAddressChange('state', e.target.value)}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Posta Kodu</label>
-                    <input
-                      type="text"
-                      value={formData.deliveryAddress?.postalCode || ''}
-                      onChange={(e) => handleAddressChange('postalCode', e.target.value)}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Ülke</label>
-                    <input
-                      type="text"
-                      value={formData.deliveryAddress?.country || ''}
-                      onChange={(e) => handleAddressChange('country', e.target.value)}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-                </div>
-              </div>
-
-              {/* Sipariş Kalemleri */}
-              <div className="bg-white rounded-lg shadow-md p-4">
-                <div className="flex items-center justify-between mb-4">
-                  <h3 className="text-lg font-medium text-gray-900">Sipariş Kalemleri</h3>
-                  {!isReadOnly && (
-                    <button
-                      type="button"
-                      onClick={addOrderItem}
-                      className="px-2.5 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 flex items-center"
-                    >
-                      <FaPlus className="mr-2" />
-                      Kalem Ekle
-                    </button>
-                  )}
-                </div>
-
-                <div className="space-y-3">
-                  {formData.items?.map((item, index) => (
-                    <div key={item.id} className="border rounded-lg p-3 bg-gray-50">
-                      <div className="flex items-center justify-between mb-2">
-                        <span className="text-sm font-medium text-gray-700">Kalem {index + 1}</span>
-                        {!isReadOnly && (
-                          <button
-                            type="button"
-                            onClick={() => removeOrderItem(index)}
-                            className="text-red-600 hover:text-red-800"
-                          >
-                            <FaTrash />
-                          </button>
-                        )}
-                      </div>
-
-                      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2">
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">Malzeme</label>
-                          <select
-                            value={item.materialId}
-                            onChange={(e) => updateOrderItem(index, 'materialId', e.target.value)}
-                            disabled={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          >
-                            <option value="">Malzeme Seçiniz</option>
-                            {mockMaterials.map((material) => (
-                              <option key={material.id} value={material.id}>
-                                {material.name} ({material.code})
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-
-                        <div className="lg:col-span-2">
-                          <label className="block text-xs font-medium text-gray-600">
-                            Açıklama
-                          </label>
-                          <input
-                            type="text"
-                            value={item.description}
-                            onChange={(e) => updateOrderItem(index, 'description', e.target.value)}
-                            readOnly={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">Miktar</label>
-                          <input
-                            type="number"
-                            value={item.quantity}
-                            onChange={(e) =>
-                              updateOrderItem(index, 'quantity', parseFloat(e.target.value) || 0)
-                            }
-                            readOnly={isReadOnly}
-                            min="0"
-                            step="0.01"
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Birim Fiyat
-                          </label>
-                          <input
-                            type="number"
-                            value={item.unitPrice}
-                            onChange={(e) =>
-                              updateOrderItem(index, 'unitPrice', parseFloat(e.target.value) || 0)
-                            }
-                            readOnly={isReadOnly}
-                            min="0"
-                            step="0.01"
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Toplam Tutar
-                          </label>
-                          <input
-                            type="number"
-                            value={item.totalPrice}
-                            readOnly
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 bg-gray-100"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Teslimat Tarihi
-                          </label>
-                          <input
-                            type="date"
-                            value={
-                              item.deliveryDate
-                                ? new Date(item.deliveryDate).toISOString().split('T')[0]
-                                : ''
-                            }
-                            onChange={(e) =>
-                              updateOrderItem(index, 'deliveryDate', new Date(e.target.value))
-                            }
-                            readOnly={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Teslim Alınan Miktar
-                          </label>
-                          <input
-                            type="number"
-                            value={item.receivedQuantity}
-                            onChange={(e) =>
-                              updateOrderItem(
-                                index,
-                                'receivedQuantity',
-                                parseFloat(e.target.value) || 0,
-                              )
-                            }
-                            readOnly={isReadOnly}
-                            min="0"
-                            step="0.01"
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Kalan Miktar
-                          </label>
-                          <input
-                            type="number"
-                            value={item.remainingQuantity}
-                            readOnly
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 bg-gray-100"
-                          />
-                        </div>
-
-                        <div className="md:col-span-2 lg:col-span-3">
-                          <label className="block text-xs font-medium text-gray-600">
-                            Spesifikasyonlar
-                          </label>
-                          <input
-                            type="text"
-                            value={item.specifications || ''}
-                            onChange={(e) =>
-                              updateOrderItem(index, 'specifications', e.target.value)
-                            }
-                            readOnly={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div className="md:col-span-2 lg:col-span-3">
-                          <label className="block text-xs font-medium text-gray-600">
-                            Kalite Gereksinimleri
-                          </label>
-                          <input
-                            type="text"
-                            value={item.qualityRequirements || ''}
-                            onChange={(e) =>
-                              updateOrderItem(index, 'qualityRequirements', e.target.value)
-                            }
-                            readOnly={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-                      </div>
-                    </div>
-                  ))}
-
-                  {formData.items?.length === 0 && (
-                    <div className="text-center text-gray-500 text-sm py-6">
-                      Henüz sipariş kalemi eklenmedi
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-
-            {/* Yan Panel */}
-            <div className="space-y-4">
-              {/* Durum ve Tutar */}
-              <div className="bg-white rounded-lg shadow-md p-4">
-                <h3 className="text-lg font-medium text-gray-900 mb-3">Durum Bilgileri</h3>
-
-                <div className="space-y-4">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Durum</label>
-                    <select
-                      name="status"
-                      value={formData.status || OrderStatusEnum.Draft}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    >
-                      {Object.values(OrderStatusEnum).map((status) => (
-                        <option key={status} value={status}>
-                          {getOrderStatusText(status)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Döviz Kuru</label>
-                    <input
-                      type="number"
-                      name="exchangeRate"
-                      value={formData.exchangeRate || 1}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      min="0"
-                      step="0.0001"
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-                </div>
-              </div>
-
-              {/* Tutar Özeti */}
-              <div className="bg-white rounded-lg shadow-md p-4">
-                <h3 className="text-base font-medium text-gray-900 mb-3 flex items-center">
-                  <FaDollarSign className="mr-2 text-green-600" />
-                  Tutar Özeti
-                </h3>
-
-                <div className="space-y-2">
-                  <div className="flex justify-between">
-                    <span className="text-sm text-gray-600">Ara Toplam:</span>
-                    <span className="text-sm font-medium">
-                      {formData.subtotal?.toLocaleString()} {formData.currency}
-                    </span>
-                  </div>
-
-                  <div className="flex justify-between">
-                    <span className="text-sm text-gray-600">KDV (%18):</span>
-                    <span className="text-sm font-medium">
-                      {formData.taxAmount?.toLocaleString()} {formData.currency}
-                    </span>
-                  </div>
-
-                  <div className="border-t pt-2">
-                    <div className="flex justify-between">
-                      <span className="text-lg font-medium text-gray-900">Genel Toplam:</span>
-                      <span className="text-lg font-bold text-green-600">
-                        {formData.totalAmount?.toLocaleString()} {formData.currency}
-                      </span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              {/* Sipariş Geçmişi (sadece görüntüleme) */}
-              {isView && formData.receipts && formData.receipts.length > 0 && (
-                <div className="bg-white rounded-lg shadow-md p-4">
-                  <h3 className="text-base font-medium text-gray-900 mb-3">Teslimat Geçmişi</h3>
-
-                  <div className="space-y-2">
-                    {formData.receipts.map((receipt) => (
-                      <div key={receipt.id} className="border-l-4 border-green-500 pl-4">
-                        <div className="text-sm font-medium text-gray-900">
-                          {receipt.receiptNumber}
-                        </div>
-                        <div className="text-xs text-gray-500">
-                          {new Date(receipt.receiptDate).toLocaleDateString('tr-TR')}
-                        </div>
-                        <div className="text-xs text-gray-600">Durumu: {receipt.status}</div>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-        </form>
-      </div>
-    </Container>
-  )
-}
-
-export default OrderManagementForm
diff --git a/ui/src/views/supplychain/components/PurchaseRequestForm.tsx b/ui/src/views/supplychain/components/PurchaseRequestForm.tsx
deleted file mode 100644
index d815f3bb..00000000
--- a/ui/src/views/supplychain/components/PurchaseRequestForm.tsx
+++ /dev/null
@@ -1,575 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import { useParams, useNavigate } from 'react-router-dom'
-import {
-  FaArrowLeft,
-  FaSave,
-  FaTimes,
-  FaUser,
-  FaCalendar,
-  FaExclamationTriangle,
-  FaPlus,
-  FaTrash,
-} from 'react-icons/fa'
-import {
-  MmPurchaseRequest,
-  RequestTypeEnum,
-  RequestStatusEnum,
-  MmPurchaseRequestItem,
-} from '../../../types/mm'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockPurchaseRequests } from '../../../mocks/mockPurchaseRequests'
-import { PriorityEnum } from '../../../types/common'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { getPriorityText, getRequestStatusText, getRequestTypeText } from '@/utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-const PurchaseRequestForm: React.FC = () => {
-  const { id } = useParams<{ id: string }>()
-  const navigate = useNavigate()
-  const isEdit = id !== undefined && id !== 'new'
-  const isView = window.location.pathname.includes('/view/')
-
-  // Yeni kayıt için başlangıç şablonu
-  const newRequestDefaults: Partial<MmPurchaseRequest> = {
-    requestNumber: '',
-    requestType: RequestTypeEnum.Material,
-    description: '',
-    department: '',
-    requestedBy: '',
-    requestDate: new Date(),
-    requiredDate: new Date(),
-    priority: PriorityEnum.Normal,
-    status: RequestStatusEnum.Draft,
-    currency: 'TRY',
-    items: [],
-    approvals: [],
-    attachments: [],
-    comments: [],
-  }
-
-  // isEdit & id'ye göre ilk state
-  const [formData, setFormData] = useState<Partial<MmPurchaseRequest>>(() => {
-    if (isEdit) {
-      const pr = mockPurchaseRequests.find((a) => a.id === id) // DİKKAT: === kullan
-      return { ...pr }
-    }
-    // new
-    return { ...newRequestDefaults }
-  })
-
-  useEffect(() => {
-    if (isEdit) {
-      const pr = mockPurchaseRequests.find((a) => a.id === id)
-      setFormData({ ...pr })
-    } else {
-      setFormData({ ...newRequestDefaults })
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [id, isEdit])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]:
-        type === 'number' ? parseFloat(value) || 0 : type === 'date' ? new Date(value) : value,
-    }))
-  }
-
-  const addRequestItem = () => {
-    const newItem: MmPurchaseRequestItem = {
-      id: `item-${Date.now()}`,
-      requestId: formData.id || '',
-      quantity: 0,
-      unit: '',
-      isUrgent: false,
-    }
-
-    setFormData((prev) => ({
-      ...prev,
-      items: [...(prev.items || []), newItem],
-    }))
-  }
-
-  const removeRequestItem = (index: number) => {
-    setFormData((prev) => ({
-      ...prev,
-      items: prev.items?.filter((_, i) => i !== index) || [],
-    }))
-  }
-
-  const updateRequestItem = (
-    index: number,
-    field: keyof MmPurchaseRequestItem,
-    value: string | number | boolean | undefined,
-  ) => {
-    setFormData((prev) => ({
-      ...prev,
-      items: prev.items?.map((item, i) => (i === index ? { ...item, [field]: value } : item)) || [],
-    }))
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    // TODO: Implement save logic
-    console.log('Saving purchase request:', formData)
-    navigate(ROUTES_ENUM.protected.supplychain.requests)
-  }
-
-  const handleCancel = () => {
-    navigate(ROUTES_ENUM.protected.supplychain.requests)
-  }
-
-  const isReadOnly = isView
-  const pageTitle = isEdit
-    ? 'Satınalma Talebini Düzenle'
-    : isView
-      ? 'Satınalma Talebi Detayları'
-      : 'Yeni Satınalma Talebi'
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="bg-white rounded-lg shadow-md p-2 mb-2">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center">
-              <button
-                onClick={handleCancel}
-                className="mr-2 p-1.5 text-gray-400 hover:text-gray-600"
-              >
-                <FaArrowLeft />
-              </button>
-              <h2 className="text-2xl font-bold text-gray-900">{pageTitle}</h2>
-            </div>
-            <div className="flex space-x-2">
-              <button
-                onClick={handleCancel}
-                className="px-3 py-1.5 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 flex items-center"
-              >
-                <FaTimes className="mr-2" />
-                {isView ? 'Kapat' : 'İptal'}
-              </button>
-              {!isView && (
-                <button
-                  onClick={handleSubmit}
-                  className="px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 flex items-center"
-                >
-                  <FaSave className="mr-2" />
-                  Kaydet
-                </button>
-              )}
-            </div>
-          </div>
-        </div>
-
-        <form onSubmit={handleSubmit}>
-          <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
-            {/* Temel Bilgiler */}
-            <div className="lg:col-span-2">
-              <div className="bg-white rounded-lg shadow-md p-4 mb-4">
-                <h3 className="text-base font-medium text-gray-900 mb-3 flex items-center">
-                  <FaUser className="mr-2 text-blue-600" />
-                  Temel Bilgiler
-                </h3>
-
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">
-                      Talep Numarası
-                    </label>
-                    <input
-                      type="text"
-                      name="requestNumber"
-                      value={formData.requestNumber || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly || isEdit}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Talep Tipi</label>
-                    <select
-                      name="requestType"
-                      value={formData.requestType || RequestTypeEnum.Material}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    >
-                      {Object.values(RequestTypeEnum).map((type) => (
-                        <option key={type} value={type}>
-                          {getRequestTypeText(type)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div className="md:col-span-2">
-                    <label className="block text-sm font-medium text-gray-700">Açıklama</label>
-                    <textarea
-                      name="description"
-                      value={formData.description || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      rows={2}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Departman</label>
-                    <input
-                      type="text"
-                      name="department"
-                      value={formData.department || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Talep Eden</label>
-                    <input
-                      type="text"
-                      name="requestedBy"
-                      value={formData.requestedBy || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="flex items-center text-sm font-medium text-gray-700">
-                      <FaCalendar className="mr-1" />
-                      Talep Tarihi
-                    </label>
-                    <input
-                      type="date"
-                      name="requestDate"
-                      value={
-                        formData.requestDate
-                          ? new Date(formData.requestDate).toISOString().split('T')[0]
-                          : ''
-                      }
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="flex items-center text-sm font-medium text-gray-700">
-                      <FaCalendar className="mr-1" />
-                      İhtiyaç Tarihi
-                    </label>
-                    <input
-                      type="date"
-                      name="requiredDate"
-                      value={
-                        formData.requiredDate
-                          ? new Date(formData.requiredDate).toISOString().split('T')[0]
-                          : ''
-                      }
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="flex items-center text-sm font-medium text-gray-700">
-                      <FaExclamationTriangle className="mr-1" />
-                      Öncelik
-                    </label>
-                    <select
-                      name="priority"
-                      value={formData.priority || PriorityEnum.Normal}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    >
-                      {Object.values(PriorityEnum).map((priority) => (
-                        <option key={priority} value={priority}>
-                          {getPriorityText(priority)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Para Birimi</label>
-                    <select
-                      name="currency"
-                      value={formData.currency || 'TRY'}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    >
-                      {mockCurrencies.map((currency) => (
-                        <option key={currency.value} value={currency.value}>
-                          {currency.value} - {currency.label}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-                </div>
-              </div>
-
-              {/* Talep Kalemleri */}
-              <div className="bg-white rounded-lg shadow-md p-4">
-                <div className="flex items-center justify-between mb-3">
-                  <h3 className="text-base font-medium text-gray-900">Talep Kalemleri</h3>
-                  {!isReadOnly && (
-                    <button
-                      type="button"
-                      onClick={addRequestItem}
-                      className="px-2.5 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 flex items-center"
-                    >
-                      <FaPlus className="mr-2" />
-                      Kalem Ekle
-                    </button>
-                  )}
-                </div>
-
-                <div className="space-y-3">
-                  {formData.items?.map((item, index) => (
-                    <div key={item.id} className="border rounded-lg p-3 bg-gray-50">
-                      <div className="flex items-center justify-between mb-3">
-                        <span className="text-sm font-medium text-gray-700">Kalem {index + 1}</span>
-                        {!isReadOnly && (
-                          <button
-                            type="button"
-                            onClick={() => removeRequestItem(index)}
-                            className="text-red-600 hover:text-red-800"
-                          >
-                            <FaTrash />
-                          </button>
-                        )}
-                      </div>
-
-                      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2">
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">Malzeme</label>
-                          <select
-                            value={item.materialId || ''}
-                            onChange={(e) => updateRequestItem(index, 'materialId', e.target.value)}
-                            disabled={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          >
-                            <option value="">Malzeme Seçiniz</option>
-                            {mockMaterials.map((material) => (
-                              <option key={material.id} value={material.id}>
-                                {material.name} ({material.code})
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Hizmet Açıklaması
-                          </label>
-                          <input
-                            type="text"
-                            value={item.serviceDescription || ''}
-                            onChange={(e) =>
-                              updateRequestItem(index, 'serviceDescription', e.target.value)
-                            }
-                            readOnly={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">Miktar</label>
-                          <input
-                            type="number"
-                            value={item.quantity}
-                            onChange={(e) =>
-                              updateRequestItem(index, 'quantity', parseFloat(e.target.value) || 0)
-                            }
-                            readOnly={isReadOnly}
-                            min="0"
-                            step="0.01"
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">Birim</label>
-                          <input
-                            type="text"
-                            value={item.unit}
-                            onChange={(e) => updateRequestItem(index, 'unit', e.target.value)}
-                            readOnly={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Tahmini Fiyat
-                          </label>
-                          <input
-                            type="number"
-                            value={item.estimatedPrice || ''}
-                            onChange={(e) =>
-                              updateRequestItem(
-                                index,
-                                'estimatedPrice',
-                                parseFloat(e.target.value) || undefined,
-                              )
-                            }
-                            readOnly={isReadOnly}
-                            min="0"
-                            step="0.01"
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div className="flex items-center">
-                          <label className="flex items-center text-xs font-medium text-gray-600">
-                            <input
-                              type="checkbox"
-                              checked={item.isUrgent}
-                              onChange={(e) =>
-                                updateRequestItem(index, 'isUrgent', e.target.checked)
-                              }
-                              disabled={isReadOnly}
-                              className="mr-1"
-                            />
-                            Acil
-                          </label>
-                        </div>
-
-                        <div className="md:col-span-2 lg:col-span-3">
-                          <label className="block text-xs font-medium text-gray-600">
-                            Spesifikasyon
-                          </label>
-                          <input
-                            type="text"
-                            value={item.specification || ''}
-                            onChange={(e) =>
-                              updateRequestItem(index, 'specification', e.target.value)
-                            }
-                            readOnly={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div className="md:col-span-2 lg:col-span-3">
-                          <label className="block text-xs font-medium text-gray-600">Gerekçe</label>
-                          <input
-                            type="text"
-                            value={item.justification || ''}
-                            onChange={(e) =>
-                              updateRequestItem(index, 'justification', e.target.value)
-                            }
-                            readOnly={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-                      </div>
-                    </div>
-                  ))}
-
-                  {formData.items?.length === 0 && (
-                    <div className="text-center text-gray-500 text-sm py-6">
-                      Henüz talep kalemi eklenmedi
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-
-            {/* Yan Panel - Durum ve Onaylar */}
-            <div className="space-y-4">
-              <div className="bg-white rounded-lg shadow-md p-4">
-                <h3 className="text-base font-medium text-gray-900 mb-3">Durum Bilgileri</h3>
-
-                <div className="space-y-4">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Durum</label>
-                    <select
-                      name="status"
-                      value={formData.status || RequestStatusEnum.Draft}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    >
-                      {Object.values(RequestStatusEnum).map((status) => (
-                        <option key={status} value={status}>
-                          {getRequestStatusText(status)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  {formData.totalAmount && (
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700">
-                        Toplam Tutar
-                      </label>
-                      <div className="mt-1 text-base font-semibold text-green-600">
-                        {formData.totalAmount?.toLocaleString()} {formData.currency}
-                      </div>
-                    </div>
-                  )}
-                </div>
-              </div>
-
-              {/* Onay Geçmişi (sadece görüntüleme) */}
-              {isView && formData.approvals && formData.approvals.length > 0 && (
-                <div className="bg-white rounded-lg shadow-md p-4">
-                  <h3 className="text-base font-medium text-gray-900 mb-3">Onay Geçmişi</h3>
-
-                  <div className="space-y-3">
-                    {formData.approvals.map((approval) => (
-                      <div key={approval.id} className="border-l-4 border-blue-500 pl-4">
-                        <div className="text-sm font-medium text-gray-900">
-                          {approval.approverName}
-                        </div>
-                        <div className="text-xs text-gray-500">
-                          {approval.approvalLevel} - Seviye {approval.sequence}
-                        </div>
-                        <div
-                          className={`text-xs mt-1 ${
-                            approval.status === 'APPROVED'
-                              ? 'text-green-600'
-                              : approval.status === 'REJECTED'
-                                ? 'text-red-600'
-                                : 'text-yellow-600'
-                          }`}
-                        >
-                          {approval.status === 'APPROVED'
-                            ? 'Onaylandı'
-                            : approval.status === 'REJECTED'
-                              ? 'Reddedildi'
-                              : 'Beklemede'}
-                        </div>
-                        {approval.comments && (
-                          <div className="text-xs text-gray-600 mt-1">{approval.comments}</div>
-                        )}
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-        </form>
-      </div>
-    </Container>
-  )
-}
-
-export default PurchaseRequestForm
diff --git a/ui/src/views/supplychain/components/PurchaseRequests.tsx b/ui/src/views/supplychain/components/PurchaseRequests.tsx
deleted file mode 100644
index f72131b8..00000000
--- a/ui/src/views/supplychain/components/PurchaseRequests.tsx
+++ /dev/null
@@ -1,295 +0,0 @@
-import React, { useState } from 'react'
-import { useNavigate } from 'react-router-dom'
-import {
-  FaPlus,
-  FaSearch,
-  FaEdit,
-  FaFileAlt,
-  FaCalendar,
-  FaUser,
-  FaExclamationTriangle,
-  FaEye,
-} from 'react-icons/fa'
-import { MmPurchaseRequest, RequestTypeEnum, RequestStatusEnum } from '../../../types/mm'
-import { mockPurchaseRequests } from '../../../mocks/mockPurchaseRequests'
-import {
-  getApprovalStatusIcon,
-  getPriorityColor,
-  getPriorityText,
-  getRequestTypeColor,
-  getRequestTypeText,
-  getRequestStatusColor,
-  getRequestStatusText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-
-const PurchaseRequests: React.FC = () => {
-  const navigate = useNavigate()
-  const [searchTerm, setSearchTerm] = useState('')
-  const [filterStatus, setFilterStatus] = useState<RequestStatusEnum | 'ALL'>('ALL')
-  const [filterType, setFilterType] = useState<RequestTypeEnum | 'ALL'>('ALL')
-
-  // Mock data - replace with actual API calls
-  const [requests] = useState<MmPurchaseRequest[]>(mockPurchaseRequests)
-
-  const filteredRequests = requests.filter((request) => {
-    const matchesSearch =
-      request.requestNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      request.description.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      request.requestedBy.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesStatus = filterStatus === 'ALL' || request.status === filterStatus
-    const matchesType = filterType === 'ALL' || request.requestType === filterType
-
-    return matchesSearch && matchesStatus && matchesType
-  })
-
-  const getDaysUntilRequired = (requiredDate: Date) => {
-    const days = Math.ceil((requiredDate.getTime() - new Date().getTime()) / (1000 * 60 * 60 * 24))
-    return days
-  }
-
-  const handleEdit = (request: MmPurchaseRequest) => {
-    navigate(ROUTES_ENUM.protected.supplychain.requestsEdit.replace(':id', request.id))
-  }
-
-  const handleAddNew = () => {
-    navigate(ROUTES_ENUM.protected.supplychain.requestsNew)
-  }
-
-  const handleViewDetails = (request: MmPurchaseRequest) => {
-    navigate(ROUTES_ENUM.protected.supplychain.requestsView.replace(':id', request.id))
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Satınalma Talepleri</h2>
-            <p className="text-gray-600">Malzeme, hizmet ve iş merkezi taleplerini yönetin</p>
-          </div>
-          <button
-            onClick={handleAddNew}
-            className="bg-blue-600 text-white px-3 py-1.5 text-sm  rounded-lg hover:bg-blue-700 flex items-center space-x-1.5"
-          >
-            <FaPlus className="w-4 h-4" />
-            <span>Yeni Talep</span>
-          </button>
-        </div>
-
-        {/* Filters */}
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-          <div className="relative">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-            <input
-              type="text"
-              placeholder="Talep ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <select
-            value={filterStatus}
-            onChange={(e) => setFilterStatus(e.target.value as RequestStatusEnum | 'ALL')}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-          >
-            <option value="All">Tüm Durumlar</option>
-            {Object.values(RequestStatusEnum).map((status) => (
-              <option key={status} value={status}>
-                {getRequestStatusText(status)}
-              </option>
-            ))}
-          </select>
-          <select
-            value={filterType}
-            onChange={(e) => setFilterType(e.target.value as RequestTypeEnum | 'ALL')}
-            className="px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-          >
-            <option value="All">Tüm Türler</option>
-            {Object.values(RequestTypeEnum).map((type) => (
-              <option key={type} value={type}>
-                {getRequestTypeText(type)}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        <div className="space-y-4">
-          {/* Request List */}
-          <div className="space-y-3 pt-2">
-            <h3 className="text-base font-semibold text-gray-900">Talep Listesi</h3>
-            {filteredRequests.map((request) => (
-              <div
-                key={request.id}
-                className="bg-white rounded-lg shadow-md border border-gray-200 p-3 hover:shadow-lg transition-shadow cursor-pointer"
-                onClick={() => handleViewDetails(request)}
-              >
-                <div className="flex items-start justify-between mb-2">
-                  <div className="flex-1">
-                    <div className="flex items-center space-x-2 mb-1.5">
-                      <FaFileAlt className="w-5 h-5 text-gray-600" />
-                      <h4 className="text-lg font-semibold text-gray-900">
-                        {request.requestNumber}
-                      </h4>
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${getRequestTypeColor(
-                          request.requestType,
-                        )}`}
-                      >
-                        {getRequestTypeText(request.requestType)}
-                      </span>
-                      <span
-                        className={`px-2 py-1 rounded-full text-xs font-medium ${getRequestStatusColor(
-                          request.status,
-                        )}`}
-                      >
-                        {getRequestStatusText(request.status)}
-                      </span>
-                    </div>
-                    <p className="text-sm text-gray-600 mb-1">{request.description}</p>
-                    <div className="flex items-center space-x-4 text-sm text-gray-500">
-                      <span className="flex items-center">
-                        <FaUser className="w-4 h-4 mr-1" />
-                        {request.requestedBy}
-                      </span>
-                      <span className="flex items-center">
-                        <FaCalendar className="w-4 h-4 mr-1" />
-                        {request.requestDate.toLocaleDateString('tr-TR')}
-                      </span>
-                    </div>
-                  </div>
-                  <div className="flex space-x-2">
-                    <button
-                      onClick={(e) => {
-                        e.stopPropagation()
-                        handleViewDetails(request)
-                      }}
-                      className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                      title="Görüntüle"
-                    >
-                      <FaEye className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={(e) => {
-                        e.stopPropagation()
-                        handleEdit(request)
-                      }}
-                      className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                      title="Düzenle"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-
-                <div className="grid grid-cols-2 gap-3 text-sm mb-2">
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-500">Departman:</span>
-                    <span className="font-medium">{request.department}</span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-500">Öncelik:</span>
-                    <span className={`font-medium ${getPriorityColor(request.priority)}`}>
-                      {getPriorityText(request.priority)}
-                    </span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-500">Tutar:</span>
-                    <span className="font-medium">
-                      {request.totalAmount
-                        ? `₺${request.totalAmount.toLocaleString()}`
-                        : 'Belirtilmemiş'}
-                    </span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-500">Gerekli Tarih:</span>
-                    <span className="font-medium">
-                      {request.requiredDate.toLocaleDateString('tr-TR')}
-                    </span>
-                  </div>
-                </div>
-
-                {/* Urgency Warning */}
-                {getDaysUntilRequired(request.requiredDate) <= 3 &&
-                  request.status !== RequestStatusEnum.Completed && (
-                    <div className="flex items-center space-x-2 text-red-600 bg-red-50 px-2.5 py-1.5 rounded-lg mb-2">
-                      <FaExclamationTriangle className="w-4 h-4" />
-                      <span className="text-sm">
-                        {getDaysUntilRequired(request.requiredDate) <= 0
-                          ? 'Gerekli tarih geçti!'
-                          : `${getDaysUntilRequired(request.requiredDate)} gün kaldı`}
-                      </span>
-                    </div>
-                  )}
-
-                {/* Items Details */}
-                <div className="mt-3 mb-3">
-                  <h4 className="text-sm font-medium text-gray-900 mb-1.5">Talep Kalemleri</h4>
-                  <div className="space-y-2">
-                    {request.items.map((item) => (
-                      <div key={item.id} className="bg-gray-50 p-2 rounded-lg">
-                        <div className="flex items-center justify-between mb-1.5">
-                          <div className="flex-1">
-                            <p className="font-medium text-gray-900">
-                              {item.specification || 'Malzeme'}
-                            </p>
-                            <p className="text-sm text-gray-600">
-                              Malzeme ID: {item.materialId} | Miktar: {item.quantity} {item.unit}
-                              {item.estimatedPrice && (
-                                <> | Tahmini Fiyat: ₺{item.estimatedPrice.toLocaleString()}</>
-                              )}
-                            </p>
-                          </div>
-                          {item.isUrgent && (
-                            <span className="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full">
-                              Acil
-                            </span>
-                          )}
-                        </div>
-                        {item.justification && (
-                          <div className="text-xs text-gray-500">Gerekçe: {item.justification}</div>
-                        )}
-                      </div>
-                    ))}
-                  </div>
-                </div>
-
-                {/* Approval Status */}
-                <div className="flex items-center justify-between">
-                  <div className="flex items-center space-x-2">
-                    <span className="text-sm text-gray-500">Onaylar:</span>
-                    <div className="flex space-x-1">
-                      {request.approvals.map((approval) => (
-                        <div key={approval.id} className="flex items-center space-x-1">
-                          {getApprovalStatusIcon(approval.status)}
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-                  <div className="flex items-center space-x-2">
-                    <span className="text-xs text-gray-400">{request.items.length} kalem</span>
-                  </div>
-                </div>
-              </div>
-            ))}
-
-            {filteredRequests.length === 0 && (
-              <div className="text-center py-6">
-                <FaFileAlt className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-                <h3 className="text-lg font-medium text-gray-900 mb-2">Talep bulunamadı</h3>
-                <p className="text-gray-500">
-                  Arama kriterlerinizi değiştirin veya yeni bir talep ekleyin.
-                </p>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default PurchaseRequests
diff --git a/ui/src/views/supplychain/components/PurchaseRequisitionList.tsx b/ui/src/views/supplychain/components/PurchaseRequisitionList.tsx
deleted file mode 100644
index fc4bee84..00000000
--- a/ui/src/views/supplychain/components/PurchaseRequisitionList.tsx
+++ /dev/null
@@ -1,411 +0,0 @@
-import React, { useState } from 'react'
-import { Link } from 'react-router-dom'
-import { useQuery } from '@tanstack/react-query'
-import {
-  FaFileAlt,
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaDownload,
-  FaEdit,
-  FaEye,
-  FaClock,
-  FaCheckCircle,
-  FaExclamationTriangle,
-  FaUser,
-  FaCalendar,
-} from 'react-icons/fa'
-import classNames from 'classnames'
-import { RequisitionStatusEnum } from '../../../types/mm'
-import dayjs from 'dayjs'
-import { mockPurchaseRequisitions } from '../../../mocks/mockPurchaseRequisitions'
-import { PriorityEnum } from '../../../types/common'
-import {
-  getPriorityColor,
-  getPriorityText,
-  getRequisitionStatusColor,
-  getRequisitionStatusIcon,
-  getRequisitionStatusText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import useLocale from '@/utils/hooks/useLocale'
-import { currentLocalDate } from '@/utils/dateUtils'
-
-const PurchaseRequisitionList: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [filterStatus, setFilterStatus] = useState('all')
-  const [filterPriority, setFilterPriority] = useState('all')
-  const [showFilters, setShowFilters] = useState(false)
-  const currentLocale = useLocale()
-
-  const {
-    data: requisitions,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ['purchase-requisitions', searchTerm, filterStatus, filterPriority],
-    queryFn: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      return mockPurchaseRequisitions.filter((req) => {
-        const matchesSearch =
-          req.requisitionNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          req.description?.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          req.requestedBy.toLowerCase().includes(searchTerm.toLowerCase())
-        const matchesStatus = filterStatus === 'all' || req.status === filterStatus
-        const matchesPriority = filterPriority === 'all' || req.priority === filterPriority
-        return matchesSearch && matchesStatus && matchesPriority
-      })
-    },
-  })
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center py-12">
-        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
-        <span className="ml-3 text-gray-600">Satınalma talepleri yükleniyor...</span>
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="bg-red-50 border border-red-200 rounded-lg p-4">
-        <div className="flex items-center">
-          <FaExclamationTriangle className="h-5 w-5 text-red-600 mr-2" />
-          <span className="text-red-800">Satınalma talepleri yüklenirken hata oluştu.</span>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header Actions */}
-        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
-          <div className="flex items-center space-x-4">
-            <div className="relative">
-              <FaSearch
-                size={20}
-                className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"
-              />
-              <input
-                type="text"
-                placeholder="Talep numarası veya açıklama..."
-                value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-                className="pl-10 pr-4 py-1.5 w-80 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              />
-            </div>
-
-            <button
-              onClick={() => setShowFilters(!showFilters)}
-              className={classNames(
-                'flex items-center px-3 py-1.5 border rounded-lg transition-colors',
-                showFilters
-                  ? 'border-blue-500 bg-blue-50 text-blue-700'
-                  : 'border-gray-300 bg-white text-gray-700 hover:bg-gray-50',
-              )}
-            >
-              <FaFilter size={16} className="mr-2" />
-              Filtreler
-            </button>
-          </div>
-
-          <div className="flex items-center space-x-3">
-            <button
-              onClick={() => alert('Dışa aktarma özelliği yakında eklenecek')}
-              className="flex items-center px-3 py-1.5 border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              <FaDownload size={16} className="mr-2" />
-              Dışa Aktar
-            </button>
-
-            <Link
-              to={ROUTES_ENUM.protected.supplychain.requisitionsNew}
-              className="flex items-center px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-            >
-              <FaPlus size={16} className="mr-2" />
-              Yeni Talep
-            </Link>
-          </div>
-        </div>
-
-        {/* Filters Panel */}
-        {showFilters && (
-          <div className="bg-white border border-gray-200 rounded-lg p-3">
-            <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Durum</label>
-                <select
-                  value={filterStatus}
-                  onChange={(e) => setFilterStatus(e.target.value)}
-                  className="w-full border border-gray-300 rounded-lg px-3 py-1.5 focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                >
-                  <option value="all">Tümü</option>
-                  {Object.values(RequisitionStatusEnum).map((status) => (
-                    <option key={status} value={status}>
-                      {getRequisitionStatusText(status)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Öncelik</label>
-                <select
-                  value={filterPriority}
-                  onChange={(e) => setFilterPriority(e.target.value)}
-                  className="w-full border border-gray-300 rounded-lg px-3 py-1.5 focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                >
-                  <option value="all">Tümü</option>
-                  {Object.values(PriorityEnum).map((priority) => (
-                    <option key={priority} value={priority}>
-                      {getPriorityText(priority)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div className="flex items-end">
-                <button
-                  onClick={() => {
-                    setFilterStatus('all')
-                    setFilterPriority('all')
-                    setSearchTerm('')
-                  }}
-                  className="w-full px-3 py-1.5 border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-                >
-                  Filtreleri Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* Statistics Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Toplam Talep</p>
-                <p className="text-xl font-bold text-gray-900">{requisitions?.length || 0}</p>
-              </div>
-              <FaFileAlt className="h-8 w-8 text-blue-600" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Onay Bekleyen</p>
-                <p className="text-xl font-bold text-yellow-600">
-                  {requisitions?.filter((r) => r.status === RequisitionStatusEnum.InApproval)
-                    .length || 0}
-                </p>
-              </div>
-              <FaClock className="h-8 w-8 text-yellow-600" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Onaylanan</p>
-                <p className="text-xl font-bold text-green-600">
-                  {requisitions?.filter((r) => r.status === RequisitionStatusEnum.Approved)
-                    .length || 0}
-                </p>
-              </div>
-              <FaCheckCircle className="h-8 w-8 text-green-600" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Acil Talepler</p>
-                <p className="text-xl font-bold text-red-600">
-                  {requisitions?.filter((r) => r.priority === PriorityEnum.Urgent).length || 0}
-                </p>
-              </div>
-              <FaExclamationTriangle className="h-8 w-8 text-red-600" />
-            </div>
-          </div>
-        </div>
-
-        {/* Requisitions Table */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="px-4 py-3 border-b border-gray-200">
-            <h2 className="text-xl font-bold text-gray-900">Satınalma Talepleri</h2>
-          </div>
-
-          <div className="overflow-x-auto">
-            <table className="w-full">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Talep Bilgileri
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Talep Eden
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Öncelik / Durum
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tarihler
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tutar
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Kalem Sayısı
-                  </th>
-                  <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-
-              <tbody className="bg-white divide-y divide-gray-200">
-                {requisitions?.map((requisition) => (
-                  <tr key={requisition.id} className="hover:bg-gray-50 transition-colors">
-                    <td className="px-4 py-3">
-                      <div className="flex items-center">
-                        <div className="flex-shrink-0 h-10 w-10">
-                          <div className="h-10 w-10 rounded-lg bg-blue-100 flex items-center justify-center">
-                            <FaFileAlt className="h-5 w-5 text-blue-600" />
-                          </div>
-                        </div>
-                        <div className="ml-4">
-                          <div className="text-sm font-medium text-gray-900">
-                            {requisition.requisitionNumber}
-                          </div>
-                          <div className="text-sm text-gray-500 max-w-xs truncate">
-                            {requisition.description}
-                          </div>
-                        </div>
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="flex items-center text-sm">
-                        <FaUser size={16} className="text-gray-400 mr-2" />
-                        <div>
-                          <div className="font-medium text-gray-900">{requisition.requestedBy}</div>
-                          <div className="text-gray-500">{requisition.departmentId}</div>
-                        </div>
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="space-y-2">
-                        <div
-                          className={classNames(
-                            'text-sm font-medium',
-                            getPriorityColor(requisition.priority),
-                          )}
-                        >
-                          {getPriorityText(requisition.priority)}
-                        </div>
-                        <span
-                          className={classNames(
-                            'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',
-                            getRequisitionStatusColor(requisition.status),
-                          )}
-                        >
-                          {getRequisitionStatusIcon(requisition.status)}
-                          <span className="ml-1">
-                            {getRequisitionStatusText(requisition.status)}
-                          </span>
-                        </span>
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="space-y-1">
-                        <div className="flex items-center text-sm text-gray-900">
-                          <FaCalendar size={14} className="mr-1" />
-                          {currentLocalDate(new Date(requisition.requestDate), currentLocale || 'tr')}
-                        </div>
-                        <div className="text-sm text-gray-500">
-                          İhtiyaç: {currentLocalDate(new Date(requisition.requiredDate), currentLocale || 'tr')}
-                        </div>
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="text-sm font-medium text-gray-900">
-                        ₺{requisition.totalAmount.toLocaleString()}
-                      </div>
-                      <div className="text-sm text-gray-500">{requisition.currency}</div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="text-sm font-medium text-gray-900">
-                        {requisition.items.length} Kalem
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3 text-right">
-                      <div className="flex items-center justify-end space-x-2">
-                        <Link
-                          to={ROUTES_ENUM.protected.supplychain.requisitionsDetail.replace(
-                            ':id',
-                            requisition.id,
-                          )}
-                          className="p-1.5 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
-                          title="Detayları Görüntüle"
-                        >
-                          <FaEye size={16} />
-                        </Link>
-
-                        {requisition.status === RequisitionStatusEnum.Draft && (
-                          <Link
-                            to={ROUTES_ENUM.protected.supplychain.requisitionsEdit.replace(
-                              ':id',
-                              requisition.id,
-                            )}
-                            className="p-1.5 text-gray-600 hover:text-yellow-600 hover:bg-yellow-50 rounded-lg transition-colors"
-                            title="Düzenle"
-                          >
-                            <FaEdit size={16} />
-                          </Link>
-                        )}
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-
-          {(!requisitions || requisitions.length === 0) && (
-            <div className="text-center py-10">
-              <FaFileAlt className="mx-auto h-12 w-12 text-gray-400" />
-              <h3 className="mt-2 text-sm font-medium text-gray-900">
-                Satınalma talebi bulunamadı
-              </h3>
-              <p className="mt-1 text-sm text-gray-500">
-                Yeni satınalma talebi oluşturarak başlayın.
-              </p>
-              <div className="mt-6">
-                <Link
-                  to={ROUTES_ENUM.protected.supplychain.requisitionsNew}
-                  className="inline-flex items-center px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-                >
-                  <FaPlus size={16} className="mr-2" />
-                  Yeni Talep Oluştur
-                </Link>
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default PurchaseRequisitionList
diff --git a/ui/src/views/supplychain/components/QuotationForm.tsx b/ui/src/views/supplychain/components/QuotationForm.tsx
deleted file mode 100644
index 7e8a2b21..00000000
--- a/ui/src/views/supplychain/components/QuotationForm.tsx
+++ /dev/null
@@ -1,696 +0,0 @@
-import React, { useState } from 'react'
-import { useParams, useNavigate } from 'react-router-dom'
-import {
-  FaArrowLeft,
-  FaSave,
-  FaTimes,
-  FaFileAlt,
-  FaCalendar,
-  FaDollarSign,
-  FaPlus,
-  FaTrash,
-  FaPaperclip,
-} from 'react-icons/fa'
-import {
-  MmQuotation,
-  QuotationStatusEnum,
-  RequestTypeEnum,
-  MmQuotationItem,
-  MmAttachment,
-} from '../../../types/mm'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { getQuotationStatusText, getRequestTypeText } from '@/utils/erp'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-const QuotationForm: React.FC = () => {
-  const { id } = useParams<{ id: string }>()
-  const navigate = useNavigate()
-  const isEdit = id !== undefined && id !== 'new'
-  const isView = window.location.pathname.includes('/view/')
-
-  const [formData, setFormData] = useState<Partial<MmQuotation>>({
-    quotationNumber: isEdit ? `TEK-2024-${id}` : '',
-    requestId: '',
-    requestTitle: '',
-    requestType: RequestTypeEnum.Material,
-    supplierId: '',
-    quotationDate: new Date(),
-    validUntil: new Date(),
-    status: QuotationStatusEnum.Draft,
-    totalAmount: 0,
-    currency: 'TRY',
-    paymentTerms: '',
-    deliveryTerms: '',
-    items: [],
-    attachments: [],
-    notes: '',
-  })
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]:
-        type === 'number' ? parseFloat(value) || 0 : type === 'date' ? new Date(value) : value,
-    }))
-  }
-
-  const addQuotationItem = () => {
-    const newItem: MmQuotationItem = {
-      id: `item-${Date.now()}`,
-      materialCode: '',
-      materialName: '',
-      description: '',
-      quantity: 0,
-      unit: '',
-      unitPrice: 0,
-      totalPrice: 0,
-      specifications: [],
-    }
-
-    setFormData((prev) => ({
-      ...prev,
-      items: [...(prev.items || []), newItem],
-    }))
-  }
-
-  const removeQuotationItem = (index: number) => {
-    setFormData((prev) => ({
-      ...prev,
-      items: prev.items?.filter((_, i) => i !== index) || [],
-    }))
-    calculateTotal()
-  }
-
-  const updateQuotationItem = (
-    index: number,
-    field: keyof MmQuotationItem,
-    value: string | number | string[] | undefined,
-  ) => {
-    setFormData((prev) => {
-      const updatedItems =
-        prev.items?.map((item, i) => {
-          if (i === index) {
-            const updatedItem = { ...item, [field]: value }
-            // Auto-calculate total price when quantity or unit price changes
-            if (field === 'quantity' || field === 'unitPrice') {
-              updatedItem.totalPrice = (updatedItem.quantity || 0) * (updatedItem.unitPrice || 0)
-            }
-            return updatedItem
-          }
-          return item
-        }) || []
-
-      return {
-        ...prev,
-        items: updatedItems,
-      }
-    })
-
-    // Recalculate total amount
-    setTimeout(calculateTotal, 0)
-  }
-
-  const calculateTotal = () => {
-    const total = formData.items?.reduce((sum, item) => sum + (item.totalPrice || 0), 0) || 0
-    setFormData((prev) => ({
-      ...prev,
-      totalAmount: total,
-    }))
-  }
-
-  const handleSpecificationsChange = (index: number, value: string) => {
-    const specifications = value.split('\n').filter((spec) => spec.trim() !== '')
-    updateQuotationItem(index, 'specifications', specifications)
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    // TODO: Implement save logic
-    console.log('Saving quotation:', formData)
-    navigate(ROUTES_ENUM.protected.supplychain.quotations)
-  }
-
-  const handleCancel = () => {
-    navigate(ROUTES_ENUM.protected.supplychain.quotations)
-  }
-
-  const isReadOnly = isView
-  const pageTitle = isEdit ? 'Teklifi Düzenle' : isView ? 'Teklif Detayları' : 'Yeni Teklif'
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="bg-white rounded-lg shadow-md p-2 mb-2">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center">
-              <button
-                onClick={handleCancel}
-                className="mr-2 p-1.5 text-gray-400 hover:text-gray-600"
-              >
-                <FaArrowLeft />
-              </button>
-              <h2 className="text-2xl font-bold text-gray-900">{pageTitle}</h2>
-            </div>
-            <div className="flex space-x-2">
-              <button
-                onClick={handleCancel}
-                className="px-3 py-1.5 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 flex items-center"
-              >
-                <FaTimes className="mr-2" />
-                {isView ? 'Kapat' : 'İptal'}
-              </button>
-              {!isView && (
-                <button
-                  onClick={handleSubmit}
-                  className="px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 flex items-center"
-                >
-                  <FaSave className="mr-2" />
-                  Kaydet
-                </button>
-              )}
-            </div>
-          </div>
-        </div>
-
-        <form onSubmit={handleSubmit}>
-          <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
-            {/* Ana İçerik */}
-            <div className="lg:col-span-2">
-              {/* Temel Bilgiler */}
-              <div className="bg-white rounded-lg shadow-md p-4 mb-4">
-                <h3 className="text-base font-medium text-gray-900 mb-3 flex items-center">
-                  <FaFileAlt className="mr-2 text-blue-600" />
-                  Teklif Bilgileri
-                </h3>
-
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">
-                      Teklif Numarası
-                    </label>
-                    <input
-                      type="text"
-                      name="quotationNumber"
-                      value={formData.quotationNumber || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly || isEdit}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Talep ID</label>
-                    <input
-                      type="text"
-                      name="requestId"
-                      value={formData.requestId || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Talep Başlığı</label>
-                    <input
-                      type="text"
-                      name="requestTitle"
-                      value={formData.requestTitle || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Talep Tipi</label>
-                    <select
-                      name="requestType"
-                      value={formData.requestType || RequestTypeEnum.Material}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    >
-                      {Object.values(RequestTypeEnum).map((type) => (
-                        <option key={type} value={type}>
-                          {getRequestTypeText(type)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Tedarikçi</label>
-                    <select
-                      name="supplierId"
-                      value={formData.supplierId || ''}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                      required
-                    >
-                      <option value="">Tedarikçi Seçiniz</option>
-                      {mockBusinessParties.map((supplier) => (
-                        <option key={supplier.id} value={supplier.id}>
-                          {supplier.name} ({supplier.code})
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Tedarikçi Adı</label>
-                    <input
-                      type="text"
-                      name="supplierName"
-                      value={formData.supplier?.name || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="flex items-center text-sm font-medium text-gray-700">
-                      <FaCalendar className="mr-1" />
-                      Teklif Tarihi
-                    </label>
-                    <input
-                      type="date"
-                      name="quotationDate"
-                      value={
-                        formData.quotationDate
-                          ? new Date(formData.quotationDate).toISOString().split('T')[0]
-                          : ''
-                      }
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="flex items-center text-sm font-medium text-gray-700">
-                      <FaCalendar className="mr-1" />
-                      Geçerlilik Tarihi
-                    </label>
-                    <input
-                      type="date"
-                      name="validUntil"
-                      value={
-                        formData.validUntil
-                          ? new Date(formData.validUntil).toISOString().split('T')[0]
-                          : ''
-                      }
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Para Birimi</label>
-                    <select
-                      name="currency"
-                      value={formData.currency || 'TRY'}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    >
-                      {mockCurrencies.map((currency) => (
-                        <option key={currency.value} value={currency.value}>
-                          {currency.value} - {currency.label}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">
-                      Ödeme Koşulları
-                    </label>
-                    <input
-                      type="text"
-                      name="paymentTerms"
-                      value={formData.paymentTerms || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      placeholder="ör: 30 gün vadeli"
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">
-                      Teslimat Koşulları
-                    </label>
-                    <input
-                      type="text"
-                      name="deliveryTerms"
-                      value={formData.deliveryTerms || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      placeholder="ör: 15 gün içinde teslim"
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">
-                      Teslimat Süresi (Gün)
-                    </label>
-                    <input
-                      type="number"
-                      name="deliveryTime"
-                      value={formData.deliveryTime || ''}
-                      onChange={handleInputChange}
-                      readOnly={isReadOnly}
-                      min="0"
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    />
-                  </div>
-                </div>
-
-                <div className="mt-4">
-                  <label className="block text-sm font-medium text-gray-700">Notlar</label>
-                  <textarea
-                    name="notes"
-                    value={formData.notes || ''}
-                    onChange={handleInputChange}
-                    readOnly={isReadOnly}
-                    rows={2}
-                    className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                  />
-                </div>
-              </div>
-
-              {/* Teklif Kalemleri */}
-              <div className="bg-white rounded-lg shadow-md p-4">
-                <div className="flex items-center justify-between mb-3">
-                  <h3 className="text-base font-medium text-gray-900">Teklif Kalemleri</h3>
-                  {!isReadOnly && (
-                    <button
-                      type="button"
-                      onClick={addQuotationItem}
-                      className="px-2.5 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 flex items-center"
-                    >
-                      <FaPlus className="mr-2" />
-                      Kalem Ekle
-                    </button>
-                  )}
-                </div>
-
-                <div className="space-y-3">
-                  {formData.items?.map((item, index) => (
-                    <div key={item.id} className="border rounded-lg p-3 bg-gray-50">
-                      <div className="flex items-center justify-between mb-2">
-                        <span className="text-sm font-medium text-gray-700">Kalem {index + 1}</span>
-                        {!isReadOnly && (
-                          <button
-                            type="button"
-                            onClick={() => removeQuotationItem(index)}
-                            className="text-red-600 hover:text-red-800"
-                          >
-                            <FaTrash />
-                          </button>
-                        )}
-                      </div>
-
-                      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2">
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">Malzeme</label>
-                          <select
-                            value={item.materialCode}
-                            onChange={(e) =>
-                              updateQuotationItem(index, 'materialCode', e.target.value)
-                            }
-                            disabled={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          >
-                            <option value="">Malzeme Seçiniz</option>
-                            {mockMaterials.map((material) => (
-                              <option key={material.id} value={material.code}>
-                                {material.name} ({material.code})
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Malzeme Adı
-                          </label>
-                          <input
-                            type="text"
-                            value={item.materialName}
-                            onChange={(e) =>
-                              updateQuotationItem(index, 'materialName', e.target.value)
-                            }
-                            readOnly={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Açıklama
-                          </label>
-                          <input
-                            type="text"
-                            value={item.description}
-                            onChange={(e) =>
-                              updateQuotationItem(index, 'description', e.target.value)
-                            }
-                            readOnly={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">Miktar</label>
-                          <input
-                            type="number"
-                            value={item.quantity}
-                            onChange={(e) =>
-                              updateQuotationItem(
-                                index,
-                                'quantity',
-                                parseFloat(e.target.value) || 0,
-                              )
-                            }
-                            readOnly={isReadOnly}
-                            min="0"
-                            step="0.01"
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">Birim</label>
-                          <input
-                            type="text"
-                            value={item.unit}
-                            onChange={(e) => updateQuotationItem(index, 'unit', e.target.value)}
-                            readOnly={isReadOnly}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Birim Fiyat
-                          </label>
-                          <input
-                            type="number"
-                            value={item.unitPrice}
-                            onChange={(e) =>
-                              updateQuotationItem(
-                                index,
-                                'unitPrice',
-                                parseFloat(e.target.value) || 0,
-                              )
-                            }
-                            readOnly={isReadOnly}
-                            min="0"
-                            step="0.01"
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Toplam Fiyat
-                          </label>
-                          <input
-                            type="number"
-                            value={item.totalPrice}
-                            readOnly
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 bg-gray-100"
-                          />
-                        </div>
-
-                        <div>
-                          <label className="block text-xs font-medium text-gray-600">
-                            Teslim Süresi (Gün)
-                          </label>
-                          <input
-                            type="number"
-                            value={item.leadTime || ''}
-                            onChange={(e) =>
-                              updateQuotationItem(
-                                index,
-                                'leadTime',
-                                parseInt(e.target.value) || undefined,
-                              )
-                            }
-                            readOnly={isReadOnly}
-                            min="0"
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-
-                        <div className="md:col-span-2 lg:col-span-3">
-                          <label className="block text-xs font-medium text-gray-600">
-                            Spesifikasyonlar (her satıra bir spesifikasyon)
-                          </label>
-                          <textarea
-                            value={item.specifications?.join('\n') || ''}
-                            onChange={(e) => handleSpecificationsChange(index, e.target.value)}
-                            readOnly={isReadOnly}
-                            rows={1}
-                            className="mt-1 block w-full text-sm border border-gray-300 rounded-md px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          />
-                        </div>
-                      </div>
-                    </div>
-                  ))}
-
-                  {formData.items?.length === 0 && (
-                    <div className="text-center text-gray-500 text-sm py-6">
-                      Henüz teklif kalemi eklenmedi
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-
-            {/* Yan Panel */}
-            <div className="space-y-4">
-              {/* Durum ve Tutar */}
-              <div className="bg-white rounded-lg shadow-md p-4">
-                <h3 className="text-base font-medium text-gray-900 mb-3">Durum Bilgileri</h3>
-
-                <div className="space-y-3">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700">Durum</label>
-                    <select
-                      name="status"
-                      value={formData.status || QuotationStatusEnum.Draft}
-                      onChange={handleInputChange}
-                      disabled={isReadOnly}
-                      className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-500"
-                    >
-                      {Object.values(QuotationStatusEnum).map((status) => (
-                        <option key={status} value={status}>
-                          {getQuotationStatusText(status)}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-
-                  <div>
-                    <label className="flex items-center text-sm font-medium text-gray-700">
-                      <FaDollarSign className="mr-1" />
-                      Toplam Tutar
-                    </label>
-                    <div className="mt-1 text-base font-semibold text-green-600">
-                      {formData.totalAmount?.toLocaleString()} {formData.currency}
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              {/* Değerlendirme (sadece görüntüleme) */}
-              {isView && formData.evaluationScore && (
-                <div className="bg-white rounded-lg shadow-md p-4">
-                  <h3 className="text-base font-medium text-gray-900 mb-3">Değerlendirme</h3>
-
-                  <div className="space-y-3">
-                    <div>
-                      <div className="text-sm font-medium text-gray-700">Değerlendirme Puanı</div>
-                      <div className="text-base font-semibold text-blue-600">
-                        {formData.evaluationScore}/100
-                      </div>
-                    </div>
-
-                    {formData.evaluatedBy && (
-                      <div>
-                        <div className="text-sm font-medium text-gray-700">Değerlendiren</div>
-                        <div className="text-sm text-gray-600">{formData.evaluatedBy}</div>
-                      </div>
-                    )}
-
-                    {formData.evaluationComments && (
-                      <div>
-                        <div className="text-sm font-medium text-gray-700">
-                          Değerlendirme Yorumları
-                        </div>
-                        <div className="text-sm text-gray-600 bg-gray-50 p-2 rounded">
-                          {formData.evaluationComments}
-                        </div>
-                      </div>
-                    )}
-                  </div>
-                </div>
-              )}
-
-              {/* Ekler */}
-              <div className="bg-white rounded-lg shadow-md p-4">
-                <h3 className="text-base font-medium text-gray-900 mb-3 flex items-center">
-                  <FaPaperclip className="mr-2 text-blue-600" />
-                  Ekler
-                </h3>
-
-                {formData.attachments && formData.attachments.length > 0 ? (
-                  <div className="space-y-2">
-                    {formData.attachments.map((attachment: MmAttachment) => (
-                      <div
-                        key={attachment.id}
-                        className="flex items-center justify-between p-1.5 bg-gray-50 rounded"
-                      >
-                        <div>
-                          <div className="text-sm font-medium text-gray-900">
-                            {attachment.fileName}
-                          </div>
-                          <div className="text-xs text-gray-500">
-                            {(attachment.fileSize / 1024).toFixed(1)} KB
-                          </div>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                ) : (
-                  <div className="text-center text-gray-500 text-sm py-3">
-                    Henüz ek dosya yüklenmedi
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-    </Container>
-  )
-}
-
-export default QuotationForm
diff --git a/ui/src/views/supplychain/components/QuotationManagement.tsx b/ui/src/views/supplychain/components/QuotationManagement.tsx
deleted file mode 100644
index f87cb868..00000000
--- a/ui/src/views/supplychain/components/QuotationManagement.tsx
+++ /dev/null
@@ -1,722 +0,0 @@
-import React, { useState } from 'react'
-import { useNavigate } from 'react-router-dom'
-import {
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaDownload,
-  FaEye,
-  FaEdit,
-  FaTrash,
-  FaFileAlt,
-  FaCalendar,
-  FaArrowUp,
-  FaUsers,
-  FaBox,
-  FaClock,
-  FaCheckCircle,
-  FaTimes,
-} from 'react-icons/fa'
-import { MmQuotation, QuotationStatusEnum } from '../../../types/mm'
-import { mockQuotations } from '../../../mocks/mockQuotations'
-import {
-  getQuotationStatusColor,
-  getQuotationStatusIcon,
-  getQuotationStatusText,
-  getRequestTypeText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-
-const QuotationManagement: React.FC = () => {
-  const navigate = useNavigate()
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<QuotationStatusEnum | 'all'>('all')
-  const [showModal, setShowModal] = useState(false)
-  const [modalType, setModalType] = useState<'bulk' | 'comparison'>('bulk')
-  const [selectedQuotations, setSelectedQuotations] = useState<string[]>([])
-
-  // Mock data - replace with actual API calls
-  const [quotations] = useState<MmQuotation[]>(mockQuotations)
-
-  const filteredQuotations = quotations.filter((quotation) => {
-    const matchesSearch =
-      quotation.quotationNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      quotation.supplier?.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      quotation.requestTitle.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesStatus = statusFilter === 'all' || quotation.status === statusFilter
-    return matchesSearch && matchesStatus
-  })
-
-  const isExpiringSoon = (date: Date) => {
-    const today = new Date()
-    const diffTime = date.getTime() - today.getTime()
-    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
-    return diffDays <= 7 && diffDays > 0
-  }
-
-  const isExpired = (date: Date) => {
-    const today = new Date()
-    return date < today
-  }
-
-  const handleAddQuotation = () => {
-    navigate(ROUTES_ENUM.protected.supplychain.quotationsNew)
-  }
-
-  const handleBulkQuotation = () => {
-    if (selectedQuotations.length === 0) {
-      alert('Toplu işlem için en az 1 teklif seçmelisiniz.')
-      return
-    }
-    setModalType('bulk')
-    setShowModal(true)
-  }
-
-  const handleCompareQuotations = () => {
-    if (selectedQuotations.length < 2) {
-      alert('Karşılaştırma için en az 2 teklif seçmelisiniz.')
-      return
-    }
-    setModalType('comparison')
-    setShowModal(true)
-  }
-
-  const handleEdit = (quotation: MmQuotation) => {
-    navigate(ROUTES_ENUM.protected.supplychain.quotationsEdit.replace(':id', quotation.id))
-  }
-
-  const handleView = (quotation: MmQuotation) => {
-    navigate(ROUTES_ENUM.protected.supplychain.quotationsView.replace(':id', quotation.id))
-  }
-
-  const handleSelectQuotation = (quotationId: string) => {
-    setSelectedQuotations((prev) =>
-      prev.includes(quotationId) ? prev.filter((id) => id !== quotationId) : [...prev, quotationId],
-    )
-  }
-
-  const getTotalItems = (quotation: MmQuotation) => {
-    return quotation.items.reduce((sum, item) => sum + item.quantity, 0)
-  }
-
-  const getAverageLeadTime = (quotation: MmQuotation) => {
-    const totalLeadTime = quotation.items.reduce((sum, item) => sum + (item.leadTime || 0), 0)
-    return Math.round(totalLeadTime / quotation.items.length)
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Teklif Yönetimi</h2>
-            <p className="text-gray-600">Tedarikçi tekliflerini yönetin ve karşılaştırın</p>
-          </div>
-          <div className="flex space-x-2">
-            <button
-              onClick={handleBulkQuotation}
-              className="bg-purple-600 text-white text-sm  px-3 py-1.5 rounded-lg hover:bg-purple-700 flex items-center space-x-1.5"
-            >
-              <FaUsers className="w-4 h-4" />
-              <span>Toplu Teklif</span>
-            </button>
-            <button
-              onClick={handleCompareQuotations}
-              className="bg-green-600 text-white text-sm  px-3 py-1.5 rounded-lg hover:bg-green-700 flex items-center space-x-1.5"
-            >
-              <FaArrowUp className="w-4 h-4" />
-              <span>Karşılaştır</span>
-            </button>
-            <button
-              onClick={handleAddQuotation}
-              className="bg-blue-600 text-white text-sm  px-3 py-1.5 rounded-lg hover:bg-blue-700 flex items-center space-x-1.5"
-            >
-              <FaPlus className="w-4 h-4" />
-              <span>Yeni Teklif</span>
-            </button>
-          </div>
-        </div>
-
-        {/* Filters */}
-        <div className="flex space-x-2">
-          <div className="flex-1 relative">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-            <input
-              type="text"
-              placeholder="Teklif ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            />
-          </div>
-          <div className="relative">
-            <FaFilter className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-            <select
-              value={statusFilter}
-              onChange={(e) => setStatusFilter(e.target.value as QuotationStatusEnum | 'all')}
-              className="pl-10 pr-4 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-            >
-              <option value="all">Tüm Durumlar</option>
-              {Object.values(QuotationStatusEnum).map((status) => (
-                <option key={status} value={status}>
-                  {getQuotationStatusText(status)}
-                </option>
-              ))}
-            </select>
-          </div>
-        </div>
-
-        {/* Quotation Cards */}
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-          {filteredQuotations.map((quotation) => (
-            <div
-              key={quotation.id}
-              className="bg-white rounded-lg shadow-md border border-gray-200 p-4 hover:shadow-lg transition-shadow"
-            >
-              <div className="flex items-start justify-between mb-3">
-                <div className="flex-1">
-                  <div className="flex items-center space-x-1.5 mb-1.5">
-                    <input
-                      type="checkbox"
-                      checked={selectedQuotations.includes(quotation.id)}
-                      onChange={() => handleSelectQuotation(quotation.id)}
-                      className="rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-                    />
-                    <h3 className="text-base font-semibold text-gray-900">
-                      {quotation.quotationNumber}
-                    </h3>
-                    <span
-                      className={`px-2 py-1 rounded-full text-xs font-medium flex items-center space-x-1 ${getQuotationStatusColor(
-                        quotation.status,
-                      )}`}
-                    >
-                      {getQuotationStatusIcon(quotation.status)}
-                      <span>{getQuotationStatusText(quotation.status)}</span>
-                    </span>
-                  </div>
-                  <p className="text-gray-600">{quotation.requestTitle}</p>
-                  <p className="text-sm text-gray-500">
-                    {quotation.supplier?.name} • {getRequestTypeText(quotation.requestType)}
-                  </p>
-                </div>
-                <div className="flex space-x-1">
-                  <button
-                    onClick={() => handleView(quotation)}
-                    className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                    title="Görüntüle"
-                  >
-                    <FaEye className="w-4 h-4" />
-                  </button>
-                  <button
-                    onClick={() => handleEdit(quotation)}
-                    className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                    title="Düzenle"
-                  >
-                    <FaEdit className="w-4 h-4" />
-                  </button>
-                  <button className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors">
-                    <FaDownload className="w-4 h-4" />
-                  </button>
-                  <button className="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition-colors">
-                    <FaTrash className="w-4 h-4" />
-                  </button>
-                </div>
-              </div>
-
-              <div className="grid grid-cols-2 gap-3 mb-3">
-                <div>
-                  <span className="text-sm text-gray-500">Toplam Tutar</span>
-                  <p className="font-semibold text-base text-gray-900">
-                    ₺{quotation.totalAmount.toLocaleString()}
-                  </p>
-                </div>
-                <div>
-                  <span className="text-sm text-gray-500">Geçerlilik</span>
-                  <p
-                    className={`font-medium ${
-                      isExpired(quotation.validUntil)
-                        ? 'text-red-600'
-                        : isExpiringSoon(quotation.validUntil)
-                          ? 'text-orange-600'
-                          : 'text-gray-900'
-                    }`}
-                  >
-                    {quotation.validUntil.toLocaleDateString('tr-TR')}
-                    {isExpiringSoon(quotation.validUntil) && !isExpired(quotation.validUntil) && (
-                      <span className="text-xs text-orange-600 ml-1">(Yakında)</span>
-                    )}
-                    {isExpired(quotation.validUntil) && (
-                      <span className="text-xs text-red-600 ml-1">(Doldu)</span>
-                    )}
-                  </p>
-                </div>
-              </div>
-
-              <div className="grid grid-cols-3 gap-3 mb-3 text-sm">
-                <div className="text-center">
-                  <div className="flex items-center justify-center mb-1">
-                    <FaBox className="w-4 h-4 text-gray-400 mr-1" />
-                    <span className="font-medium">{quotation.items.length}</span>
-                  </div>
-                  <span className="text-gray-500">Kalem</span>
-                </div>
-                <div className="text-center">
-                  <div className="flex items-center justify-center mb-1">
-                    <FaArrowUp className="w-4 h-4 text-gray-400 mr-1" />
-                    <span className="font-medium">{getTotalItems(quotation)}</span>
-                  </div>
-                  <span className="text-gray-500">Adet</span>
-                </div>
-                <div className="text-center">
-                  <div className="flex items-center justify-center mb-1">
-                    <FaClock className="w-4 h-4 text-gray-400 mr-1" />
-                    <span className="font-medium">{getAverageLeadTime(quotation)}</span>
-                  </div>
-                  <span className="text-gray-500">Gün</span>
-                </div>
-              </div>
-
-              {/* Items Details */}
-              <div className="mt-3 mb-3">
-                <h4 className="text-sm font-medium text-gray-900 mb-1.5">Teklif Kalemleri</h4>
-                <div className="space-y-1.5">
-                  {quotation.items.map((item) => (
-                    <div key={item.id} className="bg-gray-50 p-2 rounded-lg">
-                      <div className="flex items-center justify-between mb-1.5">
-                        <div className="flex-1">
-                          <p className="font-medium text-gray-900">{item.materialName}</p>
-                          <p className="text-sm text-gray-600">
-                            Malzeme Kodu: {item.materialCode} | Miktar: {item.quantity} {item.unit}{' '}
-                            | Birim Fiyat: ₺{item.unitPrice.toLocaleString()}
-                          </p>
-                        </div>
-                        <div className="text-right">
-                          <p className="font-semibold text-gray-900">
-                            ₺{item.totalPrice.toLocaleString()}
-                          </p>
-                          <div className="text-xs text-gray-500">Teslimat: {item.leadTime} gün</div>
-                        </div>
-                      </div>
-                      {item.description && (
-                        <div className="text-xs text-gray-500 mb-1">{item.description}</div>
-                      )}
-                      {item.specifications && item.specifications.length > 0 && (
-                        <div className="text-xs text-gray-500">
-                          Özellikler: {item.specifications.join(', ')}
-                        </div>
-                      )}
-                    </div>
-                  ))}
-                </div>
-              </div>
-
-              <div className="border-t border-gray-100 pt-3">
-                <div className="flex items-center justify-between text-sm">
-                  <div className="flex items-center space-x-2">
-                    <FaCalendar className="w-4 h-4 text-gray-400" />
-                    <span className="text-gray-600">
-                      {quotation.quotationDate.toLocaleDateString('tr-TR')}
-                    </span>
-                  </div>
-                  <div className="flex items-center space-x-2">
-                    <FaUsers className="w-4 h-4 text-gray-400" />
-                    <span className="text-gray-600">{quotation.submittedBy}</span>
-                  </div>
-                </div>
-
-                {quotation.notes && (
-                  <div className="mt-2 p-2 bg-gray-50 rounded text-sm text-gray-600">
-                    <strong>Not:</strong> {quotation.notes}
-                  </div>
-                )}
-
-                {quotation.evaluationNotes && (
-                  <div className="mt-2 p-2 bg-blue-50 rounded text-sm text-gray-600">
-                    <strong>Değerlendirme:</strong> {quotation.evaluationNotes}
-                  </div>
-                )}
-              </div>
-            </div>
-          ))}
-        </div>
-
-        {filteredQuotations.length === 0 && (
-          <div className="text-center py-8">
-            <FaFileAlt className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-            <h3 className="text-lg font-medium text-gray-900 mb-2">Teklif bulunamadı</h3>
-            <p className="text-gray-500 mb-3">
-              Arama kriterlerinizi değiştirin veya yeni bir teklif ekleyin.
-            </p>
-            <button
-              onClick={handleAddQuotation}
-              className="bg-blue-600 text-white px-3 py-1.5 rounded-lg hover:bg-blue-700"
-            >
-              Yeni Teklif Ekle
-            </button>
-          </div>
-        )}
-
-        {/* Bulk Actions */}
-        {selectedQuotations.length > 0 && (
-          <div className="fixed bottom-6 left-1/2 transform -translate-x-1/2 bg-white rounded-lg shadow-lg border border-gray-200 p-3">
-            <div className="flex items-center space-x-3">
-              <span className="text-sm text-gray-600">
-                {selectedQuotations.length} teklif seçildi
-              </span>
-              <div className="flex space-x-2">
-                <button
-                  onClick={handleCompareQuotations}
-                  className="bg-green-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-green-700"
-                >
-                  Karşılaştır
-                </button>
-                <button className="bg-blue-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-blue-700">
-                  Toplu İşlem
-                </button>
-                <button
-                  onClick={() => setSelectedQuotations([])}
-                  className="bg-gray-600 text-white px-2.5 py-1.5 rounded text-sm hover:bg-gray-700"
-                >
-                  Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* Modal for Bulk/Comparison operations */}
-      {showModal && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-          <div className="bg-white rounded-lg p-4 w-full max-w-6xl mx-4 max-h-[90vh] overflow-y-auto">
-            <div className="flex items-center justify-between mb-4">
-              <h3 className="text-lg font-semibold">
-                {modalType === 'bulk' && 'Toplu Teklif Talebi'}
-                {modalType === 'comparison' && 'Teklif Karşılaştırması'}
-              </h3>
-              <button
-                onClick={() => setShowModal(false)}
-                className="text-gray-400 hover:text-gray-600"
-              >
-                <FaTimes />
-              </button>
-            </div>
-
-            {modalType === 'comparison' && (
-              <div className="space-y-4">
-                {/* Comparison Summary */}
-                <div className="bg-gray-50 p-3 rounded-lg">
-                  <h4 className="font-medium text-gray-900 mb-2">Karşılaştırma Özeti</h4>
-                  <div className="grid grid-cols-1 md:grid-cols-4 gap-3 text-sm">
-                    <div>
-                      <span className="text-gray-500">Toplam Teklif:</span>
-                      <p className="font-medium">{selectedQuotations.length}</p>
-                    </div>
-                    <div>
-                      <span className="text-gray-500">En Düşük Fiyat:</span>
-                      <p className="font-medium text-green-600">
-                        ₺
-                        {Math.min(
-                          ...quotations
-                            .filter((q) => selectedQuotations.includes(q.id))
-                            .map((q) => q.totalAmount),
-                        ).toLocaleString()}
-                      </p>
-                    </div>
-                    <div>
-                      <span className="text-gray-500">En Yüksek Fiyat:</span>
-                      <p className="font-medium text-red-600">
-                        ₺
-                        {Math.max(
-                          ...quotations
-                            .filter((q) => selectedQuotations.includes(q.id))
-                            .map((q) => q.totalAmount),
-                        ).toLocaleString()}
-                      </p>
-                    </div>
-                    <div>
-                      <span className="text-gray-500">Ortalama Fark:</span>
-                      <p className="font-medium text-blue-600">
-                        {(
-                          ((Math.max(
-                            ...quotations
-                              .filter((q) => selectedQuotations.includes(q.id))
-                              .map((q) => q.totalAmount),
-                          ) -
-                            Math.min(
-                              ...quotations
-                                .filter((q) => selectedQuotations.includes(q.id))
-                                .map((q) => q.totalAmount),
-                            )) /
-                            Math.min(
-                              ...quotations
-                                .filter((q) => selectedQuotations.includes(q.id))
-                                .map((q) => q.totalAmount),
-                            )) *
-                          100
-                        ).toFixed(1)}
-                        %
-                      </p>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Comparison Table */}
-                <div className="overflow-x-auto">
-                  <table className="min-w-full border border-gray-200 rounded-lg">
-                    <thead className="bg-gray-50">
-                      <tr>
-                        <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                          Kriter
-                        </th>
-                        {quotations
-                          .filter((q) => selectedQuotations.includes(q.id))
-                          .map((quotation) => (
-                            <th
-                              key={quotation.id}
-                              className="px-3 py-2 text-center text-xs font-medium text-gray-500 uppercase tracking-wider"
-                            >
-                              {quotation.supplier?.name}
-                            </th>
-                          ))}
-                      </tr>
-                    </thead>
-                    <tbody className="bg-white divide-y divide-gray-200">
-                      <tr>
-                        <td className="px-3 py-2 font-medium text-gray-900">Teklif No</td>
-                        {quotations
-                          .filter((q) => selectedQuotations.includes(q.id))
-                          .map((quotation) => (
-                            <td key={quotation.id} className="px-3 py-2 text-center text-gray-600">
-                              {quotation.quotationNumber}
-                            </td>
-                          ))}
-                      </tr>
-                      <tr className="bg-gray-50">
-                        <td className="px-3 py-2 font-medium text-gray-900">Toplam Tutar</td>
-                        {quotations
-                          .filter((q) => selectedQuotations.includes(q.id))
-                          .map((quotation) => (
-                            <td key={quotation.id} className="px-3 py-2 text-center">
-                              <span
-                                className={`font-semibold ${
-                                  quotation.totalAmount ===
-                                  Math.min(
-                                    ...quotations
-                                      .filter((q) => selectedQuotations.includes(q.id))
-                                      .map((q) => q.totalAmount),
-                                  )
-                                    ? 'text-green-600'
-                                    : quotation.totalAmount ===
-                                        Math.max(
-                                          ...quotations
-                                            .filter((q) => selectedQuotations.includes(q.id))
-                                            .map((q) => q.totalAmount),
-                                        )
-                                      ? 'text-red-600'
-                                      : 'text-gray-900'
-                                }`}
-                              >
-                                ₺{quotation.totalAmount.toLocaleString()}
-                              </span>
-                            </td>
-                          ))}
-                      </tr>
-                      <tr>
-                        <td className="px-3 py-2 font-medium text-gray-900">Geçerlilik Tarihi</td>
-                        {quotations
-                          .filter((q) => selectedQuotations.includes(q.id))
-                          .map((quotation) => (
-                            <td key={quotation.id} className="px-3 py-2 text-center text-gray-600">
-                              {quotation.validUntil.toLocaleDateString('tr-TR')}
-                            </td>
-                          ))}
-                      </tr>
-                      <tr className="bg-gray-50">
-                        <td className="px-3 py-2 font-medium text-gray-900">Durum</td>
-                        {quotations
-                          .filter((q) => selectedQuotations.includes(q.id))
-                          .map((quotation) => (
-                            <td key={quotation.id} className="px-3 py-2 text-center">
-                              <span
-                                className={`px-2 py-1 rounded-full text-xs font-medium ${getQuotationStatusColor(
-                                  quotation.status,
-                                )}`}
-                              >
-                                {getQuotationStatusText(quotation.status)}
-                              </span>
-                            </td>
-                          ))}
-                      </tr>
-                      <tr>
-                        <td className="px-3 py-2 font-medium text-gray-900">Kalem Sayısı</td>
-                        {quotations
-                          .filter((q) => selectedQuotations.includes(q.id))
-                          .map((quotation) => (
-                            <td key={quotation.id} className="px-3 py-2 text-center text-gray-600">
-                              {quotation.items.length}
-                            </td>
-                          ))}
-                      </tr>
-                      <tr className="bg-gray-50">
-                        <td className="px-3 py-2 font-medium text-gray-900">
-                          Ortalama Teslimat Süresi
-                        </td>
-                        {quotations
-                          .filter((q) => selectedQuotations.includes(q.id))
-                          .map((quotation) => (
-                            <td key={quotation.id} className="px-3 py-2 text-center text-gray-600">
-                              {getAverageLeadTime(quotation)} gün
-                            </td>
-                          ))}
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-
-                {/* Action Buttons for Comparison */}
-                <div className="flex justify-between items-center pt-3 border-t">
-                  <div className="flex space-x-2">
-                    <button className="px-3 py-1.5 bg-green-600 text-white rounded-lg hover:bg-green-700 flex items-center">
-                      <FaCheckCircle className="mr-2" />
-                      En İyi Teklifi Seç
-                    </button>
-                    <button className="px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center">
-                      <FaDownload className="mr-2" />
-                      Raporu İndir
-                    </button>
-                  </div>
-                  <div className="flex space-x-2">
-                    <button
-                      onClick={() => setShowModal(false)}
-                      className="px-3 py-1.5 text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-                    >
-                      Kapat
-                    </button>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {modalType === 'bulk' && (
-              <div className="space-y-6">
-                {/* Bulk Request Form */}
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-2">
-                      Talep Başlığı
-                    </label>
-                    <input
-                      type="text"
-                      className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                      placeholder="Toplu teklif talebi başlığı"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-2">
-                      Son Teklif Tarihi
-                    </label>
-                    <input
-                      type="date"
-                      className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    />
-                  </div>
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-2">
-                    Seçili Tedarikçiler
-                  </label>
-                  <div className="border border-gray-300 rounded-lg p-3 bg-gray-50">
-                    <div className="flex flex-wrap gap-2">
-                      {quotations
-                        .filter((q) => selectedQuotations.includes(q.id))
-                        .map((quotation) => (
-                          <span
-                            key={quotation.id}
-                            className="inline-flex items-center px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full"
-                          >
-                            {quotation.supplier?.name}
-                            <button
-                              onClick={() => handleSelectQuotation(quotation.id)}
-                              className="ml-2 text-blue-600 hover:text-blue-800"
-                            >
-                              <FaTimes className="w-3 h-3" />
-                            </button>
-                          </span>
-                        ))}
-                    </div>
-                  </div>
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-2">
-                    Teklif Detayları
-                  </label>
-                  <textarea
-                    rows={4}
-                    className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    placeholder="Teklif talebinizin detaylarını yazın..."
-                  />
-                </div>
-
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-2">
-                      Para Birimi
-                    </label>
-                    <select className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
-                      {mockCurrencies.map((currency) => (
-                        <option key={currency.value} value={currency.value}>
-                          {currency.value} - {currency.label}
-                        </option>
-                      ))}
-                    </select>
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-2">
-                      Teslimat Koşulları
-                    </label>
-                    <input
-                      type="text"
-                      className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                      placeholder="ör: 15 gün içinde teslim"
-                    />
-                  </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-2">
-                      Ödeme Koşulları
-                    </label>
-                    <input
-                      type="text"
-                      className="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                      placeholder="ör: 30 gün vadeli"
-                    />
-                  </div>
-                </div>
-
-                {/* Action Buttons for Bulk */}
-                <div className="flex justify-end space-x-3 pt-3 border-t">
-                  <button
-                    onClick={() => setShowModal(false)}
-                    className="px-3 py-1.5 text-gray-600 border border-gray-300 rounded-lg hover:bg-gray-50"
-                  >
-                    İptal
-                  </button>
-                  <button className="px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
-                    Teklif Talebini Gönder
-                  </button>
-                </div>
-              </div>
-            )}
-          </div>
-        </div>
-      )}
-    </Container>
-  )
-}
-
-export default QuotationManagement
diff --git a/ui/src/views/supplychain/components/SupplierCardModal.tsx b/ui/src/views/supplychain/components/SupplierCardModal.tsx
deleted file mode 100644
index 8ed2288c..00000000
--- a/ui/src/views/supplychain/components/SupplierCardModal.tsx
+++ /dev/null
@@ -1,370 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { FaTimes, FaSave, FaCreditCard, FaStar } from 'react-icons/fa'
-import { SupplierCardTypeEnum, SupplierTypeEnum } from '../../../types/mm'
-import { mockBusinessPartyNew } from '../../../mocks/mockBusinessParties'
-import { BusinessParty, PartyType, PaymentTerms } from '../../../types/common'
-import { getPaymentTermsText, getSupplierCardTypeText } from '@/utils/erp'
-
-interface SupplierCardModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (supplierCard: BusinessParty) => void
-  supplierCard?: BusinessParty | null
-  mode: 'create' | 'view' | 'edit'
-}
-
-const SupplierCardModal: React.FC<SupplierCardModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  supplierCard,
-  mode,
-}) => {
-  const [formData, setFormData] = useState<Partial<BusinessParty>>(mockBusinessPartyNew)
-
-  useEffect(() => {
-    if (mode === 'create') {
-      setFormData(mockBusinessPartyNew)
-    } else if (supplierCard) {
-      setFormData(supplierCard)
-    }
-  }, [supplierCard, mode])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
-  ) => {
-    const { name, value, type } = e.target
-    setFormData((prev) => ({
-      ...prev,
-      [name]:
-        type === 'number'
-          ? parseFloat(value) || 0
-          : type === 'checkbox'
-            ? (e.target as HTMLInputElement).checked
-            : value,
-    }))
-  }
-
-  const handleSpecialConditionsChange = (value: string) => {
-    const conditions = value.split('\n').filter((condition) => condition.trim() !== '')
-    setFormData((prev) => ({
-      ...prev,
-      specialConditions: conditions,
-    }))
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (mode !== 'view') {
-      const newSupplierCard: BusinessParty = {
-        id: supplierCard?.id || `SC-${Date.now()}`,
-        code: formData.code || '',
-        cardNumber:
-          formData.cardNumber ||
-          `SC-${new Date().getFullYear()}-${Date.now().toString().slice(-3)}`,
-        cardType: formData.cardType || SupplierCardTypeEnum.Standard,
-        validFrom: formData.validFrom || new Date(),
-        validTo: formData.validTo,
-        creditLimit: formData.creditLimit || 0,
-        currentBalance: formData.currentBalance || 0,
-        paymentTerms: formData.paymentTerms || PaymentTerms.Net30,
-        discountRate: formData.discountRate,
-        specialConditions: formData.specialConditions || [],
-        isActive: formData.isActive ?? true,
-        lastOrderDate: formData.lastOrderDate,
-        performanceMetrics: formData.performanceMetrics || {
-          deliveryPerformance: 0,
-          qualityRating: 0,
-          priceCompetitiveness: 0,
-          responsiveness: 0,
-          complianceRating: 0,
-          overallScore: 0,
-          lastEvaluationDate: new Date(),
-        },
-        creationTime: supplierCard?.creationTime || new Date(),
-        lastModificationTime: new Date(),
-        supplierType: SupplierTypeEnum.Distributor,
-        name: '',
-        currency: '',
-        certifications: [],
-        bankAccounts: [],
-        contacts: [],
-        partyType: PartyType.Supplier,
-      }
-      onSave(newSupplierCard)
-    }
-    onClose()
-  }
-
-  if (!isOpen) return null
-
-  const isReadOnly = mode === 'view'
-  const modalTitle =
-    mode === 'create'
-      ? 'Yeni Tedarikçi Kartı'
-      : mode === 'edit'
-        ? 'Tedarikçi Kartını Düzenle'
-        : 'Tedarikçi Kartı Detayları'
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-      <div className="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
-        <div className="flex items-center justify-between p-4 border-b">
-          <h3 className="text-base font-semibold text-gray-900 flex items-center">
-            <FaCreditCard className="mr-2 text-blue-600" />
-            {modalTitle}
-          </h3>
-          <button onClick={onClose} className="p-1 text-gray-400 hover:text-gray-600">
-            <FaTimes />
-          </button>
-        </div>
-
-        <form onSubmit={handleSubmit} className="p-4">
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* Temel Bilgiler */}
-            <div className="space-y-3">
-              <h4 className="text-sm font-medium text-gray-900 border-b pb-1.5">Temel Bilgiler</h4>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Tedarikçi</label>
-                <input
-                  type="text"
-                  name="customerCode"
-                  value={formData.code || ''}
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                  required
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Kart Numarası</label>
-                <input
-                  type="text"
-                  name="cardNumber"
-                  value={formData.cardNumber || ''}
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Kart Tipi</label>
-                <select
-                  name="cardType"
-                  value={formData.cardType || SupplierCardTypeEnum.Standard}
-                  onChange={handleInputChange}
-                  disabled={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                >
-                  {Object.values(SupplierCardTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getSupplierCardTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">
-                  Geçerlilik Başlangıcı
-                </label>
-                <input
-                  type="date"
-                  name="validFrom"
-                  value={
-                    formData.validFrom
-                      ? new Date(formData.validFrom).toISOString().split('T')[0]
-                      : ''
-                  }
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Geçerlilik Bitişi</label>
-                <input
-                  type="date"
-                  name="validTo"
-                  value={
-                    formData.validTo ? new Date(formData.validTo).toISOString().split('T')[0] : ''
-                  }
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                />
-              </div>
-            </div>
-
-            {/* Mali Bilgiler */}
-            <div className="space-y-3">
-              <h4 className="text-sm font-medium text-gray-900 border-b pb-1.5">Mali Bilgiler</h4>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Kredi Limiti (TL)</label>
-                <input
-                  type="number"
-                  name="creditLimit"
-                  value={formData.creditLimit || 0}
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">
-                  Mevcut Bakiye (TL)
-                </label>
-                <input
-                  type="number"
-                  name="currentBalance"
-                  value={formData.currentBalance || 0}
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">Ödeme Koşulları</label>
-                <select
-                  name="paymentTerms"
-                  value={formData.paymentTerms || PaymentTerms.Net30}
-                  onChange={handleInputChange}
-                  disabled={isReadOnly}
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                >
-                  {Object.values(PaymentTerms).map((term) => (
-                    <option key={term} value={term}>
-                      {getPaymentTermsText(term)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700">İndirim Oranı (%)</label>
-                <input
-                  type="number"
-                  name="discountRate"
-                  value={formData.discountRate || 0}
-                  onChange={handleInputChange}
-                  readOnly={isReadOnly}
-                  min="0"
-                  max="100"
-                  step="0.1"
-                  className="mt-1 block w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-                />
-              </div>
-
-              <div>
-                <label className="flex items-center">
-                  <input
-                    type="checkbox"
-                    name="isActive"
-                    checked={formData.isActive || false}
-                    onChange={handleInputChange}
-                    disabled={isReadOnly}
-                    className="mr-2"
-                  />
-                  <span className="text-sm font-medium text-gray-700">Aktif</span>
-                </label>
-              </div>
-            </div>
-          </div>
-
-          {/* Özel Koşullar */}
-          <div className="mt-4">
-            <h4 className="text-sm font-medium text-gray-900 border-b pb-1.5 mb-2">
-              Özel Koşullar
-            </h4>
-            <textarea
-              name="specialConditions"
-              value={formData.specialConditions?.join('\n') || ''}
-              onChange={(e) => handleSpecialConditionsChange(e.target.value)}
-              readOnly={isReadOnly}
-              rows={3}
-              placeholder="Her satıra bir özel koşul yazın..."
-              className="w-full border border-gray-300 rounded-md px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
-            />
-          </div>
-
-          {/* Performans Metrikleri - Sadece görüntüleme modu */}
-          {mode === 'view' && formData.performanceMetrics && (
-            <div className="mt-4">
-              <h4 className="text-sm font-medium text-gray-900 border-b pb-1.5 mb-3 flex items-center">
-                <FaStar className="mr-2 text-yellow-500" />
-                Performans Metrikleri
-              </h4>
-              <div className="grid grid-cols-2 md:grid-cols-3 gap-3">
-                <div className="text-center">
-                  <div className="text-2xl font-bold text-blue-600">
-                    {formData.performanceMetrics.deliveryPerformance}%
-                  </div>
-                  <div className="text-sm text-gray-600">Teslimat Performansı</div>
-                </div>
-                <div className="text-center">
-                  <div className="text-2xl font-bold text-green-600">
-                    {formData.performanceMetrics.qualityRating}%
-                  </div>
-                  <div className="text-sm text-gray-600">Kalite Değerlendirmesi</div>
-                </div>
-                <div className="text-center">
-                  <div className="text-2xl font-bold text-purple-600">
-                    {formData.performanceMetrics.priceCompetitiveness}%
-                  </div>
-                  <div className="text-sm text-gray-600">Fiyat Rekabeti</div>
-                </div>
-                <div className="text-center">
-                  <div className="text-2xl font-bold text-indigo-600">
-                    {formData.performanceMetrics.responsiveness}%
-                  </div>
-                  <div className="text-sm text-gray-600">Yanıt Hızı</div>
-                </div>
-                <div className="text-center">
-                  <div className="text-2xl font-bold text-red-600">
-                    {formData.performanceMetrics.complianceRating}%
-                  </div>
-                  <div className="text-sm text-gray-600">Uyum Derecesi</div>
-                </div>
-                <div className="text-center">
-                  <div className="text-2xl font-bold text-yellow-600">
-                    {formData.performanceMetrics.overallScore}%
-                  </div>
-                  <div className="text-sm text-gray-600">Genel Puan</div>
-                </div>
-              </div>
-            </div>
-          )}
-
-          {/* Action Buttons */}
-          <div className="flex justify-end space-x-2 mt-4 pt-3 border-t">
-            <button
-              type="button"
-              onClick={onClose}
-              className="px-3 py-1.5 border border-gray-300 rounded-md text-sm text-gray-700 hover:bg-gray-50"
-            >
-              {mode === 'view' ? 'Kapat' : 'İptal'}
-            </button>
-            {mode !== 'view' && (
-              <button
-                type="submit"
-                className="px-3 py-1.5 bg-blue-600 text-white rounded-md text-sm hover:bg-blue-700 flex items-center"
-              >
-                <FaSave className="mr-2" />
-                Kaydet
-              </button>
-            )}
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default SupplierCardModal
diff --git a/ui/src/views/supplychain/components/SupplierCards.tsx b/ui/src/views/supplychain/components/SupplierCards.tsx
deleted file mode 100644
index b1893648..00000000
--- a/ui/src/views/supplychain/components/SupplierCards.tsx
+++ /dev/null
@@ -1,525 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaPlus,
-  FaSearch,
-  FaEdit,
-  FaTrash,
-  FaCreditCard,
-  FaCalendar,
-  FaDollarSign,
-  FaStar,
-  FaExclamationCircle,
-  FaEye,
-  FaTh,
-  FaList,
-  FaBuilding,
-} from 'react-icons/fa'
-import SupplierCardModal from './SupplierCardModal'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { BusinessParty, PartyType } from '../../../types/common'
-import {
-  getSupplierCardTypeColor,
-  getSupplierCardTypeText,
-  getPaymentTermsText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const SupplierCards: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [showModal, setShowModal] = useState(false)
-  const [editingCard, setEditingCard] = useState<BusinessParty | null>(null)
-  const [modalMode, setModalMode] = useState<'create' | 'view' | 'edit'>('create')
-  const [viewMode, setViewMode] = useState<'cards' | 'list'>('cards')
-
-  // Mock data - replace with actual API calls
-  const [supplierCards] = useState<BusinessParty[]>(mockBusinessParties)
-
-  const filteredCards = supplierCards
-    .filter((card) => card.partyType === PartyType.Supplier)
-    .filter(
-      (card) =>
-        card.cardNumber!.toLowerCase().includes(searchTerm.toLowerCase()) ||
-        card.id.toLowerCase().includes(searchTerm.toLowerCase()),
-    )
-
-  const getCreditUtilization = (card: BusinessParty) => {
-    return (card.currentBalance! / card.creditLimit) * 100
-  }
-
-  const getPerformanceColor = (score: number) => {
-    if (score >= 90) return 'text-green-600'
-    if (score >= 80) return 'text-yellow-600'
-    return 'text-red-600'
-  }
-
-  const handleEdit = (card: BusinessParty) => {
-    setEditingCard(card)
-    setModalMode('edit')
-    setShowModal(true)
-  }
-
-  const handleView = (card: BusinessParty) => {
-    setEditingCard(card)
-    setModalMode('view')
-    setShowModal(true)
-  }
-
-  const handleAddNew = () => {
-    setEditingCard(null)
-    setModalMode('create')
-    setShowModal(true)
-  }
-
-  const handleSaveCard = (card: BusinessParty) => {
-    // TODO: Implement save logic
-    console.log('Saving supplier card:', card)
-    setShowModal(false)
-    setEditingCard(null)
-  }
-
-  const handleCloseModal = () => {
-    setShowModal(false)
-    setEditingCard(null)
-  }
-
-  const isCardExpiring = (card: BusinessParty) => {
-    if (!card.validTo) return false
-    const daysUntilExpiry = Math.ceil(
-      (card.validTo.getTime() - new Date().getTime()) / (1000 * 60 * 60 * 24),
-    )
-    return daysUntilExpiry <= 30
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Tedarikçiler</h2>
-            <p className="text-gray-600">
-              Tedarikçi kredi limitleri, özel şartlar ve performans metriklerini yönetin
-            </p>
-          </div>
-          <div className="flex items-center space-x-2">
-            <div className="flex bg-gray-100 rounded-lg">
-              <button
-                onClick={() => setViewMode('cards')}
-                className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${
-                  viewMode === 'cards'
-                    ? 'bg-white text-gray-900 shadow-sm'
-                    : 'text-gray-500 hover:text-gray-700'
-                }`}
-              >
-                <FaTh className="w-4 h-4 inline" />
-              </button>
-              <button
-                onClick={() => setViewMode('list')}
-                className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${
-                  viewMode === 'list'
-                    ? 'bg-white text-gray-900 shadow-sm'
-                    : 'text-gray-500 hover:text-gray-700'
-                }`}
-              >
-                <FaList className="w-4 h-4 inline" />
-              </button>
-            </div>
-
-            {/* View Toggle */}
-            <button
-              onClick={handleAddNew}
-              className="bg-blue-600 text-white px-3 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center space-x-1.5"
-            >
-              <FaPlus className="w-4 h-4" />
-              <span>Yeni Tedarikçi Kartı</span>
-            </button>
-          </div>
-        </div>
-
-        {/* Search Bar */}
-        <div className="relative">
-          <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
-          <input
-            type="text"
-            placeholder="Tedarikçi kartı ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full pl-10 pr-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-          />
-        </div>
-
-        {/* Content Area */}
-        {viewMode === 'cards' ? (
-          /* Cards Grid */
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-            {filteredCards.map((card) => (
-              <div
-                key={card.id}
-                className={`bg-white rounded-lg shadow-md border-l-4 p-4 hover:shadow-lg transition-shadow ${
-                  getSupplierCardTypeColor(card.cardType!).split(' ').slice(-1)[0]
-                }`}
-              >
-                <div className="flex items-start justify-between mb-3">
-                  <div className="flex-1">
-                    <div className="flex items-center space-x-2 mb-1.5">
-                      <FaCreditCard className="w-6 h-6 text-gray-600" />
-                      <h3 className="text-lg font-semibold text-gray-900">{card.cardNumber}</h3>
-                      <span
-                        className={`px-3 py-1 rounded-full text-sm font-medium border ${getSupplierCardTypeColor(
-                          card.cardType!,
-                        )}`}
-                      >
-                        {getSupplierCardTypeText(card.cardType!)}
-                      </span>
-                    </div>
-                    <p className="text-sm text-gray-600 mb-1">Tedarikçi: {card.code}</p>
-                    <div className="flex items-center space-x-4 text-sm text-gray-500">
-                      <span>Ödeme: {getPaymentTermsText(card.paymentTerms)}</span>
-                      {card.discountRate && (
-                        <span className="text-green-600">%{card.discountRate} indirim</span>
-                      )}
-                    </div>
-                  </div>
-                  <div className="flex space-x-1">
-                    <button
-                      onClick={() => handleView(card)}
-                      className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md transition-colors"
-                      title="Görüntüle"
-                    >
-                      <FaEye className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleEdit(card)}
-                      className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md transition-colors"
-                      title="Düzenle"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                    <button
-                      className="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition-colors"
-                      title="Sil"
-                    >
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-
-                {/* Warnings */}
-                {(isCardExpiring(card) || !card.isActive) && (
-                  <div className="mb-3 space-y-2">
-                    {!card.isActive && (
-                      <div className="flex items-center space-x-2 text-red-600 bg-red-50 px-2.5 py-1.5 rounded-lg">
-                        <FaExclamationCircle className="w-4 h-4" />
-                        <span className="text-sm">Kart pasif durumda</span>
-                      </div>
-                    )}
-                    {isCardExpiring(card) && (
-                      <div className="flex items-center space-x-2 text-orange-600 bg-orange-50 px-2.5 py-1.5 rounded-lg">
-                        <FaCalendar className="w-4 h-4" />
-                        <span className="text-sm">Kartın süresi 30 gün içinde dolacak</span>
-                      </div>
-                    )}
-                  </div>
-                )}
-
-                {/* Credit Information */}
-                <div className="mb-3">
-                  <div className="flex items-center justify-between mb-1.5">
-                    <span className="text-sm text-gray-600 flex items-center">
-                      <FaDollarSign className="w-4 h-4 mr-1" />
-                      Kredi Limiti
-                    </span>
-                    <span className="font-medium">₺{card.creditLimit.toLocaleString()}</span>
-                  </div>
-                  <div className="flex items-center justify-between mb-1.5">
-                    <span className="text-sm text-gray-600">Kullanılan</span>
-                    <span className="font-medium">₺{card.currentBalance!.toLocaleString()}</span>
-                  </div>
-                  <div className="w-full bg-gray-200 rounded-full h-2">
-                    <div
-                      className={`h-2 rounded-full ${
-                        getCreditUtilization(card) > 80
-                          ? 'bg-red-500'
-                          : getCreditUtilization(card) > 60
-                            ? 'bg-yellow-500'
-                            : 'bg-green-500'
-                      }`}
-                      style={{ width: `${getCreditUtilization(card)}%` }}
-                    ></div>
-                  </div>
-                  <div className="flex justify-between text-xs text-gray-500 mt-1">
-                    <span>%{getCreditUtilization(card).toFixed(1)} kullanıldı</span>
-                    <span>
-                      ₺{(card.creditLimit - card.currentBalance!).toLocaleString()} müsait
-                    </span>
-                  </div>
-                </div>
-
-                {/* Performance Metrics */}
-                <div className="mb-3">
-                  <div className="flex items-center justify-between mb-1.5">
-                    <span className="text-sm text-gray-600 flex items-center">
-                      <FaStar className="w-4 h-4 mr-1" />
-                      Genel Performans
-                    </span>
-                    <span
-                      className={`font-bold text-lg ${getPerformanceColor(
-                        card.performanceMetrics!.overallScore,
-                      )}`}
-                    >
-                      {card.performanceMetrics!.overallScore}/100
-                    </span>
-                  </div>
-                  <div className="grid grid-cols-2 gap-2 text-xs">
-                    <div className="flex justify-between">
-                      <span className="text-gray-600">Teslimat:</span>
-                      <span
-                        className={getPerformanceColor(
-                          card.performanceMetrics!.deliveryPerformance,
-                        )}
-                      >
-                        {card.performanceMetrics!.deliveryPerformance}%
-                      </span>
-                    </div>
-                    <div className="flex justify-between">
-                      <span className="text-gray-600">Kalite:</span>
-                      <span className={getPerformanceColor(card.performanceMetrics!.qualityRating)}>
-                        {card.performanceMetrics!.qualityRating}%
-                      </span>
-                    </div>
-                    <div className="flex justify-between">
-                      <span className="text-gray-600">Fiyat:</span>
-                      <span
-                        className={getPerformanceColor(
-                          card.performanceMetrics!.priceCompetitiveness,
-                        )}
-                      >
-                        {card.performanceMetrics!.priceCompetitiveness}%
-                      </span>
-                    </div>
-                    <div className="flex justify-between">
-                      <span className="text-gray-600">Uyum:</span>
-                      <span
-                        className={getPerformanceColor(card.performanceMetrics!.complianceRating)}
-                      >
-                        {card.performanceMetrics!.complianceRating}%
-                      </span>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Special Conditions */}
-                {card.specialConditions && card.specialConditions.length > 0 && (
-                  <div className="mb-3">
-                    <h4 className="text-sm font-medium text-gray-900 mb-2">Özel Şartlar:</h4>
-                    <div className="flex flex-wrap gap-1">
-                      {card.specialConditions.map((condition, index) => (
-                        <span
-                          key={index}
-                          className="px-2 py-1 bg-blue-50 text-blue-700 text-xs rounded-full"
-                        >
-                          {condition}
-                        </span>
-                      ))}
-                    </div>
-                  </div>
-                )}
-
-                {/* Footer */}
-                <div className="flex items-center justify-between pt-3 border-t border-gray-100">
-                  <div className="flex items-center space-x-2">
-                    <span
-                      className={`px-2 py-1 rounded-full text-xs font-medium ${
-                        card.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-                      }`}
-                    >
-                      {card.isActive ? 'Aktif' : 'Pasif'}
-                    </span>
-                    <span className="text-xs text-gray-500">
-                      Geçerli: {card.validFrom!.toLocaleDateString('tr-TR')} -{' '}
-                      {card.validTo?.toLocaleDateString('tr-TR') || 'Süresiz'}
-                    </span>
-                  </div>
-                  {card.lastOrderDate && (
-                    <span className="text-xs text-gray-400">
-                      Son işlem: {card.lastOrderDate.toLocaleDateString('tr-TR')}
-                    </span>
-                  )}
-                </div>
-              </div>
-            ))}
-          </div>
-        ) : (
-          /* List View */
-          <div className="bg-white rounded-lg shadow overflow-hidden">
-            <div className="overflow-x-auto">
-              <table className="min-w-full divide-y divide-gray-200">
-                <thead className="bg-gray-50">
-                  <tr>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Tedarikçi
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Kart Tipi
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Kredi Limiti
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Kullanım Oranı
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Performans
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Ödeme Şartları
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Durum
-                    </th>
-                    <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      İşlemler
-                    </th>
-                  </tr>
-                </thead>
-                <tbody className="bg-white divide-y divide-gray-200">
-                  {filteredCards.map((card) => (
-                    <tr key={card.id} className="hover:bg-gray-50 text-sm">
-                      <td className="px-2 py-2 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <div className="flex-shrink-0 h-10 w-10">
-                            <div className="h-10 w-10 rounded-full bg-gray-300 flex items-center justify-center">
-                              <FaBuilding className="w-5 h-5 text-gray-600" />
-                            </div>
-                          </div>
-                          <div className="ml-4">
-                            <div className="text-sm font-medium text-gray-900">
-                              {card.cardNumber}
-                            </div>
-                            <div className="text-sm text-gray-500">{card.code}</div>
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap">
-                        <span
-                          className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getSupplierCardTypeColor(
-                            card.cardType!,
-                          )}`}
-                        >
-                          {getSupplierCardTypeText(card.cardType!)}
-                        </span>
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap text-sm text-gray-900">
-                        ₺{card.creditLimit.toLocaleString()}
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <div className="w-16 bg-gray-200 rounded-full h-2 mr-2">
-                            <div
-                              className={`h-2 rounded-full ${
-                                getCreditUtilization(card) > 80
-                                  ? 'bg-red-500'
-                                  : getCreditUtilization(card) > 60
-                                    ? 'bg-yellow-500'
-                                    : 'bg-green-500'
-                              }`}
-                              style={{ width: `${getCreditUtilization(card)}%` }}
-                            ></div>
-                          </div>
-                          <span className="text-sm text-gray-700">
-                            %{getCreditUtilization(card).toFixed(1)}
-                          </span>
-                        </div>
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <FaStar className="w-4 h-4 text-yellow-400 mr-1" />
-                          <span
-                            className={`text-sm font-medium ${getPerformanceColor(
-                              card.performanceMetrics!.overallScore,
-                            )}`}
-                          >
-                            {card.performanceMetrics!.overallScore}/100
-                          </span>
-                        </div>
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap text-sm text-gray-500">
-                        {getPaymentTermsText(card.paymentTerms)}
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap">
-                        <div className="flex flex-col space-y-1">
-                          <span
-                            className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${
-                              card.isActive
-                                ? 'bg-green-100 text-green-800'
-                                : 'bg-red-100 text-red-800'
-                            }`}
-                          >
-                            {card.isActive ? 'Aktif' : 'Pasif'}
-                          </span>
-                          {(isCardExpiring(card) || !card.isActive) && (
-                            <div className="flex items-center">
-                              <FaExclamationCircle className="w-3 h-3 text-orange-500 mr-1" />
-                              <span className="text-xs text-orange-600">
-                                {!card.isActive ? 'Pasif' : 'Süre dolacak'}
-                              </span>
-                            </div>
-                          )}
-                        </div>
-                      </td>
-                      <td className="px-2 py-2 whitespace-nowrap text-right text-sm font-medium">
-                        <div className="flex space-x-2">
-                          <button
-                            onClick={() => handleView(card)}
-                            className="text-gray-400 hover:text-blue-600 hover:bg-blue-50 p-1 rounded"
-                            title="Görüntüle"
-                          >
-                            <FaEye className="w-4 h-4" />
-                          </button>
-                          <button
-                            onClick={() => handleEdit(card)}
-                            className="text-gray-400 hover:text-green-600 hover:bg-green-50 p-1 rounded"
-                            title="Düzenle"
-                          >
-                            <FaEdit className="w-4 h-4" />
-                          </button>
-                          <button
-                            className="text-gray-400 hover:text-red-600 hover:bg-red-50 p-1 rounded"
-                            title="Sil"
-                          >
-                            <FaTrash className="w-4 h-4" />
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-          </div>
-        )}
-
-        {filteredCards.length === 0 && (
-          <div className="text-center py-8">
-            <FaCreditCard className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-            <h3 className="text-lg font-medium text-gray-900 mb-2">Tedarikçi kartı bulunamadı</h3>
-            <p className="text-gray-500">
-              Arama kriterlerinizi değiştirin veya yeni bir tedarikçi kartı ekleyin.
-            </p>
-          </div>
-        )}
-      </div>
-
-      {/* Supplier Card Modal */}
-      <SupplierCardModal
-        isOpen={showModal}
-        onClose={handleCloseModal}
-        onSave={handleSaveCard}
-        supplierCard={editingCard}
-        mode={modalMode}
-      />
-    </Container>
-  )
-}
-
-export default SupplierCards
diff --git a/ui/src/views/supplychain/components/SupplierForm.tsx b/ui/src/views/supplychain/components/SupplierForm.tsx
deleted file mode 100644
index 8509e4e2..00000000
--- a/ui/src/views/supplychain/components/SupplierForm.tsx
+++ /dev/null
@@ -1,781 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { useNavigate, useParams } from 'react-router-dom'
-import {
-  FaSave,
-  FaTimes,
-  FaBuilding,
-  FaUser,
-  FaMapMarkerAlt,
-  FaCreditCard,
-  FaPhone,
-  FaEnvelope,
-  FaStar,
-} from 'react-icons/fa'
-import LoadingSpinner from '../../../components/common/LoadingSpinner'
-import { mockBusinessParties, mockBusinessPartyNew } from '../../../mocks/mockBusinessParties'
-import { BusinessParty, PaymentTerms } from '../../../types/common'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-import { mockCurrencies } from '@/mocks/mockCurrencies'
-import { getPaymentTermsText, getSupplierTypeText } from '@/utils/erp'
-import { SupplierTypeEnum } from '@/types/mm'
-
-interface ValidationErrors {
-  [key: string]: string
-}
-
-const SupplierForm: React.FC = () => {
-  const navigate = useNavigate()
-  const { id } = useParams<{ id: string }>()
-  const isEdit = Boolean(id)
-
-  const [loading, setLoading] = useState(false)
-  const [saving, setSaving] = useState(false)
-  const [errors, setErrors] = useState<ValidationErrors>({})
-  const [formData, setFormData] = useState<BusinessParty>(mockBusinessPartyNew)
-
-  const loadFormData = useCallback(async () => {
-    setLoading(true)
-    try {
-      if (isEdit && id) {
-        // Simulate API call
-        await new Promise((resolve) => setTimeout(resolve, 1000))
-
-        setFormData(mockBusinessParties.find((s) => s.id === id) || mockBusinessPartyNew)
-      }
-    } catch (error) {
-      console.error('Error loading form data:', error)
-    } finally {
-      setLoading(false)
-    }
-  }, [isEdit, id])
-
-  useEffect(() => {
-    loadFormData()
-  }, [loadFormData])
-
-  const validateForm = (): boolean => {
-    const newErrors: ValidationErrors = {}
-
-    if (!formData.code?.trim()) {
-      newErrors.customerCode = 'Tedarikçi kodu zorunludur'
-    }
-    if (!formData.name.trim()) {
-      newErrors.companyName = 'Şirket adı zorunludur'
-    }
-    if (!formData.primaryContact?.name?.trim()) {
-      newErrors.contactPerson = 'İletişim kişisi zorunludur'
-    }
-    if (!formData.email?.trim()) {
-      newErrors.email = 'Email zorunludur'
-    } else if (!/\S+@\S+\.\S+/.test(formData.email)) {
-      newErrors.email = 'Geçerli bir email adresi girin'
-    }
-    if (!formData.phoneNumber?.trim()) {
-      newErrors.phoneNumber = 'Telefon numarası zorunludur'
-    }
-    if (!formData.address?.street?.trim()) {
-      newErrors.street = 'Adres zorunludur'
-    }
-    if (!formData.address?.city.trim()) {
-      newErrors.city = 'Şehir zorunludur'
-    }
-    if (!formData.address?.country.trim()) {
-      newErrors.country = 'Ülke zorunludur'
-    }
-    if (!formData.paymentTerms) {
-      newErrors.paymentTerms = 'Ödeme koşulları seçilmelidir'
-    }
-    if (!formData.supplierType) {
-      newErrors.supplierType = 'Tedarikçi tipi seçilmelidir'
-    }
-
-    setErrors(newErrors)
-    return Object.keys(newErrors).length === 0
-  }
-
-  const handleInputChange = (field: string, value: any) => {
-    setFormData((prev) => {
-      const keys = field.split('.')
-      const updated: any = { ...prev }
-      let temp = updated
-
-      keys.forEach((key, index) => {
-        if (index === keys.length - 1) {
-          temp[key] = value
-        } else {
-          temp[key] = { ...temp[key] }
-          temp = temp[key]
-        }
-      })
-
-      return updated
-    })
-  }
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-
-    if (!validateForm()) {
-      return
-    }
-
-    setSaving(true)
-    try {
-      // Simulate API call
-      await new Promise((resolve) => setTimeout(resolve, 2000))
-
-      console.log('Supplier data:', {
-        ...formData,
-        id: isEdit ? id : undefined,
-      })
-
-      // Show success message
-      alert(isEdit ? 'Tedarikçi başarıyla güncellendi!' : 'Tedarikçi başarıyla oluşturuldu!')
-
-      // Navigate back to list
-      navigate(ROUTES_ENUM.protected.supplychain.suppliers)
-    } catch (error) {
-      console.error('Error saving supplier:', error)
-      alert('Bir hata oluştu. Lütfen tekrar deneyin.')
-    } finally {
-      setSaving(false)
-    }
-  }
-
-  const handleCancel = () => {
-    navigate(ROUTES_ENUM.protected.supplychain.suppliers)
-  }
-
-  if (loading) {
-    return <LoadingSpinner />
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-lg font-semibold text-gray-900">
-              {isEdit ? 'Tedarikçi Düzenle' : 'Yeni Tedarikçi'}
-            </h2>
-            <p className="text-sm text-gray-600 mt-1">
-              {isEdit
-                ? 'Mevcut tedarikçi bilgilerini güncelleyin'
-                : 'Yeni tedarikçi bilgilerini girin'}
-            </p>
-          </div>
-        </div>
-
-        {/* Form */}
-        <form onSubmit={handleSubmit} className="space-y-3">
-          {/* Basic Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaBuilding className="w-5 h-5 mr-2" />
-                Genel Bilgiler
-              </h3>
-            </div>
-
-            <div className="px-4 py-3 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Tedarikçi Kodu *
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.code}
-                    onChange={(e) => handleInputChange('customerCode', e.target.value)}
-                    className={`block w-full px-2.5 py-1.5 border rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 ${
-                      errors.customerCode
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="Örn: SUP001"
-                  />
-                  {errors.supplierCode && (
-                    <p className="mt-1 text-sm text-red-600">{errors.supplierCode}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Tedarikçi Tipi *
-                  </label>
-                  <select
-                    value={formData.supplierType}
-                    onChange={(e) => handleInputChange('supplierType', e.target.value)}
-                    className={`block w-full px-2.5 py-1.5 border rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 ${
-                      errors.supplierType
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                  >
-                    <option value="">Tip seçin</option>
-                    {Object.values(SupplierTypeEnum).map((type) => (
-                      <option key={type} value={type}>
-                        {getSupplierTypeText(type)}
-                      </option>
-                    ))}
-                  </select>
-                  {errors.supplierType && (
-                    <p className="mt-1 text-sm text-red-600">{errors.supplierType}</p>
-                  )}
-                </div>
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Şirket Adı *</label>
-                <input
-                  type="text"
-                  value={formData.name}
-                  onChange={(e) => handleInputChange('companyName', e.target.value)}
-                  className={`block w-full px-2.5 py-1.5 border rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 ${
-                    errors.companyName
-                      ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                      : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                  }`}
-                  placeholder="Şirket adı"
-                />
-                {errors.companyName && (
-                  <p className="mt-1 text-sm text-red-600">{errors.companyName}</p>
-                )}
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Vergi Numarası
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.taxNumber}
-                    onChange={(e) => handleInputChange('taxNumber', e.target.value)}
-                    className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="1234567890"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Sertifikalar
-                  </label>
-                  <input
-                    type="text"
-                    value={formData.certifications}
-                    onChange={(e) => handleInputChange('certifications', e.target.value)}
-                    className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="ISO 9001, ISO 14001, CE"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Contact Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaUser className="w-5 h-5 mr-2" />
-                İletişim Bilgileri
-              </h3>
-            </div>
-
-            <div className="px-4 py-3 space-y-3">
-              {/* Primary Contact */}
-              <div className="bg-white rounded-lg shadow p-4">
-                <h3 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
-                  <FaUser className="w-5 h-5 mr-2" />
-                  Ana İletişim Kişisi
-                </h3>
-
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">Ad *</label>
-                    <input
-                      type="text"
-                      value={formData.primaryContact?.firstName}
-                      onChange={(e) =>
-                        handleInputChange('primaryContact.firstName', e.target.value)
-                      }
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">Soyad *</label>
-                    <input
-                      type="text"
-                      value={formData.primaryContact?.lastName}
-                      onChange={(e) => handleInputChange('primaryContact.lastName', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">Ünvan</label>
-                    <input
-                      type="text"
-                      value={formData.primaryContact?.title}
-                      onChange={(e) => handleInputChange('primaryContact.title', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      placeholder="Genel Müdür, Satış Direktörü vb."
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Departman
-                    </label>
-                    <input
-                      type="text"
-                      value={formData.primaryContact?.department}
-                      onChange={(e) =>
-                        handleInputChange('primaryContact.department', e.target.value)
-                      }
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      placeholder="Satış, Pazarlama, İnsan Kaynakları vb."
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      E-posta *
-                    </label>
-                    <input
-                      type="email"
-                      value={formData.primaryContact?.email}
-                      onChange={(e) => handleInputChange('primaryContact.email', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      required
-                    />
-                  </div>
-
-                  <div>
-                    <label className="block text-xs font-medium text-gray-700 mb-1">Telefon</label>
-                    <input
-                      type="tel"
-                      value={formData.primaryContact?.phoneNumber}
-                      onChange={(e) => handleInputChange('primaryContact.phoneNumber', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      placeholder="+90 (212) 555 0123"
-                    />
-                  </div>
-
-                  <div className="md:col-span-2">
-                    <label className="block text-xs font-medium text-gray-700 mb-1">
-                      Mobil Telefon
-                    </label>
-                    <input
-                      type="tel"
-                      value={formData.primaryContact?.mobileNumber}
-                      onChange={(e) => handleInputChange('primaryContact.mobile', e.target.value)}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                      placeholder="+90 (555) 123 4567"
-                    />
-                  </div>
-                </div>
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Email *</label>
-                  <div className="relative">
-                    <FaEnvelope className="absolute left-3 top-2.5 h-4 w-4 text-gray-400" />
-                    <input
-                      type="email"
-                      value={formData.email}
-                      onChange={(e) => handleInputChange('email', e.target.value)}
-                      className={`block w-full pl-10 pr-3 py-1.5 border rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 ${
-                        errors.email
-                          ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                          : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                      }`}
-                      placeholder="email@example.com"
-                    />
-                  </div>
-                  {errors.email && <p className="mt-1 text-sm text-red-600">{errors.email}</p>}
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Telefon *</label>
-                  <div className="relative">
-                    <FaPhone className="absolute left-3 top-2.5 h-4 w-4 text-gray-400" />
-                    <input
-                      type="tel"
-                      value={formData.phoneNumber}
-                      onChange={(e) => handleInputChange('phoneNumber', e.target.value)}
-                      className={`block w-full pl-10 pr-3 py-1.5 border rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 ${
-                        errors.phoneNumber
-                          ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                          : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                      }`}
-                      placeholder="+90 212 555 0123"
-                    />
-                  </div>
-                  {errors.phoneNumber && <p className="mt-1 text-sm text-red-600">{errors.phoneNumber}</p>}
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Address */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaMapMarkerAlt className="w-5 h-5 mr-2" />
-                Adres Bilgileri
-              </h3>
-            </div>
-
-            <div className="px-4 py-3 space-y-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-1">Adres *</label>
-                <input
-                  type="text"
-                  value={formData.address?.street}
-                  onChange={(e) => handleInputChange('address.street', e.target.value)}
-                  className={`block w-full px-2.5 py-1.5 border rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 ${
-                    errors.street
-                      ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                      : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                  }`}
-                  placeholder="Sokak, cadde, mahalle"
-                />
-                {errors.street && <p className="mt-1 text-sm text-red-600">{errors.street}</p>}
-              </div>
-
-              <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Şehir *</label>
-                  <input
-                    type="text"
-                    value={formData.address?.city}
-                    onChange={(e) => handleInputChange('address.city', e.target.value)}
-                    className={`block w-full px-2.5 py-1.5 border rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 ${
-                      errors.city
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="Şehir"
-                  />
-                  {errors.city && <p className="mt-1 text-sm text-red-600">{errors.city}</p>}
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">İl/Bölge</label>
-                  <input
-                    type="text"
-                    value={formData.address?.state}
-                    onChange={(e) => handleInputChange('address.state', e.target.value)}
-                    className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="İl/Bölge"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Posta Kodu</label>
-                  <input
-                    type="text"
-                    value={formData.address?.postalCode}
-                    onChange={(e) => handleInputChange('address.postalCode', e.target.value)}
-                    className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="34000"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Ülke *</label>
-                  <input
-                    type="text"
-                    value={formData.address?.country}
-                    onChange={(e) => handleInputChange('address.country', e.target.value)}
-                    className={`block w-full px-2.5 py-1.5 border rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 ${
-                      errors.country
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                    placeholder="Ülke"
-                  />
-                  {errors.country && <p className="mt-1 text-sm text-red-600">{errors.country}</p>}
-                </div>
-              </div>
-            </div>
-          </div>
-
-          {/* Financial Information */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaCreditCard className="w-5 h-5 mr-2" />
-                Finansal Bilgiler
-              </h3>
-            </div>
-
-            <div className="px-4 py-3 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Kredi Limiti *
-                  </label>
-                  <input
-                    type="number"
-                    step="0.01"
-                    min="0"
-                    value={formData.creditLimit}
-                    onChange={(e) =>
-                      handleInputChange('creditLimit', parseFloat(e.target.value) || 0)
-                    }
-                    className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                    placeholder="0.00"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Ödeme Koşulları *
-                  </label>
-                  <select
-                    value={formData.paymentTerms}
-                    onChange={(e) => handleInputChange('paymentTerms', e.target.value)}
-                    className={`block w-full px-2.5 py-1.5 border rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 ${
-                      errors.paymentTerms
-                        ? 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                        : 'border-gray-300 focus:border-blue-500 focus:ring-blue-500'
-                    }`}
-                  >
-                    <option value="">Ödeme koşulu seçin</option>
-                    {Object.values(PaymentTerms).map((term) => (
-                      <option key={term} value={term}>
-                        {getPaymentTermsText(term)}
-                      </option>
-                    ))}
-                  </select>
-                  {errors.paymentTerms && (
-                    <p className="mt-1 text-sm text-red-600">{errors.paymentTerms}</p>
-                  )}
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Para Birimi *
-                  </label>
-                  <select
-                    value={formData.currency}
-                    onChange={(e) => handleInputChange('currency', e.target.value)}
-                    className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  >
-                    {mockCurrencies.map((currency) => (
-                      <option key={currency.value} value={currency.value}>
-                        {currency.value} - {currency.label}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              {formData.bankAccounts?.map((account, index) => (
-                <div key={account.id || index} className="space-y-3 mb-4">
-                  <h4 className="text-md font-semibold text-gray-800">Banka Hesabı {index + 1}</h4>
-
-                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Banka Adı
-                      </label>
-                      <input
-                        type="text"
-                        value={account.bankName}
-                        onChange={(e) =>
-                          handleInputChange(`bankAccounts.${index}.bankName`, e.target.value)
-                        }
-                        className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                        placeholder="Banka adı"
-                      />
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Hesap Numarası
-                      </label>
-                      <input
-                        type="text"
-                        value={account.accountNumber}
-                        onChange={(e) =>
-                          handleInputChange(`bankAccounts.${index}.accountNumber`, e.target.value)
-                        }
-                        className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                        placeholder="Hesap numarası"
-                      />
-                    </div>
-                  </div>
-
-                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">IBAN</label>
-                      <input
-                        type="text"
-                        value={account.iban}
-                        onChange={(e) =>
-                          handleInputChange(`bankAccounts.${index}.iban`, e.target.value)
-                        }
-                        className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                        placeholder="TR00 0000 0000 0000 0000 0000 00"
-                      />
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        SWIFT Kodu
-                      </label>
-                      <input
-                        type="text"
-                        value={account.swiftCode}
-                        onChange={(e) =>
-                          handleInputChange(`bankAccounts.${index}.swiftCode`, e.target.value)
-                        }
-                        className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                        placeholder="SWIFT kodu"
-                      />
-                    </div>
-                  </div>
-                </div>
-              ))}
-            </div>
-          </div>
-
-          {/* Performance Ratings */}
-          <div className="bg-white shadow rounded-lg">
-            <div className="px-4 py-3 border-b border-gray-200">
-              <h3 className="text-base font-medium text-gray-900 flex items-center">
-                <FaStar className="w-5 h-5 mr-2" />
-                Performans Değerlendirmesi
-              </h3>
-            </div>
-
-            <div className="px-4 py-3 space-y-3">
-              <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Kalite Puanı (1-5)
-                  </label>
-                  <input
-                    type="number"
-                    step="0.1"
-                    min="1"
-                    max="5"
-                    value={formData.performanceMetrics?.qualityRating}
-                    onChange={(e) =>
-                      handleInputChange('qualityRating', parseFloat(e.target.value) || 1)
-                    }
-                    className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Teslimat Puanı (1-5)
-                  </label>
-                  <input
-                    type="number"
-                    step="0.1"
-                    min="1"
-                    max="5"
-                    value={formData.performanceMetrics?.deliveryPerformance}
-                    onChange={(e) =>
-                      handleInputChange('deliveryRating', parseFloat(e.target.value) || 1)
-                    }
-                    className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Fiyat Puanı (1-5)
-                  </label>
-                  <input
-                    type="number"
-                    step="0.1"
-                    min="1"
-                    max="5"
-                    value={formData.performanceMetrics?.priceCompetitiveness}
-                    onChange={(e) =>
-                      handleInputChange('priceRating', parseFloat(e.target.value) || 1)
-                    }
-                    className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  />
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Genel Puan (1-5)
-                  </label>
-                  <input
-                    type="number"
-                    step="0.1"
-                    min="1"
-                    max="5"
-                    value={formData.performanceMetrics?.overallScore}
-                    onChange={(e) =>
-                      handleInputChange('overallRating', parseFloat(e.target.value) || 1)
-                    }
-                    className="block w-full px-2.5 py-1.5 border border-gray-300 rounded-md shadow-sm text-sm focus:outline-none focus:ring-1 focus:border-blue-500 focus:ring-blue-500"
-                  />
-                </div>
-              </div>
-
-              <div className="flex items-center">
-                <input
-                  type="checkbox"
-                  id="isActive"
-                  checked={formData.isActive}
-                  onChange={(e) => handleInputChange('isActive', e.target.checked)}
-                  className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                />
-                <label htmlFor="isActive" className="ml-2 block text-sm text-gray-900">
-                  Aktif
-                </label>
-              </div>
-            </div>
-          </div>
-
-          {/* Form Actions */}
-          <div className="flex items-center justify-end space-x-2 bg-white px-4 py-3 rounded-lg shadow">
-            <button
-              type="button"
-              onClick={handleCancel}
-              className="inline-flex items-center px-3 py-1.5 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
-            >
-              <FaTimes className="w-4 h-4 mr-2" />
-              İptal
-            </button>
-            <button
-              type="submit"
-              disabled={saving}
-              className="inline-flex items-center px-3 py-1.5 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              {saving ? (
-                <>
-                  <div className="animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2"></div>
-                  Kaydediliyor...
-                </>
-              ) : (
-                <>
-                  <FaSave className="w-4 h-4 mr-2" />
-                  {isEdit ? 'Güncelle' : 'Kaydet'}
-                </>
-              )}
-            </button>
-          </div>
-        </form>
-      </div>
-    </Container>
-  )
-}
-
-export default SupplierForm
diff --git a/ui/src/views/supplychain/components/SupplierList.tsx b/ui/src/views/supplychain/components/SupplierList.tsx
deleted file mode 100644
index 6e66df60..00000000
--- a/ui/src/views/supplychain/components/SupplierList.tsx
+++ /dev/null
@@ -1,423 +0,0 @@
-import React, { useState } from 'react'
-import { Link } from 'react-router-dom'
-import { useQuery } from '@tanstack/react-query'
-import {
-  FaTruck,
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaDownload,
-  FaEdit,
-  FaEye,
-  FaPhone,
-  FaEnvelope,
-  FaMapMarkerAlt,
-  FaStar,
-  FaExclamationTriangle,
-  FaArrowUp,
-  FaUsers,
-  FaBuilding,
-} from 'react-icons/fa'
-import classNames from 'classnames'
-import { SupplierTypeEnum } from '../../../types/mm'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import { PartyType } from '../../../types/common'
-import { getSupplierTypeColor, getSupplierTypeText, getRatingColor } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-
-const SupplierList: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [filterType, setFilterType] = useState('all')
-  const [showFilters, setShowFilters] = useState(false)
-
-  const {
-    data: suppliers,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ['suppliers', searchTerm, filterType],
-    queryFn: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-
-      const filtredSuppliers = mockBusinessParties.filter((a) => a.partyType === PartyType.Supplier)
-
-      return filtredSuppliers.filter((supplier) => {
-        const matchesSearch =
-          supplier.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          supplier.name.toLowerCase().includes(searchTerm.toLowerCase())
-        const matchesType = filterType === 'all' || supplier.supplierType === filterType
-        return matchesSearch && matchesType
-      })
-    },
-  })
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center py-12">
-        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
-        <span className="ml-3 text-gray-600">Tedarikçiler yükleniyor...</span>
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="bg-red-50 border border-red-200 rounded-lg p-4">
-        <div className="flex items-center">
-          <FaExclamationTriangle className="h-5 w-5 text-red-600 mr-2" />
-          <span className="text-red-800">Tedarikçiler yüklenirken hata oluştu.</span>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header Actions */}
-        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
-          <div className="flex items-center space-x-4">
-            <div className="relative">
-              <FaSearch
-                size={20}
-                className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"
-              />
-              <input
-                type="text"
-                placeholder="Tedarikçi kodu veya firma adı..."
-                value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-                className="pl-10 pr-4 py-1.5 w-80 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              />
-            </div>
-
-            <button
-              onClick={() => setShowFilters(!showFilters)}
-              className={classNames(
-                'flex items-center px-3 py-1.5 border rounded-lg transition-colors',
-                showFilters
-                  ? 'border-blue-500 bg-blue-50 text-blue-700'
-                  : 'border-gray-300 bg-white text-gray-700 hover:bg-gray-50',
-              )}
-            >
-              <FaFilter size={16} className="mr-2" />
-              Filtreler
-            </button>
-          </div>
-
-          <div className="flex items-center space-x-3">
-            <button
-              onClick={() => alert('Dışa aktarma özelliği yakında eklenecek')}
-              className="flex items-center px-3 py-1.5 border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              <FaDownload size={16} className="mr-2" />
-              Dışa Aktar
-            </button>
-
-            <Link
-              to={ROUTES_ENUM.protected.supplychain.suppliersNew}
-              className="flex items-center px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-            >
-              <FaPlus size={16} className="mr-2" />
-              Yeni Tedarikçi
-            </Link>
-          </div>
-        </div>
-
-        {/* Filters Panel */}
-        {showFilters && (
-          <div className="bg-white border border-gray-200 rounded-lg p-3">
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-              <div>
-                <label className="block text-sm font-medium text-gray-700 mb-2">
-                  Tedarikçi Türü
-                </label>
-                <select
-                  value={filterType}
-                  onChange={(e) => setFilterType(e.target.value)}
-                  className="w-full border border-gray-300 rounded-lg px-3 py-1.5 focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                >
-                  <option value="all">Tümü</option>
-                  {Object.values(SupplierTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getSupplierTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div className="flex items-end">
-                <button
-                  onClick={() => {
-                    setFilterType('all')
-                    setSearchTerm('')
-                  }}
-                  className="w-full px-3 py-1.5 border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-                >
-                  Filtreleri Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* Statistics Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Toplam Tedarikçi</p>
-                <p className="text-xl font-bold text-gray-900">{suppliers?.length || 0}</p>
-              </div>
-              <FaBuilding className="h-8 w-8 text-blue-600" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Aktif Tedarikçi</p>
-                <p className="text-xl font-bold text-green-600">
-                  {suppliers?.filter((s) => s.isActive).length || 0}
-                </p>
-              </div>
-              <FaUsers className="h-8 w-8 text-green-600" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Ortalama Puan</p>
-                <p className="text-xl font-bold text-yellow-600">
-                  {suppliers?.length
-                    ? (
-                        suppliers.reduce(
-                          (acc, s) => acc + (s.performanceMetrics?.overallScore ?? 0),
-                          0,
-                        ) / suppliers.length
-                      ).toFixed(1)
-                    : '0.0'}
-                </p>
-              </div>
-              <FaStar className="h-8 w-8 text-yellow-600" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Yüksek Performans</p>
-                <p className="text-xl font-bold text-purple-600">
-                  {suppliers?.filter((s) => (s.performanceMetrics?.overallScore ?? 0) >= 4.5)
-                    .length || 0}
-                </p>
-              </div>
-              <FaArrowUp className="h-8 w-8 text-purple-600" />
-            </div>
-          </div>
-        </div>
-
-        {/* Suppliers Table */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="px-4 py-3 border-b border-gray-200">
-            <h2 className="text-xl font-bold text-gray-900">Tedarikçi Listesi</h2>
-          </div>
-
-          <div className="overflow-x-auto">
-            <table className="w-full">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tedarikçi Bilgileri
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İletişim
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tür / Konum
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Performans
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Kredi Limiti
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-
-              <tbody className="bg-white divide-y divide-gray-200">
-                {suppliers?.map((supplier) => (
-                  <tr key={supplier.id} className="hover:bg-gray-50 transition-colors">
-                    <td className="px-4 py-3">
-                      <div className="flex items-center">
-                        <div className="flex-shrink-0 h-10 w-10">
-                          <div className="h-10 w-10 rounded-lg bg-blue-100 flex items-center justify-center">
-                            <FaTruck className="h-5 w-5 text-blue-600" />
-                          </div>
-                        </div>
-                        <div className="ml-4">
-                          <div className="text-sm font-medium text-gray-900">{supplier.code}</div>
-                          <div className="text-sm text-gray-500">{supplier.name}</div>
-                          {supplier.taxNumber && (
-                            <div className="text-xs text-gray-400 mt-1">
-                              VKN: {supplier.taxNumber}
-                            </div>
-                          )}
-                        </div>
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="space-y-1">
-                        {supplier.primaryContact && (
-                          <div className="text-sm font-medium text-gray-900">
-                            {supplier.primaryContact.name}
-                          </div>
-                        )}
-                        {supplier.email && (
-                          <div className="flex items-center text-sm text-gray-500">
-                            <FaEnvelope size={14} className="mr-1" />
-                            {supplier.email}
-                          </div>
-                        )}
-                        {supplier.phoneNumber && (
-                          <div className="flex items-center text-sm text-gray-500">
-                            <FaPhone size={14} className="mr-1" />
-                            {supplier.phoneNumber}
-                          </div>
-                        )}
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="space-y-1">
-                        <span
-                          className={classNames(
-                            'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',
-                            getSupplierTypeColor(supplier.supplierType!),
-                          )}
-                        >
-                          {getSupplierTypeText(supplier.supplierType!)}
-                        </span>
-                        <div className="flex items-center text-sm text-gray-500">
-                          <FaMapMarkerAlt size={14} className="mr-1" />
-                          {supplier.address?.city}, {supplier.address?.country}
-                        </div>
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="space-y-1">
-                        <div className="flex items-center">
-                          <FaStar
-                            size={14}
-                            className={classNames(
-                              'mr-1',
-                              getRatingColor(supplier.performanceMetrics?.overallScore ?? 0),
-                            )}
-                          />
-                          <span
-                            className={classNames(
-                              'text-sm font-medium',
-                              getRatingColor(supplier.performanceMetrics?.overallScore ?? 0),
-                            )}
-                          >
-                            {(supplier.performanceMetrics?.overallScore ?? 0).toFixed(1)}
-                          </span>
-                        </div>
-                        <div className="text-xs text-gray-500">
-                          K:
-                          {(supplier.performanceMetrics?.qualityRating ?? 0).toFixed(1)} T:
-                          {(supplier.performanceMetrics?.deliveryPerformance ?? 0).toFixed(1)} F:
-                          {(supplier.performanceMetrics?.priceCompetitiveness ?? 0).toFixed(1)}
-                        </div>
-                        {supplier.certifications && supplier.certifications.length > 0 && (
-                          <div className="text-xs text-blue-600">
-                            {supplier.certifications.join(', ')}
-                          </div>
-                        )}
-                      </div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <div className="text-sm font-medium text-gray-900">
-                        ₺{supplier.creditLimit.toLocaleString()}
-                      </div>
-                      <div className="text-sm text-gray-500">{supplier.paymentTerms}</div>
-                    </td>
-
-                    <td className="px-4 py-3">
-                      <span
-                        className={classNames(
-                          'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',
-                          supplier.isActive
-                            ? 'bg-green-100 text-green-800'
-                            : 'bg-red-100 text-red-800',
-                        )}
-                      >
-                        {supplier.isActive ? 'Aktif' : 'Pasif'}
-                      </span>
-                    </td>
-
-                    <td className="px-4 py-3 text-right">
-                      <div className="flex items-center justify-end space-x-2">
-                        <Link
-                          to={ROUTES_ENUM.protected.supplychain.suppliersDetail.replace(
-                            ':id',
-                            supplier.id,
-                          )}
-                          className="p-1.5 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
-                          title="Detayları Görüntüle"
-                        >
-                          <FaEye size={16} />
-                        </Link>
-
-                        <Link
-                          to={ROUTES_ENUM.protected.supplychain.suppliersEdit.replace(
-                            ':id',
-                            supplier.id,
-                          )}
-                          className="p-1.5 text-gray-600 hover:text-yellow-600 hover:bg-yellow-50 rounded-lg transition-colors"
-                          title="Düzenle"
-                        >
-                          <FaEdit size={16} />
-                        </Link>
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-
-          {(!suppliers || suppliers.length === 0) && (
-            <div className="text-center py-10">
-              <FaTruck className="mx-auto h-12 w-12 text-gray-400" />
-              <h3 className="mt-2 text-sm font-medium text-gray-900">Tedarikçi bulunamadı</h3>
-              <p className="mt-1 text-sm text-gray-500">Yeni tedarikçi ekleyerek başlayın.</p>
-              <div className="mt-6">
-                <Link
-                  to={ROUTES_ENUM.protected.supplychain.suppliersNew}
-                  className="inline-flex items-center px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-                >
-                  <FaPlus size={16} className="mr-2" />
-                  Yeni Tedarikçi Ekle
-                </Link>
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default SupplierList
diff --git a/ui/src/views/warehouse/components/InventoryTracking.tsx b/ui/src/views/warehouse/components/InventoryTracking.tsx
deleted file mode 100644
index ea7f595e..00000000
--- a/ui/src/views/warehouse/components/InventoryTracking.tsx
+++ /dev/null
@@ -1,484 +0,0 @@
-import React, { useState } from 'react'
-import {
-  FaBox,
-  FaMapMarkerAlt,
-  FaCalendar,
-  FaHashtag,
-  FaSearch,
-  FaEye,
-  FaEdit,
-  FaPlus,
-} from 'react-icons/fa'
-// using modals for create actions; no navigation needed here
-import { MmLotNumber, MmSerialNumber, QualityStatusEnum, SerialStatusEnum } from '../../../types/mm'
-import LotForm from './LotForm'
-import SerialForm from './SerialForm'
-import { mockLotNumbers } from '../../../mocks/mockLotNumbers'
-import { mockSerialNumbers } from '../../../mocks/mockSerialNumbers'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockUnits } from '../../../mocks/mockUnits'
-import { mockBusinessParties } from '../../../mocks/mockBusinessParties'
-import Widget from '../../../components/common/Widget'
-import { PartyType } from '../../../types/common'
-import {
-  getQualityStatusColor,
-  getQualityStatusText,
-  getSerialStatusColor,
-  getSerialStatusText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const InventoryTracking: React.FC = () => {
-  const [activeTab, setActiveTab] = useState<'lots' | 'serials'>('lots')
-  const [searchTerm, setSearchTerm] = useState('')
-  const [showCreateMenu, setShowCreateMenu] = useState(false)
-
-  // Mock data için
-  const [lotNumbers, setLotNumbers] = useState<MmLotNumber[]>(mockLotNumbers)
-
-  const [serialNumbers, setSerialNumbers] = useState<MmSerialNumber[]>(mockSerialNumbers)
-
-  // Modal control state
-  const [openLotModal, setOpenLotModal] = useState(false)
-  const [openSerialModal, setOpenSerialModal] = useState(false)
-  const [currentLot, setCurrentLot] = useState<MmLotNumber | null>(null)
-  const [currentSerial, setCurrentSerial] = useState<MmSerialNumber | null>(null)
-
-  const filteredLots = lotNumbers.filter(
-    (lot) =>
-      lot.lotNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      lot.material?.name.toLowerCase().includes(searchTerm.toLowerCase()),
-  )
-
-  const filteredSerials = serialNumbers.filter(
-    (serial) =>
-      serial.serialNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      serial.material?.name.toLowerCase().includes(searchTerm.toLowerCase()),
-  )
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Lot ve Seri No Takibi</h2>
-            <p className="text-gray-600">Lot ve seri numarası takiplerini yönetin</p>
-          </div>
-          <div className="relative">
-            <button
-              onClick={() => setShowCreateMenu((s) => !s)} /* Kontrol küçültüldü */
-              className="bg-blue-600 text-white px-2.5 py-1 rounded-md hover:bg-blue-700 flex items-center space-x-1.5 text-sm"
-            >
-              <FaPlus className="h-4 w-4" />
-              <span>Yeni Kayıt</span>
-            </button>
-
-            {/* only modal-based create menu (route-based entries removed) */}
-            {showCreateMenu && (
-              <div className="absolute right-0 mt-2 w-44 bg-white border rounded shadow-lg z-10">
-                <button
-                  onClick={() => {
-                    setOpenLotModal(true)
-                    setShowCreateMenu(false)
-                  }}
-                  className="w-full text-left px-2.5 py-1 text-sm hover:bg-gray-50"
-                >
-                  Yeni Lot
-                </button>
-                <button
-                  onClick={() => {
-                    setOpenSerialModal(true)
-                    setShowCreateMenu(false)
-                  }}
-                  className="w-full text-left px-2.5 py-1 text-sm hover:bg-gray-50"
-                >
-                  Yeni Seri
-                </button>
-              </div>
-            )}
-          </div>
-        </div>
-
-        {/* Summary Statistics */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-2">
-          <Widget title="Toplam Lot" value={lotNumbers.length} color="blue" icon="FaBox" />
-
-          <Widget
-            title="Onaylı Lot"
-            value={
-              lotNumbers.filter((lot) => lot.qualityStatus === QualityStatusEnum.Approved).length
-            }
-            color="green"
-            icon="FaBox"
-          />
-
-          <Widget
-            title="Toplam Seri"
-            value={serialNumbers.length}
-            color="purple"
-            icon="FaHashtag"
-          />
-
-          <Widget
-            title="Müsait Seri"
-            value={
-              serialNumbers.filter((serial) => serial.status === SerialStatusEnum.Available).length
-            }
-            color="orange"
-            icon="FaHashtag"
-          />
-        </div>
-
-        {/* Search */}
-        <div className="relative">
-          <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-3.5 w-3.5" />
-          <input
-            type="text"
-            placeholder="Lot/Seri numarası veya malzeme kodu ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="w-full pl-8 pr-3 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-          />
-        </div>
-
-        {/* Tabs */}
-        <div className="border-b border-gray-200">
-          <nav className="flex -mb-px">
-            <button
-              onClick={() => setActiveTab('lots')}
-              className={`flex items-center px-2.5 py-1 text-sm font-medium border-b-2 ${
-                activeTab === 'lots'
-                  ? 'border-blue-500 text-blue-600'
-                  : 'border-transparent text-gray-500 hover:text-gray-700'
-              }`}
-            >
-              <FaBox className="h-4 w-4 mr-2" />
-              Lot Numaraları ({filteredLots.length})
-            </button>
-            <button
-              onClick={() => setActiveTab('serials')}
-              className={`flex items-center px-2.5 py-1 text-sm font-medium border-b-2 ${
-                activeTab === 'serials'
-                  ? 'border-blue-500 text-blue-600'
-                  : 'border-transparent text-gray-500 hover:text-gray-700'
-              }`}
-            >
-              <FaHashtag className="h-4 w-4 mr-2" />
-              Seri Numaraları ({filteredSerials.length})
-            </button>
-          </nav>
-        </div>
-
-        {/* Lot Numbers Tab */}
-        {activeTab === 'lots' && (
-          <div className="bg-white shadow-sm rounded-lg overflow-hidden">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Lot Numarası
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Malzeme
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Miktar
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Üretim Tarihi
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Son Kullanma
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tedarikçi
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Kalite Durumu
-                  </th>
-                  <th className="px-2 py-1.5 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {filteredLots.map((lot) => {
-                  const isExpiringSoon =
-                    lot.expiryDate &&
-                    new Date(lot.expiryDate).getTime() - new Date().getTime() <
-                      30 * 24 * 60 * 60 * 1000
-
-                  return (
-                    <tr key={lot.id} className="hover:bg-gray-50 text-xs">
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <FaBox className="h-4 w-4 text-gray-400 mr-2" />
-                          <div className="text-xs font-medium text-gray-900">{lot.lotNumber}</div>
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="text-xs font-medium text-gray-900">
-                          {lot.material?.name}
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="text-xs text-gray-900">
-                          {lot.quantity} {lot.unitId}
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <FaCalendar className="h-4 w-4 text-gray-400 mr-2" />
-                          <div className="text-xs text-gray-900">
-                            {new Date(lot.productionDate).toLocaleDateString('tr-TR')}
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        {lot.expiryDate ? (
-                          <div
-                            className={`text-xs ${
-                              isExpiringSoon ? 'text-red-600 font-medium' : 'text-gray-900'
-                            }`}
-                          >
-                            {new Date(lot.expiryDate).toLocaleDateString('tr-TR')}
-                            {isExpiringSoon && (
-                              <div className="text-xs text-red-500">Yakında Dolacak</div>
-                            )}
-                          </div>
-                        ) : (
-                          <span className="text-gray-400">-</span>
-                        )}
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="text-xs text-gray-900">{lot.supplierId || '-'}</div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <span
-                          className={`px-2 py-0.5 text-xs font-medium rounded-full ${getQualityStatusColor(lot.qualityStatus)}`}
-                        >
-                          {getQualityStatusText(lot.qualityStatus)}
-                        </span>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap text-right text-sm font-medium">
-                        <div className="flex items-center justify-end space-x-2">
-                          <button
-                            onClick={() => {
-                              setCurrentLot(lot)
-                              setOpenLotModal(true)
-                            }}
-                            className="text-blue-600 hover:text-blue-900"
-                          >
-                            <FaEye className="h-3.5 w-3.5" />
-                          </button>
-                          <button
-                            onClick={() => {
-                              setCurrentLot(lot)
-                              setOpenLotModal(true)
-                            }}
-                            className="text-green-600 hover:text-green-900"
-                          >
-                            <FaEdit className="h-3.5 w-3.5" />
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  )
-                })}
-              </tbody>
-            </table>
-            <LotForm
-              isOpen={openLotModal}
-              onClose={() => {
-                setOpenLotModal(false)
-                setCurrentLot(null)
-              }}
-              onSave={(lot) => setLotNumbers((prev) => [lot, ...prev])}
-              onUpdate={(updated) =>
-                setLotNumbers((prev) => prev.map((l) => (l.id === updated.id ? updated : l)))
-              }
-              materials={mockMaterials}
-              units={mockUnits}
-              suppliers={mockBusinessParties.filter((bp) => bp.partyType === PartyType.Supplier)}
-              initial={currentLot}
-              mode={currentLot ? 'edit' : 'create'}
-            />
-
-            {filteredLots.length === 0 && (
-              <div className="text-center py-12">
-                <FaBox className="mx-auto h-12 w-12 text-gray-400" />
-                <h3 className="mt-2 text-sm font-medium text-gray-900">Lot bulunamadı</h3>
-                <p className="mt-1 text-sm text-gray-500">
-                  Arama kriterlerinize uygun lot kaydı bulunmuyor.
-                </p>
-              </div>
-            )}
-          </div>
-        )}
-
-        {/* Serial Numbers Tab */}
-        {activeTab === 'serials' && (
-          <div className="bg-white shadow-sm rounded-lg overflow-hidden">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Seri Numarası
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Malzeme
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Lot
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Üretim Tarihi
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Garanti Bitiş
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Mevcut Lokasyon
-                  </th>
-                  <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-2 py-1.5 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {filteredSerials.map((serial) => {
-                  const isWarrantyExpiring =
-                    serial.warrantyExpiryDate &&
-                    new Date(serial.warrantyExpiryDate).getTime() - new Date().getTime() <
-                      30 * 24 * 60 * 60 * 1000
-
-                  return (
-                    <tr key={serial.id} className="hover:bg-gray-50 text-xs">
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <FaHashtag className="h-4 w-4 text-gray-400 mr-2" />
-                          <div className="text-xs font-medium text-gray-900">
-                            {serial.serialNumber}
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="text-xs font-medium text-gray-900">
-                          {serial.material?.name}
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="text-xs text-gray-900">
-                          {serial.lotId ? (
-                            <span className="bg-blue-100 text-blue-800 px-2 py-1 rounded text-xs">
-                              LOT-{serial.lotId}
-                            </span>
-                          ) : (
-                            '-'
-                          )}
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <FaCalendar className="h-4 w-4 text-gray-400 mr-2" />
-                          <div className="text-xs text-gray-900">
-                            {new Date(serial.productionDate).toLocaleDateString('tr-TR')}
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        {serial.warrantyExpiryDate ? (
-                          <div
-                            className={`text-xs ${
-                              isWarrantyExpiring ? 'text-red-600 font-medium' : 'text-gray-900'
-                            }`}
-                          >
-                            {new Date(serial.warrantyExpiryDate).toLocaleDateString('tr-TR')}
-                            {isWarrantyExpiring && (
-                              <div className="text-xs text-red-500">Yakında Dolacak</div>
-                            )}
-                          </div>
-                        ) : (
-                          <span className="text-gray-400">-</span>
-                        )}
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <FaMapMarkerAlt className="h-4 w-4 text-gray-400 mr-2" />
-                          <div className="text-xs text-gray-900">
-                            {serial.currentLocationId || '-'}
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap">
-                        <span
-                          className={`px-2 py-0.5 text-xs font-medium rounded-full ${getSerialStatusColor(serial.status)}`}
-                        >
-                          {getSerialStatusText(serial.status)}
-                        </span>
-                      </td>
-                      <td className="px-2 py-1.5 whitespace-nowrap text-right text-sm font-medium">
-                        <div className="flex items-center justify-end space-x-2">
-                          <button
-                            onClick={() => {
-                              setCurrentSerial(serial)
-                              setOpenSerialModal(true)
-                            }}
-                            className="text-blue-600 hover:text-blue-900"
-                          >
-                            <FaEye className="h-3.5 w-3.5" />
-                          </button>
-                          <button
-                            onClick={() => {
-                              setCurrentSerial(serial)
-                              setOpenSerialModal(true)
-                            }}
-                            className="text-green-600 hover:text-green-900"
-                          >
-                            <FaEdit className="h-3.5 w-3.5" />
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  )
-                })}
-              </tbody>
-            </table>
-
-            <SerialForm
-              isOpen={openSerialModal}
-              onClose={() => {
-                setOpenSerialModal(false)
-                setCurrentSerial(null)
-              }}
-              onSave={(serial) => setSerialNumbers((prev) => [serial, ...prev])}
-              onUpdate={(updated) =>
-                setSerialNumbers((prev) => prev.map((s) => (s.id === updated.id ? updated : s)))
-              }
-              materials={mockMaterials}
-              lots={lotNumbers.map((l) => ({ id: l.id, label: l.lotNumber }))}
-              initial={currentSerial}
-              mode={currentSerial ? 'edit' : 'create'}
-            />
-
-            {filteredSerials.length === 0 && (
-              <div className="text-center py-12">
-                <FaHashtag className="mx-auto h-12 w-12 text-gray-400" />
-                <h3 className="mt-2 text-sm font-medium text-gray-900">Seri numarası bulunamadı</h3>
-                <p className="mt-1 text-sm text-gray-500">
-                  Arama kriterlerinize uygun seri numarası bulunmuyor.
-                </p>
-              </div>
-            )}
-          </div>
-        )}
-      </div>
-    </Container>
-  )
-}
-
-export default InventoryTracking
diff --git a/ui/src/views/warehouse/components/LotForm.tsx b/ui/src/views/warehouse/components/LotForm.tsx
deleted file mode 100644
index 70b4dd5d..00000000
--- a/ui/src/views/warehouse/components/LotForm.tsx
+++ /dev/null
@@ -1,249 +0,0 @@
-import React from 'react'
-import { useFormik } from 'formik'
-import * as Yup from 'yup'
-import { FaSave, FaTimes } from 'react-icons/fa'
-import { QualityStatusEnum, MmLotNumber, MmUnit, MmMaterial } from '../../../types/mm'
-import { BusinessParty } from '../../../types/common'
-import { getQualityStatusText } from '@/utils/erp'
-
-const validationSchema = Yup.object({
-  materialId: Yup.string().required('Malzeme seçimi zorunlu'),
-  lotNumber: Yup.string().required('Lot numarası zorunlu'),
-  quantity: Yup.number().min(0, "Miktar 0'dan büyük olmalıdır"),
-})
-
-interface LotFormProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (lot: MmLotNumber) => void
-  onUpdate?: (lot: MmLotNumber) => void
-  materials: MmMaterial[]
-  suppliers?: BusinessParty[]
-  units?: MmUnit[]
-  initial?: MmLotNumber | null
-  mode?: 'create' | 'edit' | 'view'
-}
-
-const LotForm: React.FC<LotFormProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  onUpdate,
-  materials,
-  suppliers = [],
-  units = [],
-  initial = null,
-  mode = 'create',
-}) => {
-  const formik = useFormik({
-    initialValues: {
-      materialId: '',
-      lotNumber: '',
-      productionDate: '',
-      expiryDate: '',
-      quantity: 0,
-      unitId: 'KG',
-      supplierId: suppliers.length ? suppliers[0].id : '',
-      qualityStatus: QualityStatusEnum.Pending,
-      isActive: true,
-    },
-    validationSchema,
-    onSubmit: async (values) => {
-      const newLot: MmLotNumber = {
-        id: (initial && initial.id) || Date.now().toString(),
-        materialId: values.materialId,
-        lotNumber: values.lotNumber,
-        productionDate: values.productionDate ? new Date(values.productionDate) : new Date(),
-        expiryDate: values.expiryDate ? new Date(values.expiryDate) : undefined,
-        quantity: Number(values.quantity),
-        unitId: values.unitId,
-        supplierId: values.supplierId || undefined,
-        qualityStatus: values.qualityStatus,
-        isActive: !!values.isActive,
-      }
-
-      // simulate API
-      await new Promise((r) => setTimeout(r, 300))
-      if (mode === 'edit' && onUpdate) {
-        onUpdate(newLot)
-      } else {
-        onSave(newLot)
-      }
-      onClose()
-    },
-  })
-
-  // sync initial values when editing/viewing
-  React.useEffect(() => {
-    if (initial) {
-      const src = initial
-      formik.setValues({
-        materialId: src.materialId || '',
-        lotNumber: src.lotNumber || '',
-        productionDate: src.productionDate
-          ? new Date(src.productionDate).toISOString().slice(0, 10)
-          : '',
-        expiryDate: src.expiryDate ? new Date(src.expiryDate).toISOString().slice(0, 10) : '',
-        quantity: src.quantity || 0,
-        unitId: src.unitId || (units.length ? units[0].id : ''),
-        supplierId: src.supplierId || (suppliers.length ? suppliers[0].id : ''),
-        qualityStatus: src.qualityStatus || QualityStatusEnum.Pending,
-        isActive: !!src.isActive,
-      })
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [initial])
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center">
-      <div className="absolute inset-0 bg-black opacity-40" onClick={onClose} />
-      <div className="relative bg-white rounded-lg shadow-lg w-full max-w-2xl mx-4">
-        <form onSubmit={formik.handleSubmit} className="space-y-2 p-3">
-          <div className="flex items-center justify-between p-2 border-b">
-            <div>
-              <h2 className="text-2xl font-bold text-gray-900">
-                {mode === 'create'
-                  ? 'Yeni Lot Kaydı'
-                  : mode === 'edit'
-                    ? 'Lot Düzenle'
-                    : 'Lot Detayı'}
-              </h2>
-              <p className="text-gray-600">
-                {mode === 'create'
-                  ? 'Lot bilgilerini girin'
-                  : mode === 'edit'
-                    ? 'Mevcut lot bilgilerini güncelleyin'
-                    : 'Lot bilgileri (sadece gösterim)'}
-              </p>
-            </div>
-            <div className="flex items-center space-x-2">
-              <button
-                type="button"
-                onClick={onClose}
-                className="px-2.5 py-1 text-sm border rounded-md bg-white hover:bg-gray-50"
-              >
-                <FaTimes className="inline mr-1 h-3 w-3" /> Kapat
-              </button>
-              {mode !== 'view' && (
-                <button
-                  type="submit"
-                  className="px-2.5 py-1 text-sm bg-blue-600 text-white rounded-md hover:bg-blue-700 flex items-center"
-                >
-                  <FaSave className="inline mr-1 h-3 w-3" /> Kaydet
-                </button>
-              )}
-            </div>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-2 p-2 gap-x-3 gap-y-2">
-            <div>
-              <label className="block text-sm font-medium text-gray-700">Malzeme *</label>
-              <select
-                {...formik.getFieldProps('materialId')}
-                disabled={mode === 'view'}
-                className="w-full border rounded-md px-2 py-1 text-sm"
-              >
-                <option value="">Seçiniz...</option>
-                {materials.map((m) => (
-                  <option key={m.id} value={m.id}>
-                    {m.code} - {m.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700">Lot Numarası *</label>
-              <input
-                type="text"
-                {...formik.getFieldProps('lotNumber')}
-                disabled={mode === 'view'}
-                className="w-full border rounded-md px-2 py-1 text-sm"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700">Üretim Tarihi</label>
-              <input
-                type="date"
-                {...formik.getFieldProps('productionDate')}
-                disabled={mode === 'view'}
-                className="w-full border rounded-md px-2 py-1 text-sm"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700">Son Kullanma Tarihi</label>
-              <input
-                type="date"
-                {...formik.getFieldProps('expiryDate')}
-                disabled={mode === 'view'}
-                className="w-full border rounded-md px-2 py-1 text-sm"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700">Miktar</label>
-              <input
-                type="number"
-                step="0.01"
-                {...formik.getFieldProps('quantity')}
-                disabled={mode === 'view'}
-                className="w-full border rounded-md px-2 py-1 text-sm"
-              />
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700">Birim</label>
-              <select
-                {...formik.getFieldProps('unitId')}
-                disabled={mode === 'view'}
-                className="w-full border rounded-md px-2 py-1 text-sm"
-              >
-                {units.map((u) => (
-                  <option key={u.id} value={u.id}>
-                    {u.code}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700">Tedarikçi</label>
-              <select
-                {...formik.getFieldProps('supplierId')}
-                disabled={mode === 'view'}
-                className="w-full border rounded-md px-2 py-1 text-sm"
-              >
-                <option value="">Seçiniz...</option>
-                {suppliers.map((s) => (
-                  <option key={s.id} value={s.id}>
-                    {s.code} - {s.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div>
-              <label className="block text-sm font-medium text-gray-700">Kalite Durumu</label>
-              <select
-                {...formik.getFieldProps('qualityStatus')}
-                className="w-full border rounded-md px-2 py-1 text-sm"
-              >
-                {Object.values(QualityStatusEnum).map((status) => (
-                  <option key={status} value={status}>
-                    {getQualityStatusText(status)}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-        </form>
-      </div>
-    </div>
-  )
-}
-
-export default LotForm
diff --git a/ui/src/views/warehouse/components/MaterialMovements.tsx b/ui/src/views/warehouse/components/MaterialMovements.tsx
deleted file mode 100644
index 18fc14e1..00000000
--- a/ui/src/views/warehouse/components/MaterialMovements.tsx
+++ /dev/null
@@ -1,350 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { useParams } from 'react-router-dom'
-import { FaDownload, FaCalendar, FaBox } from 'react-icons/fa'
-import { MmStockMovement, MovementTypeEnum } from '../../../types/mm'
-import { FaRepeat } from 'react-icons/fa6'
-import { getMovementTypeColor, getMovementTypeIcon, getMovementTypeText } from '../../../utils/erp'
-import { mockStockMovements } from '../../../mocks/mockStockMovements'
-import Widget, { colorType } from '../../../components/common/Widget'
-import { Container } from '@/components/shared'
-import { mockWarehouses } from '@/mocks/mockWarehouses'
-
-const MaterialMovements: React.FC<{ materialId?: string }> = ({ materialId }) => {
-  const params = useParams<Record<string, string | undefined>>()
-  const routeMaterialId = materialId || params.materialId || params.id || undefined
-  const [movements, setMovements] = useState<MmStockMovement[]>([])
-  const [loading, setLoading] = useState(false)
-  const [filters, setFilters] = useState({
-    startDate: '',
-    endDate: '',
-    movementType: '',
-    warehouseId: '',
-  })
-
-  const loadMovements = useCallback(() => {
-    setLoading(true)
-    // Simulate API call
-    setTimeout(() => {
-      let filteredMovements = mockStockMovements
-
-      const activeMaterialId = routeMaterialId
-      if (activeMaterialId) {
-        filteredMovements = filteredMovements.filter((m) => m.materialId === activeMaterialId)
-      }
-
-      if (filters.movementType) {
-        filteredMovements = filteredMovements.filter(
-          (m) => m.movementType === (filters.movementType as unknown as MovementTypeEnum),
-        )
-      }
-
-      setMovements(filteredMovements)
-      setLoading(false)
-    }, 1000)
-  }, [routeMaterialId, filters])
-
-  useEffect(() => {
-    loadMovements()
-  }, [loadMovements])
-
-  const calculateRunningBalance = () => {
-    let balance = 0
-    return movements
-      .sort((a, b) => new Date(a.movementDate).getTime() - new Date(b.movementDate).getTime())
-      .map((movement) => {
-        balance += movement.quantity
-        return { ...movement, runningBalance: balance }
-      })
-  }
-
-  const movementsWithBalance = calculateRunningBalance()
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">
-              {materialId ? 'Stok Hareketleri' : 'Tüm Stok Hareketleri'}
-            </h2>
-            <p className="text-gray-600">
-              {materialId ? `${materialId} kodlu malzeme için` : 'Tüm malzemeler için'} stok
-              hareketlerini görüntüleyin
-            </p>
-          </div>
-
-          <div className="flex items-center space-x-1.5">
-            <button
-              onClick={() => alert('Dışa aktarma özelliği yakında eklenecek')}
-              className="bg-gray-600 text-white px-2.5 py-1 rounded-md hover:bg-gray-700 flex items-center space-x-1.5 text-sm"
-            >
-              <FaDownload className="h-4 w-4" />
-              <span>Dışa Aktar</span>
-            </button>
-            <button
-              onClick={loadMovements}
-              className="bg-blue-600 text-white px-2.5 py-1 rounded-md hover:bg-blue-700 flex items-center space-x-1.5 text-sm"
-            >
-              <FaRepeat className="h-4 w-4" />
-              <span>Yenile</span>
-            </button>
-          </div>
-        </div>
-
-        {/* Summary Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-2">
-          {[
-            {
-              title: 'Toplam Giriş',
-              value: '125 KG',
-              color: 'green',
-              icon: 'FaArrowDown',
-            },
-            {
-              title: 'Toplam Çıkış',
-              value: '50 KG',
-              color: 'red',
-              icon: 'FaArrowUp',
-            },
-            {
-              title: 'Net Bakiye',
-              value: '75 KG',
-              color: 'blue',
-              icon: 'FaBalanceScale',
-            },
-            {
-              title: 'Hareket Sayısı',
-              value: movements.length,
-              color: 'gray',
-              icon: 'FaExchangeAlt',
-            },
-          ].map((stat) => (
-            <Widget
-              key={stat.title}
-              title={stat.title}
-              value={stat.value}
-              color={stat.color as colorType}
-              icon={stat.icon}
-            />
-          ))}
-        </div>
-
-        {/* Filters */}
-        <div className="bg-white p-2 rounded-lg shadow-sm">
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-2">
-            <div className="flex-1">
-              <label className="block text-xs font-medium text-gray-700 mb-1">
-                Başlangıç Tarihi
-              </label>
-              <input
-                type="date"
-                value={filters.startDate}
-                onChange={(e) => setFilters({ ...filters, startDate: e.target.value })}
-                className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              />
-            </div>
-
-            <div className="flex-1">
-              <label className="block text-xs font-medium text-gray-700 mb-1">Bitiş Tarihi</label>
-              <input
-                type="date"
-                value={filters.endDate}
-                onChange={(e) => setFilters({ ...filters, endDate: e.target.value })}
-                className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              />
-            </div>
-
-            <div className="flex-1">
-              <label className="block text-xs font-medium text-gray-700 mb-1">Hareket Tipi</label>
-              <select
-                value={filters.movementType}
-                onChange={(e) => setFilters({ ...filters, movementType: e.target.value })}
-                className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              >
-                <option value="">Tümü</option>
-                {Object.values(MovementTypeEnum).map((type) => (
-                  <option key={type} value={type}>
-                    {getMovementTypeText(type)}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div className="flex-1">
-              <label className="block text-xs font-medium text-gray-700 mb-1">Depo</label>
-              <select
-                value={filters.warehouseId}
-                onChange={(e) => setFilters({ ...filters, warehouseId: e.target.value })}
-                className="w-full px-2 py-1 text-sm border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              >
-                <option value="">Tümü</option>
-                {mockWarehouses.map((wh) => (
-                  <option key={wh.id} value={wh.id}>
-                    {wh.code} - {wh.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-        </div>
-
-        {/* Movements Table */}
-        <div className="bg-white shadow-sm rounded-lg overflow-hidden">
-          {loading ? (
-            <div className="p-8 text-center">
-              <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto"></div>
-              <p className="mt-2 text-gray-500">Hareketler yükleniyor...</p>
-            </div>
-          ) : (
-            <div className="overflow-x-auto">
-              <table className="min-w-full divide-y divide-gray-200">
-                <thead className="bg-gray-50">
-                  <tr>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Tarih/Saat
-                    </th>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Hareket Tipi
-                    </th>
-                    {!materialId && (
-                      <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        Malzeme
-                      </th>
-                    )}
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Miktar
-                    </th>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Bakiye
-                    </th>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Depo/Lokasyon
-                    </th>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Lot/Seri
-                    </th>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Belge
-                    </th>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Açıklama
-                    </th>
-                    <th className="px-2 py-1.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Oluşturan
-                    </th>
-                  </tr>
-                </thead>
-                <tbody className="bg-white divide-y divide-gray-200">
-                  {movementsWithBalance.map((movement) => {
-                    const Icon = getMovementTypeIcon(movement.movementType)
-
-                    return (
-                      <tr key={movement.id} className="hover:bg-gray-50 text-xs">
-                        <td className="px-2 py-1.5 whitespace-nowrap">
-                          <div className="flex items-center space-x-2">
-                            <FaCalendar className="h-4 w-4 text-gray-400" />
-                            <div>
-                              <div className="text-xs font-medium text-gray-900">
-                                {new Date(movement.movementDate).toLocaleDateString('tr-TR')}
-                              </div>
-                              <div className="text-xs text-gray-500">
-                                {new Date(movement.movementDate).toLocaleTimeString('tr-TR')}
-                              </div>
-                            </div>
-                          </div>
-                        </td>
-                        <td className="px-2 py-1.5 whitespace-nowrap">
-                          <div
-                            className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${getMovementTypeColor(movement.movementType)}`}
-                          >
-                            <Icon className="h-3 w-3 mr-1" />
-                            {getMovementTypeText(movement.movementType)}
-                          </div>
-                        </td>
-                        {!materialId && (
-                          <td className="px-2 py-1.5 whitespace-nowrap">
-                            <div className="text-xs font-medium text-gray-900">
-                              {movement.material.code} - {movement.material.name}
-                            </div>
-                          </td>
-                        )}
-                        <td className="px-2 py-1.5 whitespace-nowrap">
-                          <div className="flex items-center space-x-1">
-                            <span
-                              className={`text-sm font-medium ${
-                                movement.quantity > 0 ? 'text-green-600' : 'text-red-600'
-                              }`}
-                            >
-                              {movement.quantity > 0 ? '+' : ''}
-                              {movement.quantity}
-                            </span>
-                            <span className="text-xs text-gray-500">{movement.unit?.code}</span>
-                          </div>
-                        </td>
-                        <td className="px-2 py-1.5 whitespace-nowrap">
-                          <div className="text-xs font-medium text-gray-900">
-                            {movement.runningBalance} {movement.unit?.code}
-                          </div>
-                        </td>
-                        <td className="px-2 py-1.5 whitespace-nowrap">
-                          <div className="text-xs text-gray-900">
-                            {movement.toWarehouse?.code}
-                            {movement.toZone?.zoneCode && (
-                              <div className="text-xs text-gray-500">
-                                {movement.toZone?.zoneCode}
-                              </div>
-                            )}
-                            {movement.toLocation?.locationCode && (
-                              <div className="text-xs text-gray-500">
-                                {movement.toLocation?.locationCode}
-                              </div>
-                            )}
-                          </div>
-                        </td>
-                        <td className="px-2 py-1.5 whitespace-nowrap">
-                          <div className="text-xs text-gray-900">
-                            {movement.lotNumber && (
-                              <div className="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded">
-                                {movement.lotNumber}
-                              </div>
-                            )}
-                          </div>
-                        </td>
-                        <td className="px-2 py-1.5 whitespace-nowrap">
-                          {movement.referenceDocument && (
-                            <div className="text-xs text-gray-900">
-                              <div>{movement.referenceDocument}</div>
-                              <div className="text-xs text-gray-500">
-                                {movement.referenceDocumentType}
-                              </div>
-                            </div>
-                          )}
-                        </td>
-                        <td className="px-2 py-1.5">
-                          <div className="text-xs text-gray-900">{movement.description}</div>
-                        </td>
-                      </tr>
-                    )
-                  })}
-                </tbody>
-              </table>
-            </div>
-          )}
-
-          {!loading && movements.length === 0 && (
-            <div className="text-center py-10">
-              <FaBox className="mx-auto h-10 w-10 text-gray-400" />
-              <h3 className="mt-2 text-base font-medium text-gray-900">Hareket bulunamadı</h3>
-              <p className="mt-1 text-xs text-gray-500">
-                Seçilen kriterlere uygun hareket kaydı bulunmuyor.
-              </p>
-            </div>
-          )}
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default MaterialMovements
diff --git a/ui/src/views/warehouse/components/PutawayRules.tsx b/ui/src/views/warehouse/components/PutawayRules.tsx
deleted file mode 100644
index 5b91f6dc..00000000
--- a/ui/src/views/warehouse/components/PutawayRules.tsx
+++ /dev/null
@@ -1,975 +0,0 @@
-import React, { useState } from 'react'
-import { PutawayStrategyEnum } from '../../../types/wm'
-import {
-  FaSearch,
-  FaPlus,
-  FaEdit,
-  FaTrash,
-  FaCog,
-  FaBullseye,
-  FaCheckCircle,
-  FaExclamationCircle,
-  FaFilter,
-  FaArrowDown,
-  FaTh,
-  FaList,
-} from 'react-icons/fa'
-import { mockPutawayRules } from '../../../mocks/mockPutawayRules'
-import { mockWarehouses } from '../../../mocks/mockWarehouses'
-import { mockZones } from '../../../mocks/mockZones'
-import { mockLocations } from '../../../mocks/mockLocations'
-import { mockMaterialTypes } from '../../../mocks/mockMaterialTypes'
-import { mockMaterialGroups } from '../../../mocks/mockMaterialGroups'
-import {
-  getPutawayStrategyColor,
-  getPutawayStrategyText,
-  getConditionTypeText,
-  getConditionOperatorText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const PutawayRules: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedStrategy, setSelectedStrategy] = useState<PutawayStrategyEnum | ''>('')
-  const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid')
-  const [showRuleForm, setShowRuleForm] = useState(false)
-  const [editingRuleId, setEditingRuleId] = useState<string | null>(null)
-  const [selectedRule, setSelectedRule] = useState<string>('')
-
-  // Form States
-  const [formData, setFormData] = useState({
-    name: '',
-    ruleCode: '',
-    description: '',
-    warehouseId: '',
-    materialTypeId: '',
-    materialGroupId: '',
-    priority: 1,
-    targetZoneId: '',
-    targetLocationId: '',
-    strategy: PutawayStrategyEnum.FIFO,
-    isActive: true,
-  })
-
-  // Helper functions for names
-  const getWarehouseName = (warehouseId: string | undefined) => {
-    if (!warehouseId) return 'Belirtilmemiş'
-    const warehouse = mockWarehouses.find((w) => w.id === warehouseId)
-    return warehouse ? warehouse.name : `Depo ${warehouseId}`
-  }
-
-  const getZoneName = (zoneId: string | undefined) => {
-    if (!zoneId) return 'Belirtilmemiş'
-    const zone = mockZones.find((z) => z.id === zoneId)
-    return zone ? zone.name : `Bölge ${zoneId}`
-  }
-
-  const getLocationName = (locationId: string | undefined) => {
-    if (!locationId) return 'Belirtilmemiş'
-    const location = mockLocations.find((l) => l.id === locationId)
-    return location ? location.name : `Lokasyon ${locationId}`
-  }
-
-  const getMaterialTypeName = (materialTypeId: string | undefined) => {
-    if (!materialTypeId) return 'Belirtilmemiş'
-    const materialType = mockMaterialTypes.find((mt) => mt.id === materialTypeId)
-    return materialType ? materialType.name : `Tip ${materialTypeId}`
-  }
-
-  const getMaterialGroupName = (materialGroupId: string | undefined) => {
-    if (!materialGroupId) return 'Belirtilmemiş'
-    const materialGroup = mockMaterialGroups.find((mg) => mg.id === materialGroupId)
-    return materialGroup ? materialGroup.name : `Grup ${materialGroupId}`
-  }
-
-  // Form Functions
-  const resetForm = () => {
-    setFormData({
-      name: '',
-      ruleCode: '',
-      description: '',
-      warehouseId: '',
-      materialTypeId: '',
-      materialGroupId: '',
-      priority: 1,
-      targetZoneId: '',
-      targetLocationId: '',
-      strategy: PutawayStrategyEnum.FIFO,
-      isActive: true,
-    })
-  }
-
-  const handleEditRule = (ruleId: string) => {
-    const rule = mockPutawayRules.find((r) => r.id === ruleId)
-    if (rule) {
-      setFormData({
-        name: rule.name,
-        ruleCode: rule.code,
-        description: rule.description || '',
-        warehouseId: rule.warehouseId,
-        materialTypeId: rule.materialTypeId || '',
-        materialGroupId: rule.materialGroupId || '',
-        priority: rule.priority,
-        targetZoneId: rule.targetZoneId || '',
-        targetLocationId: rule.targetLocationId || '',
-        strategy: rule.strategy,
-        isActive: rule.isActive,
-      })
-    }
-    setEditingRuleId(ruleId)
-    setShowRuleForm(true)
-  }
-
-  const handleNewRule = () => {
-    resetForm()
-    setEditingRuleId(null)
-    setShowRuleForm(true)
-  }
-
-  const handleCloseForm = () => {
-    setShowRuleForm(false)
-    setEditingRuleId(null)
-    resetForm()
-  }
-
-  const handleSubmitForm = () => {
-    // Form validation and submission logic here
-    console.log('Form Data:', formData)
-    handleCloseForm()
-  }
-
-  const filteredRules = mockPutawayRules.filter((rule) => {
-    const matchesSearch =
-      rule.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      rule.code.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesStrategy = selectedStrategy === '' || rule.strategy === selectedStrategy
-    return matchesSearch && matchesStrategy
-  })
-
-  const RuleDetailModal = () => {
-    const rule = mockPutawayRules.find((r) => r.id === selectedRule)
-
-    if (!selectedRule || !rule) return null
-
-    return (
-      <div className="fixed inset-0 z-50 overflow-y-auto">
-        <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-          <div
-            className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-            onClick={() => setSelectedRule('')}
-          />
-
-          <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-4xl sm:w-full">
-            <div className="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
-              <div className="flex items-center justify-between mb-4">
-                <h3 className="text-lg font-medium text-gray-900">{rule.name} - Kural Detayları</h3>
-                <button
-                  onClick={() => setSelectedRule('')}
-                  className="text-gray-400 hover:text-gray-600"
-                >
-                  <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M6 18L18 6M6 6l12 12"
-                    />
-                  </svg>
-                </button>
-              </div>
-
-              <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-                {/* Rule Info */}
-                <div className="bg-gray-50 rounded-lg p-3">
-                  <h4 className="font-medium text-sm text-gray-900 mb-2">Kural Bilgileri</h4>
-                  <div className="space-y-2 text-sm">
-                    <div>
-                      <strong>Kod:</strong> {rule.code}
-                    </div>
-                    <div>
-                      <strong>Açıklama:</strong> {rule.description}
-                    </div>
-                    <div>
-                      <strong>Öncelik:</strong> {rule.priority}
-                    </div>
-                    <div>
-                      <strong>Strateji:</strong>
-                      <span
-                        className={`ml-2 inline-flex px-2 py-1 text-xs font-medium rounded-full ${getPutawayStrategyColor(
-                          rule.strategy,
-                        )}`}
-                      >
-                        {getPutawayStrategyText(rule.strategy)}
-                      </span>
-                    </div>
-                    <div>
-                      <strong>Durum:</strong>
-                      {rule.isActive ? (
-                        <span className="ml-2 inline-flex items-center px-2 py-1 text-xs font-medium rounded-full bg-green-100 text-green-800">
-                          <FaCheckCircle className="w-3 h-3 mr-1" />
-                          Aktif
-                        </span>
-                      ) : (
-                        <span className="ml-2 inline-flex items-center px-2 py-1 text-xs font-medium rounded-full bg-red-100 text-red-800">
-                          <FaExclamationCircle className="w-3 h-3 mr-1" />
-                          Pasif
-                        </span>
-                      )}
-                    </div>
-                  </div>
-                </div>
-
-                {/* Conditions */}
-                <div className="bg-gray-50 rounded-lg p-3">
-                  <h4 className="font-medium text-sm text-gray-900 mb-2">
-                    Koşullar ({rule.conditions.length})
-                  </h4>
-                  <div className="space-y-2">
-                    {rule.conditions.map((condition, index) => (
-                      <div key={condition.id} className="bg-white rounded p-2 border">
-                        <div className="flex items-center justify-between">
-                          <span className="text-sm font-medium">Koşul {index + 1}</span>
-                        </div>
-                        <div className="mt-2 text-sm text-gray-600">
-                          <div className="flex items-center gap-2">
-                            <span className="bg-blue-100 text-blue-800 px-1.5 py-0.5 rounded text-xs">
-                              {getConditionTypeText(condition.conditionType)}
-                            </span>
-                            <FaArrowDown className="w-3 h-3 text-gray-400" />
-                            <span className="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-xs">
-                              {getConditionOperatorText(condition.operator)}
-                            </span>
-                            <FaArrowDown className="w-3 h-3 text-gray-400" />
-                            <span className="bg-green-100 text-green-800 px-1.5 py-0.5 rounded text-xs">
-                              {condition.value}
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    ))}
-                    {rule.conditions.length === 0 && (
-                      <div className="text-sm text-gray-500 text-center py-4">
-                        Koşul tanımlanmamış
-                      </div>
-                    )}
-                  </div>
-                </div>
-              </div>
-
-              {/* Target Info */}
-              <div className="mt-4 bg-gray-50 rounded-lg p-3">
-                <h4 className="font-medium text-sm text-gray-900 mb-2">Hedef Lokasyon</h4>
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-3 text-sm">
-                  <div>
-                    <strong>Depo:</strong> {getWarehouseName(rule.warehouseId)}
-                  </div>
-                  <div>
-                    <strong>Hedef Bölge:</strong> {getZoneName(rule.targetZoneId)}
-                  </div>
-                  <div>
-                    <strong>Hedef Lokasyon:</strong> {getLocationName(rule.targetLocationId)}
-                  </div>
-                  {rule.materialTypeId && (
-                    <div>
-                      <strong>Malzeme Tipi:</strong> {getMaterialTypeName(rule.materialTypeId)}
-                    </div>
-                  )}
-                  {rule.materialGroupId && (
-                    <div>
-                      <strong>Malzeme Grubu:</strong> {getMaterialGroupName(rule.materialGroupId)}
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Yerleştirme Kuralları</h2>
-            <p className="text-gray-600">Malzeme yerleştirme kurallarını tanımlayın ve yönetin</p>
-          </div>
-          <div className="flex items-center gap-2">
-            {/* View Mode Toggle */}
-            <div className="flex items-center bg-gray-100 rounded-lg p-1">
-              <button
-                onClick={() => setViewMode('grid')}
-                className={`p-1.5 rounded-md ${
-                  viewMode === 'grid'
-                    ? 'bg-white text-blue-600 shadow-sm'
-                    : 'text-gray-500 hover:text-gray-700'
-                }`}
-                title="Kart Görünümü"
-              >
-                <FaTh className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => setViewMode('list')}
-                className={`p-1.5 rounded-md ${
-                  viewMode === 'list'
-                    ? 'bg-white text-blue-600 shadow-sm'
-                    : 'text-gray-500 hover:text-gray-700'
-                }`}
-                title="Liste Görünümü"
-              >
-                <FaList className="w-4 h-4" />
-              </button>
-            </div>
-            <button
-              onClick={handleNewRule}
-              className="bg-blue-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center gap-2"
-            >
-              <FaPlus className="w-4 h-4" />
-              Yeni Kural
-            </button>
-          </div>
-        </div>
-
-        {/* Filters */}
-        <div className="flex flex-col sm:flex-row gap-4">
-          <div className="relative flex-1">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Kural ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="pl-10 pr-4 py-1.5 text-sm w-full border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            />
-          </div>
-          <select
-            value={selectedStrategy}
-            onChange={(e) => setSelectedStrategy(e.target.value as PutawayStrategyEnum | '')}
-            className="px-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-          >
-            <option value="">Tüm Stratejiler</option>
-            {Object.values(PutawayStrategyEnum).map((strategy) => (
-              <option key={strategy} value={strategy}>
-                {getPutawayStrategyText(strategy)}
-              </option>
-            ))}
-          </select>
-          <button className="bg-gray-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-gray-700 flex items-center gap-2">
-            <FaFilter className="w-4 h-4" />
-            Filtrele
-          </button>
-        </div>
-
-        {/* Rules Display */}
-        {viewMode === 'grid' ? (
-          // Grid View (Kart Görünümü)
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-            {filteredRules.map((rule) => (
-              <div
-                key={rule.id}
-                className="bg-white rounded-lg shadow-sm border border-gray-200 p-3"
-              >
-                <div className="flex items-start justify-between mb-3">
-                  <div className="flex items-center gap-2">
-                    <div className="p-2 bg-blue-100 rounded-lg">
-                      <FaCog className="w-5 h-5 text-blue-600" />
-                    </div>
-                    <div>
-                      <h3 className="font-medium text-gray-900">{rule.name}</h3>
-                      <p className="text-sm text-gray-500">{rule.code}</p>
-                    </div>
-                  </div>
-                  <div className="flex items-center gap-2">
-                    <span className="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full">
-                      Öncelik: {rule.priority}
-                    </span>
-                    {rule.isActive ? (
-                      <FaCheckCircle className="w-4 h-4 text-green-500" />
-                    ) : (
-                      <FaExclamationCircle className="w-4 h-4 text-red-500" />
-                    )}
-                  </div>
-                </div>
-
-                <div className="space-y-3">
-                  <div className="text-xs text-gray-600">
-                    <p>{rule.description}</p>
-                  </div>
-
-                  <span
-                    className={`inline-flex px-2 py-1 text-xs font-medium rounded-full ${getPutawayStrategyColor(
-                      rule.strategy,
-                    )}`}
-                  >
-                    {getPutawayStrategyText(rule.strategy)}
-                  </span>
-
-                  {/* Conditions Summary */}
-                  <h4 className="text-xs font-medium text-gray-900">
-                    Koşullar ({rule.conditions.length})
-                  </h4>
-                  {rule.conditions.length > 0 ? (
-                    <div className="space-y-1">
-                      {rule.conditions.slice(0, 2).map((condition) => (
-                        <div
-                          key={condition.id}
-                          className="text-xs text-gray-600 bg-gray-50 rounded p-1.5"
-                        >
-                          <div className="flex items-center gap-1">
-                            <span className="font-medium">
-                              {getConditionTypeText(condition.conditionType)}
-                            </span>
-                            <span>{getConditionOperatorText(condition.operator)}</span>
-                            <span className="font-medium">{condition.value}</span>
-                          </div>
-                        </div>
-                      ))}
-                      {rule.conditions.length > 2 && (
-                        <div className="text-xs text-gray-500">
-                          +{rule.conditions.length - 2} koşul daha
-                        </div>
-                      )}
-                    </div>
-                  ) : (
-                    <div className="text-xs text-gray-500">Koşul tanımlanmamış</div>
-                  )}
-
-                  {/* Target Info */}
-                  <h4 className="text-xs font-medium">Hedef</h4>
-                  <div>
-                    <div className="bg-gray-50 rounded p-2">
-                      <div className="text-xs text-gray-600 space-y-0.5">
-                        <div>Depo: {getWarehouseName(rule.warehouseId)}</div>
-                        {rule.targetZoneId && <div>Bölge: {getZoneName(rule.targetZoneId)}</div>}
-                        {rule.targetLocationId && (
-                          <div>Lokasyon: {getLocationName(rule.targetLocationId)}</div>
-                        )}
-                        {rule.materialTypeId && (
-                          <div>Malzeme Tipi: {getMaterialTypeName(rule.materialTypeId)}</div>
-                        )}
-                        {rule.materialGroupId && (
-                          <div>Malzeme Grubu: {getMaterialGroupName(rule.materialGroupId)}</div>
-                        )}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <div className="flex items-center justify-between pt-3 mt-3 border-t border-gray-100">
-                  <div className="flex items-center gap-2">
-                    {rule.isActive ? (
-                      <>
-                        <FaCheckCircle className="w-4 h-4 text-green-500" />
-                        <span className="text-sm text-green-600">Aktif</span>
-                      </>
-                    ) : (
-                      <>
-                        <FaExclamationCircle className="w-4 h-4 text-red-500" />
-                        <span className="text-sm text-red-600">Pasif</span>
-                      </>
-                    )}
-                  </div>
-                  <div className="flex items-center gap-2">
-                    <button
-                      onClick={() => setSelectedRule(rule.id)}
-                      className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md"
-                    >
-                      <FaBullseye className="w-4 h-4" />
-                    </button>
-                    <button
-                      onClick={() => handleEditRule(rule.id)}
-                      className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md"
-                    >
-                      <FaEdit className="w-4 h-4" />
-                    </button>
-                    <button className="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md">
-                      <FaTrash className="w-4 h-4" />
-                    </button>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        ) : (
-          // List View (Liste Görünümü)
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
-            <div className="overflow-x-auto">
-              <table className="min-w-full divide-y divide-gray-200">
-                <thead className="bg-gray-50">
-                  <tr>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Kural
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Strateji
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Depo
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Hedef Lokasyon
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Koşullar
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Öncelik
-                    </th>
-                    <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      Durum
-                    </th>
-                    <th className="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                      İşlemler
-                    </th>
-                  </tr>
-                </thead>
-                <tbody className="bg-white divide-y divide-gray-200">
-                  {filteredRules.map((rule) => (
-                    <tr key={rule.id} className="hover:bg-gray-50">
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <div className="p-2 bg-blue-100 rounded-lg mr-3">
-                            <FaCog className="w-4 h-4 text-blue-600" />
-                          </div>
-                          <div>
-                            <div
-                              className="text-sm font-medium text-gray-900 max-w-[150px] truncate"
-                              title={rule.name}
-                            >
-                              {rule.name}
-                            </div>
-                            <div className="text-sm text-gray-500">{rule.code}</div>
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <span
-                          className={`inline-flex px-2 py-1 text-xs font-medium rounded-full ${getPutawayStrategyColor(
-                            rule.strategy,
-                          )}`}
-                        >
-                          {getPutawayStrategyText(rule.strategy)}
-                        </span>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {getWarehouseName(rule.warehouseId)}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                        <div className="space-y-1">
-                          {rule.targetZoneId && <div>Bölge: {getZoneName(rule.targetZoneId)}</div>}
-                          {rule.targetLocationId && (
-                            <div>Lokasyon: {getLocationName(rule.targetLocationId)}</div>
-                          )}
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
-                        {rule.conditions.length > 0 ? (
-                          <div className="space-y-1">
-                            {rule.conditions.slice(0, 1).map((condition) => (
-                              <div key={condition.id} className="text-xs">
-                                {getConditionTypeText(condition.conditionType)}{' '}
-                                {getConditionOperatorText(condition.operator)} {condition.value}
-                              </div>
-                            ))}
-                            {rule.conditions.length > 1 && (
-                              <div className="text-xs text-gray-400">
-                                +{rule.conditions.length - 1} koşul daha
-                              </div>
-                            )}
-                          </div>
-                        ) : (
-                          <span className="text-gray-400">Koşul yok</span>
-                        )}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <span className="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full">
-                          {rule.priority}
-                        </span>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="flex items-center">
-                          {rule.isActive ? (
-                            <>
-                              <FaCheckCircle className="w-4 h-4 text-green-500 mr-2" />
-                              <span className="text-sm text-green-600">Aktif</span>
-                            </>
-                          ) : (
-                            <>
-                              <FaExclamationCircle className="w-4 h-4 text-red-500 mr-2" />
-                              <span className="text-sm text-red-600">Pasif</span>
-                            </>
-                          )}
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-right text-sm text-gray-500">
-                        <div className="flex items-center gap-2">
-                          <button
-                            onClick={() => setSelectedRule(rule.id)}
-                            className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md"
-                            title="Görüntüle"
-                          >
-                            <FaBullseye className="w-4 h-4" />
-                          </button>
-                          <button
-                            onClick={() => handleEditRule(rule.id)}
-                            className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md"
-                            title="Düzenle"
-                          >
-                            <FaEdit className="w-4 h-4" />
-                          </button>
-                          <button
-                            className="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md"
-                            title="Sil"
-                          >
-                            <FaTrash className="w-4 h-4" />
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-          </div>
-        )}
-
-        {filteredRules.length === 0 && (
-          <div className="text-center py-12">
-            <FaCog className="w-12 h-12 text-gray-400 mx-auto mb-4" />
-            <h3 className="text-lg font-medium text-gray-900 mb-2">Kural bulunamadı</h3>
-            <p className="text-gray-500 mb-4">
-              Arama kriterlerinize uygun yerleştirme kuralı bulunamadı.
-            </p>
-            <button
-              onClick={handleNewRule}
-              className="bg-blue-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-blue-700"
-            >
-              İlk Kuralı Oluştur
-            </button>
-          </div>
-        )}
-      </div>
-
-      {/* Rule Detail Modal */}
-      <RuleDetailModal />
-
-      {/* Rule Form Modal */}
-      {showRuleForm && (
-        <div className="fixed inset-0 z-50 overflow-y-auto">
-          <div className="flex min-h-screen pt-4 px-4 pb-20 text-left sm:block sm:p-0">
-            <div
-              className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-              onClick={() => {
-                setShowRuleForm(false)
-                setEditingRuleId(null)
-              }}
-            />
-
-            <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-              <div className="bg-white rounded-lg w-full max-w-4xl mx-4 max-h-[90vh] overflow-y-auto">
-                <div className="flex items-center justify-between p-4 border-b">
-                  <h3 className="text-base font-medium text-gray-900">
-                    {editingRuleId ? 'Yerleştirme Kuralını Güncelle' : 'Yeni Yerleştirme Kuralı'}
-                  </h3>
-                  <button
-                    onClick={handleCloseForm}
-                    className="text-gray-400 hover:text-gray-600 p-1 rounded-full"
-                  >
-                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                      <path
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth={2}
-                        d="M6 18L18 6M6 6l12 12"
-                      />
-                    </svg>
-                  </button>
-                </div>
-
-                {/* Form Content */}
-                <form className="space-y-4 p-4">
-                  {/* Basic Information */}
-                  <div className="space-y-3">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Kural Adı *
-                      </label>
-                      <input
-                        type="text"
-                        value={formData.name}
-                        onChange={(e) => setFormData({ ...formData, name: e.target.value })}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                        placeholder="Kural adını girin"
-                        required
-                      />
-                    </div>
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Kural Kodu *
-                      </label>
-                      <input
-                        type="text"
-                        value={formData.ruleCode}
-                        onChange={(e) => setFormData({ ...formData, ruleCode: e.target.value })}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                        placeholder="PR001"
-                        required
-                      />
-                    </div>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Açıklama</label>
-                    <textarea
-                      value={formData.description}
-                      onChange={(e) =>
-                        setFormData({
-                          ...formData,
-                          description: e.target.value,
-                        })
-                      }
-                      rows={2}
-                      className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                      placeholder="Kural açıklaması"
-                    />
-                  </div>
-
-                  {/* Warehouse and Location Settings */}
-                  <div className="border-t pt-4">
-                    <h4 className="text-base font-medium text-gray-900 mb-2">Lokasyon Ayarları</h4>
-                    <div className="space-y-3">
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Depo *
-                        </label>
-                        <select
-                          value={formData.warehouseId}
-                          onChange={(e) => {
-                            setFormData({
-                              ...formData,
-                              warehouseId: e.target.value,
-                              targetZoneId: '',
-                              targetLocationId: '',
-                            })
-                          }}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                          required
-                        >
-                          <option value="">Depo seçin</option>
-                          {mockWarehouses.map((warehouse) => (
-                            <option key={warehouse.id} value={warehouse.id}>
-                              {warehouse.name}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-
-                      {formData.warehouseId && (
-                        <div>
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Hedef Bölge
-                          </label>
-                          <select
-                            value={formData.targetZoneId}
-                            onChange={(e) => {
-                              setFormData({
-                                ...formData,
-                                targetZoneId: e.target.value,
-                                targetLocationId: '',
-                              })
-                            }}
-                            className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                          >
-                            <option value="">Bölge seçin</option>
-                            {mockZones
-                              .filter((zone) => zone.warehouseId === formData.warehouseId)
-                              .map((zone) => (
-                                <option key={zone.id} value={zone.id}>
-                                  {zone.name}
-                                </option>
-                              ))}
-                          </select>
-                        </div>
-                      )}
-
-                      {formData.targetZoneId && (
-                        <div>
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Hedef Lokasyon
-                          </label>
-                          <select
-                            value={formData.targetLocationId}
-                            onChange={(e) =>
-                              setFormData({
-                                ...formData,
-                                targetLocationId: e.target.value,
-                              })
-                            }
-                            className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                          >
-                            <option value="">Lokasyon seçin</option>
-                            {mockLocations
-                              .filter((location) => location.zoneId === formData.targetZoneId)
-                              .map((location) => (
-                                <option key={location.id} value={location.id}>
-                                  {location.name}
-                                </option>
-                              ))}
-                          </select>
-                        </div>
-                      )}
-                    </div>
-                  </div>
-
-                  {/* Material Settings */}
-                  <div className="border-t pt-4">
-                    <h4 className="text-base font-medium text-gray-900 mb-2">Malzeme Ayarları</h4>
-                    <div className="space-y-3">
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Malzeme Tipi
-                        </label>
-                        <select
-                          value={formData.materialTypeId}
-                          onChange={(e) =>
-                            setFormData({
-                              ...formData,
-                              materialTypeId: e.target.value,
-                            })
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                        >
-                          <option value="">Malzeme tipi seçin</option>
-                          {mockMaterialTypes.map((type) => (
-                            <option key={type.id} value={type.id}>
-                              {type.name}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Malzeme Grubu
-                        </label>
-                        <select
-                          value={formData.materialGroupId}
-                          onChange={(e) =>
-                            setFormData({
-                              ...formData,
-                              materialGroupId: e.target.value,
-                            })
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                        >
-                          <option value="">Malzeme grubu seçin</option>
-                          {mockMaterialGroups.map((group) => (
-                            <option key={group.id} value={group.id}>
-                              {group.name}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Strategy and Priority */}
-                  <div className="border-t pt-4">
-                    <h4 className="text-base font-medium text-gray-900 mb-2">
-                      Strateji ve Öncelik
-                    </h4>
-                    <div className="space-y-3">
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Yerleştirme Stratejisi *
-                        </label>
-                        <select
-                          value={formData.strategy}
-                          onChange={(e) =>
-                            setFormData({
-                              ...formData,
-                              strategy: e.target.value as PutawayStrategyEnum,
-                            })
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                          required
-                        >
-                          {Object.values(PutawayStrategyEnum).map((strategy) => (
-                            <option key={strategy} value={strategy}>
-                              {getPutawayStrategyText(strategy)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Öncelik *
-                        </label>
-                        <input
-                          type="number"
-                          min="1"
-                          max="100"
-                          value={formData.priority}
-                          onChange={(e) =>
-                            setFormData({
-                              ...formData,
-                              priority: parseInt(e.target.value) || 1,
-                            })
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                          required
-                        />
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Status */}
-                  <div className="border-t pt-4">
-                    <div className="flex items-center">
-                      <input
-                        type="checkbox"
-                        id="isActive"
-                        checked={formData.isActive}
-                        onChange={(e) =>
-                          setFormData({
-                            ...formData,
-                            isActive: e.target.checked,
-                          })
-                        }
-                        className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
-                      />
-                      <label htmlFor="isActive" className="ml-2 block text-sm text-gray-900">
-                        Bu kural aktif
-                      </label>
-                    </div>
-                  </div>
-                </form>
-
-                {/* Form Actions */}
-                <div className="flex items-center justify-end gap-2 mt-4 pt-4 border-t p-4">
-                  <button
-                    type="button"
-                    onClick={handleCloseForm}
-                    className="px-4 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    İptal
-                  </button>
-                  <button
-                    type="button"
-                    onClick={handleSubmitForm}
-                    className="px-4 py-1.5 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    {editingRuleId ? 'Güncelle' : 'Kaydet'}
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-    </Container>
-  )
-}
-
-export default PutawayRules
diff --git a/ui/src/views/warehouse/components/SerialForm.tsx b/ui/src/views/warehouse/components/SerialForm.tsx
deleted file mode 100644
index d58ac9ed..00000000
--- a/ui/src/views/warehouse/components/SerialForm.tsx
+++ /dev/null
@@ -1,238 +0,0 @@
-import React from 'react'
-import { Formik, Form, Field } from 'formik'
-import * as Yup from 'yup'
-import { FaSave, FaTimes } from 'react-icons/fa'
-import { SerialStatusEnum, MmSerialNumber, MmMaterial } from '../../../types/mm'
-import { getSerialStatusText } from '@/utils/erp'
-
-import { Input, Checkbox, Button } from '@/components/ui'
-import Select from '@/components/ui/Select'
-
-export interface SerialFormProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (serial: MmSerialNumber) => void
-  onUpdate?: (serial: MmSerialNumber) => void
-  materials: MmMaterial[]
-  lots?: { id: string; label: string }[]
-  initial?: MmSerialNumber | null
-  mode?: 'create' | 'edit' | 'view'
-}
-
-const validationSchema = Yup.object({
-  materialId: Yup.string().required('Malzeme seçimi zorunlu'),
-  serialNumber: Yup.string().required('Seri numarası zorunlu'),
-})
-
-const SerialForm: React.FC<SerialFormProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  onUpdate,
-  materials,
-  lots = [],
-  initial = null,
-  mode = 'create',
-}) => {
-  if (!isOpen) return null
-
-  const initialValues = {
-    materialId: initial?.materialId || '',
-    serialNumber: initial?.serialNumber || '',
-    lotId: initial?.lotId || '',
-    productionDate: initial?.productionDate
-      ? new Date(initial.productionDate).toISOString().slice(0, 10)
-      : '',
-    warrantyExpiryDate: initial?.warrantyExpiryDate
-      ? new Date(initial.warrantyExpiryDate).toISOString().slice(0, 10)
-      : '',
-    currentLocationId: initial?.currentLocationId || '',
-    status: initial?.status || SerialStatusEnum.Available,
-    isActive: initial?.isActive ?? true,
-  }
-
-  return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center">
-      <div className="absolute inset-0 bg-black opacity-40" onClick={onClose} />
-      <div className="relative bg-white rounded-lg shadow-lg w-full max-w-2xl mx-4">
-        <Formik
-          initialValues={initialValues}
-          validationSchema={validationSchema}
-          onSubmit={async (values, helpers) => {
-            const newSerial: MmSerialNumber = {
-              id: initial?.id || Date.now().toString(),
-              materialId: values.materialId,
-              serialNumber: values.serialNumber,
-              lotId: values.lotId || undefined,
-              productionDate: values.productionDate ? new Date(values.productionDate) : new Date(),
-              warrantyExpiryDate: values.warrantyExpiryDate
-                ? new Date(values.warrantyExpiryDate)
-                : undefined,
-              currentLocationId: values.currentLocationId || undefined,
-              status: values.status,
-              isActive: !!values.isActive,
-            }
-
-            await new Promise((r) => setTimeout(r, 300))
-            if (mode === 'edit' && onUpdate) {
-              onUpdate(newSerial)
-            } else {
-              onSave(newSerial)
-            }
-            onClose()
-            helpers.setSubmitting(false)
-          }}
-        >
-          {({ values, errors, touched, setFieldValue, isSubmitting }) => (
-            <Form className="space-y-2 p-3">
-              {/* Header */}
-              <div className="flex items-center justify-between p-2 border-b">
-                <div>
-                  <h2 className="text-lg font-bold text-gray-900">
-                    {mode === 'create'
-                      ? 'Yeni Seri Kaydı'
-                      : mode === 'edit'
-                        ? 'Seri Düzenle'
-                        : 'Seri Detayı'}
-                  </h2>
-                </div>
-                <div className="flex items-center gap-2">
-                  <Button
-                    size="sm"
-                    type="button"
-                    onClick={onClose}
-                    variant="default"
-                    className="flex items-center"
-                  >
-                    <FaTimes className="mr-1" />
-                    <span>Kapat</span>
-                  </Button>
-                  {mode !== 'view' && (
-                    <Button
-                      size="sm"
-                      type="submit"
-                      variant="solid"
-                      color="blue-600"
-                      loading={isSubmitting}
-                      icon={<FaSave className="w-4 h-4" />}
-                    >
-                      Kaydet
-                    </Button>
-                  )}
-                </div>
-              </div>
-
-              {/* Grid Form */}
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                {/* Material */}
-                <div className="grid gap-1">
-                  <label className="block text-sm text-gray-700">Malzeme *</label>
-                  <Select
-                    isDisabled={mode === 'view'}
-                    options={materials.map((m) => ({
-                      value: m.id,
-                      label: `${m.code} - ${m.name}`,
-                    }))}
-                    value={materials
-                      .map((m) => ({ value: m.id, label: `${m.code} - ${m.name}` }))
-                      .find((opt) => opt.value === values.materialId)}
-                    onChange={(opt) => setFieldValue('materialId', opt?.value || '')}
-                  />
-                  {touched.materialId && errors.materialId && (
-                    <p className="text-xs text-red-500 mt-1">{errors.materialId}</p>
-                  )}
-                </div>
-
-                {/* Serial */}
-                <div className="grid gap-1">
-                  <label className="block text-sm text-gray-700">Seri No *</label>
-                  <Field
-                    name="serialNumber"
-                    placeholder="Seri numarası"
-                    disabled={mode === 'view'}
-                    component={Input}
-                    size="sm"
-                  />
-                  {touched.serialNumber && errors.serialNumber && (
-                    <p className="text-xs text-red-500 mt-1">{errors.serialNumber}</p>
-                  )}
-                </div>
-
-                {/* Lot */}
-                <div className="grid gap-1">
-                  <label className="block text-sm text-gray-700">Lot</label>
-                  <Select
-                    size="sm"
-                    isDisabled={mode === 'view'}
-                    isClearable
-                    options={lots.map((l) => ({ value: l.id, label: l.label }))}
-                    value={lots
-                      .map((l) => ({ value: l.id, label: l.label }))
-                      .find((opt) => opt.value === values.lotId)}
-                    onChange={(opt) => setFieldValue('lotId', opt?.value || '')}
-                  />
-                </div>
-
-                {/* Status */}
-                <div className="grid gap-1">
-                  <label className="block text-sm text-gray-700">Durum</label>
-                  <Select
-                    size="sm"
-                    isDisabled={mode === 'view'}
-                    options={Object.values(SerialStatusEnum).map((s) => ({
-                      value: s,
-                      label: getSerialStatusText(s),
-                    }))}
-                    value={Object.values(SerialStatusEnum)
-                      .map((s) => ({ value: s, label: getSerialStatusText(s) }))
-                      .find((opt) => opt.value === values.status)}
-                    onChange={(opt) => setFieldValue('status', opt?.value)}
-                  />
-                </div>
-
-                {/* Production Date */}
-                <div className="grid gap-1">
-                  <label className="block text-sm text-gray-700">Üretim Tarihi</label>
-                  <Field
-                    name="productionDate"
-                    type="date"
-                    disabled={mode === 'view'}
-                    component={Input}
-                    size="sm"
-                  />
-                </div>
-
-                {/* Warranty Date */}
-                <div className="grid gap-1">
-                  <label className="block text-sm text-gray-700">Garanti Bitiş</label>
-                  <Field
-                    name="warrantyExpiryDate"
-                    type="date"
-                    disabled={mode === 'view'}
-                    component={Input}
-                    size="sm"
-                  />
-                </div>
-              </div>
-
-              {/* Active Checkbox */}
-              <div className="pt-2">
-                <Field
-                  name="isActive"
-                  type="checkbox"
-                  component={Checkbox}
-                  disabled={mode === 'view'}
-                  size="sm"
-                >
-                  Aktif
-                </Field>
-              </div>
-            </Form>
-          )}
-        </Formik>
-      </div>
-    </div>
-  )
-}
-
-export default SerialForm
diff --git a/ui/src/views/warehouse/components/StockLevelsInventory.tsx b/ui/src/views/warehouse/components/StockLevelsInventory.tsx
deleted file mode 100644
index 0e15125c..00000000
--- a/ui/src/views/warehouse/components/StockLevelsInventory.tsx
+++ /dev/null
@@ -1,2461 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import {
-  WmStockItem,
-  CountTypeEnum,
-  CountStatusEnum,
-  StockStatusEnum,
-  WmInventoryCount,
-} from '../../../types/wm'
-import { EmployeeStatusEnum, JobLevelEnum } from '../../../types/hr'
-import {
-  FaSearch,
-  FaPlus,
-  FaArrowDown,
-  FaArrowUp,
-  FaExclamationTriangle,
-  FaCheckCircle,
-  FaBox,
-  FaChartBar,
-  FaCalendar,
-  FaFilter,
-  FaDownload,
-  FaUpload,
-  FaEye,
-  FaTh,
-  FaList,
-  FaEdit,
-} from 'react-icons/fa'
-import { mockStockItems } from '../../../mocks/mockStockItems'
-import { mockCountItems, mockInventoryCounts } from '../../../mocks/mockInventoryCounts'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockWarehouses } from '../../../mocks/mockWarehouses'
-import { mockLocations } from '../../../mocks/mockLocations'
-import { mockZones } from '../../../mocks/mockZones'
-import MultiSelectEmployee from '../../../components/common/MultiSelectEmployee'
-import { MmMaterial } from '../../../types/mm'
-import {
-  getCountTypeText,
-  getCountStatusColor,
-  getCountStatusText,
-  getStockStatusText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const StockLevelsInventory: React.FC = () => {
-  const [activeTab, setActiveTab] = useState<'levels' | 'counts'>('levels')
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<StockStatusEnum | ''>('')
-  const [selectedCount, setSelectedCount] = useState<string>('')
-  const [selectedStockItem, setSelectedStockItem] = useState<string>('')
-  const [showNewCountForm, setShowNewCountForm] = useState(false)
-  const [showEditCountForm, setShowEditCountForm] = useState(false)
-  const [editingCountId, setEditingCountId] = useState<string>('')
-  const [stockLevelsViewMode, setStockLevelsViewMode] = useState<'card' | 'list'>('list')
-  const [inventoryCountsViewMode, setInventoryCountsViewMode] = useState<'card' | 'list'>('card')
-
-  const getStockLevel = (item: WmStockItem): 'critical' | 'low' | 'normal' | 'high' => {
-    const material = item.material
-    if (!material) return 'normal'
-
-    const stockLevel = getStockLevelData(material, item.warehouseId, item.locationId)
-    if (item.quantity <= (stockLevel?.reorderPoint || 0)) {
-      return 'critical'
-    } else if (item.quantity <= (stockLevel?.minimumStock || 0)) {
-      return 'low'
-    } else if (item.quantity >= (stockLevel?.maximumStock || 0)) {
-      return 'high'
-    }
-    return 'normal'
-  }
-
-  const getStockLevelColor = (level: 'critical' | 'low' | 'normal' | 'high') => {
-    const colors = {
-      critical: 'bg-red-100 text-red-800',
-      low: 'bg-yellow-100 text-yellow-800',
-      normal: 'bg-green-100 text-green-800',
-      high: 'bg-blue-100 text-blue-800',
-    }
-    return colors[level]
-  }
-
-  const getStockLevelLabel = (level: 'critical' | 'low' | 'normal' | 'high') => {
-    const labels = {
-      critical: 'Kritik',
-      low: 'Düşük',
-      normal: 'Normal',
-      high: 'Yüksek',
-    }
-    return labels[level]
-  }
-
-  const getWarehouseName = (warehouseId: string) => {
-    const warehouse = mockWarehouses.find((w) => w.id === warehouseId)
-    return warehouse ? warehouse.name : 'Bilinmeyen Depo'
-  }
-
-  const getZoneName = (zoneId: string | undefined, warehouseId: string) => {
-    if (!zoneId) return 'Belirtilmemiş'
-
-    const zone = mockZones.find((z) => z.id === zoneId && z.warehouseId === warehouseId)
-    return zone ? zone.name : `Bölge ${zoneId}`
-  }
-
-  const getLocationName = (locationId: string | undefined) => {
-    if (!locationId) return 'Belirtilmemiş'
-
-    const location = mockLocations.find((l) => l.id === locationId)
-    return location ? location.name : `Lokasyon ${locationId}`
-  }
-
-  const getCountZoneInfo = (count: WmInventoryCount) => {
-    if (count.zoneId) {
-      return getZoneName(count.zoneId, count.warehouseId)
-    }
-
-    return 'Tüm Bölgeler'
-  }
-
-  const getCountLocationInfo = (count: WmInventoryCount) => {
-    if (count.locationId) {
-      return getLocationName(count.locationId)
-    }
-
-    return 'Tüm Lokasyonlar'
-  }
-
-  const filteredStockItems = mockStockItems.filter((item) => {
-    const material = item.material
-    if (!material) return false
-
-    const matchesSearch =
-      material.code?.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      material.name?.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesStatus = statusFilter === '' || item.status === statusFilter
-    return matchesSearch && matchesStatus
-  })
-
-  console.log(filteredStockItems)
-
-  const handleEditCount = (countId: string) => {
-    setEditingCountId(countId)
-    setShowEditCountForm(true)
-  }
-
-  const StockLevelsTab = () => (
-    <div className="space-y-4 pt-2">
-      {/* Filters */}
-      <div className="flex flex-col sm:flex-row gap-4">
-        <div className="relative flex-1">
-          <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-          <input
-            type="text"
-            placeholder="Malzeme ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="pl-10 pr-4 py-1.5 text-sm w-full border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-          />
-        </div>
-        <select
-          value={statusFilter}
-          onChange={(e) => setStatusFilter(e.target.value as StockStatusEnum | '')}
-          className="px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-        >
-          <option value="">Tüm Durumlar</option>
-          {Object.values(StockStatusEnum).map((status) => (
-            <option key={status} value={status}>
-              {getStockStatusText(status)}
-            </option>
-          ))}
-        </select>
-
-        {/* View Toggle */}
-        <div className="flex border border-gray-300 rounded-lg overflow-hidden">
-          <button
-            onClick={() => setStockLevelsViewMode('list')}
-            className={`px-3 py-1.5 flex items-center gap-2 text-sm ${
-              stockLevelsViewMode === 'list'
-                ? 'bg-blue-600 text-white'
-                : 'bg-white text-gray-700 hover:bg-gray-50'
-            }`}
-          >
-            <FaList className="w-4 h-4" />
-          </button>
-          <button
-            onClick={() => setStockLevelsViewMode('card')}
-            className={`px-3 py-1.5 flex items-center gap-2 text-sm ${
-              stockLevelsViewMode === 'card'
-                ? 'bg-blue-600 text-white'
-                : 'bg-white text-gray-700 hover:bg-gray-50'
-            }`}
-          >
-            <FaTh className="w-4 h-4" />
-          </button>
-        </div>
-
-        <button className="bg-green-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-green-700 flex items-center gap-2">
-          <FaDownload className="w-4 h-4" />
-          Dışa Aktar
-        </button>
-      </div>
-
-      {/* Stock Level Stats */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-        <div className="bg-white p-3 rounded-lg border border-gray-200">
-          <div className="flex items-center justify-between">
-            <div>
-              <p className="text-sm text-gray-600">Kritik Seviye</p>
-              <p className="text-xl font-bold text-red-600">
-                {filteredStockItems.filter((item) => getStockLevel(item) === 'critical').length}
-              </p>
-            </div>
-            <div className="p-2 bg-red-100 rounded-lg">
-              <FaExclamationTriangle className="w-5 h-5 text-red-600" />
-            </div>
-          </div>
-        </div>
-        <div className="bg-white p-3 rounded-lg border border-gray-200">
-          <div className="flex items-center justify-between">
-            <div>
-              <p className="text-sm text-gray-600">Düşük Seviye</p>
-              <p className="text-xl font-bold text-yellow-600">
-                {filteredStockItems.filter((item) => getStockLevel(item) === 'low').length}
-              </p>
-            </div>
-            <div className="p-2 bg-yellow-100 rounded-lg">
-              <FaArrowDown className="w-5 h-5 text-yellow-600" />
-            </div>
-          </div>
-        </div>
-        <div className="bg-white p-3 rounded-lg border border-gray-200">
-          <div className="flex items-center justify-between">
-            <div>
-              <p className="text-sm text-gray-600">Normal Seviye</p>
-              <p className="text-xl font-bold text-green-600">
-                {filteredStockItems.filter((item) => getStockLevel(item) === 'normal').length}
-              </p>
-            </div>
-            <div className="p-2 bg-green-100 rounded-lg">
-              <FaCheckCircle className="w-5 h-5 text-green-600" />
-            </div>
-          </div>
-        </div>
-        <div className="bg-white p-3 rounded-lg border border-gray-200">
-          <div className="flex items-center justify-between">
-            <div>
-              <p className="text-sm text-gray-600">Yüksek Seviye</p>
-              <p className="text-xl font-bold text-blue-600">
-                {filteredStockItems.filter((item) => getStockLevel(item) === 'high').length}
-              </p>
-            </div>
-            <div className="p-2 bg-blue-100 rounded-lg">
-              <FaArrowUp className="w-5 h-5 text-blue-600" />
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* Stock Items */}
-      {stockLevelsViewMode === 'list' ? (
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="overflow-x-auto">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Malzeme
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Depo
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Bölge
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Lokasyon
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Mevcut Stok
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Min/Max
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Sipariş Noktası
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Seviye
-                  </th>
-                  <th className="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {filteredStockItems.map((item) => {
-                  const material = item.material
-                  if (!material) return null
-
-                  const stockLevel = getStockLevel(item)
-                  const stockLevelData = getStockLevelData(
-                    material,
-                    item.warehouseId,
-                    item.locationId,
-                  )
-
-                  return (
-                    <tr key={item.id} className="hover:bg-gray-50">
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <div className="p-2 bg-blue-100 rounded-lg mr-3">
-                            <FaBox className="w-4 h-4 text-blue-600" />
-                          </div>
-                          <div>
-                            <div className="text-sm font-medium text-gray-900">{material.name}</div>
-                            <div className="text-sm text-gray-500">{material.code}</div>
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {getWarehouseName(item.warehouseId)}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {getZoneName(item.zoneId, item.warehouseId)}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {getLocationName(item.locationId)}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="text-sm text-gray-900">
-                          {item.quantity} {item.unitId}
-                        </div>
-                        <div className="text-sm text-gray-500">
-                          Mevcut: {item.availableQuantity} | Rez: {item.reservedQuantity}
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {stockLevelData?.minimumStock || 0} / {stockLevelData?.maximumStock || 0}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {stockLevelData?.reorderPoint || 0}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <span className="inline-flex px-2 py-1 text-xs font-medium rounded-full bg-green-100 text-green-800">
-                          Mevcut
-                        </span>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <span
-                          className={`inline-flex px-2 py-1 text-xs font-medium rounded-full ${getStockLevelColor(
-                            stockLevel,
-                          )}`}
-                        >
-                          {getStockLevelLabel(stockLevel)}
-                        </span>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-right text-sm font-medium">
-                        <button
-                          onClick={() => setSelectedStockItem(item.id)}
-                          className="text-blue-600 hover:text-blue-900"
-                          title="Stok detaylarını görüntüle"
-                        >
-                          <FaEye className="w-4 h-4" />
-                        </button>
-                      </td>
-                    </tr>
-                  )
-                })}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      ) : (
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-          {filteredStockItems.map((item) => {
-            const material = item.material
-            if (!material) return null
-
-            const stockLevel = getStockLevel(item)
-            const stockLevelData = getStockLevelData(material, item.warehouseId, item.locationId)
-
-            return (
-              <div
-                key={item.id}
-                className="bg-white rounded-lg shadow-sm border border-gray-200 p-3 hover:shadow-md transition-shadow"
-              >
-                <div className="flex items-start justify-between mb-3">
-                  <div className="flex items-center gap-2">
-                    <div className="p-2 bg-blue-100 rounded-lg">
-                      <FaBox className="w-4 h-4 text-blue-600" />
-                    </div>
-                    <div>
-                      <h3 className="font-medium text-gray-900 text-sm">{material.name}</h3>
-                      <p className="text-sm text-gray-600">{material.code}</p>
-                    </div>
-                  </div>
-                  <button
-                    onClick={() => setSelectedStockItem(item.id)}
-                    className="text-blue-600 hover:text-blue-900"
-                    title="Stok detaylarını görüntüle"
-                  >
-                    <FaEye className="w-4 h-4" />
-                  </button>
-                </div>
-
-                <div className="space-y-1.5">
-                  <div className="flex justify-between items-center">
-                    <span className="text-xs text-gray-600">Mevcut Stok:</span>
-                    <span className="text-sm font-medium text-gray-900">
-                      {item.quantity} {item.unitId}
-                    </span>
-                  </div>
-
-                  <div className="flex justify-between items-center">
-                    <span className="text-xs text-gray-600">Mevcut/Rezerve:</span>
-                    <span className="text-xs text-gray-500">
-                      {item.availableQuantity} / {item.reservedQuantity}
-                    </span>
-                  </div>
-
-                  <div className="flex justify-between items-center">
-                    <span className="text-xs text-gray-600">Depo:</span>
-                    <span className="text-xs text-gray-500">
-                      {getWarehouseName(item.warehouseId)}
-                    </span>
-                  </div>
-
-                  <div className="flex justify-between items-center">
-                    <span className="text-xs text-gray-600">Bölge:</span>
-                    <span className="text-xs text-gray-500">
-                      {getZoneName(item.zoneId, item.warehouseId)}
-                    </span>
-                  </div>
-
-                  <div className="flex justify-between items-center">
-                    <span className="text-xs text-gray-600">Lokasyon:</span>
-                    <span className="text-xs text-gray-500">
-                      {getLocationName(item.locationId)}
-                    </span>
-                  </div>
-
-                  <div className="flex justify-between items-center">
-                    <span className="text-xs text-gray-600">Min/Max:</span>
-                    <span className="text-xs text-gray-500">
-                      {stockLevelData?.minimumStock || 0} / {stockLevelData?.maximumStock || 0}
-                    </span>
-                  </div>
-
-                  <div className="flex justify-between items-center">
-                    <span className="text-xs text-gray-600">Sipariş Noktası:</span>
-                    <span className="text-xs text-gray-500">
-                      {stockLevelData?.reorderPoint || 0}
-                    </span>
-                  </div>
-
-                  <div className="flex justify-between items-center pt-2 mt-2 border-t border-gray-100">
-                    <span className="inline-flex px-2 py-1 text-xs font-medium rounded-full bg-green-100 text-green-800">
-                      Mevcut
-                    </span>
-                    <span
-                      className={`inline-flex px-2 py-1 text-xs font-medium rounded-full ${getStockLevelColor(
-                        stockLevel,
-                      )}`}
-                    >
-                      {getStockLevelLabel(stockLevel)}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            )
-          })}
-        </div>
-      )}
-    </div>
-  )
-
-  const InventoryCountsTab = () => (
-    <div className="space-y-4 pt-2">
-      {/* Actions */}
-      <div className="flex justify-between items-center">
-        <div className="flex gap-2">
-          <button
-            onClick={() => setShowNewCountForm(true)}
-            className="bg-blue-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center gap-2"
-          >
-            <FaPlus className="w-4 h-4" />
-            Yeni Sayım
-          </button>
-          <button className="bg-green-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-green-700 flex items-center gap-2">
-            <FaUpload className="w-4 h-4" />
-            İçe Aktar
-          </button>
-        </div>
-
-        <div className="flex items-center gap-2">
-          {/* View Toggle */}
-          <div className="flex border border-gray-300 rounded-lg overflow-hidden text-sm">
-            <button
-              onClick={() => setInventoryCountsViewMode('card')}
-              className={`px-3 py-1.5 flex items-center gap-2 ${
-                inventoryCountsViewMode === 'card'
-                  ? 'bg-blue-600 text-white'
-                  : 'bg-white text-gray-700 hover:bg-gray-50'
-              }`}
-            >
-              <FaTh className="w-4 h-4" />
-            </button>
-            <button
-              onClick={() => setInventoryCountsViewMode('list')}
-              className={`px-3 py-1.5 flex items-center gap-2 ${
-                inventoryCountsViewMode === 'list'
-                  ? 'bg-blue-600 text-white'
-                  : 'bg-white text-gray-700 hover:bg-gray-50'
-              }`}
-            >
-              <FaList className="w-4 h-4" />
-            </button>
-          </div>
-
-          <button className="bg-gray-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-gray-700 flex items-center gap-2">
-            <FaFilter className="w-4 h-4" />
-            Filtrele
-          </button>
-        </div>
-      </div>
-
-      {/* Inventory Counts */}
-      {inventoryCountsViewMode === 'card' ? (
-        <div className="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
-          {mockInventoryCounts.map((count) => (
-            <div
-              key={count.id}
-              className="bg-white rounded-lg shadow-sm border border-gray-200 p-3"
-            >
-              <div className="flex items-start justify-between mb-3">
-                <div className="flex items-center gap-2">
-                  <div className="p-2 bg-purple-100 rounded-lg">
-                    <FaChartBar className="w-5 h-5 text-purple-600" />
-                  </div>
-                  <div>
-                    <h3 className="font-medium text-gray-900">{count.countNumber}</h3>
-                    <p className="text-sm text-gray-500">{getCountTypeText(count.countType)}</p>
-                  </div>
-                </div>
-                <span
-                  className={`inline-flex px-2 py-1 text-xs font-medium rounded-full ${getCountStatusColor(
-                    count.status,
-                  )}`}
-                >
-                  {getCountStatusText(count.status)}
-                </span>
-              </div>
-
-              <div className="space-y-2">
-                <div className="grid grid-cols-2 gap-3 text-sm">
-                  <div className="text-sm text-gray-600">
-                    <p>{count.notes}</p>
-                  </div>
-
-                  <div className="text-sm">
-                    {getWarehouseName(count.warehouseId)} {' / '}
-                    {getCountZoneInfo(count)} {' - '}
-                    {getCountLocationInfo(count)}
-                  </div>
-                </div>
-
-                <div className="grid grid-cols-2 gap-4 text-sm">
-                  <div>
-                    <span className="text-gray-600">Planlanan:</span>
-                    <div className="font-medium">
-                      {count.scheduledDate.toLocaleDateString('tr-TR')}
-                    </div>
-                  </div>
-                  <div>
-                    <span className="text-gray-600">Sayıcılar:</span>
-                    <div className="font-medium">{count.countedBy.length} kişi</div>
-                  </div>
-                </div>
-
-                {count.startDate && (
-                  <div className="grid grid-cols-2 gap-4 text-sm">
-                    <div>
-                      <span className="text-gray-600">Başlangıç:</span>
-                      <div className="font-medium">
-                        {count.startDate.toLocaleDateString('tr-TR')}
-                      </div>
-                    </div>
-                    {count.endDate && (
-                      <div>
-                        <span className="text-gray-600">Bitiş:</span>
-                        <div className="font-medium">
-                          {count.endDate.toLocaleDateString('tr-TR')}
-                        </div>
-                      </div>
-                    )}
-                  </div>
-                )}
-
-                {count.approvedBy && (
-                  <div className="text-sm">
-                    <span className="text-gray-600">Onaylayan:</span>
-                    <span className="font-medium ml-1">{count.approvedBy}</span>
-                  </div>
-                )}
-              </div>
-
-              <div className="flex items-center justify-between pt-3 mt-3 border-t border-gray-100">
-                <div className="flex items-center gap-2">
-                  <FaCalendar className="w-4 h-4 text-gray-400" />
-                  <span className="text-sm text-gray-500">
-                    {count.creationTime.toLocaleDateString('tr-TR')}
-                  </span>
-                </div>
-                <div className="flex items-center gap-2">
-                  <button
-                    onClick={() => handleEditCount(count.id)}
-                    className="text-gray-600 hover:text-gray-700"
-                    title="Sayımı düzenle"
-                  >
-                    <FaEdit className="w-4 h-4" />
-                  </button>
-                  <button
-                    onClick={() => setSelectedCount(count.id)}
-                    className="text-blue-600 hover:text-blue-700"
-                    title="Sayımı görüntüle"
-                  >
-                    <FaEye className="w-4 h-4" />
-                  </button>
-                </div>
-              </div>
-            </div>
-          ))}
-        </div>
-      ) : (
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="overflow-x-auto">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Sayım Numarası
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Depo
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Bölge
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Lokasyon
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tip
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Planlanan Tarih
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Sayıcı Sayısı
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Oluşturma Tarihi
-                  </th>
-                  <th className="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {mockInventoryCounts.map((count) => (
-                  <tr key={count.id} className="hover:bg-gray-50">
-                    <td className="px-2 py-2 whitespace-nowrap">
-                      <div className="flex items-center">
-                        <div className="p-2 bg-purple-100 rounded-lg mr-3">
-                          <FaChartBar className="w-4 h-4 text-purple-600" />
-                        </div>
-                        <div>
-                          <div className="text-sm font-medium text-gray-900">
-                            {count.countNumber}
-                          </div>
-                          <div className="text-xs text-gray-500 truncate max-w-[150px]">
-                            {count.notes}
-                          </div>
-                        </div>
-                      </div>
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                      {getWarehouseName(count.warehouseId)}
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                      {getCountZoneInfo(count)}
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                      {getCountLocationInfo(count)}
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                      {getCountTypeText(count.countType)}
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap">
-                      <span
-                        className={`inline-flex px-2 py-1 text-xs font-medium rounded-full ${getCountStatusColor(
-                          count.status,
-                        )}`}
-                      >
-                        {getCountStatusText(count.status)}
-                      </span>
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                      {count.scheduledDate.toLocaleDateString('tr-TR')}
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                      {count.countedBy.length} kişi
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
-                      {count.creationTime.toLocaleDateString('tr-TR')}
-                    </td>
-                    <td className="px-3 py-2 whitespace-nowrap text-right text-sm font-medium">
-                      <div className="flex items-center justify-end gap-2">
-                        <button
-                          onClick={() => handleEditCount(count.id)}
-                          className="text-gray-600 hover:text-gray-700"
-                          title="Sayımı düzenle"
-                        >
-                          <FaEdit className="w-4 h-4" />
-                        </button>
-                        <button
-                          onClick={() => setSelectedCount(count.id)}
-                          className="text-blue-600 hover:text-blue-700"
-                          title="Sayımı görüntüle"
-                        >
-                          <FaEye className="w-4 h-4" />
-                        </button>
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      )}
-    </div>
-  )
-
-  const CountDetailModal = () => {
-    const count = mockInventoryCounts.find((c) => c.id === selectedCount)
-    const countItemsForCount = mockCountItems.filter((item) => item.countId === selectedCount)
-
-    if (!selectedCount || !count) return null
-
-    return (
-      <div className="fixed inset-0 z-50 overflow-y-auto p-4">
-        <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-          <div
-            className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-            onClick={() => setSelectedCount('')}
-          />
-
-          <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-6xl sm:w-full max-h-[90vh] overflow-y-auto">
-            <div className="bg-white px-4 pt-4 pb-4 sm:p-4">
-              <div className="flex items-center justify-between mb-4">
-                <h3 className="text-lg font-medium text-gray-900">
-                  {count.countNumber} - Sayım Detayları
-                </h3>
-                <button
-                  onClick={() => setSelectedCount('')}
-                  className="text-gray-400 hover:text-gray-600"
-                >
-                  <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M6 18L18 6M6 6l12 12"
-                    />
-                  </svg>
-                </button>
-              </div>
-
-              {/* Count Info */}
-              <div className="grid grid-cols-1 lg:grid-cols-3 gap-4 mb-4">
-                <div className="bg-gray-50 rounded-lg p-3">
-                  <h4 className="font-medium text-sm text-gray-900 mb-2">Sayım Bilgileri</h4>
-                  <div className="space-y-2 text-sm">
-                    <div>
-                      <strong>Tip:</strong> {getCountTypeText(count.countType)}
-                    </div>
-                    <div>
-                      <strong>Durum:</strong> {getCountStatusText(count.status)}
-                    </div>
-                    <div>
-                      <strong>Planlanan Tarih:</strong>{' '}
-                      {count.scheduledDate.toLocaleDateString('tr-TR')}
-                    </div>
-                    {count.startDate && (
-                      <div>
-                        <strong>Başlangıç:</strong> {count.startDate.toLocaleDateString('tr-TR')}
-                      </div>
-                    )}
-                    {count.endDate && (
-                      <div>
-                        <strong>Bitiş:</strong> {count.endDate.toLocaleDateString('tr-TR')}
-                      </div>
-                    )}
-                    <div>
-                      <strong>Notlar:</strong> {count.notes}
-                    </div>
-                  </div>
-                </div>
-
-                <div className="bg-gray-50 rounded-lg p-3">
-                  <h4 className="font-medium text-sm text-gray-900 mb-2">Lokasyon Bilgileri</h4>
-                  <div className="space-y-2 text-sm">
-                    <div>
-                      <strong>Depo:</strong> {getWarehouseName(count.warehouseId)}
-                    </div>
-                    <div>
-                      <strong>Bölge:</strong> {getCountZoneInfo(count)}
-                    </div>
-                    <div>
-                      <strong>Lokasyon:</strong> {getCountLocationInfo(count)}
-                    </div>
-                  </div>
-                </div>
-
-                <div className="bg-gray-50 rounded-lg p-3">
-                  <h4 className="font-medium text-sm text-gray-900 mb-2">Sayım Ekibi</h4>
-                  <div className="space-y-2 text-sm">
-                    <div>
-                      <strong>Sayıcılar:</strong>
-                    </div>
-                    {count.countedBy.map((user, index) => (
-                      <div key={index} className="ml-4">
-                        • {user}
-                      </div>
-                    ))}
-                    {count.approvedBy && (
-                      <div>
-                        <strong>Onaylayan:</strong> {count.approvedBy}
-                      </div>
-                    )}
-                  </div>
-                </div>
-              </div>
-
-              {/* Count Items */}
-              <div>
-                <h4 className="font-medium text-sm text-gray-900 mb-2">
-                  Sayım Sonuçları ({countItemsForCount.length})
-                </h4>
-                <div className="bg-white rounded-lg border border-gray-200">
-                  <div className="overflow-x-auto">
-                    <table className="min-w-full divide-y divide-gray-200">
-                      <thead className="bg-gray-50">
-                        <tr>
-                          <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Malzeme
-                          </th>
-                          <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Sistem
-                          </th>
-                          <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Sayılan
-                          </th>
-                          <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Fark
-                          </th>
-                          <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Fark %
-                          </th>
-                          <th className="px-2 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Sayıcı
-                          </th>
-                        </tr>
-                      </thead>
-                      <tbody className="bg-white divide-y divide-gray-200">
-                        {countItemsForCount.map((item) => (
-                          <tr key={item.id} className="hover:bg-gray-50">
-                            <td className="px-2 py-2 whitespace-nowrap">
-                              <div>
-                                <div className="text-sm font-medium text-gray-900">
-                                  {item.material?.code}
-                                </div>
-                                <div className="text-xs text-gray-500">{item.material?.name}</div>
-                              </div>
-                            </td>
-                            <td className="px-3 py-2whitespace-nowrap text-sm text-gray-900">
-                              {item.systemQuantity}
-                            </td>
-                            <td className="px-2 py-2 whitespace-nowrap text-sm text-gray-900">
-                              {item.countedQuantity}
-                            </td>
-                            <td className="px-2 py-2 whitespace-nowrap">
-                              <span
-                                className={`text-sm font-medium ${
-                                  item.variance > 0
-                                    ? 'text-green-600'
-                                    : item.variance < 0
-                                      ? 'text-red-600'
-                                      : 'text-gray-600'
-                                }`}
-                              >
-                                {item.variance > 0 ? '+' : ''}
-                                {item.variance}
-                              </span>
-                            </td>
-                            <td className="px-2 py-2 whitespace-nowrap">
-                              <span
-                                className={`text-sm font-medium ${
-                                  item.variancePercentage > 0
-                                    ? 'text-green-600'
-                                    : item.variancePercentage < 0
-                                      ? 'text-red-600'
-                                      : 'text-gray-600'
-                                }`}
-                              >
-                                {item.variancePercentage > 0 ? '+' : ''}
-                                {item.variancePercentage.toFixed(2)}%
-                              </span>
-                            </td>
-                            <td className="px-2 py-2 whitespace-nowrap text-sm text-gray-900">
-                              {item.countedBy}
-                            </td>
-                          </tr>
-                        ))}
-                      </tbody>
-                    </table>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  // Stock Detail Modal
-  const StockDetailModal = () => {
-    const stockItem = filteredStockItems.find((item) => item.id === selectedStockItem)
-    if (!selectedStockItem || !stockItem) return null
-
-    const material = stockItem.material
-    const stockLevelData = material
-      ? getStockLevelData(material, stockItem.warehouseId, stockItem.locationId)
-      : null
-
-    return (
-      <div className="fixed inset-0 z-50 overflow-y-auto">
-        <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-          <div
-            className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-            onClick={() => setSelectedStockItem('')}
-          />
-
-          <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-4xl sm:w-full">
-            <div className="bg-white px-4 pt-4 pb-4 sm:p-4">
-              <div className="flex items-center justify-between mb-4">
-                <h3 className="text-lg font-medium text-gray-900">
-                  Stok Detayları - {material?.name}
-                </h3>
-                <button
-                  onClick={() => setSelectedStockItem('')}
-                  className="text-gray-400 hover:text-gray-600"
-                >
-                  <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M6 18L18 6M6 6l12 12"
-                    />
-                  </svg>
-                </button>
-              </div>
-
-              <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-                {/* Material Info */}
-                <div className="bg-gray-50 rounded-lg p-3">
-                  <h4 className="font-medium text-sm text-gray-900 mb-2">Malzeme Bilgileri</h4>
-                  <div className="space-y-2 text-sm">
-                    <div>
-                      <strong>Malzeme Kodu:</strong> {material?.code}
-                    </div>
-                    <div>
-                      <strong>Malzeme Adı:</strong> {material?.name}
-                    </div>
-                    <div>
-                      <strong>Lot Numarası:</strong> {stockItem.lotNumber || 'Yok'}
-                    </div>
-                    <div>
-                      <strong>Seri Numarası:</strong> {stockItem.serialNumber || 'Yok'}
-                    </div>
-                    <div>
-                      <strong>Son Hareket:</strong>{' '}
-                      {stockItem.lastMovementDate?.toLocaleDateString('tr-TR') || 'Yok'}
-                    </div>
-                  </div>
-                </div>
-
-                {/* Location Info */}
-                <div className="bg-gray-50 rounded-lg p-3">
-                  <h4 className="font-medium text-sm text-gray-900 mb-2">Lokasyon Bilgileri</h4>
-                  <div className="space-y-2 text-sm">
-                    <div>
-                      <strong>Depo:</strong> {getWarehouseName(stockItem.warehouseId)}
-                    </div>
-                    <div>
-                      <strong>Bölge:</strong> {getZoneName(stockItem.zoneId, stockItem.warehouseId)}
-                    </div>
-                    <div>
-                      <strong>Lokasyon:</strong> {getLocationName(stockItem.locationId)}
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <div className="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4">
-                {/* Stock Info */}
-                <div className="bg-gray-50 rounded-lg p-3">
-                  <h4 className="font-medium text-sm text-gray-900 mb-2">Stok Bilgileri</h4>
-                  <div className="space-y-2 text-sm">
-                    <div>
-                      <strong>Toplam Miktar:</strong> {stockItem.quantity} {stockItem.unitId}
-                    </div>
-                    <div>
-                      <strong>Mevcut Miktar:</strong> {stockItem.availableQuantity}{' '}
-                      {stockItem.unitId}
-                    </div>
-                    <div>
-                      <strong>Rezerve Miktar:</strong> {stockItem.reservedQuantity}{' '}
-                      {stockItem.unitId}
-                    </div>
-                    <div>
-                      <strong>Min. Stok:</strong> {stockLevelData?.minimumStock || 0}{' '}
-                      {stockItem.unitId}
-                    </div>
-                    <div>
-                      <strong>Max. Stok:</strong> {stockLevelData?.maximumStock || 0}{' '}
-                      {stockItem.unitId}
-                    </div>
-                    <div>
-                      <strong>Sipariş Noktası:</strong> {stockLevelData?.reorderPoint || 0}{' '}
-                      {stockItem.unitId}
-                    </div>
-                  </div>
-                </div>
-
-                {/* Status and Level Info */}
-                <div className="bg-gray-50 rounded-lg p-3">
-                  <h4 className="font-medium text-sm text-gray-900 mb-2">Durum ve Seviye</h4>
-                  <div className="space-y-2 text-sm">
-                    <div>
-                      <strong>Durum:</strong>{' '}
-                      <span className="inline-flex px-2 py-1 text-xs font-medium rounded-full bg-green-100 text-green-800">
-                        Mevcut
-                      </span>
-                    </div>
-                    <div>
-                      <strong>Stok Seviyesi:</strong>{' '}
-                      <span
-                        className={`inline-flex px-2 py-1 text-xs font-medium rounded-full ${getStockLevelColor(
-                          getStockLevel(stockItem),
-                        )}`}
-                      >
-                        {getStockLevelLabel(getStockLevel(stockItem))}
-                      </span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <div className="mt-4 flex justify-end">
-                <button
-                  onClick={() => setSelectedStockItem('')}
-                  className="bg-gray-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-gray-700"
-                >
-                  Kapat
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  // Helper functions for warehouse, zone, and location management
-  const getAvailableZones = (warehouseId: string) => {
-    if (!warehouseId) return []
-    return mockZones.filter((zone) => zone.warehouseId === warehouseId)
-  }
-
-  const getAvailableLocations = (warehouseId: string, zoneId?: string) => {
-    if (!warehouseId) return []
-    if (zoneId) {
-      return mockLocations.filter((loc) => loc.warehouseId === warehouseId && loc.zoneId === zoneId)
-    }
-    return mockLocations.filter((loc) => loc.warehouseId === warehouseId)
-  }
-
-  // Get stock level data for specific warehouse/location
-  const getStockLevelData = (material: MmMaterial, warehouseId: string, locationId?: string) => {
-    if (!material?.stockLevels || material.stockLevels.length === 0) return null
-
-    // Filter stock levels by location criteria
-    const filteredStockLevels = material.stockLevels.filter((stockLevel) => {
-      if (stockLevel.warehouseId !== warehouseId) return false
-      if (locationId && stockLevel.locationId !== locationId) return false
-      return true
-    })
-
-    // Return the first matching stock level or null if none found
-    return filteredStockLevels.length > 0 ? filteredStockLevels[0] : null
-  }
-
-  // New Count Form Modal
-  const NewCountFormModal = () => {
-    const [currentStep, setCurrentStep] = useState(1)
-    const [formData, setFormData] = useState({
-      countType: CountTypeEnum.Full,
-      warehouseId: '',
-      zoneId: '',
-      locationId: '',
-      scheduledDate: new Date().toISOString().split('T')[0],
-      startDate: '',
-      endDate: '',
-      notes: '',
-      countedBy: [] as string[],
-      approvedBy: '',
-      countItems: [] as Array<{
-        materialId: string
-        materialCode: string
-        materialName: string
-        systemQuantity: number
-        countedQuantity: number
-        countedBy: string
-      }>,
-    })
-
-    const availableManagers = mockEmployees
-      .filter(
-        (emp) =>
-          emp.isActive &&
-          emp.employeeStatus === EmployeeStatusEnum.Active &&
-          (emp.jobPosition?.level === JobLevelEnum.Manager ||
-            emp.jobPosition?.level === JobLevelEnum.Executive),
-      )
-      .map((emp) => ({
-        id: emp.id,
-        name: emp.name,
-        code: emp.code,
-      }))
-
-    const availableMaterials = mockMaterials
-      .filter((mat) => mat.isActive)
-      .map((mat) => ({
-        id: mat.id,
-        code: mat.code,
-        name: mat.name,
-        currentStock: mat.totalStock || 0,
-      }))
-
-    if (!showNewCountForm) return null
-
-    const handleAddCountItem = () => {
-      setFormData({
-        ...formData,
-        countItems: [
-          ...formData.countItems,
-          {
-            materialId: '',
-            materialCode: '',
-            materialName: '',
-            systemQuantity: 0,
-            countedQuantity: 0,
-            countedBy: formData.countedBy[0] || '',
-          },
-        ],
-      })
-    }
-
-    const handleRemoveCountItem = (index: number) => {
-      const newItems = formData.countItems.filter((_, i) => i !== index)
-      setFormData({ ...formData, countItems: newItems })
-    }
-
-    const handleCountItemChange = (index: number, field: string, value: string | number) => {
-      const newItems = formData.countItems.map((item, i) =>
-        i === index ? { ...item, [field]: value } : item,
-      )
-      setFormData({ ...formData, countItems: newItems })
-    }
-
-    const handleSubmit = (e: React.FormEvent) => {
-      e.preventDefault()
-      // Generate count number
-      const countNumber = `INV${new Date().getFullYear()}${String(Date.now())
-        .slice(-3)
-        .padStart(3, '0')}`
-
-      const newCount = {
-        id: String(Date.now()),
-        countNumber,
-        warehouseId: formData.warehouseId,
-        countType: formData.countType,
-        status: CountStatusEnum.Planned,
-        scheduledDate: new Date(formData.scheduledDate),
-        startDate: formData.startDate ? new Date(formData.startDate) : undefined,
-        endDate: formData.endDate ? new Date(formData.endDate) : undefined,
-        countedBy: formData.countedBy,
-        approvedBy: formData.approvedBy || undefined,
-        items: [],
-        variances: [],
-        notes: formData.notes,
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      }
-
-      console.log('New count created:', newCount)
-      console.log('Count items:', formData.countItems)
-
-      setShowNewCountForm(false)
-      setCurrentStep(1)
-
-      // Reset form
-      setFormData({
-        countType: CountTypeEnum.Full,
-        warehouseId: '1',
-        zoneId: '',
-        locationId: '',
-        scheduledDate: new Date().toISOString().split('T')[0],
-        startDate: '',
-        endDate: '',
-        notes: '',
-        countedBy: [],
-        approvedBy: '',
-        countItems: [],
-      })
-    }
-
-    const nextStep = (e?: React.MouseEvent) => {
-      e?.preventDefault()
-      if (currentStep < 3) setCurrentStep(currentStep + 1)
-    }
-
-    const prevStep = (e?: React.MouseEvent) => {
-      e?.preventDefault()
-      if (currentStep > 1) setCurrentStep(currentStep - 1)
-    }
-
-    return (
-      <div className="fixed inset-0 z-50 overflow-y-auto">
-        <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-          <div
-            className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-            onClick={() => setShowNewCountForm(false)}
-          />
-
-          <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-5xl sm:w-full">
-            <form onSubmit={handleSubmit}>
-              <div className="bg-white px-4 pt-4 pb-4 sm:p-4">
-                <div className="flex items-center justify-between mb-3">
-                  <h3 className="text-base font-medium text-gray-900">Yeni Envanter Sayımı</h3>
-                  <button
-                    type="button"
-                    onClick={() => setShowNewCountForm(false)}
-                    className="text-gray-400 hover:text-gray-600"
-                  >
-                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                      <path
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth={2}
-                        d="M6 18L18 6M6 6l12 12"
-                      />
-                    </svg>
-                  </button>
-                </div>
-
-                {/* Step Indicator */}
-                <div className="mb-4">
-                  <div className="flex items-center">
-                    <div
-                      className={`flex items-center ${
-                        currentStep >= 1 ? 'text-blue-600' : 'text-gray-400'
-                      }`}
-                    >
-                      <div
-                        className={`w-8 h-8 rounded-full flex items-center justify-center ${
-                          currentStep >= 1 ? 'bg-blue-600 text-white' : 'bg-gray-300 text-gray-600'
-                        }`}
-                      >
-                        1
-                      </div>
-                      <span className="ml-2 text-xs font-medium">Sayım Bilgileri</span>
-                    </div>
-                    <div
-                      className={`flex-1 h-0.5 mx-2 ${
-                        currentStep >= 2 ? 'bg-blue-600' : 'bg-gray-300'
-                      }`}
-                    />
-                    <div
-                      className={`flex items-center ${
-                        currentStep >= 2 ? 'text-blue-600' : 'text-gray-400'
-                      }`}
-                    >
-                      <div
-                        className={`w-8 h-8 rounded-full flex items-center justify-center ${
-                          currentStep >= 2 ? 'bg-blue-600 text-white' : 'bg-gray-300 text-gray-600'
-                        }`}
-                      >
-                        2
-                      </div>
-                      <span className="ml-2 text-xs font-medium">Sayım Ekibi</span>
-                    </div>
-                    <div
-                      className={`flex-1 h-0.5 mx-2 ${
-                        currentStep >= 3 ? 'bg-blue-600' : 'bg-gray-300'
-                      }`}
-                    />
-                    <div
-                      className={`flex items-center ${
-                        currentStep >= 3 ? 'text-blue-600' : 'text-gray-400'
-                      }`}
-                    >
-                      <div
-                        className={`w-8 h-8 rounded-full flex items-center justify-center ${
-                          currentStep >= 3 ? 'bg-blue-600 text-white' : 'bg-gray-300 text-gray-600'
-                        }`}
-                      >
-                        3
-                      </div>
-                      <span className="ml-2 text-xs font-medium">Sayım Malzemeleri</span>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Step 1: Count Information */}
-                {currentStep === 1 && (
-                  <div className="space-y-3">
-                    <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Sayım Tipi *
-                        </label>
-                        <select
-                          value={formData.countType}
-                          onChange={(e) =>
-                            setFormData({
-                              ...formData,
-                              countType: e.target.value as CountTypeEnum,
-                            })
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                          required
-                        >
-                          {Object.values(CountTypeEnum).map((type) => (
-                            <option key={type} value={type}>
-                              {getCountTypeText(type)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Depo *
-                        </label>
-                        <select
-                          value={formData.warehouseId}
-                          onChange={(e) =>
-                            setFormData({
-                              ...formData,
-                              warehouseId: e.target.value,
-                              zoneId: '', // Reset zone when warehouse changes
-                              locationId: '', // Reset location when warehouse changes
-                            })
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                          required
-                        >
-                          {mockWarehouses
-                            .filter((warehouse) => warehouse.isActive)
-                            .map((warehouse) => (
-                              <option key={warehouse.id} value={warehouse.id}>
-                                {warehouse.name}
-                              </option>
-                            ))}
-                        </select>
-                      </div>
-                    </div>
-
-                    <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Bölge
-                        </label>
-                        <select
-                          value={formData.zoneId}
-                          onChange={(e) =>
-                            setFormData({
-                              ...formData,
-                              zoneId: e.target.value,
-                              locationId: '', // Reset location when zone changes
-                            })
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                        >
-                          <option value="">Tüm Bölgeler</option>
-                          {getAvailableZones(formData.warehouseId).map((zone) => (
-                            <option key={zone.id} value={zone.id}>
-                              {zone.name}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Lokasyon
-                        </label>
-                        <select
-                          value={formData.locationId}
-                          onChange={(e) =>
-                            setFormData({
-                              ...formData,
-                              locationId: e.target.value,
-                            })
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                        >
-                          <option value="">Tüm Lokasyonlar</option>
-                          {getAvailableLocations(formData.warehouseId, formData.zoneId).map(
-                            (location) => (
-                              <option key={location.id} value={location.id}>
-                                {location.name}
-                              </option>
-                            ),
-                          )}
-                        </select>
-                      </div>
-                    </div>
-
-                    <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Planlanan Tarih *
-                        </label>
-                        <input
-                          type="date"
-                          value={formData.scheduledDate}
-                          onChange={(e) =>
-                            setFormData({
-                              ...formData,
-                              scheduledDate: e.target.value,
-                            })
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                          required
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Başlangıç Tarihi
-                        </label>
-                        <input
-                          type="date"
-                          value={formData.startDate}
-                          onChange={(e) =>
-                            setFormData({
-                              ...formData,
-                              startDate: e.target.value,
-                            })
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-xs font-medium text-gray-700 mb-1">
-                          Bitiş Tarihi
-                        </label>
-                        <input
-                          type="date"
-                          value={formData.endDate}
-                          onChange={(e) =>
-                            setFormData({
-                              ...formData,
-                              endDate: e.target.value,
-                            })
-                          }
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                        />
-                      </div>
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">Notlar</label>
-                      <textarea
-                        value={formData.notes}
-                        onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
-                        rows={3}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                        placeholder="Sayım ile ilgili notlar..."
-                      />
-                    </div>
-                  </div>
-                )}
-
-                {/* Step 2: Count Team */}
-                {currentStep === 2 && (
-                  <div className="space-y-4">
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Sayıcılar *
-                      </label>
-                      <MultiSelectEmployee
-                        selectedEmployees={formData.countedBy}
-                        onChange={(employees) => setFormData({ ...formData, countedBy: employees })}
-                        placeholder="Sayıcıları seçin..."
-                        className="w-full"
-                      />
-                      {formData.countedBy.length === 0 && (
-                        <p className="text-xs text-red-600 mt-1">En az bir sayıcı seçmelisiniz</p>
-                      )}
-                    </div>
-
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Onaylayan
-                      </label>
-                      <select
-                        value={formData.approvedBy}
-                        onChange={(e) =>
-                          setFormData({
-                            ...formData,
-                            approvedBy: e.target.value,
-                          })
-                        }
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                      >
-                        <option value="">Seçiniz...</option>
-                        {availableManagers.map((manager) => (
-                          <option key={manager.id} value={manager.name}>
-                            {manager.name} ({manager.code})
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    <div className="bg-blue-50 p-3 rounded-lg">
-                      <h4 className="font-medium text-sm text-blue-900 mb-2">
-                        Seçilen Sayım Ekibi
-                      </h4>
-                      <div className="space-y-1">
-                        <div>
-                          <span className="text-xs text-blue-800 font-medium">Sayıcılar:</span>
-                          <div className="ml-4">
-                            {formData.countedBy.map((employeeName) => (
-                              <div key={employeeName} className="text-xs text-blue-700">
-                                • {employeeName}
-                              </div>
-                            ))}
-                            {formData.countedBy.length === 0 && (
-                              <div className="text-xs text-gray-500">Henüz sayıcı seçilmedi</div>
-                            )}
-                          </div>
-                        </div>
-                        {formData.approvedBy && (
-                          <div>
-                            <span className="text-xs text-blue-800 font-medium">Onaylayan:</span>
-                            <span className="text-xs text-blue-700 ml-1">
-                              {formData.approvedBy}
-                            </span>
-                          </div>
-                        )}
-                      </div>
-                    </div>
-                  </div>
-                )}
-
-                {/* Step 3: Count Items */}
-                {currentStep === 3 && (
-                  <div className="space-y-3">
-                    <div className="flex justify-between items-center">
-                      <h4 className="font-medium text-sm text-gray-900">Sayılacak Malzemeler</h4>
-                      <button
-                        type="button"
-                        onClick={handleAddCountItem}
-                        className="bg-green-600 text-white px-2 py-1 rounded text-xs hover:bg-green-700 flex items-center gap-1"
-                      >
-                        <FaPlus className="w-3 h-3" />
-                        Malzeme Ekle
-                      </button>
-                    </div>
-
-                    <div className="max-h-[500px] overflow-y-auto border rounded-lg">
-                      {formData.countItems.length === 0 ? (
-                        <div className="text-center py-8 text-gray-500">
-                          Henüz malzeme eklenmedi. "Malzeme Ekle" butonuna tıklayarak başlayın.
-                        </div>
-                      ) : (
-                        <div className="divide-y divide-gray-200">
-                          {/* Header Row */}
-                          <div className="bg-gray-100 px-3 py-2 grid grid-cols-12 gap-2 text-xs font-medium text-gray-700">
-                            <div className="col-span-4">Malzeme</div>
-                            <div className="col-span-1 text-center">Sistem</div>
-                            <div className="col-span-1 text-center">Sayılan</div>
-                            <div className="col-span-2 text-center">Sayıcı</div>
-                            <div className="col-span-3 text-center">Fark</div>
-                            <div className="col-span-1 text-center">İşlem</div>
-                          </div>
-
-                          {formData.countItems.map((item, index) => {
-                            const variance = item.countedQuantity - item.systemQuantity
-                            const variancePercent =
-                              item.systemQuantity > 0 ? (variance / item.systemQuantity) * 100 : 0
-                            const hasVariance = Math.abs(variance) > 0.001
-
-                            return (
-                              <div
-                                key={index}
-                                className="px-2 py-2 grid grid-cols-12 gap-2 items-center hover:bg-gray-50"
-                              >
-                                <div className="col-span-4">
-                                  <select
-                                    value={item.materialId}
-                                    onChange={(e) => {
-                                      const selectedMaterial = availableMaterials.find(
-                                        (m) => m.id === e.target.value,
-                                      )
-                                      if (selectedMaterial) {
-                                        handleCountItemChange(index, 'materialId', e.target.value)
-                                        handleCountItemChange(
-                                          index,
-                                          'materialCode',
-                                          selectedMaterial.code,
-                                        )
-                                        handleCountItemChange(
-                                          index,
-                                          'materialName',
-                                          selectedMaterial.name,
-                                        )
-                                        handleCountItemChange(
-                                          index,
-                                          'systemQuantity',
-                                          selectedMaterial.currentStock,
-                                        )
-                                      }
-                                    }}
-                                    className="w-full px-2 py-1 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                                  >
-                                    <option value="">Malzeme Seçiniz</option>
-                                    {availableMaterials.map((material) => (
-                                      <option key={material.id} value={material.id}>
-                                        {material.code} - {material.name}
-                                      </option>
-                                    ))}
-                                  </select>
-                                </div>
-
-                                <div className="col-span-1">
-                                  <input
-                                    type="number"
-                                    value={item.systemQuantity}
-                                    onChange={(e) =>
-                                      handleCountItemChange(
-                                        index,
-                                        'systemQuantity',
-                                        Number(e.target.value),
-                                      )
-                                    }
-                                    className="w-full px-2 py-1 text-xs text-center border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                                    min="0"
-                                    step="0.01"
-                                  />
-                                </div>
-
-                                <div className="col-span-1">
-                                  <input
-                                    type="number"
-                                    value={item.countedQuantity}
-                                    onChange={(e) =>
-                                      handleCountItemChange(
-                                        index,
-                                        'countedQuantity',
-                                        Number(e.target.value),
-                                      )
-                                    }
-                                    className="w-full px-2 py-1 text-xs text-center border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                                    min="0"
-                                    step="0.01"
-                                  />
-                                </div>
-
-                                <div className="col-span-2">
-                                  <select
-                                    value={item.countedBy}
-                                    onChange={(e) =>
-                                      handleCountItemChange(index, 'countedBy', e.target.value)
-                                    }
-                                    className="w-full px-2 py-1 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                                  >
-                                    <option value="">Seçiniz</option>
-                                    {formData.countedBy.map((employeeName) => (
-                                      <option key={employeeName} value={employeeName}>
-                                        {employeeName}
-                                      </option>
-                                    ))}
-                                  </select>
-                                </div>
-
-                                <div className="col-span-3">
-                                  {hasVariance ? (
-                                    <div className="text-center">
-                                      <span
-                                        className={`inline-flex items-center px-2 py-1 rounded-full text-xs font-medium ${
-                                          variance > 0
-                                            ? 'bg-green-100 text-green-800'
-                                            : 'bg-red-100 text-red-800'
-                                        }`}
-                                      >
-                                        {variance > 0 ? '+' : ''}
-                                        {variance.toFixed(2)}
-                                        <span className="ml-1 text-[10px]">
-                                          ({variancePercent > 0 ? '+' : ''}
-                                          {variancePercent.toFixed(1)}%)
-                                        </span>
-                                      </span>
-                                    </div>
-                                  ) : (
-                                    <div className="text-center text-gray-400 text-xs">-</div>
-                                  )}
-                                </div>
-
-                                <div className="col-span-1 text-center">
-                                  <button
-                                    type="button"
-                                    onClick={() => handleRemoveCountItem(index)}
-                                    className="bg-red-600 text-white px-2 py-1 rounded text-xs hover:bg-red-700"
-                                  >
-                                    Sil
-                                  </button>
-                                </div>
-                              </div>
-                            )
-                          })}
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                )}
-              </div>
-
-              {/* Navigation and Submit */}
-              <div className="bg-gray-50 px-4 py-3 sm:px-6 flex flex-row-reverse">
-                {currentStep === 3 ? (
-                  <button
-                    type="submit"
-                    disabled={formData.countedBy.length === 0}
-                    className="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-1.5 bg-blue-600 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto disabled:bg-gray-400 disabled:cursor-not-allowed"
-                  >
-                    Sayım Oluştur
-                  </button>
-                ) : (
-                  <button
-                    type="button"
-                    onClick={nextStep}
-                    disabled={currentStep === 2 && formData.countedBy.length === 0}
-                    className="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-1.5 bg-blue-600 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto disabled:bg-gray-400 disabled:cursor-not-allowed"
-                  >
-                    İleri
-                  </button>
-                )}
-
-                {currentStep > 1 && (
-                  <button
-                    type="button"
-                    onClick={prevStep}
-                    className="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-1.5 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:mt-0 sm:ml-3 sm:w-auto"
-                  >
-                    Geri
-                  </button>
-                )}
-
-                <button
-                  type="button"
-                  onClick={() => setShowNewCountForm(false)}
-                  className="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-1.5 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:mt-0 sm:ml-3 sm:w-auto"
-                >
-                  İptal
-                </button>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  // Edit Count Form Modal
-  const EditCountFormModal = () => {
-    const countToEdit = mockInventoryCounts.find((c) => c.id === editingCountId)
-
-    const [currentStep, setCurrentStep] = useState(1)
-    const [formData, setFormData] = useState(() => {
-      if (!countToEdit)
-        return {
-          countType: CountTypeEnum.Full,
-          warehouseId: '',
-          zoneId: '',
-          locationId: '',
-          scheduledDate: new Date().toISOString().split('T')[0],
-          startDate: '',
-          endDate: '',
-          notes: '',
-          countedBy: [] as string[],
-          approvedBy: '',
-          countItems: [] as Array<{
-            materialId: string
-            materialCode: string
-            materialName: string
-            systemQuantity: number
-            countedQuantity: number
-            countedBy: string
-          }>,
-        }
-
-      return {
-        countType: countToEdit.countType,
-        warehouseId: countToEdit.warehouseId,
-        zoneId: countToEdit.zoneId || '',
-        locationId: countToEdit.locationId || '',
-        scheduledDate: countToEdit.scheduledDate.toISOString().split('T')[0],
-        startDate: countToEdit.startDate ? countToEdit.startDate.toISOString().split('T')[0] : '',
-        endDate: countToEdit.endDate ? countToEdit.endDate.toISOString().split('T')[0] : '',
-        notes: countToEdit.notes,
-        countedBy: countToEdit.countedBy,
-        approvedBy: countToEdit.approvedBy || '',
-        countItems: [] as Array<{
-          materialId: string
-          materialCode: string
-          materialName: string
-          systemQuantity: number
-          countedQuantity: number
-          countedBy: string
-        }>,
-      }
-    })
-
-    // Update form data when count to edit changes
-    useEffect(() => {
-      if (countToEdit && showEditCountForm) {
-        setFormData({
-          countType: countToEdit.countType,
-          warehouseId: countToEdit.warehouseId,
-          zoneId: countToEdit.zoneId || '',
-          locationId: countToEdit.locationId || '',
-          scheduledDate: countToEdit.scheduledDate.toISOString().split('T')[0],
-          startDate: countToEdit.startDate ? countToEdit.startDate.toISOString().split('T')[0] : '',
-          endDate: countToEdit.endDate ? countToEdit.endDate.toISOString().split('T')[0] : '',
-          notes: countToEdit.notes,
-          countedBy: countToEdit.countedBy,
-          approvedBy: countToEdit.approvedBy || '',
-          countItems: [] as Array<{
-            materialId: string
-            materialCode: string
-            materialName: string
-            systemQuantity: number
-            countedQuantity: number
-            countedBy: string
-          }>,
-        })
-      }
-    }, [countToEdit])
-
-    if (!showEditCountForm || !countToEdit) return null
-
-    const availableManagers = mockEmployees
-      .filter(
-        (emp) =>
-          emp.isActive &&
-          emp.employeeStatus === EmployeeStatusEnum.Active &&
-          (emp.jobPosition?.level === JobLevelEnum.Manager ||
-            emp.jobPosition?.level === JobLevelEnum.Executive),
-      )
-      .map((emp) => ({
-        id: emp.id,
-        name: emp.name,
-        code: emp.code,
-      }))
-
-    const availableMaterials = mockMaterials.filter(
-      (material) => !formData.countItems.some((item) => item.materialId === material.id),
-    )
-
-    const handleSubmit = (e: React.FormEvent) => {
-      e.preventDefault()
-      console.log('Updating count:', {
-        id: editingCountId,
-        ...formData,
-        scheduledDate: new Date(formData.scheduledDate),
-        startDate: formData.startDate ? new Date(formData.startDate) : undefined,
-        endDate: formData.endDate ? new Date(formData.endDate) : undefined,
-        updatedAt: new Date(),
-      })
-
-      setShowEditCountForm(false)
-      setEditingCountId('')
-      setCurrentStep(1)
-    }
-
-    const nextStep = (e: React.MouseEvent) => {
-      e.preventDefault()
-      if (currentStep < 3) setCurrentStep(currentStep + 1)
-    }
-
-    const prevStep = (e: React.MouseEvent) => {
-      e.preventDefault()
-      if (currentStep > 1) setCurrentStep(currentStep - 1)
-    }
-
-    const handleEmployeeChange = (selectedEmployees: string[]) => {
-      setFormData((prev) => ({ ...prev, countedBy: selectedEmployees }))
-    }
-
-    const handleCountItemChange = (index: number, field: string, value: string | number) => {
-      setFormData((prev) => ({
-        ...prev,
-        countItems: prev.countItems.map((item, i) =>
-          i === index ? { ...item, [field]: value } : item,
-        ),
-      }))
-    }
-
-    const handleAddCountItem = () => {
-      setFormData((prev) => ({
-        ...prev,
-        countItems: [
-          ...prev.countItems,
-          {
-            materialId: '',
-            materialCode: '',
-            materialName: '',
-            systemQuantity: 0,
-            countedQuantity: 0,
-            countedBy: '',
-          },
-        ],
-      }))
-    }
-
-    const handleRemoveCountItem = (index: number) => {
-      setFormData((prev) => ({
-        ...prev,
-        countItems: prev.countItems.filter((_, i) => i !== index),
-      }))
-    }
-
-    return (
-      <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
-        <div className="bg-white rounded-lg shadow-xl max-w-4xl w-full max-h-[90vh] overflow-y-auto">
-          <div className="px-4 py-3 border-b border-gray-200">
-            <h3 className="text-lg font-medium text-gray-900">
-              Envanter Sayımını Düzenle - {countToEdit.countNumber}
-            </h3>
-            <div className="flex items-center mt-2">
-              {[1, 2, 3].map((step) => (
-                <div key={step} className="flex items-center">
-                  <div
-                    className={`w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium ${
-                      currentStep >= step ? 'bg-blue-600 text-white' : 'bg-gray-200 text-gray-600'
-                    }`}
-                  >
-                    {step}
-                  </div>
-                  {step < 3 && (
-                    <div
-                      className={`w-16 h-1 ${currentStep > step ? 'bg-blue-600' : 'bg-gray-200'}`}
-                    />
-                  )}
-                </div>
-              ))}
-            </div>
-          </div>
-
-          <form onSubmit={handleSubmit} className="p-4">
-            <div className="space-y-4">
-              {/* Step 1: Basic Information */}
-              {currentStep === 1 && (
-                <div className="space-y-4">
-                  <h4 className="font-medium text-gray-900">Temel Bilgiler</h4>
-
-                  <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Sayım Tipi
-                      </label>
-                      <select
-                        value={formData.countType}
-                        onChange={(e) =>
-                          setFormData((prev) => ({
-                            ...prev,
-                            countType: e.target.value as CountTypeEnum,
-                          }))
-                        }
-                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
-                      >
-                        {Object.values(CountTypeEnum).map((type) => (
-                          <option key={type} value={type}>
-                            {getCountTypeText(type)}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">Depo *</label>
-                      <select
-                        value={formData.warehouseId}
-                        onChange={(e) =>
-                          setFormData((prev) => ({
-                            ...prev,
-                            warehouseId: e.target.value,
-                            zoneId: '', // Reset zone when warehouse changes
-                            locationId: '', // Reset location when warehouse changes
-                          }))
-                        }
-                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
-                        required
-                      >
-                        <option value="">Depo Seçiniz</option>
-                        {mockWarehouses.map((warehouse) => (
-                          <option key={warehouse.id} value={warehouse.id}>
-                            {warehouse.name}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">Bölge</label>
-                      <select
-                        value={formData.zoneId}
-                        onChange={(e) =>
-                          setFormData((prev) => ({
-                            ...prev,
-                            zoneId: e.target.value,
-                            locationId: '', // Reset location when zone changes
-                          }))
-                        }
-                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
-                        disabled={!formData.warehouseId}
-                      >
-                        <option value="">Tüm Bölgeler</option>
-                        {getAvailableZones(formData.warehouseId).map((zone) => (
-                          <option key={zone.id} value={zone.id}>
-                            {zone.name}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Lokasyon
-                      </label>
-                      <select
-                        value={formData.locationId}
-                        onChange={(e) =>
-                          setFormData((prev) => ({
-                            ...prev,
-                            locationId: e.target.value,
-                          }))
-                        }
-                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
-                        disabled={!formData.warehouseId}
-                      >
-                        <option value="">Tüm Lokasyonlar</option>
-                        {getAvailableLocations(formData.warehouseId, formData.zoneId).map(
-                          (location) => (
-                            <option key={location.id} value={location.id}>
-                              {location.name}
-                            </option>
-                          ),
-                        )}
-                      </select>
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Planlanan Tarih
-                      </label>
-                      <input
-                        type="date"
-                        value={formData.scheduledDate}
-                        onChange={(e) =>
-                          setFormData((prev) => ({
-                            ...prev,
-                            scheduledDate: e.target.value,
-                          }))
-                        }
-                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
-                        required
-                      />
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Onaylayan Yönetici
-                      </label>
-                      <select
-                        value={formData.approvedBy}
-                        onChange={(e) =>
-                          setFormData((prev) => ({
-                            ...prev,
-                            approvedBy: e.target.value,
-                          }))
-                        }
-                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
-                      >
-                        <option value="">Seçiniz</option>
-                        {availableManagers.map((manager) => (
-                          <option key={manager.id} value={manager.name}>
-                            {manager.name}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-                  </div>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">Notlar</label>
-                    <textarea
-                      value={formData.notes}
-                      onChange={(e) =>
-                        setFormData((prev) => ({
-                          ...prev,
-                          notes: e.target.value,
-                        }))
-                      }
-                      rows={3}
-                      className="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
-                      placeholder="Sayım hakkında notlar..."
-                    />
-                  </div>
-                </div>
-              )}
-
-              {/* Step 2: Count Team */}
-              {currentStep === 2 && (
-                <div className="space-y-4">
-                  <h4 className="font-medium text-gray-900">Sayım Ekibi</h4>
-
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-2">
-                      Sayım Yapacak Çalışanlar
-                    </label>
-                    <MultiSelectEmployee
-                      selectedEmployees={formData.countedBy}
-                      onChange={handleEmployeeChange}
-                      placeholder="Çalışan seçiniz..."
-                    />
-                  </div>
-                </div>
-              )}
-
-              {/* Step 3: Count Items */}
-              {currentStep === 3 && (
-                <div className="space-y-4">
-                  <div className="flex justify-between items-center">
-                    <h4 className="font-medium text-gray-900">Sayılacak Malzemeler</h4>
-                    <button
-                      type="button"
-                      onClick={handleAddCountItem}
-                      className="bg-green-600 text-white px-3 py-1 rounded text-sm hover:bg-green-700 flex items-center gap-1"
-                    >
-                      <FaPlus className="w-3 h-3" />
-                      Malzeme Ekle
-                    </button>
-                  </div>
-
-                  <div className="max-h-[500px] overflow-y-auto border rounded-lg">
-                    {formData.countItems.length === 0 ? (
-                      <div className="text-center py-8 text-gray-500">
-                        Henüz malzeme eklenmedi. "Malzeme Ekle" butonuna tıklayarak başlayın.
-                      </div>
-                    ) : (
-                      <div className="divide-y divide-gray-200">
-                        {/* Header Row */}
-                        <div className="bg-gray-100 px-3 py-2 grid grid-cols-12 gap-2 text-xs font-medium text-gray-700">
-                          <div className="col-span-4">Malzeme</div>
-                          <div className="col-span-1 text-center">Sistem</div>
-                          <div className="col-span-1 text-center">Sayılan</div>
-                          <div className="col-span-2 text-center">Sayıcı</div>
-                          <div className="col-span-3 text-center">Fark</div>
-                          <div className="col-span-1 text-center">İşlem</div>
-                        </div>
-
-                        {formData.countItems.map((item, index) => {
-                          const variance = item.countedQuantity - item.systemQuantity
-                          const variancePercent =
-                            item.systemQuantity > 0 ? (variance / item.systemQuantity) * 100 : 0
-                          const hasVariance = Math.abs(variance) > 0.001
-
-                          return (
-                            <div
-                              key={index}
-                              className="px-3 py-2 grid grid-cols-12 gap-2 items-center hover:bg-gray-50"
-                            >
-                              <div className="col-span-4">
-                                <select
-                                  value={item.materialId}
-                                  onChange={(e) => {
-                                    const selectedMaterial = availableMaterials.find(
-                                      (m) => m.id === e.target.value,
-                                    ) as MmMaterial
-                                    if (selectedMaterial) {
-                                      handleCountItemChange(index, 'materialId', e.target.value)
-                                      handleCountItemChange(
-                                        index,
-                                        'materialCode',
-                                        selectedMaterial.code,
-                                      )
-                                      handleCountItemChange(
-                                        index,
-                                        'materialName',
-                                        selectedMaterial.name,
-                                      )
-                                      handleCountItemChange(
-                                        index,
-                                        'systemQuantity',
-                                        selectedMaterial.totalStock,
-                                      )
-                                    }
-                                  }}
-                                  className="w-full px-2 py-1 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                                >
-                                  <option value="">Malzeme Seçiniz</option>
-                                  {availableMaterials.map((material: MmMaterial) => (
-                                    <option key={material.id} value={material.id}>
-                                      {material.code} - {material.name}
-                                    </option>
-                                  ))}
-                                </select>
-                              </div>
-
-                              <div className="col-span-1">
-                                <input
-                                  type="number"
-                                  value={item.systemQuantity}
-                                  onChange={(e) =>
-                                    handleCountItemChange(
-                                      index,
-                                      'systemQuantity',
-                                      Number(e.target.value),
-                                    )
-                                  }
-                                  className="w-full px-2 py-1 text-xs text-center border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                                  min="0"
-                                  step="0.01"
-                                />
-                              </div>
-
-                              <div className="col-span-1">
-                                <input
-                                  type="number"
-                                  value={item.countedQuantity}
-                                  onChange={(e) =>
-                                    handleCountItemChange(
-                                      index,
-                                      'countedQuantity',
-                                      Number(e.target.value),
-                                    )
-                                  }
-                                  className="w-full px-2 py-1 text-xs text-center border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                                  min="0"
-                                  step="0.01"
-                                />
-                              </div>
-
-                              <div className="col-span-2">
-                                <select
-                                  value={item.countedBy}
-                                  onChange={(e) =>
-                                    handleCountItemChange(index, 'countedBy', e.target.value)
-                                  }
-                                  className="w-full px-2 py-1 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
-                                >
-                                  <option value="">Seçiniz</option>
-                                  {formData.countedBy.map((employeeName) => (
-                                    <option key={employeeName} value={employeeName}>
-                                      {employeeName}
-                                    </option>
-                                  ))}
-                                </select>
-                              </div>
-
-                              <div className="col-span-3">
-                                {hasVariance ? (
-                                  <div className="text-center">
-                                    <span
-                                      className={`inline-flex items-center px-2 py-1 rounded-full text-xs font-medium ${
-                                        variance > 0
-                                          ? 'bg-green-100 text-green-800'
-                                          : 'bg-red-100 text-red-800'
-                                      }`}
-                                    >
-                                      {variance > 0 ? '+' : ''}
-                                      {variance.toFixed(2)}
-                                      <span className="ml-1 text-[10px]">
-                                        ({variancePercent > 0 ? '+' : ''}
-                                        {variancePercent.toFixed(1)}%)
-                                      </span>
-                                    </span>
-                                  </div>
-                                ) : (
-                                  <div className="text-center text-gray-400 text-xs">-</div>
-                                )}
-                              </div>
-
-                              <div className="col-span-1 text-center">
-                                <button
-                                  type="button"
-                                  onClick={() => handleRemoveCountItem(index)}
-                                  className="bg-red-600 text-white px-2 py-1 rounded text-xs hover:bg-red-700"
-                                >
-                                  Sil
-                                </button>
-                              </div>
-                            </div>
-                          )
-                        })}
-                      </div>
-                    )}
-                  </div>
-                </div>
-              )}
-            </div>
-
-            {/* Navigation and Submit */}
-            <div className="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse mt-6">
-              {currentStep === 3 ? (
-                <button
-                  type="submit"
-                  disabled={formData.countedBy.length === 0}
-                  className="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm disabled:bg-gray-400 disabled:cursor-not-allowed"
-                >
-                  Sayımı Güncelle
-                </button>
-              ) : (
-                <button
-                  type="button"
-                  onClick={nextStep}
-                  disabled={currentStep === 2 && formData.countedBy.length === 0}
-                  className="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm disabled:bg-gray-400 disabled:cursor-not-allowed"
-                >
-                  İleri
-                </button>
-              )}
-
-              {currentStep > 1 && (
-                <button
-                  type="button"
-                  onClick={prevStep}
-                  className="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-                >
-                  Geri
-                </button>
-              )}
-
-              <button
-                type="button"
-                onClick={() => {
-                  setShowEditCountForm(false)
-                  setEditingCountId('')
-                  setCurrentStep(1)
-                }}
-                className="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-              >
-                İptal
-              </button>
-            </div>
-          </form>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Stok Durumu & Stok Sayımı</h2>
-            <p className="text-gray-600">
-              Stok seviyelerini izleyin ve envanter sayımlarını yönetin
-            </p>
-          </div>
-        </div>
-
-        {/* Tabs */}
-        <div className="border-b border-gray-200">
-          <nav className="-mb-px flex space-x-8" aria-label="Tabs">
-            <button
-              onClick={() => setActiveTab('levels')}
-              className={`whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm ${
-                activeTab === 'levels'
-                  ? 'border-blue-500 text-blue-600'
-                  : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-              }`}
-            >
-              <div className="flex items-center gap-2">
-                <FaTh className="w-4 h-4" />
-                Stok Durumu
-              </div>
-            </button>
-            <button
-              onClick={() => setActiveTab('counts')}
-              className={`whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm ${
-                activeTab === 'counts'
-                  ? 'border-blue-500 text-blue-600'
-                  : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-              }`}
-            >
-              <div className="flex items-center gap-2">
-                <FaBox className="w-4 h-4" />
-                Stok Sayımları
-              </div>
-            </button>
-          </nav>
-        </div>
-
-        {/* Tab Content */}
-        {activeTab === 'levels' && <StockLevelsTab />}
-        {activeTab === 'counts' && <InventoryCountsTab />}
-      </div>
-
-      {/* Count Detail Modal */}
-      <CountDetailModal />
-
-      {/* Stock Detail Modal */}
-      <StockDetailModal />
-
-      {/* New Count Form Modal */}
-      <NewCountFormModal />
-
-      {/* Edit Count Form Modal */}
-      <EditCountFormModal />
-    </Container>
-  )
-}
-
-export default StockLevelsInventory
diff --git a/ui/src/views/warehouse/components/WarehouseDefinitions.tsx b/ui/src/views/warehouse/components/WarehouseDefinitions.tsx
deleted file mode 100644
index a14f189f..00000000
--- a/ui/src/views/warehouse/components/WarehouseDefinitions.tsx
+++ /dev/null
@@ -1,1147 +0,0 @@
-import React, { useState } from 'react'
-import { WmWarehouse, WarehouseTypeEnum, WmZone, WmLocation } from '../../../types/wm'
-import {
-  FaPlus,
-  FaSearch,
-  FaEdit,
-  FaTrash,
-  FaBuilding,
-  FaMapMarkerAlt,
-  FaLayerGroup,
-  FaExclamationCircle,
-  FaCheckCircle,
-  FaEye,
-  FaTh,
-  FaList,
-} from 'react-icons/fa'
-import { WarehouseModal, ZoneModal, LocationModal } from './modals'
-import { mockWarehouses } from '../../../mocks/mockWarehouses'
-import { mockZones } from '../../../mocks/mockZones'
-import { mockLocations } from '../../../mocks/mockLocations'
-import {
-  getWarehouseTypeColor,
-  getWarehouseTypeText,
-  getZoneTypeText,
-  getLocationTypeText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const WarehouseDefinitions: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedType, setSelectedType] = useState<WarehouseTypeEnum | ''>('')
-  const [activeTab, setActiveTab] = useState<'warehouses' | 'zones' | 'locations'>('warehouses')
-  const [selectedWarehouse, setSelectedWarehouse] = useState<string>('')
-  const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid')
-
-  // Modal states
-  const [warehouseModal, setWarehouseModal] = useState<{
-    isOpen: boolean
-    mode: 'create' | 'edit' | 'view'
-    warehouse: WmWarehouse | null
-  }>({
-    isOpen: false,
-    mode: 'create',
-    warehouse: null,
-  })
-
-  const [zoneModal, setZoneModal] = useState<{
-    isOpen: boolean
-    mode: 'create' | 'edit' | 'view'
-    zone: WmZone | null
-  }>({
-    isOpen: false,
-    mode: 'create',
-    zone: null,
-  })
-
-  const [locationModal, setLocationModal] = useState<{
-    isOpen: boolean
-    mode: 'create' | 'edit' | 'view'
-    location: WmLocation | null
-  }>({
-    isOpen: false,
-    mode: 'create',
-    location: null,
-  })
-
-  // Data states (in a real app, these would come from an API)
-  const [warehouses, setWarehouses] = useState<WmWarehouse[]>(mockWarehouses)
-
-  const [zones, setZones] = useState<WmZone[]>(mockZones)
-
-  const [locations, setLocations] = useState<WmLocation[]>(mockLocations)
-
-  // Modal handlers
-  const handleWarehouseAction = (mode: 'create' | 'edit' | 'view', warehouse?: WmWarehouse) => {
-    setWarehouseModal({
-      isOpen: true,
-      mode,
-      warehouse: warehouse || null,
-    })
-  }
-
-  const handleZoneAction = (mode: 'create' | 'edit' | 'view', zone?: WmZone) => {
-    setZoneModal({
-      isOpen: true,
-      mode,
-      zone: zone || null,
-    })
-  }
-
-  const handleLocationAction = (mode: 'create' | 'edit' | 'view', location?: WmLocation) => {
-    setLocationModal({
-      isOpen: true,
-      mode,
-      location: location || null,
-    })
-  }
-
-  const handleWarehouseSave = (warehouseData: Partial<WmWarehouse>) => {
-    if (warehouseModal.mode === 'create') {
-      const newWarehouse: WmWarehouse = {
-        ...warehouseData,
-        id: Date.now().toString(),
-        locations: [],
-        zones: [],
-        creationTime: new Date(),
-        lastModificationTime: new Date(),
-      } as WmWarehouse
-      setWarehouses([...warehouses, newWarehouse])
-    } else if (warehouseModal.mode === 'edit' && warehouseModal.warehouse) {
-      setWarehouses(
-        warehouses.map((w) =>
-          w.id === warehouseModal.warehouse!.id
-            ? ({
-                ...w,
-                ...warehouseData,
-                lastModificationTime: new Date(),
-              } as WmWarehouse)
-            : w,
-        ),
-      )
-    }
-  }
-
-  const handleZoneSave = (zoneData: Partial<WmZone>) => {
-    if (zoneModal.mode === 'create') {
-      const newZone: WmZone = {
-        ...zoneData,
-        id: Date.now().toString(),
-        locations: [],
-      } as WmZone
-      setZones([...zones, newZone])
-    } else if (zoneModal.mode === 'edit' && zoneModal.zone) {
-      setZones(
-        zones.map((z) => (z.id === zoneModal.zone!.id ? ({ ...z, ...zoneData } as WmZone) : z)),
-      )
-    }
-  }
-
-  const handleLocationSave = (locationData: Partial<WmLocation>) => {
-    if (locationModal.mode === 'create') {
-      const newLocation: WmLocation = {
-        ...locationData,
-        id: Date.now().toString(),
-        stockItems: [],
-      } as WmLocation
-      setLocations([...locations, newLocation])
-    } else if (locationModal.mode === 'edit' && locationModal.location) {
-      setLocations(
-        locations.map((l) =>
-          l.id === locationModal.location!.id ? ({ ...l, ...locationData } as WmLocation) : l,
-        ),
-      )
-    }
-  }
-
-  const handleDelete = (type: 'warehouse' | 'zone' | 'location', id: string) => {
-    if (
-      window.confirm(
-        `Bu ${
-          type === 'warehouse' ? 'depo' : type === 'zone' ? 'bölge' : 'lokasyon'
-        }u silmek istediğinizden emin misiniz?`,
-      )
-    ) {
-      switch (type) {
-        case 'warehouse':
-          setWarehouses(warehouses.filter((w) => w.id !== id))
-          break
-        case 'zone':
-          setZones(zones.filter((z) => z.id !== id))
-          break
-        case 'location':
-          setLocations(locations.filter((l) => l.id !== id))
-          break
-      }
-    }
-  }
-
-  // Filtered data
-  const filteredWarehouses = warehouses.filter((warehouse) => {
-    const matchesSearch =
-      warehouse.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      warehouse.code.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesType = selectedType === '' || warehouse.warehouseType === selectedType
-    return matchesSearch && matchesType
-  })
-
-  const filteredZones = zones.filter(
-    (zone) => selectedWarehouse === '' || zone.warehouseId === selectedWarehouse,
-  )
-
-  const filteredLocations = locations.filter(
-    (location) => selectedWarehouse === '' || location.warehouseId === selectedWarehouse,
-  )
-
-  // Warehouse Components
-  const WarehousesGridView = () => (
-    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-      {filteredWarehouses.map((warehouse) => (
-        <div
-          key={warehouse.id}
-          className="bg-white rounded-lg shadow-sm border border-gray-200 p-3 flex flex-col"
-        >
-          <div className="flex items-start justify-between mb-2">
-            <div className="flex items-center gap-2">
-              <div className="p-2 bg-blue-100 rounded-lg">
-                <FaBuilding className="w-4 h-4 text-blue-600" />
-              </div>
-              <div>
-                <h3 className="font-medium text-sm text-gray-900">{warehouse.name}</h3>
-                <p className="text-gray-600">{warehouse.code}</p>
-              </div>
-            </div>
-            {warehouse.isMainWarehouse && (
-              <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">
-                Ana Depo
-              </span>
-            )}
-          </div>
-
-          <div className="space-y-2 flex-grow">
-            <div>
-              <span
-                className={`inline-flex px-2 py-1 text-xs font-medium rounded-full ${getWarehouseTypeColor(
-                  warehouse.warehouseType,
-                )}`}
-              >
-                {getWarehouseTypeText(warehouse.warehouseType)}
-              </span>
-            </div>
-
-            <div className="flex items-center gap-2 text-xs text-gray-600">
-              <FaMapMarkerAlt className="w-4 h-4" />
-              <span>
-                {warehouse.address?.city}, {warehouse.address?.state}
-              </span>
-            </div>
-
-            <div className="text-xs text-gray-600 flex-grow">
-              <p>{warehouse.description}</p>
-            </div>
-
-            {/* Capacity */}
-            <div className="space-y-1">
-              <div className="flex justify-between text-xs">
-                <span className="text-gray-600">Kapasite Kullanımı</span>
-                <span className="font-medium">
-                  {warehouse.currentUtilization} / {warehouse.capacity}
-                </span>
-              </div>
-              <div className="w-full bg-gray-200 rounded-full h-2">
-                <div
-                  className="bg-blue-600 h-2 rounded-full"
-                  style={{
-                    width: `${(warehouse.currentUtilization / warehouse.capacity) * 100}%`,
-                  }}
-                ></div>
-              </div>
-              <div className="text-xs text-gray-500">
-                %{Math.round((warehouse.currentUtilization / warehouse.capacity) * 100)} dolu
-              </div>
-            </div>
-          </div>
-
-          <div className="flex items-center justify-between pt-3 mt-3 border-t border-gray-100">
-            <div className="flex items-center gap-2">
-              {warehouse.isActive ? (
-                <>
-                  <FaCheckCircle className="w-4 h-4 text-green-500" />
-                  <span className="text-xs text-green-600">Aktif</span>
-                </>
-              ) : (
-                <>
-                  <FaExclamationCircle className="w-4 h-4 text-red-500" />
-                  <span className="text-sm text-red-600">Pasif</span>
-                </>
-              )}
-            </div>
-            <div className="flex items-center gap-1">
-              <button
-                onClick={() => handleWarehouseAction('view', warehouse)}
-                className="p-1.5 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-md"
-                title="Görüntüle"
-              >
-                <FaEye className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => handleWarehouseAction('edit', warehouse)}
-                className="p-1.5 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-md"
-                title="Düzenle"
-              >
-                <FaEdit className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => handleDelete('warehouse', warehouse.id)}
-                className="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md"
-                title="Sil"
-              >
-                <FaTrash className="w-4 h-4" />
-              </button>
-            </div>
-          </div>
-        </div>
-      ))}
-    </div>
-  )
-
-  const WarehousesListView = () => (
-    <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-      <div className="overflow-x-auto">
-        <table className="min-w-full divide-y divide-gray-200">
-          <thead className="bg-gray-50">
-            <tr>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Depo
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Tip
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Adres
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Kapasite
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Kullanım
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Durum
-              </th>
-              <th className="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                İşlemler
-              </th>
-            </tr>
-          </thead>
-          <tbody className="bg-white divide-y divide-gray-200">
-            {filteredWarehouses.map((warehouse) => {
-              const utilizationPercentage =
-                (warehouse.currentUtilization / warehouse.capacity) * 100
-              return (
-                <tr key={warehouse.id} className="hover:bg-gray-50">
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <div className="flex items-center ">
-                      <div className="p-2 bg-blue-100 rounded-lg mr-3">
-                        <FaBuilding className="w-4 h-4 text-blue-600" />
-                      </div>
-                      <div>
-                        <div className="text-sm font-medium text-gray-900 flex items-center gap-2">
-                          {warehouse.name}
-                          {warehouse.isMainWarehouse && (
-                            <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">
-                              Ana Depo
-                            </span>
-                          )}
-                        </div>
-                        <div className="text-xs text-gray-500">{warehouse.code}</div>
-                      </div>
-                    </div>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <span
-                      className={`inline-flex px-2 py-1 text-xs font-medium rounded-full ${getWarehouseTypeColor(
-                        warehouse.warehouseType,
-                      )}`}
-                    >
-                      {getWarehouseTypeText(warehouse.warehouseType)}
-                    </span>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <div className="text-xs text-gray-900">
-                      {warehouse.address?.city}, {warehouse.address?.state}
-                    </div>
-                    <div className="text-xs text-gray-500">{warehouse.address?.street}</div>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                    {warehouse.capacity.toLocaleString()} birim
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <div className="flex items-center">
-                      <div className="w-16 bg-gray-200 rounded-full h-2 mr-2">
-                        <div
-                          className={`h-2 rounded-full ${
-                            utilizationPercentage > 90
-                              ? 'bg-red-500'
-                              : utilizationPercentage > 70
-                                ? 'bg-yellow-500'
-                                : 'bg-blue-500'
-                          }`}
-                          style={{ width: `${utilizationPercentage}%` }}
-                        ></div>
-                      </div>
-                      <span className="text-xs text-gray-900">
-                        %{Math.round(utilizationPercentage)}
-                      </span>
-                    </div>
-                    <div className="text-xs text-gray-500">
-                      {warehouse.currentUtilization.toLocaleString()} /{' '}
-                      {warehouse.capacity.toLocaleString()}
-                    </div>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    {warehouse.isActive ? (
-                      <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
-                        <FaCheckCircle className="w-3 h-3 mr-1" />
-                        Aktif
-                      </span>
-                    ) : (
-                      <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">
-                        <FaExclamationCircle className="w-3 h-3 mr-1" />
-                        Pasif
-                      </span>
-                    )}
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap text-right text-sm font-medium">
-                    <div className="flex items-center justify-end gap-2">
-                      <button
-                        onClick={() => handleWarehouseAction('view', warehouse)}
-                        className="text-green-600 hover:text-green-900"
-                        title="Görüntüle"
-                      >
-                        <FaEye className="w-4 h-4" />
-                      </button>
-                      <button
-                        onClick={() => handleWarehouseAction('edit', warehouse)}
-                        className="text-blue-600 hover:text-blue-900"
-                        title="Düzenle"
-                      >
-                        <FaEdit className="w-4 h-4" />
-                      </button>
-                      <button
-                        onClick={() => handleDelete('warehouse', warehouse.id)}
-                        className="text-red-600 hover:text-red-900"
-                        title="Sil"
-                      >
-                        <FaTrash className="w-4 h-4" />
-                      </button>
-                    </div>
-                  </td>
-                </tr>
-              )
-            })}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  )
-
-  const WarehousesTab = () => (
-    <div className="space-y-4 pt-2">
-      {/* Filters */}
-      <div className="flex flex-col sm:flex-row gap-4">
-        <div className="relative flex-1">
-          <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-          <input
-            type="text"
-            placeholder="Depo ara..."
-            value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
-            className="pl-10 pr-4 py-1.5 text-sm w-full border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-          />
-        </div>
-        <select
-          value={selectedType}
-          onChange={(e) => setSelectedType(e.target.value as WarehouseTypeEnum | '')}
-          className="px-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-        >
-          <option value="">Tüm Tipler</option>
-          {Object.values(WarehouseTypeEnum).map((type) => (
-            <option key={type} value={type}>
-              {getWarehouseTypeText(type)}
-            </option>
-          ))}
-        </select>
-        <button
-          onClick={() => handleWarehouseAction('create')}
-          className="bg-blue-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center gap-2"
-        >
-          <FaPlus className="w-4 h-4" />
-          Yeni Depo
-        </button>
-      </div>
-
-      {/* Content based on view mode */}
-      {viewMode === 'grid' ? <WarehousesGridView /> : <WarehousesListView />}
-    </div>
-  )
-
-  // Zone Components
-  const ZonesGridView = () => (
-    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-      {filteredZones.map((zone) => {
-        const warehouse = warehouses.find((w) => w.id === zone.warehouseId)
-        return (
-          <div
-            key={zone.id}
-            className="bg-white rounded-lg shadow-sm border border-gray-200 p-3 flex flex-col"
-          >
-            <div className="flex items-start justify-between mb-2">
-              <div className="flex items-center gap-2">
-                <div className="p-2 bg-purple-100 rounded-lg">
-                  <FaLayerGroup className="w-4 h-4 text-purple-600" />
-                </div>
-                <div>
-                  <h3 className="font-medium text-sm text-gray-900">{zone.name}</h3>
-                  <p className="text-gray-600">{zone.zoneCode}</p>
-                </div>
-              </div>
-              <span className="inline-flex px-2 py-1 text-xs font-medium rounded-full bg-blue-100 text-blue-800">
-                {getZoneTypeText(zone.zoneType)}
-              </span>
-            </div>
-
-            <div className="space-y-2 flex-grow">
-              <div className="text-xs text-gray-600">
-                <p>
-                  <strong>Depo:</strong> {warehouse?.name}
-                </p>
-                <p>
-                  <strong>Kod:</strong> {warehouse?.code}
-                </p>
-                <p>{zone.description}</p>
-              </div>
-
-              {(zone.temperature || zone.humidity) && (
-                <div className="bg-gray-50 rounded-lg p-2">
-                  <h4 className="text-xs font-medium text-gray-900 mb-1">Çevresel Koşullar</h4>
-                  <div className="grid grid-cols-2 gap-2 text-xs text-gray-600">
-                    {zone.temperature && <div>Sıcaklık: {zone.temperature}°C</div>}
-                    {zone.humidity && <div>Nem: %{zone.humidity}</div>}
-                  </div>
-                </div>
-              )}
-            </div>
-
-            <div className="flex items-center justify-between pt-3 mt-3 border-t border-gray-100">
-              <div className="flex items-center gap-2">
-                {zone.isActive ? (
-                  <>
-                    <FaCheckCircle className="w-4 h-4 text-green-500" />
-                    <span className="text-xs text-green-600">Aktif</span>
-                  </>
-                ) : (
-                  <>
-                    <FaExclamationCircle className="w-4 h-4 text-red-500" />
-                    <span className="text-sm text-red-600">Pasif</span>
-                  </>
-                )}
-              </div>
-              <div className="flex items-center gap-2">
-                <button
-                  onClick={() => handleZoneAction('view', zone)}
-                  className="p-1 text-gray-400 hover:text-green-600"
-                  title="Görüntüle"
-                >
-                  <FaEye className="w-4 h-4" />
-                </button>
-                <button
-                  onClick={() => handleZoneAction('edit', zone)}
-                  className="p-1 text-gray-400 hover:text-blue-600"
-                  title="Düzenle"
-                >
-                  <FaEdit className="w-4 h-4" />
-                </button>
-                <button
-                  onClick={() => handleDelete('zone', zone.id)}
-                  className="p-1 text-gray-400 hover:text-red-600"
-                  title="Sil"
-                >
-                  <FaTrash className="w-4 h-4" />
-                </button>
-              </div>
-            </div>
-          </div>
-        )
-      })}
-    </div>
-  )
-
-  const ZonesListView = () => (
-    <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-      <div className="overflow-x-auto">
-        <table className="min-w-full divide-y divide-gray-200">
-          <thead className="bg-gray-50">
-            <tr>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Bölge
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Depo
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Tip
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Sıcaklık
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Nem
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Durum
-              </th>
-              <th className="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                İşlemler
-              </th>
-            </tr>
-          </thead>
-          <tbody className="bg-white divide-y divide-gray-200">
-            {filteredZones.map((zone) => {
-              const warehouse = warehouses.find((w) => w.id === zone.warehouseId)
-              return (
-                <tr key={zone.id} className="hover:bg-gray-50">
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <div className="flex items-center">
-                      <div className="p-2 bg-purple-100 rounded-lg mr-3">
-                        <FaLayerGroup className="w-4 h-4 text-purple-600" />
-                      </div>
-                      <div>
-                        <div className="text-sm font-medium text-gray-900">{zone.name}</div>
-                        <div className="text-sm text-gray-500">{zone.zoneCode}</div>
-                      </div>
-                    </div>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <div className="text-sm text-gray-900">{warehouse?.name}</div>
-                    <div className="text-sm text-gray-500">{warehouse?.code}</div>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <span className="inline-flex px-2 py-1 text-xs font-medium rounded-full bg-blue-100 text-blue-800">
-                      {getZoneTypeText(zone.zoneType)}
-                    </span>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                    {zone.temperature ? `${zone.temperature}°C` : '-'}
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                    {zone.humidity ? `%${zone.humidity}` : '-'}
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    {zone.isActive ? (
-                      <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
-                        <FaCheckCircle className="w-3 h-3 mr-1" />
-                        Aktif
-                      </span>
-                    ) : (
-                      <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">
-                        <FaExclamationCircle className="w-3 h-3 mr-1" />
-                        Pasif
-                      </span>
-                    )}
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap text-right text-sm font-medium">
-                    <div className="flex items-center justify-end gap-2">
-                      <button
-                        onClick={() => handleZoneAction('view', zone)}
-                        className="text-green-600 hover:text-green-900"
-                        title="Görüntüle"
-                      >
-                        <FaEye className="w-4 h-4" />
-                      </button>
-                      <button
-                        onClick={() => handleZoneAction('edit', zone)}
-                        className="text-blue-600 hover:text-blue-900"
-                        title="Düzenle"
-                      >
-                        <FaEdit className="w-4 h-4" />
-                      </button>
-                      <button
-                        onClick={() => handleDelete('zone', zone.id)}
-                        className="text-red-600 hover:text-red-900"
-                        title="Sil"
-                      >
-                        <FaTrash className="w-4 h-4" />
-                      </button>
-                    </div>
-                  </td>
-                </tr>
-              )
-            })}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  )
-
-  const ZonesTab = () => (
-    <div className="space-y-4 pt-2">
-      {/* Warehouse Filter */}
-      <div className="flex flex-col sm:flex-row gap-4">
-        <select
-          value={selectedWarehouse}
-          onChange={(e) => setSelectedWarehouse(e.target.value)}
-          className="px-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-        >
-          <option value="">Tüm Depolar</option>
-          {warehouses.map((warehouse) => (
-            <option key={warehouse.id} value={warehouse.id}>
-              {warehouse.name} ({warehouse.code})
-            </option>
-          ))}
-        </select>
-        <button
-          onClick={() => handleZoneAction('create')}
-          className="bg-blue-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center gap-2"
-        >
-          <FaPlus className="w-4 h-4" />
-          Yeni Bölge
-        </button>
-      </div>
-
-      {/* Content based on view mode */}
-      {viewMode === 'grid' ? <ZonesGridView /> : <ZonesListView />}
-    </div>
-  )
-
-  // Location Components
-  const LocationsGridView = () => (
-    <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-      {filteredLocations.map((location) => {
-        const warehouse = warehouses.find((w) => w.id === location.warehouseId)
-        const zone = zones.find((z) => z.id === location.zoneId)
-        const utilizationPercentage = (location.currentStock / location.capacity) * 100
-
-        return (
-          <div
-            key={location.id}
-            className="bg-white rounded-lg shadow-sm border border-gray-200 p-3"
-          >
-            <div className="flex items-start justify-between mb-3">
-              <div className="flex items-center gap-2">
-                <div className="p-2 bg-orange-100 rounded-lg">
-                  <FaMapMarkerAlt className="w-5 h-5 text-orange-600" />
-                </div>
-                <div>
-                  <div className="text-xs font-medium text-gray-900">{location.name}</div>
-                  <p className="text-sm text-gray-500">{location.locationCode}</p>
-                </div>
-              </div>
-              <span className="inline-flex px-2 py-1 text-xs font-medium rounded-full bg-gray-100 text-gray-800">
-                {getLocationTypeText(location.locationType)}
-              </span>
-            </div>
-
-            <div className="space-y-2 flex-grow">
-              <div className="text-xs text-gray-600">
-                <p>
-                  <strong>Depo:</strong> {warehouse?.name}
-                </p>
-                {zone && (
-                  <p>
-                    <strong>Bölge:</strong> {zone.name}
-                  </p>
-                )}
-                <p>{location.description}</p>
-              </div>
-
-              {/* Dimensions */}
-              {location.dimensions && (
-                <div className="bg-gray-50 rounded-lg p-2 mt-2">
-                  <h4 className="text-sm font-medium text-gray-900 mb-2">Boyutlar</h4>
-                  <div className="grid grid-cols-2 gap-2 text-xs text-gray-600">
-                    <div>Uzunluk: {location.dimensions.length}m</div>
-                    <div>Genişlik: {location.dimensions.width}m</div>
-                    <div>Yükseklik: {location.dimensions.height}m</div>
-                    <div>
-                      Maks. Ağırlık: {location.dimensions.weight}
-                      {location.dimensions.unit}
-                    </div>
-                  </div>
-                </div>
-              )}
-
-              {/* Capacity */}
-              <div className="space-y-1">
-                <div className="flex justify-between text-xs">
-                  <span className="text-gray-600">Kapasite Kullanımı</span>
-                  <span className="font-medium">
-                    {location.currentStock} / {location.capacity}
-                  </span>
-                </div>
-                <div className="w-full bg-gray-200 rounded-full h-2">
-                  <div
-                    className={`h-2 rounded-full ${
-                      utilizationPercentage > 90
-                        ? 'bg-red-500'
-                        : utilizationPercentage > 70
-                          ? 'bg-yellow-500'
-                          : 'bg-green-500'
-                    }`}
-                    style={{ width: `${utilizationPercentage}%` }}
-                  ></div>
-                </div>
-                <div className="text-xs text-gray-500">
-                  %{Math.round(utilizationPercentage)} dolu
-                </div>
-              </div>
-
-              {/* Restrictions */}
-              {location.restrictions && location.restrictions.length > 0 && (
-                <div className="pt-2">
-                  <h4 className="text-sm font-medium text-gray-900 mb-1">Kısıtlamalar</h4>
-                  <div className="flex flex-wrap gap-1">
-                    {location.restrictions.map((restriction, index) => (
-                      <span
-                        key={index}
-                        className="inline-flex px-2 py-1 text-xs bg-yellow-100 text-yellow-800 rounded"
-                      >
-                        {restriction}
-                      </span>
-                    ))}
-                  </div>
-                </div>
-              )}
-            </div>
-
-            <div className="flex items-center justify-between pt-3 mt-3 border-t border-gray-100">
-              <div className="flex items-center gap-2">
-                {location.isActive ? (
-                  <>
-                    <FaCheckCircle className="w-4 h-4 text-green-500" />
-                    <span className="text-xs text-green-600">Aktif</span>
-                  </>
-                ) : (
-                  <>
-                    <FaExclamationCircle className="w-4 h-4 text-red-500" />
-                    <span className="text-sm text-red-600">Pasif</span>
-                  </>
-                )}
-              </div>
-              <div className="flex items-center gap-2">
-                <button
-                  onClick={() => handleLocationAction('view', location)}
-                  className="p-1 text-gray-400 hover:text-green-600"
-                  title="Görüntüle"
-                >
-                  <FaEye className="w-4 h-4" />
-                </button>
-                <button
-                  onClick={() => handleLocationAction('edit', location)}
-                  className="p-1 text-gray-400 hover:text-blue-600"
-                  title="Düzenle"
-                >
-                  <FaEdit className="w-4 h-4" />
-                </button>
-                <button
-                  onClick={() => handleDelete('location', location.id)}
-                  className="p-1 text-gray-400 hover:text-red-600"
-                  title="Sil"
-                >
-                  <FaTrash className="w-4 h-4" />
-                </button>
-              </div>
-            </div>
-          </div>
-        )
-      })}
-    </div>
-  )
-
-  const LocationsListView = () => (
-    <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-      <div className="overflow-x-auto">
-        <table className="min-w-full divide-y divide-gray-200">
-          <thead className="bg-gray-50">
-            <tr>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Lokasyon
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Depo
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Bölge
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Tip
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Kapasite
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Kullanım
-              </th>
-              <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                Durum
-              </th>
-              <th className="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                İşlemler
-              </th>
-            </tr>
-          </thead>
-          <tbody className="bg-white divide-y divide-gray-200">
-            {filteredLocations.map((location) => {
-              const warehouse = warehouses.find((w) => w.id === location.warehouseId)
-              const zone = zones.find((z) => z.id === location.zoneId)
-              const utilizationPercentage = (location.currentStock / location.capacity) * 100
-
-              return (
-                <tr key={location.id} className="hover:bg-gray-50">
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <div className="flex items-center">
-                      <div className="p-2 bg-orange-100 rounded-lg mr-3">
-                        <FaMapMarkerAlt className="w-4 h-4 text-orange-600" />
-                      </div>
-                      <div>
-                        <div className="text-sm font-medium text-gray-900">{location.name}</div>
-                        <div className="text-sm text-gray-500">{location.locationCode}</div>
-                      </div>
-                    </div>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <div className="text-sm text-gray-900">{warehouse?.name}</div>
-                    <div className="text-sm text-gray-500">{warehouse?.code}</div>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <div className="text-sm text-gray-900">{zone?.name || '-'}</div>
-                    <div className="text-sm text-gray-500">{zone?.zoneCode || '-'}</div>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <span className="inline-flex px-2 py-1 text-xs font-medium rounded-full bg-gray-100 text-gray-800">
-                      {getLocationTypeText(location.locationType)}
-                    </span>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                    {location.capacity} birim
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    <div className="flex items-center">
-                      <div className="w-16 bg-gray-200 rounded-full h-2 mr-2">
-                        <div
-                          className={`h-2 rounded-full ${
-                            utilizationPercentage > 90
-                              ? 'bg-red-500'
-                              : utilizationPercentage > 70
-                                ? 'bg-yellow-500'
-                                : 'bg-green-500'
-                          }`}
-                          style={{ width: `${utilizationPercentage}%` }}
-                        ></div>
-                      </div>
-                      <span className="text-sm text-gray-900">
-                        %{Math.round(utilizationPercentage)}
-                      </span>
-                    </div>
-                    <div className="text-xs text-gray-500">
-                      {location.currentStock} / {location.capacity}
-                    </div>
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap">
-                    {location.isActive ? (
-                      <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
-                        <FaCheckCircle className="w-3 h-3 mr-1" />
-                        Aktif
-                      </span>
-                    ) : (
-                      <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">
-                        <FaExclamationCircle className="w-3 h-3 mr-1" />
-                        Pasif
-                      </span>
-                    )}
-                  </td>
-                  <td className="px-3 py-2 whitespace-nowrap text-right text-sm font-medium">
-                    <div className="flex items-center justify-end gap-2">
-                      <button
-                        onClick={() => handleLocationAction('view', location)}
-                        className="text-green-600 hover:text-green-900"
-                        title="Görüntüle"
-                      >
-                        <FaEye className="w-4 h-4" />
-                      </button>
-                      <button
-                        onClick={() => handleLocationAction('edit', location)}
-                        className="text-blue-600 hover:text-blue-900"
-                        title="Düzenle"
-                      >
-                        <FaEdit className="w-4 h-4" />
-                      </button>
-                      <button
-                        onClick={() => handleDelete('location', location.id)}
-                        className="text-red-600 hover:text-red-900"
-                        title="Sil"
-                      >
-                        <FaTrash className="w-4 h-4" />
-                      </button>
-                    </div>
-                  </td>
-                </tr>
-              )
-            })}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  )
-
-  const LocationsTab = () => (
-    <div className="space-y-4 pt-2">
-      {/* Warehouse Filter */}
-      <div className="flex flex-col sm:flex-row gap-4">
-        <select
-          value={selectedWarehouse}
-          onChange={(e) => setSelectedWarehouse(e.target.value)}
-          className="px-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-        >
-          <option value="">Tüm Depolar</option>
-          {warehouses.map((warehouse) => (
-            <option key={warehouse.id} value={warehouse.id}>
-              {warehouse.name} ({warehouse.code})
-            </option>
-          ))}
-        </select>
-        <button
-          onClick={() => handleLocationAction('create')}
-          className="bg-blue-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center gap-2"
-        >
-          <FaPlus className="w-4 h-4" />
-          Yeni Lokasyon
-        </button>
-      </div>
-
-      {/* Content based on view mode */}
-      {viewMode === 'grid' ? <LocationsGridView /> : <LocationsListView />}
-    </div>
-  )
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Depo Tanımları</h2>
-            <p className="text-gray-600">Depolar, bölgeler ve lokasyonları yönetin</p>
-          </div>
-
-          {/* View Toggle Buttons */}
-          {(activeTab === 'warehouses' || activeTab === 'zones' || activeTab === 'locations') && (
-            <div className="flex items-center gap-2">
-              <button
-                onClick={() => setViewMode('grid')}
-                className={`p-1.5 rounded-lg ${
-                  viewMode === 'grid'
-                    ? 'bg-blue-100 text-blue-600'
-                    : 'text-gray-400 hover:text-gray-600'
-                }`}
-                title="Kart Görünümü"
-              >
-                <FaTh className="w-4 h-4" />
-              </button>
-              <button
-                onClick={() => setViewMode('list')}
-                className={`p-1.5 rounded-lg ${
-                  viewMode === 'list'
-                    ? 'bg-blue-100 text-blue-600'
-                    : 'text-gray-400 hover:text-gray-600'
-                }`}
-                title="Liste Görünümü"
-              >
-                <FaList className="w-4 h-4" />
-              </button>
-            </div>
-          )}
-        </div>
-
-        {/* Tabs */}
-        <div className="border-b border-gray-200">
-          <nav className="-mb-px flex space-x-8" aria-label="Tabs">
-            <button
-              onClick={() => setActiveTab('warehouses')}
-              className={`whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm ${
-                activeTab === 'warehouses'
-                  ? 'border-blue-500 text-blue-600'
-                  : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-              }`}
-            >
-              <div className="flex items-center gap-2">
-                <FaBuilding className="w-4 h-4" />
-                Depolar
-              </div>
-            </button>
-            <button
-              onClick={() => setActiveTab('zones')}
-              className={`whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm ${
-                activeTab === 'zones'
-                  ? 'border-blue-500 text-blue-600'
-                  : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-              }`}
-            >
-              <div className="flex items-center gap-2">
-                <FaLayerGroup className="w-4 h-4" />
-                Bölgeler
-              </div>
-            </button>
-            <button
-              onClick={() => setActiveTab('locations')}
-              className={`whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm ${
-                activeTab === 'locations'
-                  ? 'border-blue-500 text-blue-600'
-                  : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-              }`}
-            >
-              <div className="flex items-center gap-2">
-                <FaMapMarkerAlt className="w-4 h-4" />
-                Lokasyonlar
-              </div>
-            </button>
-          </nav>
-        </div>
-
-        {/* Tab Content */}
-        {activeTab === 'warehouses' && <WarehousesTab />}
-        {activeTab === 'zones' && <ZonesTab />}
-        {activeTab === 'locations' && <LocationsTab />}
-      </div>
-
-      {/* Modals */}
-      <WarehouseModal
-        isOpen={warehouseModal.isOpen}
-        onClose={() => setWarehouseModal({ ...warehouseModal, isOpen: false })}
-        onSave={handleWarehouseSave}
-        warehouse={warehouseModal.warehouse}
-        mode={warehouseModal.mode}
-      />
-
-      <ZoneModal
-        isOpen={zoneModal.isOpen}
-        onClose={() => setZoneModal({ ...zoneModal, isOpen: false })}
-        onSave={handleZoneSave}
-        zone={zoneModal.zone}
-        mode={zoneModal.mode}
-        warehouses={warehouses}
-      />
-
-      <LocationModal
-        isOpen={locationModal.isOpen}
-        onClose={() => setLocationModal({ ...locationModal, isOpen: false })}
-        onSave={handleLocationSave}
-        location={locationModal.location}
-        mode={locationModal.mode}
-        warehouses={warehouses}
-        zones={zones}
-      />
-    </Container>
-  )
-}
-
-export default WarehouseDefinitions
diff --git a/ui/src/views/warehouse/components/WarehouseIssue.tsx b/ui/src/views/warehouse/components/WarehouseIssue.tsx
deleted file mode 100644
index f67b5271..00000000
--- a/ui/src/views/warehouse/components/WarehouseIssue.tsx
+++ /dev/null
@@ -1,1508 +0,0 @@
-import React, { useState, useRef, useMemo } from 'react'
-import { createPortal } from 'react-dom'
-import { MovementStatusEnum, MovementTypeEnum } from '../../../types/mm'
-import {
-  FaSearch,
-  FaPlus,
-  FaEdit,
-  FaTrash,
-  FaBox,
-  FaCheckCircle,
-  FaClock,
-  FaExclamationCircle,
-  FaDownload,
-  FaUpload,
-  FaEye,
-  FaArrowCircleUp,
-  FaSave,
-  FaTimes,
-  FaMapMarkerAlt,
-  FaInfoCircle,
-  FaWarehouse,
-  FaBarcode,
-  FaCalculator,
-} from 'react-icons/fa'
-import { mockWarehouses } from '../../../mocks/mockWarehouses'
-import { mockStockMovements } from '../../../mocks/mockStockMovements'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import Widget from '../../../components/common/Widget'
-import { Container } from '@/components/shared'
-import { getMovementStatusColor, getMovementStatusIcon, getMovementStatusText } from '@/utils/erp'
-
-interface StockLocation {
-  id: string
-  warehouseId: string
-  warehouseName: string
-  warehouseCode: string
-  zoneId: string
-  zoneName: string
-  zoneCode: string
-  locationId: string
-  locationName: string
-  locationCode: string
-  lotNumber: string
-  availableQuantity: number
-  requestedQuantity: number
-  unitPrice: number
-  selected?: boolean
-}
-
-interface MaterialRow {
-  id: string
-  materialId: string
-  selectedStockLocations: StockLocation[]
-}
-
-// Separate component for lot search input to prevent re-renders
-const LotSearchInput = React.memo(
-  ({ value, onSearch }: { value: string; onSearch: (value: string) => void }) => {
-    const inputRef = useRef<HTMLInputElement>(null)
-
-    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
-      if (e.key === 'Enter') {
-        const inputValue = (e.target as HTMLInputElement).value
-        onSearch(inputValue)
-      }
-    }
-
-    const handleClearSearch = () => {
-      if (inputRef.current) {
-        inputRef.current.value = ''
-        onSearch('')
-      }
-    }
-
-    return (
-      <div>
-        <label className="block text-xs font-medium text-gray-700 mb-1">
-          Lot Numarası Arama (Enter ile arayın)
-        </label>
-        <div className="relative">
-          <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-          <input
-            ref={inputRef}
-            type="text"
-            placeholder="Lot numarası yazıp Enter'a basın..."
-            defaultValue={value}
-            onKeyDown={handleKeyDown}
-            className="pl-10 pr-10 py-2 w-full text-sm border border-gray-300 rounded focus:ring-1 focus:ring-red-500 focus:border-transparent"
-          />
-          {value && (
-            <button
-              onClick={handleClearSearch}
-              className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600"
-              title="Aramayı temizle"
-            >
-              <FaTimes className="w-4 h-4" />
-            </button>
-          )}
-        </div>
-      </div>
-    )
-  },
-)
-
-const WarehouseIssue: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<MovementStatusEnum | ''>('')
-  const [selectedMovement, setSelectedMovement] = useState<string>('')
-  const [showIssueForm, setShowIssueForm] = useState(false)
-  const [editingMovement, setEditingMovement] = useState<string | null>(null)
-
-  // Form state - Header data for the entire movement
-  const [headerData, setHeaderData] = useState({
-    movementNumber: '',
-    referenceDocument: '',
-    referenceType: 'Sales Order',
-    reason: '',
-    movementDate: new Date().toISOString().split('T')[0],
-    performedBy: '',
-    approvedBy: '',
-    description: '',
-    status: MovementStatusEnum.Planned,
-  })
-
-  // Materials list for the movement - New structure for stock-based selection
-  const [materialsList, setMaterialsList] = useState<MaterialRow[]>([])
-
-  // Stock location modal state
-  const [showStockModal, setShowStockModal] = useState(false)
-  const [selectedMaterialForStock, setSelectedMaterialForStock] = useState<string>('')
-  const [availableStockLocations, setAvailableStockLocations] = useState<StockLocation[]>([])
-  const [lotSearchTerm, setLotSearchTerm] = useState('')
-
-  // Memoized filtered locations to prevent unnecessary re-renders
-  const filteredLocations = useMemo(() => {
-    return availableStockLocations.filter(
-      (location) =>
-        lotSearchTerm === '' ||
-        location.lotNumber.toLowerCase().includes(lotSearchTerm.toLowerCase()),
-    )
-  }, [availableStockLocations, lotSearchTerm])
-
-  const resetForm = () => {
-    setHeaderData({
-      movementNumber: '',
-      referenceDocument: '',
-      referenceType: 'Sales Order',
-      reason: '',
-      movementDate: new Date().toISOString().split('T')[0],
-      performedBy: '',
-      approvedBy: '',
-      description: '',
-      status: MovementStatusEnum.Planned,
-    })
-    setMaterialsList([])
-    setEditingMovement(null)
-  }
-
-  const handleHeaderInputChange = (field: string, value: string) => {
-    setHeaderData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-  }
-
-  const removeMaterial = (materialId: string) => {
-    if (window.confirm('Bu malzemeyi listeden kaldırmak istediğinizden emin misiniz?')) {
-      setMaterialsList((prev) => prev.filter((material) => material.id !== materialId))
-    }
-  }
-
-  // Generate mock stock locations for a given material
-  const generateStockLocationsForMaterial = (materialId: string): StockLocation[] => {
-    const material = mockMaterials.find((m) => m.id === materialId)
-    if (!material || !material.totalStock || material.totalStock <= 0) return []
-
-    const stockLocations: StockLocation[] = []
-    let remainingStock = material.totalStock
-
-    // Generate some random stock distributions across warehouses/zones/locations
-    mockWarehouses.forEach((warehouse) => {
-      if (remainingStock <= 0) return
-
-      warehouse.zones?.forEach((zone) => {
-        if (remainingStock <= 0) return
-
-        const locationsInZone = warehouse.locations?.filter((loc) => loc.zoneId === zone.id) || []
-
-        locationsInZone.forEach((location) => {
-          if (remainingStock <= 0) return
-
-          // Random distribution of stock (this would come from actual stock data in real app)
-          const stockAtLocation = Math.min(
-            Math.floor(Math.random() * 100) + 20, // Increased range for more realistic amounts
-            remainingStock,
-          )
-
-          if (stockAtLocation > 0) {
-            // Generate 2-4 different lots per location with different dates
-            const lotsCount = Math.floor(Math.random() * 3) + 2 // 2-4 lots
-
-            // Split stock among lots with realistic distribution
-            const lotDistribution = []
-            let tempStock = stockAtLocation
-
-            for (let i = 0; i < lotsCount && tempStock > 5; i++) {
-              if (i === lotsCount - 1) {
-                // Last lot gets remaining stock
-                lotDistribution.push(tempStock)
-              } else {
-                // Distribute randomly but ensure each lot has at least 5 units
-                const maxForThisLot = Math.floor(tempStock * 0.6)
-                const minForThisLot = Math.min(5, tempStock)
-                const lotStock =
-                  Math.floor(Math.random() * (maxForThisLot - minForThisLot + 1)) + minForThisLot
-                lotDistribution.push(lotStock)
-                tempStock -= lotStock
-              }
-            }
-
-            // Create lot entries with different dates and batch numbers
-            lotDistribution.forEach((lotStock, index) => {
-              if (lotStock > 0 && remainingStock > 0) {
-                // Generate realistic lot numbers with dates
-                const lotDate = new Date()
-                lotDate.setDate(lotDate.getDate() - Math.floor(Math.random() * 180)) // Random date within last 6 months
-                const formattedDate = lotDate.toISOString().slice(0, 10).replace(/-/g, '')
-                const batchNumber = String(index + 1).padStart(2, '0')
-
-                stockLocations.push({
-                  id: `stock_${warehouse.id}_${zone.id}_${location.id}_${index}`,
-                  warehouseId: warehouse.id,
-                  warehouseName: warehouse.name,
-                  warehouseCode: warehouse.code,
-                  zoneId: zone.id,
-                  zoneName: zone.name,
-                  zoneCode: zone.zoneCode,
-                  locationId: location.id,
-                  locationName: location.name,
-                  locationCode: location.locationCode,
-                  lotNumber: `LOT${formattedDate}-${batchNumber}`,
-                  availableQuantity: Math.min(lotStock, remainingStock),
-                  requestedQuantity: 0,
-                  unitPrice: material.costPrice || 0,
-                })
-
-                remainingStock -= Math.min(lotStock, remainingStock)
-              }
-            })
-          }
-        })
-      })
-    })
-
-    // Sort by lot number (newest first - FIFO principle)
-    return stockLocations.sort((a, b) => b.lotNumber.localeCompare(a.lotNumber))
-  }
-
-  const confirmStockSelection = () => {
-    const selectedLocations = availableStockLocations.filter((loc) => loc.selected)
-
-    if (selectedLocations.length === 0 || !selectedMaterialForStock) return
-
-    // Seçilen lokasyonlar için requestedQuantity'i availableQuantity'ye eşitle
-    const locationsWithQuantity = selectedLocations.map((loc) => ({
-      ...loc,
-      requestedQuantity: loc.availableQuantity,
-    }))
-
-    // Check if material already exists in the list
-    const existingMaterial = materialsList.find((m) => m.materialId === selectedMaterialForStock)
-
-    if (existingMaterial) {
-      // Update existing material
-      setMaterialsList((prev) =>
-        prev.map((material) =>
-          material.id === existingMaterial.id
-            ? { ...material, selectedStockLocations: locationsWithQuantity }
-            : material,
-        ),
-      )
-    } else {
-      // Add new material
-      const newMaterial: MaterialRow = {
-        id: Date.now().toString(),
-        materialId: selectedMaterialForStock,
-        selectedStockLocations: locationsWithQuantity,
-      }
-      setMaterialsList((prev) => [...prev, newMaterial])
-    }
-
-    setShowStockModal(false)
-    setSelectedMaterialForStock('')
-    setAvailableStockLocations([])
-    setLotSearchTerm('')
-  }
-
-  const handleSubmit = () => {
-    setShowIssueForm(false)
-    resetForm()
-  }
-
-  const handleEdit = (movementId: string) => {
-    // Find the movement to edit
-    const movement = mockStockMovements.find((m) => m.id === movementId)
-    if (!movement) return
-
-    // Load movement data into form
-    setHeaderData({
-      movementNumber: movement.movementNumber || '',
-      referenceDocument: movement.referenceDocument || '',
-      referenceType: movement.referenceType || 'Sales Order',
-      reason: movement.reason || '',
-      movementDate: movement.movementDate.toISOString().split('T')[0],
-      performedBy: movement.performedBy || '',
-      approvedBy: movement.approvedBy || '',
-      description: movement.description || '',
-      status: movement.status || MovementStatusEnum.Planned,
-    })
-
-    // Create material row from movement data
-    if (movement.material && movement.materialId) {
-      // For goods issue, prioritize from fields (since we're issuing FROM the warehouse)
-      const locationId = movement.toLocationId || ''
-      const warehouse = movement.toWarehouse
-      const zone = movement.toZone
-      const location = movement.toLocation
-
-      const materialRow: MaterialRow = {
-        id: Date.now().toString(),
-        materialId: movement.materialId,
-        selectedStockLocations: [
-          {
-            id: Date.now().toString(),
-            warehouseId: warehouse?.id || '',
-            warehouseName: warehouse?.name || '',
-            warehouseCode: warehouse?.code || '',
-            zoneId: zone?.id || '',
-            zoneName: zone?.name || '',
-            zoneCode: zone?.zoneCode || '',
-            locationId: locationId,
-            locationName: location?.name || '',
-            locationCode: location?.locationCode || '',
-            lotNumber: movement.lotNumber || '',
-            availableQuantity: movement.quantity || 0,
-            requestedQuantity: movement.quantity || 0,
-            unitPrice: 45.0,
-            selected: true,
-          },
-        ],
-      }
-
-      setMaterialsList([materialRow])
-    }
-
-    setEditingMovement(movementId)
-    setShowIssueForm(true)
-  }
-
-  // Filter materials that have stock in warehouses (for goods issue)
-  const availableMaterials = mockMaterials.filter(
-    (material) => material.totalStock && material.totalStock > 0,
-  )
-
-  const filteredMovements = mockStockMovements.filter((movement) => {
-    const material = movement.material
-
-    const matchesSearch =
-      movement.movementNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      material?.name?.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      material?.code?.toLowerCase().includes(searchTerm.toLowerCase())
-
-    const matchesStatus = statusFilter === '' || movement.status === statusFilter
-
-    const matchesType = movement.movementType === MovementTypeEnum.GoodsIssue
-
-    return matchesSearch && matchesStatus && matchesType
-  })
-
-  const MovementDetailModal = () => {
-    const movement = mockStockMovements.find((m) => m.id === selectedMovement)
-
-    if (!selectedMovement || !movement) return null
-
-    // Aynı hareket numarasına sahip tüm malzemeleri bul
-    const relatedMovements = mockStockMovements.filter(
-      (m) => m.movementNumber === movement.movementNumber,
-    )
-
-    const StatusIcon = getMovementStatusIcon(movement.status!)
-
-    return (
-      <div className="fixed inset-0 z-50 overflow-y-auto">
-        <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-          <div
-            className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-            onClick={() => setSelectedMovement('')}
-          />
-
-          <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle w-full max-w-7xl mx-4 sm:mx-auto">
-            <div className="bg-white">
-              {/* Modal Header */}
-              <div className="bg-gradient-to-r from-red-600 to-red-700 px-4 sm:px-6 py-4">
-                <div className="flex items-center justify-between">
-                  <div className="flex items-center space-x-3">
-                    <div className="p-2 bg-white bg-opacity-20 rounded-lg">
-                      <FaArrowCircleUp className="w-6 h-6 text-white" />
-                    </div>
-                    <div>
-                      <h3 className="text-lg sm:text-xl font-semibold text-white">
-                        {movement.movementNumber} - Çıkış Detayları
-                      </h3>
-                      <p className="text-red-100 text-sm">
-                        {relatedMovements.length} malzeme •{' '}
-                        {movement.movementDate.toLocaleDateString('tr-TR')}
-                      </p>
-                    </div>
-                  </div>
-                  <button
-                    onClick={() => setSelectedMovement('')}
-                    className="text-white hover:text-red-100 transition-colors p-2 hover:bg-white hover:bg-opacity-20 rounded-lg"
-                  >
-                    <FaTimes className="w-6 h-6" />
-                  </button>
-                </div>
-              </div>
-
-              {/* Modal Content */}
-              <div className="px-4 sm:px-6 py-6 max-h-[70vh] overflow-y-auto">
-                {/* Movement Summary */}
-                <div className="bg-gradient-to-r from-gray-50 to-gray-100 rounded-xl p-3 sm:p-3 mb-2 border border-gray-200">
-                  <div className="flex items-center justify-between mb-4">
-                    <h4 className="text-lg font-semibold text-gray-900 flex items-center">
-                      <FaInfoCircle className="w-5 h-5 text-gray-600 mr-2" />
-                      Hareket Özeti
-                    </h4>
-                    <div
-                      className={`inline-flex items-center px-3 py-1 rounded-full text-sm font-medium ${getMovementStatusColor(
-                        movement.status!,
-                      )}`}
-                    >
-                      <StatusIcon className="w-4 h-4 mr-1" />
-                      {getMovementStatusText(movement.status!)}
-                    </div>
-                  </div>
-
-                  <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 text-sm">
-                    <div className="bg-white rounded-lg p-3 border border-gray-200">
-                      <div className="text-gray-600 font-medium mb-1">Hareket No</div>
-                      <div className="text-gray-900 font-semibold">{movement.movementNumber}</div>
-                    </div>
-                    <div className="bg-white rounded-lg p-3 border border-gray-200">
-                      <div className="text-gray-600 font-medium mb-1">Tarih</div>
-                      <div className="text-gray-900 font-semibold">
-                        {movement.movementDate.toLocaleDateString('tr-TR')}
-                      </div>
-                    </div>
-                    <div className="bg-white rounded-lg p-3 border border-gray-200">
-                      <div className="text-gray-600 font-medium mb-1">Referans</div>
-                      <div className="text-gray-900 font-semibold">
-                        {movement.referenceDocument || '-'}
-                      </div>
-                    </div>
-                    <div className="bg-white rounded-lg p-3 border border-gray-200">
-                      <div className="text-gray-600 font-medium mb-1">İşlem Yapan</div>
-                      <div className="text-gray-900 font-semibold">
-                        {movement.performedBy || '-'}
-                      </div>
-                    </div>
-                  </div>
-
-                  {movement.description && (
-                    <div className="mt-4 bg-white rounded-lg p-3 border border-gray-200">
-                      <div className="text-gray-600 font-medium mb-1">Açıklama</div>
-                      <div className="text-gray-900">{movement.description}</div>
-                    </div>
-                  )}
-                </div>
-
-                {/* Materials List */}
-                <div className="space-y-4">
-                  <h4 className="text-lg font-semibold text-gray-900 flex items-center">
-                    <FaBox className="w-5 h-5 text-gray-600 mr-2" />
-                    Çıkış Yapılan Malzemeler ({relatedMovements.length})
-                  </h4>
-
-                  <div className="grid gap-4">
-                    {relatedMovements.map((mov, index) => {
-                      const warehouse = mockWarehouses.find((w) => w.id === mov.toWarehouseId)
-                      const zone = mockWarehouses
-                        .flatMap((w) => w.zones || [])
-                        .find((z) => z.id === mov.toZoneId)
-                      const location = mockWarehouses
-                        .flatMap((w) => w.locations || [])
-                        .find((l) => l.id === mov.toLocationId)
-
-                      return (
-                        <div
-                          key={mov.id}
-                          className="bg-white border border-gray-200 rounded-xl overflow-hidden hover:shadow-lg transition-shadow"
-                        >
-                          {/* Material Header */}
-                          <div className="bg-gray-50 px-4 py-3 border-b border-gray-200">
-                            <div className="flex items-center justify-between">
-                              <div className="flex items-center space-x-3">
-                                <div className="w-8 h-8 bg-red-100 rounded-lg flex items-center justify-center">
-                                  <span className="text-red-600 font-semibold text-sm">
-                                    {index + 1}
-                                  </span>
-                                </div>
-                                <div>
-                                  <h5 className="font-semibold text-gray-900">
-                                    {mov.material?.code} - {mov.material?.name}
-                                  </h5>
-                                  <p className="text-sm text-gray-600">
-                                    {mov.material?.materialType?.name}
-                                  </p>
-                                </div>
-                              </div>
-                              <div className="text-right">
-                                <div className="text-lg font-bold text-red-600">
-                                  {mov.quantity} {mov.material?.baseUnit?.name || 'Adet'}
-                                </div>
-                                <div className="text-sm text-gray-600">
-                                  Birim Fiyat: ₺{mov.material?.costPrice?.toFixed(2)}
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-
-                          {/* Material Details */}
-                          <div className="p-4">
-                            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
-                              {/* Warehouse Info */}
-                              <div className="space-y-2">
-                                <h6 className="font-medium text-gray-700 flex items-center">
-                                  <FaWarehouse className="w-4 h-4 mr-2 text-gray-500" />
-                                  Depo Bilgileri
-                                </h6>
-                                <div className="bg-gray-50 rounded-lg p-3 space-y-1 text-sm">
-                                  <div>
-                                    <span className="font-medium">Depo:</span> {warehouse?.name}
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Bölge:</span> {zone?.name || '-'}
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Lokasyon:</span>{' '}
-                                    {location?.name || '-'}
-                                  </div>
-                                </div>
-                              </div>
-
-                              {/* Stock Info */}
-                              <div className="space-y-2">
-                                <h6 className="font-medium text-gray-700 flex items-center">
-                                  <FaBarcode className="w-4 h-4 mr-2 text-gray-500" />
-                                  Stok Bilgileri
-                                </h6>
-                                <div className="bg-gray-50 rounded-lg p-3 space-y-1 text-sm">
-                                  <div>
-                                    <span className="font-medium">Lot No:</span>{' '}
-                                    {mov.lotNumber || '-'}
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Miktar:</span> {mov.quantity}{' '}
-                                    {mov.material?.baseUnit?.name || 'Adet'}
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Toplam Değer:</span> ₺
-                                    {((mov.material?.costPrice || 0) * mov.quantity).toFixed(2)}
-                                  </div>
-                                </div>
-                              </div>
-
-                              {/* Additional Info */}
-                              <div className="space-y-2">
-                                <h6 className="font-medium text-gray-700 flex items-center">
-                                  <FaInfoCircle className="w-4 h-4 mr-2 text-gray-500" />
-                                  Ek Bilgiler
-                                </h6>
-                                <div className="bg-gray-50 rounded-lg p-3 space-y-1 text-sm">
-                                  <div>
-                                    <span className="font-medium">Malzeme Grubu:</span>{' '}
-                                    {mov.material?.materialGroup?.name || '-'}
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Referans Tipi:</span>{' '}
-                                    {mov.referenceType || '-'}
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Sebep:</span> {mov.reason || '-'}
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      )
-                    })}
-                  </div>
-                </div>
-              </div>
-
-              {/* Modal Footer */}
-              <div className="bg-gray-50 px-4 sm:px-6 py-4 border-t border-gray-200">
-                <div className="flex flex-col sm:flex-row justify-between items-center space-y-3 sm:space-y-0">
-                  <div className="flex items-center space-x-4 text-sm text-gray-600">
-                    <div className="flex items-center">
-                      <FaBox className="w-4 h-4 mr-1" />
-                      <span>{relatedMovements.length} malzeme</span>
-                    </div>
-                    <div className="flex items-center">
-                      <FaCalculator className="w-4 h-4 mr-1" />
-                      <span>
-                        Toplam: ₺
-                        {relatedMovements
-                          .reduce(
-                            (sum, mov) => sum + (mov.material?.costPrice || 0) * mov.quantity,
-                            0,
-                          )
-                          .toFixed(2)}
-                      </span>
-                    </div>
-                  </div>
-                  <button
-                    onClick={() => setSelectedMovement('')}
-                    className="bg-gray-600 text-white px-6 py-2 rounded-lg hover:bg-gray-700 transition-colors flex items-center space-x-2"
-                  >
-                    <span>Kapat</span>
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  // Stock Selection Modal
-  const StockSelectionModal = () => {
-    if (!showStockModal) return null
-
-    const selectedMaterial = availableMaterials.find((m) => m.id === selectedMaterialForStock)
-
-    return createPortal(
-      <div className="fixed inset-0 overflow-y-auto" style={{ zIndex: 99999 }}>
-        <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-          <div
-            className="fixed inset-0 bg-gray-900 bg-opacity-75 transition-opacity"
-            onClick={() => setShowStockModal(false)}
-            style={{ zIndex: 99999 }}
-          />
-
-          <div
-            className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle w-full max-w-6xl mx-4 sm:mx-auto relative"
-            style={{ zIndex: 100000 }}
-            onClick={(e) => e.stopPropagation()}
-          >
-            <div className="bg-white px-4 sm:px-6 pt-5 pb-4">
-              <div className="flex items-center justify-between mb-4">
-                <div>
-                  <h3 className="text-lg font-medium text-gray-900">
-                    Malzeme ve Stok Lokasyonu Seçimi
-                  </h3>
-                  <p className="text-xs text-blue-600 mt-1">
-                    💡 Önce malzeme seçin, sonra birden fazla lot ve lokasyondan çıkış
-                    yapabilirsiniz.
-                  </p>
-                </div>
-                <button
-                  onClick={() => setShowStockModal(false)}
-                  className="text-gray-400 hover:text-gray-600"
-                >
-                  <FaTimes className="w-6 h-6" />
-                </button>
-              </div>
-
-              {/* Material Selection Section */}
-              <div className="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-3">
-                <div>
-                  <select
-                    value={selectedMaterialForStock || ''}
-                    onChange={(e) => {
-                      const newValue = e.target.value
-                      if (newValue !== selectedMaterialForStock) {
-                        setSelectedMaterialForStock(newValue)
-                        // Reset stock locations when material changes
-                        setAvailableStockLocations([])
-                        if (newValue) {
-                          const stockLocations = generateStockLocationsForMaterial(newValue)
-                          setAvailableStockLocations(stockLocations)
-                        }
-                      }
-                    }}
-                    className="w-full px-3 py-2 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-red-500 focus:border-transparent"
-                    required
-                  >
-                    <option value="">Malzeme Seçiniz</option>
-                    {availableMaterials.map((mat) => (
-                      <option key={mat.id} value={mat.id}>
-                        {mat.code} - {mat.name}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-                {selectedMaterial && selectedMaterialForStock && (
-                  <div className="flex items-center space-x-4 text-sm">
-                    <div>
-                      <span className="text-gray-600">Toplam Stok:</span>
-                      <span className="ml-1 font-medium text-green-600">
-                        {selectedMaterial.totalStock} {selectedMaterial.baseUnit?.code}
-                      </span>
-                    </div>
-                    <div>
-                      <span className="text-gray-600">Birim:</span>
-                      <span className="ml-1 font-medium">{selectedMaterial.baseUnit?.code}</span>
-                    </div>
-                  </div>
-                )}
-              </div>
-
-              {/* Lot Search */}
-              {selectedMaterialForStock && availableStockLocations.length > 0 && (
-                <LotSearchInput value={lotSearchTerm} onSearch={setLotSearchTerm} />
-              )}
-
-              {/* Stock Locations Section */}
-              {selectedMaterialForStock && availableStockLocations.length > 0 && (
-                <>
-                  <div className="flex items-center justify-between m-1">
-                    <h4 className="text-sm font-medium text-gray-900">
-                      Stok Lokasyonları
-                      {lotSearchTerm && (
-                        <span className="ml-2 text-xs text-blue-600">
-                          ({filteredLocations.length} / {availableStockLocations.length} kayıt)
-                        </span>
-                      )}
-                    </h4>
-                  </div>
-
-                  <div className="max-h-96 overflow-y-auto border border-gray-200 rounded-lg">
-                    <table className="min-w-full divide-y divide-gray-200">
-                      <thead className="bg-gray-50 sticky top-0">
-                        <tr>
-                          <th className="px-3 py-2 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Seç
-                          </th>
-                          <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Depo
-                          </th>
-                          <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Zone/Lokasyon
-                          </th>
-                          <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Lot Numarası
-                          </th>
-                          <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Mevcut Stok
-                          </th>
-                          <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                            Birim Fiyat
-                          </th>
-                        </tr>
-                      </thead>
-                      <tbody className="bg-white divide-y divide-gray-200">
-                        {filteredLocations.map((location, index) => (
-                          <tr
-                            key={`stock-row-${location.id}-${location.lotNumber}`}
-                            className={`hover:bg-gray-50 ${
-                              index % 2 === 0 ? 'bg-white' : 'bg-gray-25'
-                            }`}
-                          >
-                            <td className="px-3 py-3 whitespace-nowrap text-center">
-                              <input
-                                type="checkbox"
-                                checked={location.selected || false}
-                                onChange={(e) => {
-                                  const updatedLocations = availableStockLocations.map((loc) =>
-                                    loc.id === location.id
-                                      ? {
-                                          ...loc,
-                                          selected: e.target.checked,
-                                          requestedQuantity: e.target.checked
-                                            ? loc.availableQuantity
-                                            : 0,
-                                        }
-                                      : loc,
-                                  )
-                                  setAvailableStockLocations(updatedLocations)
-                                }}
-                                className="w-4 h-4 text-red-600 bg-gray-100 border-gray-300 rounded focus:ring-red-500 focus:ring-2"
-                              />
-                            </td>
-                            <td className="px-3 py-3 whitespace-nowrap text-sm">
-                              <div className="flex items-center">
-                                <FaBox className="w-4 h-4 text-blue-500 mr-2" />
-                                <div>
-                                  <div className="font-medium text-gray-900">
-                                    {location.warehouseCode}
-                                  </div>
-                                  <div className="text-gray-500 text-xs">
-                                    {location.warehouseName}
-                                  </div>
-                                </div>
-                              </div>
-                            </td>
-                            <td className="px-3 py-3 whitespace-nowrap text-sm">
-                              <div className="flex items-center">
-                                <FaMapMarkerAlt className="w-3 h-3 text-green-500 mr-2" />
-                                <div>
-                                  <div className="font-medium text-gray-900">
-                                    {location.zoneCode} / {location.locationCode}
-                                  </div>
-                                  <div className="text-gray-500 text-xs">
-                                    {location.zoneName} / {location.locationName}
-                                  </div>
-                                </div>
-                              </div>
-                            </td>
-                            <td className="px-3 py-3 whitespace-nowrap text-sm">
-                              <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                                {location.lotNumber}
-                              </span>
-                            </td>
-                            <td className="px-3 py-3 whitespace-nowrap text-sm">
-                              <div className="font-medium text-gray-900">
-                                {location.availableQuantity} {selectedMaterial?.baseUnit?.code}
-                              </div>
-                            </td>
-                            <td className="px-3 py-3 whitespace-nowrap text-sm text-gray-900">
-                              ₺{location.unitPrice.toFixed(2)}
-                            </td>
-                          </tr>
-                        ))}
-                      </tbody>
-                    </table>
-                  </div>
-
-                  <div className="flex justify-between items-center pt-4 border-t border-gray-200 mt-4">
-                    <div className="text-sm space-y-1">
-                      <div className="text-gray-600">
-                        <strong>Seçili Lokasyon Sayısı:</strong>{' '}
-                        <span className="text-blue-600 font-medium">
-                          {availableStockLocations.filter((loc) => loc.selected).length} adet
-                        </span>
-                      </div>
-                      <div className="text-gray-600">
-                        <strong>Toplam Stok Miktarı:</strong>{' '}
-                        <span className="text-green-600 font-medium">
-                          {availableStockLocations
-                            .filter((loc) => loc.selected)
-                            .reduce((sum, loc) => sum + loc.availableQuantity, 0)}{' '}
-                          {selectedMaterial?.baseUnit?.code}
-                        </span>
-                      </div>
-                      <div className="text-xs text-blue-600">
-                        💡 Çıkış miktarlarını ana ekranda düzenleyebilirsiniz
-                      </div>
-                    </div>
-                    <div className="flex gap-3">
-                      <button
-                        onClick={() => setShowStockModal(false)}
-                        className="px-4 py-2 text-sm text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors"
-                      >
-                        İptal
-                      </button>
-                      <button
-                        onClick={confirmStockSelection}
-                        className="px-4 py-2 text-sm bg-red-600 text-white hover:bg-red-700 rounded-lg transition-colors flex items-center gap-2"
-                        disabled={
-                          !selectedMaterialForStock ||
-                          !availableStockLocations.some((loc) => loc.selected)
-                        }
-                      >
-                        <FaCheckCircle className="w-4 h-4" />
-                        Seçimi Onayla
-                      </button>
-                    </div>
-                  </div>
-                </>
-              )}
-
-              {/* No material selected message */}
-              {!selectedMaterialForStock && (
-                <div className="text-center py-8 text-gray-500">
-                  <FaBox className="w-12 h-12 mx-auto mb-3 opacity-50" />
-                  <p>Önce bir malzeme seçiniz</p>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-      </div>,
-      document.body,
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Stok Çıkış</h2>
-            <p className="text-gray-600">Depodan malzeme çıkış hareketlerini yönetin</p>
-          </div>
-          <div className="flex gap-2">
-            <button
-              onClick={() => setShowIssueForm(true)}
-              className="bg-red-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-red-700 flex items-center gap-2"
-            >
-              <FaPlus className="w-4 h-4" />
-              Yeni Çıkış
-            </button>
-            <button className="bg-green-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-green-700 flex items-center gap-2">
-              <FaUpload className="w-4 h-4" />
-              İçe Aktar
-            </button>
-            <button className="bg-gray-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-gray-700 flex items-center gap-2">
-              <FaDownload className="w-4 h-4" />
-              Dışa Aktar
-            </button>
-          </div>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-          <Widget
-            title="Bugün Çıkış"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.movementDate.toDateString() === new Date().toDateString() &&
-                  m.status === MovementStatusEnum.Completed &&
-                  m.movementType === MovementTypeEnum.GoodsIssue,
-              ).length
-            }
-            color="red"
-            icon="FaArrowCircleUp"
-          />
-
-          <Widget
-            title="Bekleyen"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.status === MovementStatusEnum.Planned &&
-                  m.movementType === MovementTypeEnum.GoodsIssue,
-              ).length
-            }
-            color="yellow"
-            icon="FaClock"
-          />
-
-          <Widget
-            title="İşlemde"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.status === MovementStatusEnum.InProgress &&
-                  m.movementType === MovementTypeEnum.GoodsIssue,
-              ).length
-            }
-            color="blue"
-            icon="FaBox"
-          />
-
-          <Widget
-            title="Tamamlanan"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.status === MovementStatusEnum.Completed &&
-                  m.movementType === MovementTypeEnum.GoodsIssue,
-              ).length
-            }
-            color="green"
-            icon="FaCheckCircle"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex flex-col sm:flex-row gap-4">
-          <div className="relative flex-1">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Çıkış ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="pl-10 pr-4 py-1.5 text-sm w-full border border-gray-300 rounded-lg focus:ring-2 focus:ring-red-500 focus:border-transparent"
-            />
-          </div>
-          <select
-            value={statusFilter}
-            onChange={(e) => setStatusFilter(e.target.value as MovementStatusEnum | '')}
-            className="px-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-red-500 focus:border-transparent"
-          >
-            <option value="">Tüm Durumlar</option>
-            {Object.values(MovementStatusEnum).map((status) => (
-              <option key={status} value={status}>
-                {getMovementStatusText(status)}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        {/* Movements Table */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="overflow-x-auto">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Hareket No
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Malzeme
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Depo / Bölge / Lokasyon
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Miktar / Lot No
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Referans
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tarih
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {filteredMovements.map((movement) => {
-                  const StatusIcon = getMovementStatusIcon(movement.status!)
-
-                  return (
-                    <tr key={movement.id} className="hover:bg-gray-50">
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <div className="p-2 bg-red-100 rounded-lg mr-3">
-                            <FaArrowCircleUp className="w-4 h-4 text-red-600" />
-                          </div>
-                          <div>
-                            <div className="text-sm font-medium text-gray-900">
-                              {movement.movementNumber}
-                            </div>
-                            <div className="text-sm text-gray-500">{movement.performedBy}</div>
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div>
-                          <div className="text-sm font-medium text-gray-900">
-                            {movement.material?.name}
-                          </div>
-                          <div className="text-sm text-gray-500">{movement.material?.code}</div>
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div>
-                          <div className="text-sm font-medium text-gray-900">
-                            {movement.toWarehouse?.name || movement.toWarehouse?.code}
-                          </div>
-                          <div className="text-sm text-gray-500">
-                            {movement.toZone?.name && `${movement.toZone.name}`}
-                            {movement.toLocation?.name && ` / ${movement.toLocation.name}`}
-                          </div>
-                          {movement.toLocation?.locationCode && (
-                            <div className="text-xs text-gray-400">
-                              Kod: {movement.toLocation.locationCode}
-                            </div>
-                          )}
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="text-sm text-gray-900">
-                          {movement.quantity} {movement.unit?.code}
-                        </div>
-                        {movement.lotNumber && (
-                          <div className="text-sm text-gray-500">Lot: {movement.lotNumber}</div>
-                        )}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="text-sm text-gray-900">{movement.referenceDocument}</div>
-                        <div className="text-sm text-gray-500">{movement.referenceType}</div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {movement.movementDate.toLocaleDateString('tr-TR')}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <span
-                          className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getMovementStatusColor(
-                            movement.status!,
-                          )}`}
-                        >
-                          <StatusIcon className="w-3 h-3 mr-1" />
-                          {getMovementStatusText(movement.status!)}
-                        </span>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-right text-sm font-medium">
-                        <div className="flex items-center justify-end gap-2">
-                          <button
-                            onClick={() => setSelectedMovement(movement.id)}
-                            className="text-red-600 hover:text-red-900"
-                          >
-                            <FaEye className="w-4 h-4" />
-                          </button>
-                          <button
-                            onClick={() => handleEdit(movement.id)}
-                            className="text-red-600 hover:text-red-900"
-                          >
-                            <FaEdit className="w-4 h-4" />
-                          </button>
-                          <button className="text-red-600 hover:text-red-900">
-                            <FaTrash className="w-4 h-4" />
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  )
-                })}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-
-      {/* Movement Detail Modal */}
-      <MovementDetailModal />
-
-      {/* Stock Selection Modal */}
-      <StockSelectionModal />
-
-      {/* Issue Form Modal */}
-      {showIssueForm && (
-        <div className="fixed inset-0 overflow-y-auto" style={{ zIndex: 50 }}>
-          <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-            <div
-              className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-              onClick={() => {
-                setShowIssueForm(false)
-                resetForm()
-              }}
-            />
-
-            <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle w-full max-w-7xl mx-4 sm:mx-auto">
-              <div className="bg-white px-4 sm:px-6 pt-5 pb-4 sm:p-6">
-                <div className="flex items-center justify-between mb-3">
-                  <h3 className="text-base font-medium text-gray-900">
-                    {editingMovement ? 'Stok Çıkış Düzenle' : 'Yeni Stok Çıkış'}
-                  </h3>
-                  <button
-                    onClick={() => {
-                      setShowIssueForm(false)
-                      resetForm()
-                    }}
-                    className="text-gray-400 hover:text-gray-600"
-                  >
-                    <FaTimes className="w-6 h-6" />
-                  </button>
-                </div>
-
-                {/* Header Section - Compact and Responsive */}
-                <div className="bg-gray-50 rounded-lg p-3 mb-3">
-                  <h4 className="text-sm font-medium text-gray-900 mb-3">Genel Bilgiler</h4>
-                  <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-3 text-sm">
-                    {/* Movement Number */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Hareket No
-                      </label>
-                      <input
-                        type="text"
-                        value={headerData.movementNumber}
-                        onChange={(e) => handleHeaderInputChange('movementNumber', e.target.value)}
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-red-500 focus:border-transparent"
-                        placeholder="Otomatik"
-                        disabled={!!editingMovement}
-                      />
-                    </div>
-
-                    {/* Movement Date */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Tarih *
-                      </label>
-                      <input
-                        type="date"
-                        value={headerData.movementDate}
-                        onChange={(e) => handleHeaderInputChange('movementDate', e.target.value)}
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-red-500 focus:border-transparent"
-                        required
-                      />
-                    </div>
-
-                    {/* Reference Document */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Referans Belge
-                      </label>
-                      <input
-                        type="text"
-                        value={headerData.referenceDocument}
-                        onChange={(e) =>
-                          handleHeaderInputChange('referenceDocument', e.target.value)
-                        }
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                        placeholder="Belge no"
-                      />
-                    </div>
-
-                    {/* Reference Type */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Referans Tipi
-                      </label>
-                      <select
-                        value={headerData.referenceType}
-                        onChange={(e) => handleHeaderInputChange('referenceType', e.target.value)}
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-red-500 focus:border-transparent"
-                      >
-                        <option value="Sales Order">Satış Siparişi</option>
-                        <option value="Production Order">Üretim Emri</option>
-                        <option value="Transfer Order">Transfer Emri</option>
-                        <option value="Return">İade</option>
-                        <option value="Adjustment">Düzeltme</option>
-                        <option value="Other">Diğer</option>
-                      </select>
-                    </div>
-
-                    {/* Performed By */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        İşlem Yapan *
-                      </label>
-                      <select
-                        value={headerData.performedBy}
-                        onChange={(e) => handleHeaderInputChange('performedBy', e.target.value)}
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-red-500 focus:border-transparent"
-                        required
-                      >
-                        <option value="">Çalışan Seçiniz</option>
-                        {mockEmployees.map((employee) => (
-                          <option key={employee.id} value={employee.name}>
-                            {employee.name} - {employee.code}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    {/* Status */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">Durum</label>
-                      <select
-                        value={headerData.status}
-                        onChange={(e) =>
-                          handleHeaderInputChange('status', e.target.value as MovementStatusEnum)
-                        }
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-red-500 focus:border-transparent"
-                      >
-                        {Object.values(MovementStatusEnum).map((status) => (
-                          <option key={status} value={status}>
-                            {getMovementStatusText(status)}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    {/* Description - Full width */}
-                    <div className="col-span-1 sm:col-span-2 lg:col-span-3 xl:col-span-6">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Açıklama
-                      </label>
-                      <textarea
-                        value={headerData.description}
-                        onChange={(e) => handleHeaderInputChange('description', e.target.value)}
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-red-500 focus:border-transparent"
-                        placeholder="Hareket açıklaması"
-                        rows={2}
-                      />
-                    </div>
-                  </div>
-                </div>
-
-                {/* Materials Section - Improved Design */}
-                <div className="m-2">
-                  <div className="flex items-center justify-between mb-2">
-                    <h4 className="text-sm font-medium text-gray-900">
-                      Çıkış Malzemeleri
-                      {materialsList.length > 0 && (
-                        <span className="ml-2 text-xs text-blue-600">
-                          ({materialsList.length} malzeme)
-                        </span>
-                      )}
-                    </h4>
-                  </div>
-
-                  {/* Material List Container */}
-                  <div className="border border-gray-200 rounded-lg bg-gray-50 min-h-[200px] max-h-[400px] overflow-y-auto">
-                    {materialsList.length === 0 ? (
-                      <div className="flex flex-col items-center justify-center h-[200px] text-gray-500">
-                        <FaBox className="w-12 h-12 mb-3 opacity-50" />
-                        <p className="text-sm font-medium">Henüz malzeme seçilmedi</p>
-                        <p className="text-xs text-gray-400 mt-1 text-center">
-                          Aşağıdaki "Malzeme Seç" butonuna tıklayarak
-                          <br />
-                          malzeme ekleyebilirsiniz
-                        </p>
-                      </div>
-                    ) : (
-                      <div className="p-3 space-y-3">
-                        {materialsList.map((materialRow, index) => {
-                          const selectedMaterial = availableMaterials.find(
-                            (m) => m.id === materialRow.materialId,
-                          )
-                          const totalQuantity = materialRow.selectedStockLocations.reduce(
-                            (sum, loc) => sum + loc.requestedQuantity,
-                            0,
-                          )
-
-                          return (
-                            <div
-                              key={materialRow.id}
-                              className="bg-white border border-gray-200 rounded-lg p-3 shadow-sm hover:shadow-md transition-shadow"
-                            >
-                              {/* Material Header */}
-                              <div className="flex items-center justify-between mb-3">
-                                <div className="flex items-center space-x-3">
-                                  <div className="flex items-center justify-center w-8 h-8 bg-red-100 rounded-full">
-                                    <span className="text-xs font-bold text-red-600">
-                                      {index + 1}
-                                    </span>
-                                  </div>
-                                  <div>
-                                    <div className="flex items-center space-x-2">
-                                      <span className="text-sm font-semibold text-gray-900">
-                                        {selectedMaterial?.code}
-                                      </span>
-                                      <span className="px-2 py-1 bg-gray-100 text-xs text-gray-600 rounded">
-                                        {selectedMaterial?.baseUnit?.code}
-                                      </span>
-                                    </div>
-                                    <p className="text-xs text-gray-600 mt-1">
-                                      {selectedMaterial?.name}
-                                    </p>
-                                  </div>
-                                </div>
-
-                                <div className="flex items-center space-x-2">
-                                  <div className="text-right">
-                                    <div className="text-sm font-semibold text-red-600">
-                                      {totalQuantity} {selectedMaterial?.baseUnit?.code}
-                                    </div>
-                                    <div className="text-xs text-gray-500">
-                                      {materialRow.selectedStockLocations.length} lot
-                                    </div>
-                                  </div>
-                                  <div className="flex space-x-1">
-                                    <button
-                                      onClick={() => removeMaterial(materialRow.id)}
-                                      className="p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors"
-                                      title="Sil"
-                                    >
-                                      <FaTrash className="w-4 h-4" />
-                                    </button>
-                                  </div>
-                                </div>
-                              </div>
-
-                              {/* Compact stock locations view with quantity inputs */}
-                              {materialRow.selectedStockLocations.length > 0 && (
-                                <div className="mt-3 pt-3 border-t border-gray-100">
-                                  <div className="space-y-2">
-                                    {materialRow.selectedStockLocations.map((location) => (
-                                      <div
-                                        key={location.id}
-                                        className="flex items-center justify-between p-2 bg-gray-50 rounded text-xs border"
-                                      >
-                                        <div className="flex items-center space-x-3 flex-1">
-                                          <span className="font-medium text-gray-900">
-                                            {location.warehouseCode} {' - '}
-                                            {location.warehouseName}
-                                          </span>
-                                          <span className="text-gray-500">
-                                            {location.zoneCode}-{location.zoneName} {' / '}
-                                            {location.locationCode}-{location.locationName}
-                                          </span>
-                                          <span className="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                                            {location.lotNumber}
-                                          </span>
-                                          <span className="text-gray-500">
-                                            Mevcut: {location.availableQuantity}{' '}
-                                            {selectedMaterial?.baseUnit?.code}
-                                          </span>
-                                        </div>
-                                        <div className="flex items-center space-x-2">
-                                          <span className="text-gray-600 text-xs">Çıkış:</span>
-                                          <input
-                                            type="number"
-                                            value={location.requestedQuantity || ''}
-                                            onChange={(e) => {
-                                              const value = parseFloat(e.target.value) || 0
-                                              const updatedMaterials = materialsList.map(
-                                                (material) =>
-                                                  material.id === materialRow.id
-                                                    ? {
-                                                        ...material,
-                                                        selectedStockLocations:
-                                                          material.selectedStockLocations.map(
-                                                            (loc) =>
-                                                              loc.id === location.id
-                                                                ? {
-                                                                    ...loc,
-                                                                    requestedQuantity: Math.min(
-                                                                      value,
-                                                                      loc.availableQuantity,
-                                                                    ),
-                                                                  }
-                                                                : loc,
-                                                          ),
-                                                      }
-                                                    : material,
-                                              )
-                                              setMaterialsList(updatedMaterials)
-                                            }}
-                                            className="w-20 px-2 py-1 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-red-500"
-                                            min="0"
-                                            max={location.availableQuantity}
-                                            step="0.01"
-                                          />
-                                          <span className="text-xs text-gray-500">
-                                            {selectedMaterial?.baseUnit?.code}
-                                          </span>
-                                        </div>
-                                      </div>
-                                    ))}
-                                  </div>
-                                  <div className="mt-2 text-xs text-gray-600 text-right">
-                                    Toplam Çıkış:{' '}
-                                    <span className="font-medium text-red-600">
-                                      {materialRow.selectedStockLocations.reduce(
-                                        (sum, loc) => sum + (loc.requestedQuantity || 0),
-                                        0,
-                                      )}{' '}
-                                      {selectedMaterial?.baseUnit?.code}
-                                    </span>
-                                  </div>
-                                </div>
-                              )}
-                            </div>
-                          )
-                        })}
-                      </div>
-                    )}
-                  </div>
-                </div>
-
-                {/* Form Actions */}
-                <div className="flex justify-between items-center gap-3 pt-4 border-t border-gray-200">
-                  {/* Left side - Add Material Button */}
-                  <button
-                    onClick={() => setShowStockModal(true)}
-                    className="bg-blue-600 text-white px-4 py-2 rounded-lg text-sm hover:bg-blue-700 flex items-center gap-2 shadow-sm transition-colors"
-                  >
-                    <FaPlus className="w-4 h-4" />
-                    Malzeme Seç
-                  </button>
-
-                  {/* Right side - Form Actions */}
-                  <div className="flex gap-3">
-                    <button
-                      onClick={() => {
-                        setShowIssueForm(false)
-                        resetForm()
-                      }}
-                      className="px-4 py-2 text-sm text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors"
-                    >
-                      İptal
-                    </button>
-                    <button
-                      onClick={handleSubmit}
-                      className="px-4 py-2 text-sm bg-red-600 text-white hover:bg-red-700 rounded-lg transition-colors flex items-center gap-2"
-                    >
-                      <FaSave className="w-4 h-4" />
-                      {editingMovement ? 'Güncelle' : 'Kaydet'}
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-    </Container>
-  )
-}
-
-export default WarehouseIssue
diff --git a/ui/src/views/warehouse/components/WarehouseList.tsx b/ui/src/views/warehouse/components/WarehouseList.tsx
deleted file mode 100644
index 24188536..00000000
--- a/ui/src/views/warehouse/components/WarehouseList.tsx
+++ /dev/null
@@ -1,419 +0,0 @@
-import React, { useState } from 'react'
-import { Link } from 'react-router-dom'
-import { useQuery } from '@tanstack/react-query'
-import {
-  FaBuilding,
-  FaPlus,
-  FaSearch,
-  FaFilter,
-  FaDownload,
-  FaEdit,
-  FaEye,
-  FaMapMarkerAlt,
-  FaBox,
-  FaArrowUp,
-  FaExclamationTriangle,
-  FaChartLine,
-} from 'react-icons/fa'
-import classNames from 'classnames'
-import { WarehouseTypeEnum } from '../../../types/wm'
-import { mockWarehouses } from '../../../mocks/mockWarehouses'
-import { getWarehouseTypeColor, getWarehouseTypeText } from '../../../utils/erp'
-import { Container } from '@/components/shared'
-import { ROUTES_ENUM } from '@/routes/route.constant'
-
-const WarehouseList: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [filterType, setFilterType] = useState('all')
-  const [showFilters, setShowFilters] = useState(false)
-
-  const {
-    data: warehouses,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ['warehouses', searchTerm, filterType],
-    queryFn: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      return mockWarehouses.filter((warehouse) => {
-        const matchesSearch =
-          warehouse.code.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          warehouse.name.toLowerCase().includes(searchTerm.toLowerCase())
-        const matchesType = filterType === 'all' || warehouse.warehouseType === filterType
-        return matchesSearch && matchesType
-      })
-    },
-  })
-
-  const getUtilizationColor = (utilization: number) => {
-    const percentage = utilization
-    if (percentage >= 90) return 'text-red-600'
-    if (percentage >= 75) return 'text-yellow-600'
-    return 'text-green-600'
-  }
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center py-12">
-        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
-        <span className="ml-3 text-gray-600">Depolar yükleniyor...</span>
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="bg-red-50 border border-red-200 rounded-lg p-4">
-        <div className="flex items-center">
-          <FaExclamationTriangle className="h-5 w-5 text-red-600 mr-2" />
-          <span className="text-red-800">Depolar yüklenirken hata oluştu.</span>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        {/* Header Actions */}
-        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
-          <div className="flex items-center space-x-2">
-            <div className="relative">
-              <FaSearch
-                size={16}
-                className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4"
-              />
-              <input
-                type="text"
-                placeholder="Depo kodu veya adı..."
-                value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-                className="pl-10 pr-4 py-1.5 text-sm w-64 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              />
-            </div>
-
-            <button
-              onClick={() => setShowFilters(!showFilters)}
-              className={classNames(
-                'flex items-center px-3 py-1.5 text-sm border rounded-lg transition-colors',
-                showFilters
-                  ? 'border-blue-500 bg-blue-50 text-blue-700'
-                  : 'border-gray-300 bg-white text-gray-700 hover:bg-gray-50',
-              )}
-            >
-              <FaFilter size={14} className="mr-2" />
-              Filtreler
-            </button>
-          </div>
-
-          <div className="flex items-center space-x-2">
-            <button
-              onClick={() => alert('Dışa aktarma özelliği yakında eklenecek')}
-              className="flex items-center px-3 py-1.5 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              <FaDownload size={14} className="mr-2" />
-              Dışa Aktar
-            </button>
-
-            <Link
-              to={ROUTES_ENUM.protected.warehouse.warehouseNew}
-              className="flex items-center px-3 py-1.5 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-            >
-              <FaPlus size={14} className="mr-2" />
-              Yeni Depo
-            </Link>
-          </div>
-        </div>
-
-        {/* Filters Panel */}
-        {showFilters && (
-          <div className="bg-white border border-gray-200 rounded-lg p-3">
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
-              <div>
-                <label className="block text-xs font-medium text-gray-700 mb-1">Depo Türü</label>
-                <select
-                  value={filterType}
-                  onChange={(e) => setFilterType(e.target.value)}
-                  className="w-full border border-gray-300 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-                >
-                  <option value="all">Tümü</option>
-                  {Object.values(WarehouseTypeEnum).map((type) => (
-                    <option key={type} value={type}>
-                      {getWarehouseTypeText(type)}
-                    </option>
-                  ))}
-                </select>
-              </div>
-
-              <div className="flex items-end">
-                <button
-                  onClick={() => {
-                    setFilterType('all')
-                    setSearchTerm('')
-                  }}
-                  className="w-full px-4 py-1.5 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-                >
-                  Filtreleri Temizle
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* Statistics Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Toplam Depo</p>
-                <p className="text-xl font-bold text-gray-900">{warehouses?.length || 0}</p>
-              </div>
-              <FaBuilding className="h-6 w-6 text-blue-500" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Toplam Kapasite</p>
-                <p className="text-xl font-bold text-green-600">
-                  {warehouses?.reduce((acc, w) => acc + w.capacity, 0).toLocaleString() || 0}
-                </p>
-              </div>
-              <FaBox className="h-6 w-6 text-green-500" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Kullanım Oranı</p>
-                <p className="text-xl font-bold text-yellow-600">
-                  {warehouses?.length
-                    ? Math.round(
-                        (warehouses.reduce((acc, w) => acc + w.currentUtilization, 0) /
-                          (warehouses.reduce((acc, w) => acc + w.capacity, 0) || 1)) *
-                          100,
-                      )
-                    : 0}
-                  %
-                </p>
-              </div>
-              <FaArrowUp className="h-6 w-6 text-yellow-500" />
-            </div>
-          </div>
-
-          <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm font-medium text-gray-600">Aktif Depo</p>
-                <p className="text-xl font-bold text-purple-600">
-                  {warehouses?.filter((w) => w.isActive).length || 0}
-                </p>
-              </div>
-              <FaChartLine className="h-6 w-6 text-purple-500" />
-            </div>
-          </div>
-        </div>
-
-        {/* Warehouses Table */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="px-4 py-3 border-b border-gray-200">
-            <h2 className="text-xl font-bold text-gray-900">Depo Listesi</h2>
-          </div>
-
-          <div className="overflow-x-auto">
-            <table className="w-full">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Depo Bilgileri
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tür / Konum
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Kapasite
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Kullanım Oranı
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Performans
-                  </th>
-                  <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-
-              <tbody className="bg-white divide-y divide-gray-200">
-                {warehouses?.map((warehouse) => {
-                  const utilizationPercentage = Math.round(
-                    (warehouse.currentUtilization / warehouse.capacity) * 100,
-                  )
-
-                  return (
-                    <tr key={warehouse.id} className="hover:bg-gray-50 transition-colors">
-                      <td className="px-4 py-3">
-                        <div className="flex items-center">
-                          <div className="flex-shrink-0 h-8 w-8">
-                            <div className="h-8 w-8 rounded-lg bg-blue-100 flex items-center justify-center">
-                              <FaBuilding className="h-5 w-5 text-blue-600" />
-                            </div>
-                          </div>
-                          <div className="ml-4">
-                            <div className="text-xs font-medium text-gray-900">
-                              {warehouse.code}
-                            </div>
-                            <div className="text-sm text-gray-500 max-w-xs truncate">
-                              {warehouse.name}
-                            </div>
-                            {warehouse.isMainWarehouse && (
-                              <span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800 mt-1">
-                                Ana Depo
-                              </span>
-                            )}
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-4 py-3">
-                        <div className="space-y-1">
-                          <span
-                            className={classNames(
-                              'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',
-                              getWarehouseTypeColor(warehouse.warehouseType),
-                            )}
-                          >
-                            {getWarehouseTypeText(warehouse.warehouseType)}
-                          </span>
-                          <div className="flex items-center text-xs text-gray-500">
-                            <FaMapMarkerAlt size={14} className="mr-1" />
-                            {warehouse.address?.city}, {warehouse.address?.country}
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-4 py-3">
-                        <div className="text-sm font-medium text-gray-900">
-                          {warehouse.capacity.toLocaleString()} m³
-                        </div>
-                        <div className="text-sm text-gray-500">Toplam Kapasite</div>
-                      </td>
-
-                      <td className="px-4 py-3">
-                        <div className="space-y-1">
-                          <div className="flex items-center justify-between">
-                            <span className="text-xs text-gray-600">Kullanılan:</span>
-                            <span className="text-sm font-medium text-gray-900">
-                              {warehouse.currentUtilization.toLocaleString()} m³
-                            </span>
-                          </div>
-                          <div className="w-full bg-gray-200 rounded-full h-2">
-                            <div
-                              className={classNames(
-                                'h-2 rounded-full',
-                                utilizationPercentage >= 90
-                                  ? 'bg-red-500'
-                                  : utilizationPercentage >= 75
-                                    ? 'bg-yellow-500'
-                                    : 'bg-green-500',
-                              )}
-                              style={{
-                                width: `${Math.min(utilizationPercentage, 100)}%`,
-                              }}
-                            />
-                          </div>
-                          <div
-                            className={classNames(
-                              'text-sm font-medium',
-                              getUtilizationColor(utilizationPercentage),
-                            )}
-                          >
-                            %{utilizationPercentage}
-                          </div>
-                        </div>
-                      </td>
-
-                      <td className="px-4 py-3">
-                        <div className="space-y-1">
-                          <div className="flex items-center">
-                            <FaChartLine size={14} className="text-green-500 mr-1" />
-                            <span className="text-sm text-green-600">Verimli</span>
-                          </div>
-                          <div className="text-xs text-gray-500">Son 30 gün</div>
-                        </div>
-                      </td>
-
-                      <td className="px-4 py-3">
-                        <span
-                          className={classNames(
-                            'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',
-                            warehouse.isActive
-                              ? 'bg-green-100 text-green-800'
-                              : 'bg-red-100 text-red-800',
-                          )}
-                        >
-                          {warehouse.isActive ? 'Aktif' : 'Pasif'}
-                        </span>
-                      </td>
-
-                      <td className="px-4 py-3 text-right">
-                        <div className="flex items-center justify-end space-x-2">
-                          <Link
-                            to={ROUTES_ENUM.protected.warehouse.warehouseDetail.replace(
-                              ':id',
-                              warehouse.id,
-                            )}
-                            className="p-2 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
-                            title="Detayları Görüntüle"
-                          >
-                            <FaEye size={16} />
-                          </Link>
-
-                          <Link
-                            to={ROUTES_ENUM.protected.warehouse.warehouseEdit.replace(
-                              ':id',
-                              warehouse.id,
-                            )}
-                            className="p-2 text-gray-600 hover:text-yellow-600 hover:bg-yellow-50 rounded-lg transition-colors"
-                            title="Düzenle"
-                          >
-                            <FaEdit size={16} />
-                          </Link>
-                        </div>
-                      </td>
-                    </tr>
-                  )
-                })}
-              </tbody>
-            </table>
-          </div>
-
-          {(!warehouses || warehouses.length === 0) && (
-            <div className="text-center py-12">
-              <FaBuilding className="mx-auto h-12 w-12 text-gray-400" />
-              <h3 className="mt-2 text-sm font-medium text-gray-900">Depo bulunamadı</h3>
-              <p className="mt-1 text-sm text-gray-500">Yeni depo ekleyerek başlayın.</p>
-              <div className="mt-6">
-                <Link
-                  to={ROUTES_ENUM.protected.warehouse.warehouseNew}
-                  className="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-                >
-                  <FaPlus size={16} className="mr-2" />
-                  Yeni Depo Ekle
-                </Link>
-              </div>
-            </div>
-          )}
-        </div>
-      </div>
-    </Container>
-  )
-}
-
-export default WarehouseList
diff --git a/ui/src/views/warehouse/components/WarehouseReceipt.tsx b/ui/src/views/warehouse/components/WarehouseReceipt.tsx
deleted file mode 100644
index 2cdd2135..00000000
--- a/ui/src/views/warehouse/components/WarehouseReceipt.tsx
+++ /dev/null
@@ -1,1352 +0,0 @@
-import React, { useState } from 'react'
-import { MovementStatusEnum, MovementTypeEnum } from '../../../types/mm'
-import {
-  FaSearch,
-  FaPlus,
-  FaEdit,
-  FaTrash,
-  FaBox,
-  FaDownload,
-  FaUpload,
-  FaEye,
-  FaArrowCircleDown,
-  FaSave,
-  FaTimes,
-  FaInfoCircle,
-  FaWarehouse,
-  FaBarcode,
-  FaCalculator,
-} from 'react-icons/fa'
-import { mockWarehouses } from '../../../mocks/mockWarehouses'
-import { mockStockMovements } from '../../../mocks/mockStockMovements'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockEmployees } from '../../../mocks/mockEmployees'
-import Widget from '../../../components/common/Widget'
-import {
-  getMovementStatusColor,
-  getMovementStatusText,
-  getMovementStatusIcon,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const WarehouseReceipt: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<MovementStatusEnum | ''>('')
-  const [selectedMovement, setSelectedMovement] = useState<string>('')
-  const [showReceiptForm, setShowReceiptForm] = useState(false)
-  const [editingMovement, setEditingMovement] = useState<string | null>(null)
-
-  // Form state - Header data for the entire movement
-  const [headerData, setHeaderData] = useState({
-    movementNumber: '',
-    referenceDocument: '',
-    referenceType: 'Purchase Order',
-    reason: '',
-    movementDate: new Date().toISOString().split('T')[0],
-    performedBy: '',
-    approvedBy: '',
-    description: '',
-    status: MovementStatusEnum.Planned,
-  })
-
-  // Materials list for the movement
-  const [materialsList, setMaterialsList] = useState([
-    {
-      id: Date.now().toString(),
-      materialId: '',
-      warehouseId: '',
-      zoneId: '',
-      locationId: '',
-      quantity: '',
-      lotNumber: '',
-      unitPrice: '',
-    },
-  ])
-
-  const resetForm = () => {
-    setHeaderData({
-      movementNumber: '',
-      referenceDocument: '',
-      referenceType: 'Purchase Order',
-      reason: '',
-      movementDate: new Date().toISOString().split('T')[0],
-      performedBy: '',
-      approvedBy: '',
-      description: '',
-      status: MovementStatusEnum.Planned,
-    })
-    setMaterialsList([
-      {
-        id: Date.now().toString(),
-        materialId: '',
-        warehouseId: '',
-        zoneId: '',
-        locationId: '',
-        quantity: '',
-        lotNumber: '',
-        unitPrice: '',
-      },
-    ])
-    setEditingMovement(null)
-  }
-
-  const handleHeaderInputChange = (field: string, value: string) => {
-    setHeaderData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-  }
-
-  const handleMaterialInputChange = (materialId: string, field: string, value: string) => {
-    setMaterialsList((prev) =>
-      prev.map((material) =>
-        material.id === materialId ? { ...material, [field]: value } : material,
-      ),
-    )
-  }
-
-  const addMaterial = () => {
-    const newMaterial = {
-      id: Date.now().toString(),
-      materialId: '',
-      warehouseId: '',
-      zoneId: '',
-      locationId: '',
-      quantity: '',
-      lotNumber: '',
-      unitPrice: '',
-    }
-    setMaterialsList((prev) => [...prev, newMaterial])
-  }
-
-  const removeMaterial = (materialId: string) => {
-    setMaterialsList((prev) => prev.filter((material) => material.id !== materialId))
-  }
-
-  const handleSubmit = () => {
-    // In a real application, this would submit to an API
-    console.log('Submitting receipt form:', { headerData, materialsList })
-    setShowReceiptForm(false)
-    resetForm()
-    // Here you would typically update the mock data or call an API
-  }
-
-  const handleEdit = (movementId: string) => {
-    // Find all movements with the same movement number
-    const movement = mockStockMovements.find((m) => m.id === movementId)
-    if (movement) {
-      const movementsWithSameNumber = mockStockMovements.filter(
-        (m) => m.movementNumber === movement.movementNumber,
-      )
-
-      // Set header data from the first movement
-      setHeaderData({
-        movementNumber: movement.movementNumber,
-        referenceDocument: movement.referenceDocument || '',
-        referenceType: movement.referenceType || 'Purchase Order',
-        reason: movement.reason || '',
-        movementDate: movement.movementDate.toISOString().split('T')[0],
-        performedBy: movement.performedBy || '',
-        approvedBy: movement.approvedBy || '',
-        description: movement.description || '',
-        status: movement.status || MovementStatusEnum.Planned,
-      })
-
-      // Set materials list from all movements with the same number
-      const materialsData = movementsWithSameNumber.map((m, index) => ({
-        id: (Date.now() + index).toString(),
-        materialId: m.materialId,
-        warehouseId: m.toWarehouseId || '',
-        zoneId: m.toZoneId || '',
-        locationId: m.toLocationId || '',
-        quantity: m.quantity.toString(),
-        lotNumber: m.lotNumber || '',
-        unitPrice: (m.material?.costPrice || 0).toString(),
-      }))
-
-      setMaterialsList(materialsData)
-      setEditingMovement(movementId)
-      setShowReceiptForm(true)
-    }
-  }
-
-  const filteredMovements = mockStockMovements.filter((movement) => {
-    const material = movement.material
-
-    const matchesSearch =
-      movement.movementNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      material?.name?.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      material?.code?.toLowerCase().includes(searchTerm.toLowerCase())
-
-    const matchesStatus = statusFilter === '' || movement.status === statusFilter
-
-    const matchesType = movement.movementType === MovementTypeEnum.GoodsReceipt
-
-    return matchesSearch && matchesStatus && matchesType
-  })
-
-  const MovementDetailModal = () => {
-    const movement = mockStockMovements.find((m) => m.id === selectedMovement)
-
-    if (!selectedMovement || !movement) return null
-
-    // Aynı hareket numarasına sahip tüm malzemeleri bul
-    const relatedMovements = mockStockMovements.filter(
-      (m) => m.movementNumber === movement.movementNumber,
-    )
-
-    const StatusIcon = getMovementStatusIcon(movement.status!)
-
-    return (
-      <div className="fixed inset-0 z-50 overflow-y-auto">
-        <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-          <div
-            className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-            onClick={() => setSelectedMovement('')}
-          />
-
-          <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle w-full max-w-7xl mx-4 sm:mx-auto">
-            <div className="bg-white ">
-              {/* Modal Header */}
-              <div className="bg-gradient-to-r from-blue-600 to-blue-700 px-4 sm:px-6 py-3">
-                <div className="flex items-center justify-between">
-                  <div className="flex items-center space-x-2">
-                    <div className="p-2 bg-white bg-opacity-20 rounded-lg">
-                      <FaArrowCircleDown className="w-6 h-6 text-white" />
-                    </div>
-                    <div>
-                      <h3 className="text-lg sm:text-xl font-semibold text-white">
-                        {movement.movementNumber} - Giriş Detayları
-                      </h3>
-                      <p className="text-blue-100 text-sm">
-                        {relatedMovements.length} malzeme •{' '}
-                        {movement.movementDate.toLocaleDateString('tr-TR')}
-                      </p>
-                    </div>
-                  </div>
-                  <button
-                    onClick={() => setSelectedMovement('')}
-                    className="text-white hover:text-blue-100 transition-colors p-2 hover:bg-white hover:bg-opacity-20 rounded-lg"
-                  >
-                    <FaTimes className="w-6 h-6" />
-                  </button>
-                </div>
-              </div>
-
-              {/* Modal Content */}
-              <div className="px-4 sm:px-6 py-4 max-h-[70vh] overflow-y-auto">
-                {/* Movement Summary */}
-                <div className="bg-gradient-to-r from-gray-50 to-gray-100 rounded-xl p-3 sm:p-3 mb-4 border border-gray-200">
-                  <div className="flex items-center justify-between mb-3">
-                    <h4 className="text-base font-semibold text-gray-900 flex items-center">
-                      <FaInfoCircle className="w-5 h-5 text-gray-600 mr-2" />
-                      Hareket Özeti
-                    </h4>
-                    <div
-                      className={`inline-flex items-center px-3 py-1 rounded-full text-sm font-medium ${getMovementStatusColor(
-                        movement.status!,
-                      )}`}
-                    >
-                      <StatusIcon className="w-4 h-4 mr-1" />
-                      {getMovementStatusText(movement.status!)}
-                    </div>
-                  </div>
-
-                  <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 text-sm">
-                    <div className="bg-white rounded-lg p-3 border border-gray-200">
-                      <div className="text-gray-600 font-medium mb-1">Hareket No</div>
-                      <div className="text-gray-900 font-semibold">{movement.movementNumber}</div>
-                    </div>
-                    <div className="bg-white rounded-lg p-3 border border-gray-200">
-                      <div className="text-gray-600 font-medium mb-1">Tarih</div>
-                      <div className="text-gray-900 font-semibold">
-                        {movement.movementDate.toLocaleDateString('tr-TR')}
-                      </div>
-                    </div>
-                    <div className="bg-white rounded-lg p-3 border border-gray-200">
-                      <div className="text-gray-600 font-medium mb-1">Referans</div>
-                      <div className="text-gray-900 font-semibold">
-                        {movement.referenceDocument || '-'}
-                      </div>
-                    </div>
-                    <div className="bg-white rounded-lg p-3 border border-gray-200">
-                      <div className="text-gray-600 font-medium mb-1">İşlem Yapan</div>
-                      <div className="text-gray-900 font-semibold">
-                        {movement.performedBy || '-'}
-                      </div>
-                    </div>
-                  </div>
-
-                  {movement.description && (
-                    <div className="mt-4 bg-white rounded-lg p-3 border border-gray-200">
-                      <div className="text-gray-600 font-medium mb-1">Açıklama</div>
-                      <div className="text-gray-900">{movement.description}</div>
-                    </div>
-                  )}
-                </div>
-
-                {/* Materials List */}
-                <div className="space-y-4">
-                  <h4 className="text-base font-semibold text-gray-900 flex items-center">
-                    <FaBox className="w-4 h-4 text-gray-600 mr-2" />
-                    Giriş Yapılan Malzemeler ({relatedMovements.length})
-                  </h4>
-
-                  <div className="grid gap-4">
-                    {relatedMovements.map((mov, index) => {
-                      const warehouse = mockWarehouses.find((w) => w.id === mov.toWarehouseId)
-                      const zone = mockWarehouses
-                        .flatMap((w) => w.zones || [])
-                        .find((z) => z.id === mov.toZoneId)
-                      const location = mockWarehouses
-                        .flatMap((w) => w.locations || [])
-                        .find((l) => l.id === mov.toLocationId)
-
-                      return (
-                        <div
-                          key={mov.id}
-                          className="bg-white border border-gray-200 rounded-xl overflow-hidden hover:shadow-lg transition-shadow"
-                        >
-                          {/* Material Header */}
-                          <div className="bg-gray-50 px-4 py-2 border-b border-gray-200">
-                            <div className="flex items-center justify-between">
-                              <div className="flex items-center space-x-3">
-                                <div className="w-8 h-8 bg-blue-100 rounded-lg flex items-center justify-center">
-                                  <span className="text-blue-600 font-semibold text-sm">
-                                    {index + 1}
-                                  </span>
-                                </div>
-                                <div>
-                                  <h5 className="font-semibold text-gray-900">
-                                    {mov.material?.code} - {mov.material?.name}
-                                  </h5>
-                                  <p className="text-sm text-gray-600">
-                                    {mov.material?.materialType?.name}
-                                  </p>
-                                </div>
-                              </div>
-                              <div className="text-right">
-                                <div className="text-lg font-bold text-blue-600">
-                                  {mov.quantity} Adet
-                                </div>
-                                <div className="text-sm text-gray-600">
-                                  Birim Fiyat: ₺{mov.material?.costPrice?.toFixed(2)}
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-
-                          {/* Material Details */}
-                          <div className="p-3">
-                            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
-                              {/* Warehouse Info */}
-                              <div className="space-y-2">
-                                <h6 className="font-medium text-sm text-gray-700 flex items-center">
-                                  <FaWarehouse className="w-4 h-4 mr-2 text-gray-500" />
-                                  Depo Bilgileri
-                                </h6>
-                                <div className="bg-gray-50 rounded-lg p-3 space-y-1 text-sm">
-                                  <div>
-                                    <span className="font-medium">Depo:</span> {warehouse?.name}
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Bölge:</span> {zone?.name || '-'}
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Lokasyon:</span>{' '}
-                                    {location?.name || '-'}
-                                  </div>
-                                </div>
-                              </div>
-
-                              {/* Stock Info */}
-                              <div className="space-y-2">
-                                <h6 className="font-medium text-sm text-gray-700 flex items-center">
-                                  <FaBarcode className="w-4 h-4 mr-2 text-gray-500" />
-                                  Stok Bilgileri
-                                </h6>
-                                <div className="bg-gray-50 rounded-lg p-3 space-y-1 text-sm">
-                                  <div>
-                                    <span className="font-medium">Lot No:</span>{' '}
-                                    {mov.lotNumber || '-'}
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Miktar:</span> {mov.quantity} Adet
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Toplam Değer:</span> ₺
-                                    {((mov.material?.costPrice || 0) * mov.quantity).toFixed(2)}
-                                  </div>
-                                </div>
-                              </div>
-
-                              {/* Additional Info */}
-                              <div className="space-y-2">
-                                <h6 className="font-medium text-sm text-gray-700 flex items-center">
-                                  <FaInfoCircle className="w-4 h-4 mr-2 text-gray-500" />
-                                  Ek Bilgiler
-                                </h6>
-                                <div className="bg-gray-50 rounded-lg p-3 space-y-1 text-sm">
-                                  <div>
-                                    <span className="font-medium">Malzeme Grubu:</span>{' '}
-                                    {mov.material?.materialGroup?.name || '-'}
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Referans Tipi:</span>{' '}
-                                    {mov.referenceType || '-'}
-                                  </div>
-                                  <div>
-                                    <span className="font-medium">Sebep:</span> {mov.reason || '-'}
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      )
-                    })}
-                  </div>
-                </div>
-              </div>
-
-              {/* Modal Footer */}
-              <div className="bg-gray-50 px-4 sm:px-6 py-3 border-t border-gray-200">
-                <div className="flex flex-col sm:flex-row justify-between items-center space-y-3 sm:space-y-0">
-                  <div className="flex items-center space-x-4 text-sm text-gray-600">
-                    <div className="flex items-center">
-                      <FaBox className="w-4 h-4 mr-1" />
-                      <span>{relatedMovements.length} malzeme</span>
-                    </div>
-                    <div className="flex items-center">
-                      <FaCalculator className="w-4 h-4 mr-1" />
-                      <span>
-                        Toplam: ₺
-                        {relatedMovements
-                          .reduce(
-                            (sum, mov) => sum + (mov.material?.costPrice || 0) * mov.quantity,
-                            0,
-                          )
-                          .toFixed(2)}
-                      </span>
-                    </div>
-                  </div>
-                  <button
-                    onClick={() => setSelectedMovement('')}
-                    className="bg-gray-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-gray-700 transition-colors flex items-center space-x-2"
-                  >
-                    <span>Kapat</span>
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Stok Giriş</h2>
-            <p className="text-gray-600">Depoya malzeme giriş hareketlerini yönetin</p>
-          </div>
-          <div className="flex gap-2">
-            <button
-              onClick={() => setShowReceiptForm(true)}
-              className="bg-blue-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center gap-2"
-            >
-              <FaPlus className="w-4 h-4" />
-              Yeni Giriş
-            </button>
-            <button className="bg-green-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-green-700 flex items-center gap-2">
-              <FaUpload className="w-4 h-4" />
-              İçe Aktar
-            </button>
-            <button className="bg-gray-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-gray-700 flex items-center gap-2">
-              <FaDownload className="w-4 h-4" />
-              Dışa Aktar
-            </button>
-          </div>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-          <Widget
-            title="Bugün Giriş"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.movementDate.toDateString() === new Date().toDateString() &&
-                  m.status === MovementStatusEnum.Completed &&
-                  m.movementType === MovementTypeEnum.GoodsReceipt,
-              ).length
-            }
-            color="blue"
-            icon="FaArrowCircleDown"
-          />
-
-          <Widget
-            title="Bekleyen"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.status === MovementStatusEnum.Planned &&
-                  m.movementType === MovementTypeEnum.GoodsReceipt,
-              ).length
-            }
-            color="yellow"
-            icon="FaClock"
-          />
-
-          <Widget
-            title="İşlemde"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.status === MovementStatusEnum.InProgress &&
-                  m.movementType === MovementTypeEnum.GoodsReceipt,
-              ).length
-            }
-            color="blue"
-            icon="FaBox"
-          />
-
-          <Widget
-            title="Tamamlanan"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.status === MovementStatusEnum.Completed &&
-                  m.movementType === MovementTypeEnum.GoodsReceipt,
-              ).length
-            }
-            color="green"
-            icon="FaCheckCircle"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex flex-col sm:flex-row gap-4">
-          <div className="relative flex-1">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Giriş ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="pl-10 pr-4 py-1.5 text-sm w-full border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            />
-          </div>
-          <select
-            value={statusFilter}
-            onChange={(e) => setStatusFilter(e.target.value as MovementStatusEnum | '')}
-            className="px-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-          >
-            <option value="">Tüm Durumlar</option>
-            {Object.values(MovementStatusEnum).map((status) => (
-              <option key={status} value={status}>
-                {getMovementStatusText(status)}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        {/* Movements Table */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="overflow-x-auto">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Hareket No
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Malzeme
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Depo / Bölge / Lokasyon
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Miktar / Lot No
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Referans
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tarih
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {filteredMovements.map((movement) => {
-                  const StatusIcon = getMovementStatusIcon(movement.status!)
-
-                  return (
-                    <tr key={movement.id} className="hover:bg-gray-50">
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <div className="p-2 bg-blue-100 rounded-lg mr-3">
-                            <FaArrowCircleDown className="w-4 h-4 text-blue-600" />
-                          </div>
-                          <div>
-                            <div className="text-sm font-medium text-gray-900">
-                              {movement.movementNumber}
-                            </div>
-                            <div className="text-sm text-gray-500">{movement.performedBy}</div>
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div>
-                          <div className="text-sm font-medium text-gray-900">
-                            {movement.material?.name}
-                          </div>
-                          <div className="text-sm text-gray-500">{movement.material?.code}</div>
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div>
-                          <div className="text-sm font-medium text-gray-900">
-                            {movement.toWarehouse?.name || movement.toWarehouse?.code}
-                          </div>
-                          <div className="text-sm text-gray-500">
-                            {movement.toZone?.name && `${movement.toZone.name}`}
-                            {movement.toLocation?.name && ` / ${movement.toLocation.name}`}
-                          </div>
-                          {movement.toLocation?.locationCode && (
-                            <div className="text-xs text-gray-400">
-                              Kod: {movement.toLocation.locationCode}
-                            </div>
-                          )}
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="text-sm text-gray-900">
-                          {movement.quantity} {movement.unit?.code}
-                        </div>
-                        {movement.lotNumber && (
-                          <div className="text-sm text-gray-500">Lot: {movement.lotNumber}</div>
-                        )}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="text-sm text-gray-900">{movement.referenceDocument}</div>
-                        <div className="text-sm text-gray-500">{movement.referenceType}</div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {movement.movementDate.toLocaleDateString('tr-TR')}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <span
-                          className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getMovementStatusColor(
-                            movement.status!,
-                          )}`}
-                        >
-                          <StatusIcon className="w-3 h-3 mr-1" />
-                          {getMovementStatusText(movement.status!)}
-                        </span>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-right text-sm font-medium">
-                        <div className="flex items-center justify-end gap-2">
-                          <button
-                            onClick={() => setSelectedMovement(movement.id)}
-                            className="text-blue-600 hover:text-blue-900"
-                          >
-                            <FaEye className="w-4 h-4" />
-                          </button>
-                          <button
-                            onClick={() => handleEdit(movement.id)}
-                            className="text-blue-600 hover:text-blue-900"
-                          >
-                            <FaEdit className="w-4 h-4" />
-                          </button>
-                          <button className="text-red-600 hover:text-red-900">
-                            <FaTrash className="w-4 h-4" />
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  )
-                })}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-
-      {/* Movement Detail Modal */}
-      <MovementDetailModal />
-
-      {/* Receipt Form Modal */}
-      {showReceiptForm && (
-        <div className="fixed inset-0 z-50 overflow-y-auto">
-          <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-            <div
-              className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-              onClick={() => {
-                setShowReceiptForm(false)
-                resetForm()
-              }}
-            />
-
-            <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle w-full max-w-7xl mx-4 sm:mx-auto">
-              <div className="bg-white px-4 sm:px-6 pt-5 pb-4 sm:p-6">
-                <div className="flex items-center justify-between mb-3">
-                  <h3 className="text-base font-medium text-gray-900">
-                    {editingMovement ? 'Stok Giriş Düzenle' : 'Yeni Stok Giriş'}
-                  </h3>
-                  <button
-                    onClick={() => {
-                      setShowReceiptForm(false)
-                      resetForm()
-                    }}
-                    className="text-gray-400 hover:text-gray-600"
-                  >
-                    <FaTimes className="w-6 h-6" />
-                  </button>
-                </div>
-
-                {/* Header Section - Compact and Responsive */}
-                <div className="bg-gray-50 rounded-lg p-3 mb-3">
-                  <h4 className="text-sm font-medium text-gray-900 mb-2">Genel Bilgiler</h4>
-                  <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-3 text-sm">
-                    {/* Movement Number */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Hareket No
-                      </label>
-                      <input
-                        type="text"
-                        value={headerData.movementNumber}
-                        onChange={(e) => handleHeaderInputChange('movementNumber', e.target.value)}
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                        placeholder="Otomatik"
-                        disabled={!!editingMovement}
-                      />
-                    </div>
-
-                    {/* Movement Date */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Tarih *
-                      </label>
-                      <input
-                        type="date"
-                        value={headerData.movementDate}
-                        onChange={(e) => handleHeaderInputChange('movementDate', e.target.value)}
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                        required
-                      />
-                    </div>
-
-                    {/* Reference Document */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Referans Belge
-                      </label>
-                      <input
-                        type="text"
-                        value={headerData.referenceDocument}
-                        onChange={(e) =>
-                          handleHeaderInputChange('referenceDocument', e.target.value)
-                        }
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                        placeholder="Belge no"
-                      />
-                    </div>
-
-                    {/* Reference Type */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Referans Tipi
-                      </label>
-                      <select
-                        value={headerData.referenceType}
-                        onChange={(e) => handleHeaderInputChange('referenceType', e.target.value)}
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                      >
-                        <option value="Purchase Order">Satın Alma Siparişi</option>
-                        <option value="Production Order">Üretim Emri</option>
-                        <option value="Transfer Order">Transfer Emri</option>
-                        <option value="Return">İade</option>
-                        <option value="Adjustment">Düzeltme</option>
-                        <option value="Other">Diğer</option>
-                      </select>
-                    </div>
-
-                    {/* Performed By */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        İşlem Yapan *
-                      </label>
-                      <select
-                        value={headerData.performedBy}
-                        onChange={(e) => handleHeaderInputChange('performedBy', e.target.value)}
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                        required
-                      >
-                        <option value="">Çalışan Seçiniz</option>
-                        {mockEmployees.map((employee) => (
-                          <option key={employee.id} value={employee.name}>
-                            {employee.name} - {employee.code}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    {/* Status */}
-                    <div className="sm:col-span-1">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">Durum</label>
-                      <select
-                        value={headerData.status}
-                        onChange={(e) =>
-                          handleHeaderInputChange('status', e.target.value as MovementStatusEnum)
-                        }
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                      >
-                        {Object.values(MovementStatusEnum).map((status) => (
-                          <option key={status} value={status}>
-                            {getMovementStatusText(status)}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    {/* Description - Full width */}
-                    <div className="col-span-1 sm:col-span-2 lg:col-span-3 xl:col-span-6">
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Açıklama
-                      </label>
-                      <textarea
-                        value={headerData.description}
-                        onChange={(e) => handleHeaderInputChange('description', e.target.value)}
-                        className="w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                        placeholder="Hareket açıklaması"
-                        rows={2}
-                      />
-                    </div>
-                  </div>
-                </div>
-
-                {/* Materials Section - Responsive */}
-                <div className="mb-2">
-                  <div className="flex items-center justify-between mb-2">
-                    <h4 className="text-sm font-medium text-gray-900">
-                      Giriş Malzemeleri
-                      {materialsList.length > 0 && (
-                        <span className="ml-2 text-xs text-blue-600">
-                          ({materialsList.length} malzeme)
-                        </span>
-                      )}
-                    </h4>
-                  </div>
-
-                  {/* Desktop Table View */}
-                  <div className="hidden lg:block border border-gray-200 rounded-lg overflow-hidden">
-                    <div className="bg-gray-50 px-2 py-2 border-b border-gray-200">
-                      <div className="grid grid-cols-12 gap-2 text-xs font-medium text-gray-500 uppercase tracking-wider">
-                        <div className="col-span-2">Malzeme</div>
-                        <div className="col-span-2">Depo</div>
-                        <div className="col-span-2">Zone</div>
-                        <div className="col-span-2">Lokasyon</div>
-                        <div className="col-span-1">Miktar</div>
-                        <div className="col-span-1">B.Fiyat</div>
-                        <div className="col-span-1">Lot No</div>
-                        <div className="col-span-1">İşlem</div>
-                      </div>
-                    </div>
-
-                    <div className="max-h-64 overflow-y-auto">
-                      {materialsList.map((material) => {
-                        const selectedMaterial = mockMaterials.find(
-                          (m) => m.id === material.materialId,
-                        )
-                        const selectedWarehouse = mockWarehouses.find(
-                          (w) => w.id === material.warehouseId,
-                        )
-                        const availableZones = selectedWarehouse?.zones || []
-                        const availableLocations =
-                          selectedWarehouse?.locations?.filter(
-                            (location) => !material.zoneId || location.zoneId === material.zoneId,
-                          ) || []
-
-                        return (
-                          <div
-                            key={material.id}
-                            className="px-2 py-2 border-b border-gray-100 last:border-b-0"
-                          >
-                            <div className="grid grid-cols-12 gap-2 items-center">
-                              {/* Material Selection */}
-                              <div className="col-span-2">
-                                <select
-                                  value={material.materialId}
-                                  onChange={(e) =>
-                                    handleMaterialInputChange(
-                                      material.id,
-                                      'materialId',
-                                      e.target.value,
-                                    )
-                                  }
-                                  className="w-full px-2 py-1.5 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                  required
-                                >
-                                  <option value="">Malzeme Seçiniz</option>
-                                  {mockMaterials.map((mat) => (
-                                    <option key={mat.id} value={mat.id}>
-                                      {mat.code} - {mat.name}
-                                    </option>
-                                  ))}
-                                </select>
-                              </div>
-
-                              {/* Warehouse Selection */}
-                              <div className="col-span-2">
-                                <select
-                                  value={material.warehouseId}
-                                  onChange={(e) => {
-                                    handleMaterialInputChange(
-                                      material.id,
-                                      'warehouseId',
-                                      e.target.value,
-                                    )
-                                    handleMaterialInputChange(material.id, 'zoneId', '')
-                                    handleMaterialInputChange(material.id, 'locationId', '')
-                                  }}
-                                  className="w-full px-2 py-1.5 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                  required
-                                >
-                                  <option value="">Depo Seçiniz</option>
-                                  {mockWarehouses.map((warehouse) => (
-                                    <option key={warehouse.id} value={warehouse.id}>
-                                      {warehouse.code}
-                                    </option>
-                                  ))}
-                                </select>
-                              </div>
-
-                              {/* Zone Selection */}
-                              <div className="col-span-2">
-                                <select
-                                  value={material.zoneId}
-                                  onChange={(e) => {
-                                    handleMaterialInputChange(material.id, 'zoneId', e.target.value)
-                                    handleMaterialInputChange(material.id, 'locationId', '')
-                                  }}
-                                  className="w-full px-2 py-1.5 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                  disabled={!material.warehouseId}
-                                >
-                                  <option value="">Zone Seç</option>
-                                  {availableZones.map((zone) => (
-                                    <option key={zone.id} value={zone.id}>
-                                      {zone.zoneCode} - {zone.name}
-                                    </option>
-                                  ))}
-                                </select>
-                              </div>
-
-                              {/* Location Selection */}
-                              <div className="col-span-2">
-                                <select
-                                  value={material.locationId}
-                                  onChange={(e) =>
-                                    handleMaterialInputChange(
-                                      material.id,
-                                      'locationId',
-                                      e.target.value,
-                                    )
-                                  }
-                                  className="w-full px-2 py-1.5 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                  required
-                                  disabled={!material.warehouseId}
-                                >
-                                  <option value="">Lokasyon Seç</option>
-                                  {availableLocations.map((location) => (
-                                    <option key={location.id} value={location.id}>
-                                      {location.locationCode} - {location.name}
-                                    </option>
-                                  ))}
-                                </select>
-                              </div>
-
-                              {/* Quantity */}
-                              <div className="col-span-1">
-                                <input
-                                  type="number"
-                                  value={material.quantity}
-                                  onChange={(e) =>
-                                    handleMaterialInputChange(
-                                      material.id,
-                                      'quantity',
-                                      e.target.value,
-                                    )
-                                  }
-                                  className="w-full px-2 py-1.5 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                  placeholder="Miktar"
-                                  min="0"
-                                  step="0.01"
-                                  required
-                                />
-                              </div>
-
-                              {/* Unit Price */}
-                              <div className="col-span-1">
-                                <input
-                                  type="number"
-                                  value={material.unitPrice}
-                                  onChange={(e) =>
-                                    handleMaterialInputChange(
-                                      material.id,
-                                      'unitPrice',
-                                      e.target.value,
-                                    )
-                                  }
-                                  className="w-full px-2 py-1.5 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                  placeholder="Fiyat"
-                                  min="0"
-                                  step="0.01"
-                                />
-                              </div>
-
-                              {/* Lot Number */}
-                              <div className="col-span-1">
-                                <input
-                                  type="text"
-                                  value={material.lotNumber}
-                                  onChange={(e) =>
-                                    handleMaterialInputChange(
-                                      material.id,
-                                      'lotNumber',
-                                      e.target.value,
-                                    )
-                                  }
-                                  className="w-full px-2 py-1.5 text-xs border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                  placeholder="Lot"
-                                />
-                              </div>
-
-                              {/* Actions */}
-                              <div className="col-span-1 flex justify-center">
-                                <button
-                                  onClick={() => removeMaterial(material.id)}
-                                  className="text-red-600 hover:text-red-800 p-1"
-                                  title="Malzemeyi Sil"
-                                >
-                                  <FaTrash className="w-3 h-3" />
-                                </button>
-                              </div>
-                            </div>
-
-                            {/* Additional info row for desktop */}
-                            {selectedMaterial && (
-                              <div className="mt-1 text-xs text-gray-500 grid grid-cols-12 gap-2">
-                                <div className="col-span-2">
-                                  Birim: {selectedMaterial.baseUnit?.code} | Stok:{' '}
-                                  {selectedMaterial.totalStock}
-                                </div>
-                                <div className="col-span-2">{selectedWarehouse?.name}</div>
-                                <div className="col-span-2">
-                                  {availableZones.find((z) => z.id === material.zoneId)?.name}
-                                </div>
-                                <div className="col-span-2">
-                                  {
-                                    availableLocations.find((l) => l.id === material.locationId)
-                                      ?.name
-                                  }
-                                </div>
-                                <div className="col-span-1">{selectedMaterial.baseUnit?.code}</div>
-                                <div className="col-span-1">₺{selectedMaterial.costPrice}</div>
-                                <div className="col-span-2">
-                                  {material.quantity &&
-                                    material.unitPrice &&
-                                    `Toplam: ₺${(
-                                      parseFloat(material.quantity) * parseFloat(material.unitPrice)
-                                    ).toFixed(2)}`}
-                                </div>
-                              </div>
-                            )}
-                          </div>
-                        )
-                      })}
-                    </div>
-                  </div>
-
-                  {/* Mobile/Tablet Card View */}
-                  <div className="lg:hidden space-y-3 max-h-80 overflow-y-auto">
-                    {materialsList.map((material) => {
-                      const selectedMaterial = mockMaterials.find(
-                        (m) => m.id === material.materialId,
-                      )
-                      const selectedWarehouse = mockWarehouses.find(
-                        (w) => w.id === material.warehouseId,
-                      )
-                      const availableZones = selectedWarehouse?.zones || []
-                      const availableLocations =
-                        selectedWarehouse?.locations?.filter(
-                          (location) => !material.zoneId || location.zoneId === material.zoneId,
-                        ) || []
-
-                      return (
-                        <div
-                          key={material.id}
-                          className="border border-gray-200 rounded-lg p-3 bg-white"
-                        >
-                          <div className="flex items-center justify-between mb-3">
-                            <span className="text-sm font-medium text-gray-900">
-                              Malzeme #{materialsList.indexOf(material) + 1}
-                            </span>
-                            <button
-                              onClick={() => removeMaterial(material.id)}
-                              className="text-red-600 hover:text-red-800 p-1"
-                              title="Malzemeyi Sil"
-                            >
-                              <FaTrash className="w-4 h-4" />
-                            </button>
-                          </div>
-
-                          <div className="grid grid-cols-1 sm:grid-cols-2 gap-2">
-                            {/* Material Selection */}
-                            <div className="sm:col-span-2">
-                              <label className="block text-xs font-medium text-gray-700 mb-1">
-                                Malzeme *
-                              </label>
-                              <select
-                                value={material.materialId}
-                                onChange={(e) =>
-                                  handleMaterialInputChange(
-                                    material.id,
-                                    'materialId',
-                                    e.target.value,
-                                  )
-                                }
-                                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                required
-                              >
-                                <option value="">Malzeme Seçiniz</option>
-                                {mockMaterials.map((mat) => (
-                                  <option key={mat.id} value={mat.id}>
-                                    {mat.code} - {mat.name}
-                                  </option>
-                                ))}
-                              </select>
-                              {selectedMaterial && (
-                                <div className="mt-1 text-xs text-gray-500">
-                                  Birim: {selectedMaterial.baseUnit?.code} | Stok:{' '}
-                                  {selectedMaterial.totalStock}
-                                </div>
-                              )}
-                            </div>
-
-                            {/* Warehouse Selection */}
-                            <div>
-                              <label className="block text-xs font-medium text-gray-700 mb-1">
-                                Depo *
-                              </label>
-                              <select
-                                value={material.warehouseId}
-                                onChange={(e) => {
-                                  handleMaterialInputChange(
-                                    material.id,
-                                    'warehouseId',
-                                    e.target.value,
-                                  )
-                                  handleMaterialInputChange(material.id, 'zoneId', '')
-                                  handleMaterialInputChange(material.id, 'locationId', '')
-                                }}
-                                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                required
-                              >
-                                <option value="">Depo Seçiniz</option>
-                                {mockWarehouses.map((warehouse) => (
-                                  <option key={warehouse.id} value={warehouse.id}>
-                                    {warehouse.code} - {warehouse.name}
-                                  </option>
-                                ))}
-                              </select>
-                            </div>
-
-                            {/* Zone Selection */}
-                            <div>
-                              <label className="block text-xs font-medium text-gray-700 mb-1">
-                                Zone
-                              </label>
-                              <select
-                                value={material.zoneId}
-                                onChange={(e) => {
-                                  handleMaterialInputChange(material.id, 'zoneId', e.target.value)
-                                  handleMaterialInputChange(material.id, 'locationId', '')
-                                }}
-                                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                disabled={!material.warehouseId}
-                              >
-                                <option value="">Zone Seç</option>
-                                {availableZones.map((zone) => (
-                                  <option key={zone.id} value={zone.id}>
-                                    {zone.zoneCode} - {zone.name}
-                                  </option>
-                                ))}
-                              </select>
-                            </div>
-
-                            {/* Location Selection */}
-                            <div>
-                              <label className="block text-xs font-medium text-gray-700 mb-1">
-                                Lokasyon *
-                              </label>
-                              <select
-                                value={material.locationId}
-                                onChange={(e) =>
-                                  handleMaterialInputChange(
-                                    material.id,
-                                    'locationId',
-                                    e.target.value,
-                                  )
-                                }
-                                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                required
-                                disabled={!material.warehouseId}
-                              >
-                                <option value="">Lokasyon Seç</option>
-                                {availableLocations.map((location) => (
-                                  <option key={location.id} value={location.id}>
-                                    {location.locationCode} - {location.name}
-                                  </option>
-                                ))}
-                              </select>
-                            </div>
-
-                            {/* Quantity */}
-                            <div>
-                              <label className="block text-xs font-medium text-gray-700 mb-1">
-                                Miktar *
-                              </label>
-                              <input
-                                type="number"
-                                value={material.quantity}
-                                onChange={(e) =>
-                                  handleMaterialInputChange(material.id, 'quantity', e.target.value)
-                                }
-                                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                placeholder="Miktar"
-                                min="0"
-                                step="0.01"
-                                required
-                              />
-                              {selectedMaterial && (
-                                <div className="mt-1 text-xs text-gray-500">
-                                  Birim: {selectedMaterial.baseUnit?.code}
-                                </div>
-                              )}
-                            </div>
-
-                            {/* Unit Price */}
-                            <div>
-                              <label className="block text-xs font-medium text-gray-700 mb-1">
-                                Birim Fiyat
-                              </label>
-                              <input
-                                type="number"
-                                value={material.unitPrice}
-                                onChange={(e) =>
-                                  handleMaterialInputChange(
-                                    material.id,
-                                    'unitPrice',
-                                    e.target.value,
-                                  )
-                                }
-                                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                placeholder={`₺${selectedMaterial?.costPrice || 0}`}
-                                min="0"
-                                step="0.01"
-                              />
-                            </div>
-
-                            {/* Lot Number */}
-                            <div className="sm:col-span-2">
-                              <label className="block text-xs font-medium text-gray-700 mb-1">
-                                Lot Numarası
-                              </label>
-                              <input
-                                type="text"
-                                value={material.lotNumber}
-                                onChange={(e) =>
-                                  handleMaterialInputChange(
-                                    material.id,
-                                    'lotNumber',
-                                    e.target.value,
-                                  )
-                                }
-                                className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-blue-500 focus:border-transparent"
-                                placeholder="Lot numarası"
-                              />
-                            </div>
-                          </div>
-
-                          {/* Total calculation */}
-                          {selectedMaterial && material.quantity && (
-                            <div className="mt-3 pt-3 border-t border-gray-200">
-                              <div className="text-sm font-medium text-gray-900">
-                                Toplam Tutar: ₺
-                                {(
-                                  parseFloat(material.quantity || '0') *
-                                  parseFloat(
-                                    material.unitPrice ||
-                                      selectedMaterial.costPrice?.toString() ||
-                                      '0',
-                                  )
-                                ).toFixed(2)}
-                              </div>
-                            </div>
-                          )}
-                        </div>
-                      )
-                    })}
-                  </div>
-                </div>
-
-                {/* Form Actions */}
-                <div className="flex justify-between items-center gap-2 pt-4 border-t border-gray-200">
-                  <button
-                    onClick={addMaterial}
-                    className="bg-blue-600 text-white px-3 py-1.5 rounded-lg text-sm hover:bg-blue-700 flex items-center gap-1"
-                  >
-                    <FaPlus className="w-3 h-3" />
-                    Malzeme Ekle
-                  </button>
-
-                  <div className="flex gap-2">
-                    <button
-                      onClick={() => {
-                        setShowReceiptForm(false)
-                        resetForm()
-                      }}
-                      className="px-4 py-1.5 text-sm text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors"
-                    >
-                      İptal
-                    </button>
-                    <button
-                      onClick={handleSubmit}
-                      className="px-4 py-1.5 text-sm bg-blue-600 text-white hover:bg-blue-700 rounded-lg transition-colors flex items-center gap-2"
-                    >
-                      <FaSave className="w-4 h-4" />
-                      {editingMovement ? 'Güncelle' : 'Kaydet'}
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-    </Container>
-  )
-}
-
-export default WarehouseReceipt
diff --git a/ui/src/views/warehouse/components/WarehouseTransfer.tsx b/ui/src/views/warehouse/components/WarehouseTransfer.tsx
deleted file mode 100644
index f081b58a..00000000
--- a/ui/src/views/warehouse/components/WarehouseTransfer.tsx
+++ /dev/null
@@ -1,1689 +0,0 @@
-import React, { useState } from 'react'
-import { MovementStatusEnum, MovementTypeEnum } from '../../../types/mm'
-import { MmMaterial } from '../../../types/mm'
-import {
-  FaSearch,
-  FaPlus,
-  FaEdit,
-  FaTrash,
-  FaDownload,
-  FaUpload,
-  FaEye,
-  FaExchangeAlt,
-  FaArrowRight,
-  FaSave,
-  FaTimes,
-} from 'react-icons/fa'
-import { mockStockMovements } from '../../../mocks/mockStockMovements'
-import { mockWarehouses } from '../../../mocks/mockWarehouses'
-import { mockMaterials } from '../../../mocks/mockMaterials'
-import { mockStockItems } from '../../../mocks/mockStockItems'
-import { mockZones } from '../../../mocks/mockZones'
-import { mockLocations } from '../../../mocks/mockLocations'
-import Widget from '../../../components/common/Widget'
-import {
-  getMovementStatusIcon,
-  getMovementStatusColor,
-  getMovementStatusText,
-} from '../../../utils/erp'
-import { Container } from '@/components/shared'
-
-const WarehouseTransfer: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [statusFilter, setStatusFilter] = useState<MovementStatusEnum | ''>('')
-  const [selectedMovement, setSelectedMovement] = useState<string>('')
-  const [showNewTransferForm, setShowNewTransferForm] = useState(false)
-  const [showEditTransferForm, setShowEditTransferForm] = useState(false)
-
-  // New Transfer Form - Step management
-  const [transferStep, setTransferStep] = useState(1)
-  const [selectedMaterials, setSelectedMaterials] = useState<
-    Array<{
-      id: string
-      material: MmMaterial
-      quantity: number
-      availableQuantity: number
-      lotNumber?: string
-      serialNumber?: string
-    }>
-  >([])
-
-  // Form state
-  const [formData, setFormData] = useState({
-    materialId: '',
-    fromWarehouseId: '',
-    fromZoneId: '',
-    fromLocationId: '',
-    toWarehouseId: '',
-    toZoneId: '',
-    toLocationId: '',
-    quantity: '',
-    referenceDocument: '',
-    referenceType: 'Transfer Order',
-    reason: '',
-    lotNumber: '',
-    movementDate: new Date().toISOString().split('T')[0],
-  })
-
-  const resetForm = () => {
-    setFormData({
-      materialId: '',
-      fromWarehouseId: '',
-      fromZoneId: '',
-      fromLocationId: '',
-      toWarehouseId: '',
-      toZoneId: '',
-      toLocationId: '',
-      quantity: '',
-      referenceDocument: '',
-      referenceType: 'Transfer Order',
-      reason: '',
-      lotNumber: '',
-      movementDate: new Date().toISOString().split('T')[0],
-    })
-    setTransferStep(1)
-    setSelectedMaterials([])
-  }
-
-  const handleInputChange = (field: string, value: string) => {
-    setFormData((prev) => ({
-      ...prev,
-      [field]: value,
-    }))
-  }
-
-  const handleSubmit = () => {
-    // In a real application, this would submit to an API
-    console.log('Submitting transfer form:', formData)
-    setShowNewTransferForm(false)
-    resetForm()
-    // Here you would typically update the mock data or call an API
-  }
-
-  // Get available stock items based on warehouse, zone, and location filters
-  const getAvailableStockItems = () => {
-    return mockStockItems.filter((item) => {
-      const warehouseMatch =
-        !formData.fromWarehouseId || item.warehouseId === formData.fromWarehouseId
-      const zoneMatch = !formData.fromZoneId || item.zoneId === formData.fromZoneId
-      const locationMatch = !formData.fromLocationId || item.locationId === formData.fromLocationId
-
-      return warehouseMatch && zoneMatch && locationMatch && item.availableQuantity > 0
-    })
-  }
-
-  // Get zones for selected warehouse
-  const getAvailableZones = (warehouseId: string) => {
-    return mockZones.filter((zone) => zone.warehouseId === warehouseId)
-  }
-
-  // Get locations for selected warehouse and zone
-  const getAvailableLocations = (warehouseId: string, zoneId?: string) => {
-    return mockLocations.filter((location) => {
-      const warehouseMatch = location.warehouseId === warehouseId
-      const zoneMatch = !zoneId || location.zoneId === zoneId
-      return warehouseMatch && zoneMatch
-    })
-  }
-
-  // Add material to selected materials list
-  const addMaterialToTransfer = (
-    stockItem: {
-      id: string
-      materialId: string
-      availableQuantity: number
-      lotNumber?: string
-      serialNumber?: string
-    },
-    quantity: number,
-  ) => {
-    const material = mockMaterials.find((m) => m.id === stockItem.materialId)
-    if (!material) return
-
-    const existingIndex = selectedMaterials.findIndex((item) => item.id === stockItem.id)
-
-    if (existingIndex >= 0) {
-      // Update existing item
-      const updatedMaterials = [...selectedMaterials]
-      updatedMaterials[existingIndex].quantity = quantity
-      setSelectedMaterials(updatedMaterials)
-    } else {
-      // Add new item
-      const newItem = {
-        id: stockItem.id,
-        material,
-        quantity,
-        availableQuantity: stockItem.availableQuantity,
-        lotNumber: stockItem.lotNumber,
-        serialNumber: stockItem.serialNumber,
-      }
-      setSelectedMaterials([...selectedMaterials, newItem])
-    }
-  }
-
-  // Remove material from selected materials list
-  const removeMaterialFromTransfer = (stockItemId: string) => {
-    setSelectedMaterials(selectedMaterials.filter((item) => item.id !== stockItemId))
-  }
-
-  // Handle step navigation
-  const goToStep2 = () => {
-    if (selectedMaterials.length === 0) {
-      alert('Lütfen en az bir malzeme seçin ve miktarını belirtin.')
-      return
-    }
-    setTransferStep(2)
-  }
-
-  // Handle final transfer submission
-  const handleFinalSubmit = () => {
-    if (!formData.toWarehouseId || !formData.toZoneId || !formData.toLocationId) {
-      alert('Lütfen hedef depo, bölge ve lokasyon bilgilerini doldurun.')
-      return
-    }
-
-    // In a real application, this would submit to an API
-    console.log('Submitting multi-material transfer:', {
-      materials: selectedMaterials,
-      destination: {
-        warehouseId: formData.toWarehouseId,
-        zoneId: formData.toZoneId,
-        locationId: formData.toLocationId,
-      },
-      transferInfo: {
-        referenceDocument: formData.referenceDocument,
-        referenceType: formData.referenceType,
-        reason: formData.reason,
-        movementDate: formData.movementDate,
-      },
-    })
-
-    setShowNewTransferForm(false)
-    resetForm()
-  }
-
-  const handleEdit = (movementId: string) => {
-    const movement = mockStockMovements.find((m) => m.id === movementId)
-    if (movement) {
-      setFormData({
-        materialId: movement.materialId,
-        fromWarehouseId: movement.fromWarehouseId || '',
-        fromZoneId: movement.fromZoneId || '',
-        fromLocationId: movement.fromLocationId || '',
-        toWarehouseId: movement.toWarehouseId || '',
-        toZoneId: movement.toZoneId || '',
-        toLocationId: movement.toLocationId || '',
-        quantity: movement.quantity.toString(),
-        referenceDocument: movement.referenceDocument || '',
-        referenceType: movement.referenceType || 'Transfer Order',
-        reason: movement.reason || '',
-        lotNumber: movement.lotNumber || '',
-        movementDate: movement.movementDate.toISOString().split('T')[0],
-      })
-      setShowEditTransferForm(true)
-    }
-  }
-
-  const fromWarehouse = mockWarehouses.find((w) => w.id === formData.fromWarehouseId)
-  const toWarehouse = mockWarehouses.find((w) => w.id === formData.toWarehouseId)
-
-  const filteredMovements = mockStockMovements.filter((movement) => {
-    const material = movement.material
-    const matchesSearch =
-      movement.movementNumber.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      material?.name?.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      material?.code?.toLowerCase().includes(searchTerm.toLowerCase())
-    const matchesStatus = statusFilter === '' || movement.status === statusFilter
-
-    const matchesType = movement.movementType === MovementTypeEnum.Transfer
-    return matchesSearch && matchesStatus && matchesType
-  })
-
-  const MovementDetailModal = () => {
-    const movement = mockStockMovements.find((m) => m.id === selectedMovement)
-
-    if (!selectedMovement || !movement) return null
-
-    const StatusIcon = getMovementStatusIcon(movement.status!)
-
-    return (
-      <div className="fixed inset-0 z-50 overflow-y-auto">
-        <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-          <div
-            className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-            onClick={() => setSelectedMovement('')}
-          />
-
-          <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-4xl sm:w-full">
-            <div className="bg-white px-4 pt-4 pb-4 sm:p-4">
-              <div className="flex items-center justify-between mb-3">
-                <h3 className="text-base font-medium text-gray-900">
-                  {movement.movementNumber} - Transfer Detayları
-                </h3>
-                <button
-                  onClick={() => setSelectedMovement('')}
-                  className="text-gray-400 hover:text-gray-600"
-                >
-                  <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M6 18L18 6M6 6l12 12"
-                    />
-                  </svg>
-                </button>
-              </div>
-
-              <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-                {/* Movement Info */}
-                <div className="bg-gray-50 rounded-lg p-3">
-                  <h4 className="font-medium text-gray-900 mb-3">Hareket Bilgileri</h4>
-                  <div className="space-y-2 text-sm">
-                    <div>
-                      <strong>Hareket No:</strong> {movement.movementNumber}
-                    </div>
-                    <div>
-                      <strong>Referans:</strong> {movement.referenceDocument}
-                    </div>
-                    <div>
-                      <strong>Referans Tipi:</strong> {movement.referenceType}
-                    </div>
-                    <div>
-                      <strong>Tarih:</strong> {movement.movementDate.toLocaleDateString('tr-TR')}
-                    </div>
-                    <div>
-                      <strong>Açıklama:</strong> {movement.reason}
-                    </div>
-                    <div>
-                      <strong>İşlem Yapan:</strong> {movement.performedBy}
-                    </div>
-                    {movement.approvedBy && (
-                      <div>
-                        <strong>Onaylayan:</strong> {movement.approvedBy}
-                      </div>
-                    )}
-                    <div className="flex items-center gap-2">
-                      <strong>Durum:</strong>
-                      <span
-                        className={`inline-flex items-center px-2 py-1 text-xs font-medium rounded-full ${getMovementStatusColor(
-                          movement.status!,
-                        )}`}
-                      >
-                        <StatusIcon className="w-3 h-3 mr-1" />
-                        {getMovementStatusText(movement.status!)}
-                      </span>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Material Info */}
-                <div className="bg-gray-50 rounded-lg p-3">
-                  <h4 className="font-medium text-gray-900 mb-3">Malzeme Bilgileri</h4>
-                  <div className="space-y-2 text-sm">
-                    <div>
-                      <strong>Malzeme Kodu:</strong> {movement.material.code}
-                    </div>
-                    <div>
-                      <strong>Malzeme Adı:</strong> {movement.material.name}
-                    </div>
-                    <div>
-                      <strong>Miktar:</strong> {movement.quantity} {movement.unitId}
-                    </div>
-                    <div>
-                      <strong>Birim Fiyat:</strong> ₺{movement.material.costPrice}
-                    </div>
-                    <div>
-                      <strong>Toplam Değer:</strong> ₺
-                      {(movement.quantity * movement.material.costPrice).toFixed(2)}
-                    </div>
-                  </div>
-                </div>
-
-                {/* Transfer Route */}
-                <div className="bg-gray-50 rounded-lg p-3 lg:col-span-2">
-                  <h4 className="font-medium text-gray-900 mb-3">Transfer Güzergahı</h4>
-                  <div className="flex items-start justify-between">
-                    <div className="flex-1">
-                      <h5 className="font-medium text-gray-900 mb-2">Kaynak</h5>
-                      <div className="space-y-2 text-sm">
-                        <div className="bg-white rounded-lg p-2 border border-gray-200">
-                          <div className="flex items-center justify-between mb-2">
-                            <span className="font-medium text-blue-700">📦 Depo</span>
-                            <span className="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded">
-                              {movement.fromWarehouse?.code}
-                            </span>
-                          </div>
-                          <div className="text-gray-900 font-medium">
-                            {movement.fromWarehouse?.name}
-                          </div>
-                          <div className="text-xs text-gray-500 mt-1">
-                            {movement.fromWarehouse?.description}
-                          </div>
-                        </div>
-
-                        {movement.fromZone && (
-                          <div className="bg-white rounded-lg p-2 border border-gray-200">
-                            <div className="flex items-center justify-between mb-2">
-                              <span className="font-medium text-green-700">🏢 Bölge</span>
-                              <span className="text-xs bg-green-100 text-green-800 px-2 py-1 rounded">
-                                {movement.fromZone.zoneCode}
-                              </span>
-                            </div>
-                            <div className="text-gray-900 font-medium">
-                              {movement.fromZone.name}
-                            </div>
-                            <div className="text-xs text-gray-500 mt-1">
-                              {movement.fromZone.description}
-                            </div>
-                          </div>
-                        )}
-
-                        {movement.fromLocation && (
-                          <div className="bg-white rounded-lg p-2 border border-gray-200">
-                            <div className="flex items-center justify-between mb-2">
-                              <span className="font-medium text-purple-700">📍 Lokasyon</span>
-                              <span className="text-xs bg-purple-100 text-purple-800 px-2 py-1 rounded">
-                                {movement.fromLocation.locationCode}
-                              </span>
-                            </div>
-                            <div className="text-gray-900 font-medium">
-                              {movement.fromLocation.name}
-                            </div>
-                            <div className="text-xs text-gray-500 mt-1">
-                              {movement.fromLocation.description}
-                            </div>
-                          </div>
-                        )}
-                      </div>
-                    </div>
-
-                    <div className="flex items-center justify-center px-6">
-                      <div className="flex flex-col items-center">
-                        <FaArrowRight className="w-8 h-8 text-blue-500 mb-2" />
-                        <span className="text-xs text-gray-500 font-medium">TRANSFER</span>
-                      </div>
-                    </div>
-
-                    <div className="flex-1">
-                      <h5 className="font-medium text-gray-900 mb-2">Hedef</h5>
-                      <div className="space-y-2 text-sm">
-                        <div className="bg-white rounded-lg p-2 border border-gray-200">
-                          <div className="flex items-center justify-between mb-2">
-                            <span className="font-medium text-blue-700">📦 Depo</span>
-                            <span className="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded">
-                              {movement.toWarehouse?.code}
-                            </span>
-                          </div>
-                          <div className="text-gray-900 font-medium">
-                            {movement.toWarehouse?.name}
-                          </div>
-                          <div className="text-xs text-gray-500 mt-1">
-                            {movement.toWarehouse?.description}
-                          </div>
-                        </div>
-
-                        {movement.toZone && (
-                          <div className="bg-white rounded-lg p-2 border border-gray-200">
-                            <div className="flex items-center justify-between mb-2">
-                              <span className="font-medium text-green-700">🏢 Bölge</span>
-                              <span className="text-xs bg-green-100 text-green-800 px-2 py-1 rounded">
-                                {movement.toZone.zoneCode}
-                              </span>
-                            </div>
-                            <div className="text-gray-900 font-medium">{movement.toZone.name}</div>
-                            <div className="text-xs text-gray-500 mt-1">
-                              {movement.toZone.description}
-                            </div>
-                          </div>
-                        )}
-
-                        {movement.toLocation && (
-                          <div className="bg-white rounded-lg p-2 border border-gray-200">
-                            <div className="flex items-center justify-between mb-2">
-                              <span className="font-medium text-purple-700">📍 Lokasyon</span>
-                              <span className="text-xs bg-purple-100 text-purple-800 px-2 py-1 rounded">
-                                {movement.toLocation.locationCode}
-                              </span>
-                            </div>
-                            <div className="text-gray-900 font-medium">
-                              {movement.toLocation.name}
-                            </div>
-                            <div className="text-xs text-gray-500 mt-1">
-                              {movement.toLocation.description}
-                            </div>
-                          </div>
-                        )}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                {/* Timeline */}
-                <div className="bg-gray-50 rounded-lg p-3 lg:col-span-2">
-                  <h4 className="font-medium text-gray-900 mb-3">Zaman Çizelgesi</h4>
-                  <div className="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
-                    <div>
-                      <strong>Oluşturulma:</strong> {movement.creationTime.toLocaleString('tr-TR')}
-                    </div>
-                    <div>
-                      <strong>Transfer Tarihi:</strong>{' '}
-                      {movement.movementDate.toLocaleString('tr-TR')}
-                    </div>
-                    {movement.status === MovementStatusEnum.Completed && (
-                      <div>
-                        <strong>Tamamlanma:</strong> {movement.movementDate.toLocaleString('tr-TR')}
-                      </div>
-                    )}
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <Container>
-      <div className="space-y-2">
-        <div className="flex items-center justify-between">
-          <div>
-            <h2 className="text-2xl font-bold text-gray-900">Stok Transfer</h2>
-            <p className="text-gray-600">Depolar arası malzeme transfer hareketlerini yönetin</p>
-          </div>
-          <div className="flex gap-2">
-            <button
-              onClick={() => setShowNewTransferForm(true)}
-              className="bg-blue-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-blue-700 flex items-center gap-2"
-            >
-              <FaPlus className="w-4 h-4" />
-              Yeni Transfer
-            </button>
-            <button className="bg-green-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-green-700 flex items-center gap-2">
-              <FaUpload className="w-4 h-4" />
-              İçe Aktar
-            </button>
-            <button className="bg-gray-600 text-white px-4 py-1.5 text-sm rounded-lg hover:bg-gray-700 flex items-center gap-2">
-              <FaDownload className="w-4 h-4" />
-              Dışa Aktar
-            </button>
-          </div>
-        </div>
-
-        {/* Stats Cards */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
-          <Widget
-            title="Bugün Transfer"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.movementDate.toDateString() === new Date().toDateString() &&
-                  m.status === MovementStatusEnum.Completed &&
-                  m.movementType === MovementTypeEnum.Transfer,
-              ).length
-            }
-            color="blue"
-            icon="FaExchangeAlt"
-          />
-
-          <Widget
-            title="Bekleyen"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.status === MovementStatusEnum.Planned &&
-                  m.movementType === MovementTypeEnum.Transfer,
-              ).length
-            }
-            color="yellow"
-            icon="FaClock"
-          />
-
-          <Widget
-            title="İşlemde"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.status === MovementStatusEnum.InProgress &&
-                  m.movementType === MovementTypeEnum.Transfer,
-              ).length
-            }
-            color="blue"
-            icon="FaBox"
-          />
-
-          <Widget
-            title="Tamamlanan"
-            value={
-              mockStockMovements.filter(
-                (m) =>
-                  m.status === MovementStatusEnum.Completed &&
-                  m.movementType === MovementTypeEnum.Transfer,
-              ).length
-            }
-            color="green"
-            icon="FaCheckCircle"
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex flex-col sm:flex-row gap-4">
-          <div className="relative flex-1">
-            <FaSearch className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Transfer ara..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="pl-10 pr-4 py-1.5 text-sm w-full border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-            />
-          </div>
-          <select
-            value={statusFilter}
-            onChange={(e) => setStatusFilter(e.target.value as MovementStatusEnum | '')}
-            className="px-4 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-          >
-            <option value="">Tüm Durumlar</option>
-            {Object.values(MovementStatusEnum).map((status) => (
-              <option key={status} value={status}>
-                {getMovementStatusText(status)}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        {/* Movements Table */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="overflow-x-auto">
-            <table className="min-w-full divide-y divide-gray-200">
-              <thead className="bg-gray-50">
-                <tr>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Transfer No
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Malzeme
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Miktar
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Transfer Güzergahı
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Tarih
-                  </th>
-                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    Durum
-                  </th>
-                  <th className="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                    İşlemler
-                  </th>
-                </tr>
-              </thead>
-              <tbody className="bg-white divide-y divide-gray-200">
-                {filteredMovements.map((movement) => {
-                  const StatusIcon = getMovementStatusIcon(movement.status!)
-
-                  return (
-                    <tr key={movement.id} className="hover:bg-gray-50">
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="flex items-center">
-                          <div className="p-2 bg-blue-100 rounded-lg mr-3">
-                            <FaExchangeAlt className="w-4 h-4 text-blue-600" />
-                          </div>
-                          <div>
-                            <div className="text-sm font-medium text-gray-900">
-                              {movement.movementNumber}
-                            </div>
-                            <div className="text-sm text-gray-500">{movement.performedBy}</div>
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div>
-                          <div className="text-sm font-medium text-gray-900">
-                            {movement.material.name}
-                          </div>
-                          <div className="text-sm text-gray-500">{movement.material.code}</div>
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="text-sm text-gray-900">
-                          {movement.quantity} {movement.unitId}
-                        </div>
-                        {movement.lotNumber && (
-                          <div className="text-sm text-gray-500">Lot: {movement.lotNumber}</div>
-                        )}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <div className="flex items-center justify-between">
-                          {/* Source (Kaynak) */}
-                          <div className="flex-1 mr-2">
-                            <div className="text-xs font-medium text-gray-900">
-                              {movement.fromWarehouse?.code}
-                              {' / '}
-                              {movement.fromWarehouse?.name}
-                            </div>
-                            <div className="text-xs text-gray-500">
-                              {movement.fromZone?.zoneCode}
-                              {' / '}
-                              {movement.fromZone?.name}
-                            </div>
-                            <div className="text-xs text-blue-600">
-                              {movement.fromLocation?.locationCode}
-                              {' / '}
-                              {movement.fromLocation?.name}
-                            </div>
-                          </div>
-
-                          {/* Arrow */}
-                          <div className="flex items-center justify-center px-2">
-                            <FaArrowRight className="w-3 h-3 text-gray-400" />
-                          </div>
-
-                          {/* Destination (Hedef) */}
-                          <div className="flex-1 ml-2">
-                            <div className="text-xs font-medium text-gray-900">
-                              {movement.toWarehouse?.code}
-                              {' / '}
-                              {movement.toWarehouse?.name}
-                            </div>
-                            <div className="text-xs text-gray-500">
-                              {movement.toZone?.zoneCode}
-                              {' / '}
-                              {movement.toZone?.name}
-                            </div>
-                            <div className="text-xs text-blue-600">
-                              {movement.toLocation?.locationCode}
-                              {' / '}
-                              {movement.toLocation?.name}
-                            </div>
-                          </div>
-                        </div>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-sm text-gray-900">
-                        {movement.movementDate.toLocaleDateString('tr-TR')}
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap">
-                        <span
-                          className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getMovementStatusColor(
-                            movement.status!,
-                          )}`}
-                        >
-                          <StatusIcon className="w-3 h-3 mr-1" />
-                          {getMovementStatusText(movement.status!)}
-                        </span>
-                      </td>
-                      <td className="px-3 py-2 whitespace-nowrap text-right text-sm font-medium">
-                        <div className="flex items-center justify-end gap-2">
-                          <button
-                            onClick={() => setSelectedMovement(movement.id)}
-                            className="text-blue-600 hover:text-blue-900"
-                          >
-                            <FaEye className="w-4 h-4" />
-                          </button>
-                          <button
-                            onClick={() => handleEdit(movement.id)}
-                            className="text-blue-600 hover:text-blue-900"
-                          >
-                            <FaEdit className="w-4 h-4" />
-                          </button>
-                          <button className="text-red-600 hover:text-red-900">
-                            <FaTrash className="w-4 h-4" />
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  )
-                })}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-
-      {/* Movement Detail Modal */}
-      <MovementDetailModal />
-
-      {/* New Transfer Form Modal */}
-      {showNewTransferForm && (
-        <div className="fixed inset-0 z-50 overflow-y-auto">
-          <div className="flex items-center justify-center w-full min-h-screen pt-4 px-4 pb-20 text-center sm:p-0">
-            <div
-              className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-              onClick={() => {
-                setShowNewTransferForm(false)
-                resetForm()
-              }}
-            />
-
-            <div className="inline-block align-bottom bg-white w-full rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-6xl sm:w-full mx-2 sm:mx-4">
-              <div className="bg-white px-3 pt-4 pb-4 sm:px-4 sm:pt-4">
-                <div className="flex flex-col space-y-3 sm:flex-row sm:items-center sm:justify-between sm:space-y-0 mb-4">
-                  <div className="flex flex-col space-y-2 sm:flex-row sm:items-center sm:space-y-0 sm:gap-4">
-                    <h3 className="text-base font-medium text-gray-900">Yeni Depo Transfer</h3>
-                    {/* Step Indicator */}
-                    <div className="flex items-center gap-1.5">
-                      <div
-                        className={`flex items-center justify-center w-6 h-6 sm:w-8 sm:h-8 rounded-full text-xs sm:text-sm font-medium ${
-                          transferStep === 1
-                            ? 'bg-purple-600 text-white'
-                            : 'bg-purple-200 text-purple-800'
-                        }`}
-                      >
-                        1
-                      </div>
-                      <div className="w-4 sm:w-6 h-0.5 bg-gray-300" />
-                      <div
-                        className={`flex items-center justify-center w-6 h-6 sm:w-8 sm:h-8 rounded-full text-xs sm:text-sm font-medium ${
-                          transferStep === 2
-                            ? 'bg-purple-600 text-white'
-                            : 'bg-gray-200 text-gray-500'
-                        }`}
-                      >
-                        2
-                      </div>
-                    </div>
-                    <div className="text-sm text-gray-600">
-                      {transferStep === 1
-                        ? 'Kaynak ve Malzeme Seçimi'
-                        : 'Hedef ve Transfer Detayları'}
-                    </div>
-                  </div>
-                  <button
-                    onClick={() => {
-                      setShowNewTransferForm(false)
-                      resetForm()
-                    }}
-                    className="text-gray-400 hover:text-gray-600 self-end sm:self-auto"
-                  >
-                    <FaTimes className="w-5 h-5 sm:w-6 sm:h-6" />
-                  </button>
-                </div>
-
-                {/* Step 1: Source Selection and Material List */}
-                {transferStep === 1 && (
-                  <div className="space-y-4">
-                    {/* Source Location Selection */}
-                    <div className="bg-gray-50 rounded-lg p-3">
-                      <h4 className="font-medium text-gray-900 mb-3 text-sm">
-                        Kaynak Lokasyon Seçimi
-                      </h4>
-                      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4">
-                        {/* Warehouse Selection */}
-                        <div>
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Depo *
-                          </label>
-                          <select
-                            value={formData.fromWarehouseId}
-                            onChange={(e) => {
-                              handleInputChange('fromWarehouseId', e.target.value)
-                              handleInputChange('fromZoneId', '')
-                              handleInputChange('fromLocationId', '')
-                            }}
-                            className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                            required
-                          >
-                            <option value="">Depo Seçiniz</option>
-                            {mockWarehouses.map((warehouse) => (
-                              <option key={warehouse.id} value={warehouse.id}>
-                                {warehouse.code} - {warehouse.name}
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-
-                        {/* Zone Selection */}
-                        <div>
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Bölge
-                          </label>
-                          <select
-                            value={formData.fromZoneId}
-                            onChange={(e) => {
-                              handleInputChange('fromZoneId', e.target.value)
-                              handleInputChange('fromLocationId', '')
-                            }}
-                            className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                            disabled={!formData.fromWarehouseId}
-                          >
-                            <option value="">Tüm Bölgeler</option>
-                            {getAvailableZones(formData.fromWarehouseId).map((zone) => (
-                              <option key={zone.id} value={zone.id}>
-                                {zone.zoneCode} - {zone.name}
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-
-                        {/* Location Selection */}
-                        <div className="sm:col-span-2 lg:col-span-1">
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Lokasyon
-                          </label>
-                          <select
-                            value={formData.fromLocationId}
-                            onChange={(e) => handleInputChange('fromLocationId', e.target.value)}
-                            className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                            disabled={!formData.fromWarehouseId}
-                          >
-                            <option value="">Tüm Lokasyonlar</option>
-                            {getAvailableLocations(
-                              formData.fromWarehouseId,
-                              formData.fromZoneId,
-                            ).map((location) => (
-                              <option key={location.id} value={location.id}>
-                                {location.locationCode} - {location.name}
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-                      </div>
-                    </div>
-
-                    {/* Available Materials List */}
-                    {formData.fromWarehouseId && (
-                      <div className="space-y-3">
-                        <h4 className="font-medium text-gray-900 text-sm">Mevcut Malzemeler</h4>
-
-                        {/* Mobile Card View */}
-                        <div className="block sm:hidden space-y-3">
-                          {getAvailableStockItems().map((stockItem) => {
-                            const material = mockMaterials.find(
-                              (m) => m.id === stockItem.materialId,
-                            )
-                            const location = mockLocations.find(
-                              (l) => l.id === stockItem.locationId,
-                            )
-                            const zone = mockZones.find((z) => z.id === stockItem.zoneId)
-                            const selectedItem = selectedMaterials.find(
-                              (item) => item.id === stockItem.id,
-                            )
-
-                            if (!material) return null
-
-                            return (
-                              <div
-                                key={stockItem.id}
-                                className="bg-white border border-gray-200 rounded-lg p-3"
-                              >
-                                <div className="space-y-2">
-                                  <div className="flex justify-between items-start">
-                                    <div className="flex-1">
-                                      <div className="text-sm font-medium text-gray-900">
-                                        {material.code}
-                                      </div>
-                                      <div className="text-sm text-gray-500">{material.name}</div>
-                                      {stockItem.lotNumber && (
-                                        <div className="text-xs text-gray-400">
-                                          Lot: {stockItem.lotNumber}
-                                        </div>
-                                      )}
-                                    </div>
-                                    {selectedItem && (
-                                      <button
-                                        onClick={() => removeMaterialFromTransfer(stockItem.id)}
-                                        className="text-red-600 hover:text-red-800 ml-2"
-                                      >
-                                        <FaTrash className="w-4 h-4" />
-                                      </button>
-                                    )}
-                                  </div>
-
-                                  <div className="grid grid-cols-2 gap-2 text-xs text-gray-600">
-                                    <div>
-                                      <span className="font-medium">Bölge:</span> {zone?.zoneCode}
-                                    </div>
-                                    <div>
-                                      <span className="font-medium">Lokasyon:</span>{' '}
-                                      {location?.locationCode}
-                                    </div>
-                                  </div>
-
-                                  <div className="flex justify-between items-center">
-                                    <div className="text-sm text-gray-900">
-                                      Mevcut: {stockItem.availableQuantity} {stockItem.unitId}
-                                    </div>
-                                    <div className="flex items-center gap-2">
-                                      <span className="text-xs text-gray-600">Transfer:</span>
-                                      <input
-                                        type="number"
-                                        min="0"
-                                        max={stockItem.availableQuantity}
-                                        step="0.01"
-                                        value={selectedItem?.quantity || ''}
-                                        onChange={(e) => {
-                                          const value = parseFloat(e.target.value) || 0
-                                          if (value > 0 && value <= stockItem.availableQuantity) {
-                                            addMaterialToTransfer(stockItem, value)
-                                          } else if (value === 0) {
-                                            removeMaterialFromTransfer(stockItem.id)
-                                          }
-                                        }}
-                                        className="w-20 px-2 py-1 text-xs border border-gray-300 rounded focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                                        placeholder="0"
-                                      />
-                                    </div>
-                                  </div>
-                                </div>
-                              </div>
-                            )
-                          })}
-                        </div>
-
-                        {/* Desktop Table View */}
-                        <div className="hidden sm:block bg-white border border-gray-200 rounded-lg overflow-hidden">
-                          <div className="max-h-80 overflow-y-auto">
-                            <table className="w-full divide-y divide-gray-200">
-                              <thead className="bg-gray-50 sticky top-0">
-                                <tr>
-                                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                    Malzeme
-                                  </th>
-                                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider hidden lg:table-cell">
-                                    Bölge
-                                  </th>
-                                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider hidden lg:table-cell">
-                                    Lokasyon
-                                  </th>
-                                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                    Mevcut Miktar
-                                  </th>
-                                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                    Transfer Miktarı
-                                  </th>
-                                  <th className="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                    İşlem
-                                  </th>
-                                </tr>
-                              </thead>
-                              <tbody className="bg-white divide-y divide-gray-200">
-                                {getAvailableStockItems().map((stockItem) => {
-                                  const material = mockMaterials.find(
-                                    (m) => m.id === stockItem.materialId,
-                                  )
-                                  const location = mockLocations.find(
-                                    (l) => l.id === stockItem.locationId,
-                                  )
-                                  const zone = mockZones.find((z) => z.id === stockItem.zoneId)
-                                  const selectedItem = selectedMaterials.find(
-                                    (item) => item.id === stockItem.id,
-                                  )
-
-                                  if (!material) return null
-
-                                  return (
-                                    <tr key={stockItem.id} className="hover:bg-gray-50">
-                                      <td className="px-3 py-2">
-                                        <div className="flex flex-col">
-                                          <div className="text-sm font-medium text-gray-900">
-                                            {material.code}
-                                          </div>
-                                          <div className="text-sm text-gray-500">
-                                            {material.name}
-                                          </div>
-                                          {stockItem.lotNumber && (
-                                            <div className="text-xs text-gray-400">
-                                              Lot: {stockItem.lotNumber}
-                                            </div>
-                                          )}
-                                          {/* Show zone/location on small screens */}
-                                          <div className="lg:hidden text-xs text-gray-500 mt-1">
-                                            {zone?.zoneCode} / {location?.locationCode}
-                                          </div>
-                                        </div>
-                                      </td>
-                                      <td className="px-3 py-2 hidden lg:table-cell">
-                                        <div className="text-sm">
-                                          <div className="font-medium text-gray-900">
-                                            {zone?.zoneCode}
-                                          </div>
-                                          <div className="text-gray-500">{zone?.name}</div>
-                                        </div>
-                                      </td>
-                                      <td className="px-3 py-2 hidden lg:table-cell">
-                                        <div className="text-sm">
-                                          <div className="font-medium text-gray-900">
-                                            {location?.locationCode}
-                                          </div>
-                                          <div className="text-gray-500">{location?.name}</div>
-                                        </div>
-                                      </td>
-                                      <td className="px-3 py-2">
-                                        <div className="text-sm text-gray-900">
-                                          {stockItem.availableQuantity} {stockItem.unitId}
-                                        </div>
-                                      </td>
-                                      <td className="px-3 py-2">
-                                        <input
-                                          type="number"
-                                          min="0"
-                                          max={stockItem.availableQuantity}
-                                          step="0.01"
-                                          value={selectedItem?.quantity || ''}
-                                          onChange={(e) => {
-                                            const value = parseFloat(e.target.value) || 0
-                                            if (value > 0 && value <= stockItem.availableQuantity) {
-                                              addMaterialToTransfer(stockItem, value)
-                                            } else if (value === 0) {
-                                              removeMaterialFromTransfer(stockItem.id)
-                                            }
-                                          }}
-                                          className="w-20 sm:w-24 px-2 py-1 text-xs border border-gray-300 rounded focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                                          placeholder="0"
-                                        />
-                                      </td>
-                                      <td className="px-3 py-2">
-                                        {selectedItem && (
-                                          <button
-                                            onClick={() => removeMaterialFromTransfer(stockItem.id)}
-                                            className="text-red-600 hover:text-red-800"
-                                          >
-                                            <FaTrash className="w-4 h-4" />
-                                          </button>
-                                        )}
-                                      </td>
-                                    </tr>
-                                  )
-                                })}
-                              </tbody>
-                            </table>
-                          </div>
-                        </div>
-
-                        {/* Selected Materials Summary */}
-                        {selectedMaterials.length > 0 && (
-                          <div className="bg-purple-50 rounded-lg p-3">
-                            <h5 className="font-medium text-purple-900 mb-2 text-sm">
-                              Seçilen Malzemeler ({selectedMaterials.length} adet)
-                            </h5>
-                            <div className="space-y-1">
-                              {selectedMaterials.map((item) => (
-                                <div
-                                  key={item.id}
-                                  className="flex flex-col sm:flex-row sm:justify-between text-sm text-purple-800"
-                                >
-                                  <span className="font-medium">{item.material.code}</span>
-                                  <span className="text-xs sm:text-sm">{item.material.name}</span>
-                                  <span className="font-medium">
-                                    {item.quantity}{' '}
-                                    {mockStockItems.find((si) => si.id === item.id)?.unitId}
-                                  </span>
-                                </div>
-                              ))}
-                            </div>
-                          </div>
-                        )}
-                      </div>
-                    )}
-
-                    {/* Step 1 Actions */}
-                    <div className="flex flex-col sm:flex-row sm:justify-end gap-2 pt-4 border-t border-gray-200">
-                      <button
-                        onClick={() => {
-                          setShowNewTransferForm(false)
-                          resetForm()
-                        }}
-                        className="w-full sm:w-auto px-4 py-1.5 text-sm text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors"
-                      >
-                        İptal
-                      </button>
-                      <button
-                        onClick={goToStep2}
-                        disabled={selectedMaterials.length === 0}
-                        className="w-full sm:w-auto px-4 py-1.5 text-sm bg-purple-600 text-white hover:bg-purple-700 disabled:bg-gray-300 disabled:cursor-not-allowed rounded-lg transition-colors flex items-center justify-center gap-2"
-                      >
-                        Devam Et
-                        <FaArrowRight className="w-4 h-4" />
-                      </button>
-                    </div>
-                  </div>
-                )}
-
-                {/* Step 2: Destination Selection and Transfer Details */}
-                {transferStep === 2 && (
-                  <div className="space-y-4">
-                    {/* Selected Materials Review */}
-                    <div className="bg-gray-50 rounded-lg p-3">
-                      <h4 className="font-medium text-gray-900 mb-2 text-sm">
-                        Transfer Edilecek Malzemeler
-                      </h4>
-                      <div className="space-y-2">
-                        {selectedMaterials.map((item) => (
-                          <div
-                            key={item.id}
-                            className="flex flex-col sm:flex-row sm:justify-between sm:items-center bg-white rounded px-3 py-2 gap-2 sm:gap-0"
-                          >
-                            <div className="flex-1">
-                              <div className="text-sm font-medium text-gray-900">
-                                {item.material.code} - {item.material.name}
-                              </div>
-                              {item.lotNumber && (
-                                <div className="text-xs text-gray-500">Lot: {item.lotNumber}</div>
-                              )}
-                            </div>
-                            <div className="text-sm text-gray-900 font-medium">
-                              {item.quantity}{' '}
-                              {mockStockItems.find((si) => si.id === item.id)?.unitId}
-                            </div>
-                          </div>
-                        ))}
-                      </div>
-                    </div>
-
-                    {/* Destination Selection */}
-                    <div className="bg-gray-50 rounded-lg p-3">
-                      <h4 className="font-medium text-gray-900 mb-3 text-sm">Hedef Lokasyon</h4>
-                      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4">
-                        {/* To Warehouse */}
-                        <div>
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Hedef Depo *
-                          </label>
-                          <select
-                            value={formData.toWarehouseId}
-                            onChange={(e) => {
-                              handleInputChange('toWarehouseId', e.target.value)
-                              handleInputChange('toZoneId', '')
-                              handleInputChange('toLocationId', '')
-                            }}
-                            className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                            required
-                          >
-                            <option value="">Hedef Depo Seçiniz</option>
-                            {mockWarehouses
-                              .filter((w) => w.id !== formData.fromWarehouseId)
-                              .map((warehouse) => (
-                                <option key={warehouse.id} value={warehouse.id}>
-                                  {warehouse.code} - {warehouse.name}
-                                </option>
-                              ))}
-                          </select>
-                        </div>
-
-                        {/* To Zone */}
-                        <div>
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Hedef Bölge *
-                          </label>
-                          <select
-                            value={formData.toZoneId}
-                            onChange={(e) => {
-                              handleInputChange('toZoneId', e.target.value)
-                              handleInputChange('toLocationId', '')
-                            }}
-                            className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                            required
-                            disabled={!formData.toWarehouseId}
-                          >
-                            <option value="">Hedef Bölge Seçiniz</option>
-                            {getAvailableZones(formData.toWarehouseId).map((zone) => (
-                              <option key={zone.id} value={zone.id}>
-                                {zone.zoneCode} - {zone.name}
-                              </option>
-                            ))}
-                          </select>
-                        </div>
-
-                        {/* To Location */}
-                        <div className="sm:col-span-2 lg:col-span-1">
-                          <label className="block text-sm font-medium text-gray-700 mb-1">
-                            Hedef Lokasyon *
-                          </label>
-                          <select
-                            value={formData.toLocationId}
-                            onChange={(e) => handleInputChange('toLocationId', e.target.value)}
-                            className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                            required
-                            disabled={!formData.toZoneId}
-                          >
-                            <option value="">Hedef Lokasyon Seçiniz</option>
-                            {getAvailableLocations(formData.toWarehouseId, formData.toZoneId).map(
-                              (location) => (
-                                <option key={location.id} value={location.id}>
-                                  {location.locationCode} - {location.name}
-                                </option>
-                              ),
-                            )}
-                          </select>
-                        </div>
-                      </div>
-                    </div>
-
-                    {/* Transfer Details */}
-                    <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4">
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Transfer Tarihi *
-                        </label>
-                        <input
-                          type="date"
-                          value={formData.movementDate}
-                          onChange={(e) => handleInputChange('movementDate', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                          required
-                        />
-                      </div>
-
-                      <div>
-                        <label className="block text-sm font-medium text-gray-700 mb-1">
-                          Transfer Tipi
-                        </label>
-                        <select
-                          value={formData.referenceType}
-                          onChange={(e) => handleInputChange('referenceType', e.target.value)}
-                          className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        >
-                          <option value="Transfer Order">Transfer Emri</option>
-                          <option value="Stock Rebalancing">Stok Dengeleme</option>
-                          <option value="Location Change">Lokasyon Değişimi</option>
-                          <option value="Replenishment">Stok Yenileme</option>
-                          <option value="Quality Transfer">Kalite Transferi</option>
-                          <option value="Maintenance">Bakım</option>
-                          <option value="Other">Diğer</option>
-                        </select>
-                      </div>
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Referans Belge
-                      </label>
-                      <input
-                        type="text"
-                        value={formData.referenceDocument}
-                        onChange={(e) => handleInputChange('referenceDocument', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        placeholder="Transfer emri numarası"
-                      />
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-1">
-                        Transfer Nedeni
-                      </label>
-                      <textarea
-                        value={formData.reason}
-                        onChange={(e) => handleInputChange('reason', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        placeholder="Transfer nedeni ve açıklaması"
-                        rows={3}
-                      />
-                    </div>
-
-                    {/* Step 2 Actions */}
-                    <div className="flex flex-col sm:flex-row sm:justify-between gap-2 pt-4 border-t border-gray-200">
-                      <button
-                        onClick={() => setTransferStep(1)}
-                        className="w-full sm:w-auto px-4 py-1.5 text-sm text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors flex items-center justify-center gap-2"
-                      >
-                        <FaArrowRight className="w-4 h-4 rotate-180" />
-                        Geri
-                      </button>
-                      <div className="flex flex-col sm:flex-row gap-2">
-                        <button
-                          onClick={() => {
-                            setShowNewTransferForm(false)
-                            resetForm()
-                          }}
-                          className="w-full sm:w-auto px-4 py-1.5 text-sm text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors"
-                        >
-                          İptal
-                        </button>
-                        <button
-                          onClick={handleFinalSubmit}
-                          className="w-full sm:w-auto px-4 py-1.5 text-sm bg-purple-600 text-white hover:bg-purple-700 rounded-lg transition-colors flex items-center justify-center gap-2"
-                        >
-                          <FaSave className="w-4 h-4" />
-                          Transfer Yap
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* Edit Transfer Form Modal */}
-      {showEditTransferForm && (
-        <div className="fixed inset-0 z-50 overflow-y-auto">
-          <div className="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-            <div
-              className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-              onClick={() => {
-                setShowEditTransferForm(false)
-                resetForm()
-              }}
-            />
-
-            <div className="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-5xl sm:w-full w-full">
-              <div className="bg-white px-4 pt-4 pb-4 sm:p-4">
-                <div className="flex items-center justify-between mb-3">
-                  <h3 className="text-lg font-medium text-gray-900">Stok Transfer Düzenle</h3>
-                  <button
-                    onClick={() => {
-                      setShowEditTransferForm(false)
-                      resetForm()
-                    }}
-                    className="text-gray-400 hover:text-gray-600"
-                  >
-                    <FaTimes className="w-6 h-6" />
-                  </button>
-                </div>
-
-                {/* Material Selection */}
-                <div className="mb-3">
-                  <label className="block text-sm font-medium text-gray-700 mb-1">Malzeme *</label>
-                  <select
-                    value={formData.materialId}
-                    onChange={(e) => handleInputChange('materialId', e.target.value)}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                    required
-                    disabled
-                  >
-                    <option value="">Malzeme Seçiniz</option>
-                    {mockMaterials.map((material) => (
-                      <option key={material.id} value={material.id}>
-                        {material.code} - {material.name}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-
-                <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
-                  {/* Left Column - Source */}
-                  <div className="space-y-2">
-                    <h4 className="font-medium text-gray-900 border-b pb-2 text-sm">
-                      Kaynak Bilgileri
-                    </h4>
-
-                    {/* From Warehouse */}
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Kaynak Depo *
-                      </label>
-                      <select
-                        value={formData.fromWarehouseId}
-                        onChange={(e) => {
-                          handleInputChange('fromWarehouseId', e.target.value)
-                          handleInputChange('fromZoneId', '')
-                          handleInputChange('fromLocationId', '')
-                        }}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        required
-                        disabled
-                      >
-                        <option value="">Kaynak Depo Seçiniz</option>
-                        {mockWarehouses.map((warehouse) => (
-                          <option key={warehouse.id} value={warehouse.id}>
-                            {warehouse.code} - {warehouse.name}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    {/* From Zone */}
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Kaynak Bölge *
-                      </label>
-                      <select
-                        value={formData.fromZoneId}
-                        onChange={(e) => {
-                          handleInputChange('fromZoneId', e.target.value)
-                          handleInputChange('fromLocationId', '')
-                        }}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        required
-                        disabled
-                      >
-                        <option value="">Kaynak Bölge Seçiniz</option>
-                        {fromWarehouse?.zones?.map((zone) => (
-                          <option key={zone.id} value={zone.id}>
-                            {zone.zoneCode} - {zone.name}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    {/* From Location */}
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Kaynak Lokasyon *
-                      </label>
-                      <select
-                        value={formData.fromLocationId}
-                        onChange={(e) => handleInputChange('fromLocationId', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        required
-                        disabled
-                      >
-                        <option value="">Kaynak Lokasyon Seçiniz</option>
-                        {fromWarehouse?.locations
-                          ?.filter((location) => location.zoneId === formData.fromZoneId)
-                          .map((location) => (
-                            <option key={location.id} value={location.id}>
-                              {location.locationCode} - {location.name}
-                            </option>
-                          ))}
-                      </select>
-                    </div>
-                  </div>
-
-                  {/* Right Column - Destination */}
-                  <div className="space-y-2">
-                    <h4 className="font-medium text-gray-900 border-b pb-2 text-sm">
-                      Hedef Bilgileri
-                    </h4>
-
-                    {/* To Warehouse */}
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Hedef Depo *
-                      </label>
-                      <select
-                        value={formData.toWarehouseId}
-                        onChange={(e) => {
-                          handleInputChange('toWarehouseId', e.target.value)
-                          handleInputChange('toZoneId', '')
-                          handleInputChange('toLocationId', '')
-                        }}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        required
-                      >
-                        <option value="">Hedef Depo Seçiniz</option>
-                        {mockWarehouses
-                          .filter((w) => w.id !== formData.fromWarehouseId)
-                          .map((warehouse) => (
-                            <option key={warehouse.id} value={warehouse.id}>
-                              {warehouse.code} - {warehouse.name}
-                            </option>
-                          ))}
-                      </select>
-                    </div>
-
-                    {/* To Zone */}
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Hedef Bölge *
-                      </label>
-                      <select
-                        value={formData.toZoneId}
-                        onChange={(e) => {
-                          handleInputChange('toZoneId', e.target.value)
-                          handleInputChange('toLocationId', '')
-                        }}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        required
-                        disabled={!formData.toWarehouseId}
-                      >
-                        <option value="">Hedef Bölge Seçiniz</option>
-                        {toWarehouse?.zones?.map((zone) => (
-                          <option key={zone.id} value={zone.id}>
-                            {zone.zoneCode} - {zone.name}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    {/* To Location */}
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Hedef Lokasyon *
-                      </label>
-                      <select
-                        value={formData.toLocationId}
-                        onChange={(e) => handleInputChange('toLocationId', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        required
-                        disabled={!formData.toZoneId}
-                      >
-                        <option value="">Hedef Lokasyon Seçiniz</option>
-                        {toWarehouse?.locations
-                          ?.filter((location) => location.zoneId === formData.toZoneId)
-                          .map((location) => (
-                            <option key={location.id} value={location.id}>
-                              {location.locationCode} - {location.name}
-                            </option>
-                          ))}
-                      </select>
-                    </div>
-                  </div>
-
-                  {/* Third Column - Transfer Details */}
-                  <div className="space-y-2">
-                    <h4 className="font-medium text-gray-900 border-b pb-2 text-sm">
-                      Transfer Detayları
-                    </h4>
-
-                    {/* Quantity */}
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Transfer Miktarı *
-                      </label>
-                      <input
-                        type="number"
-                        value={formData.quantity}
-                        onChange={(e) => handleInputChange('quantity', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        placeholder="Transfer miktarı"
-                        min="0"
-                        step="0.01"
-                        required
-                      />
-                    </div>
-
-                    {/* Movement Date */}
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Transfer Tarihi *
-                      </label>
-                      <input
-                        type="date"
-                        value={formData.movementDate}
-                        onChange={(e) => handleInputChange('movementDate', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        required
-                      />
-                    </div>
-
-                    {/* Reference Type */}
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Transfer Tipi
-                      </label>
-                      <select
-                        value={formData.referenceType}
-                        onChange={(e) => handleInputChange('referenceType', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                      >
-                        <option value="Transfer Order">Transfer Emri</option>
-                        <option value="Stock Rebalancing">Stok Dengeleme</option>
-                        <option value="Location Change">Lokasyon Değişimi</option>
-                        <option value="Replenishment">Stok Yenileme</option>
-                        <option value="Quality Transfer">Kalite Transferi</option>
-                        <option value="Maintenance">Bakım</option>
-                        <option value="Other">Diğer</option>
-                      </select>
-                    </div>
-
-                    {/* Reference Document */}
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Referans Belge
-                      </label>
-                      <input
-                        type="text"
-                        value={formData.referenceDocument}
-                        onChange={(e) => handleInputChange('referenceDocument', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        placeholder="Transfer emri numarası"
-                      />
-                    </div>
-
-                    {/* Lot Number */}
-                    <div>
-                      <label className="block text-xs font-medium text-gray-700 mb-1">
-                        Lot Numarası
-                      </label>
-                      <input
-                        type="text"
-                        value={formData.lotNumber}
-                        onChange={(e) => handleInputChange('lotNumber', e.target.value)}
-                        className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                        placeholder="Lot numarası (opsiyonel)"
-                      />
-                    </div>
-                  </div>
-                </div>
-
-                {/* Transfer Nedeni - Alt Kısım */}
-                <div className="mt-3">
-                  <label className="block text-xs font-medium text-gray-700 mb-1">
-                    Transfer Nedeni
-                  </label>
-                  <textarea
-                    value={formData.reason}
-                    onChange={(e) => handleInputChange('reason', e.target.value)}
-                    className="w-full px-3 py-1.5 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
-                    placeholder="Transfer nedeni ve açıklaması"
-                    rows={2}
-                  />
-                </div>
-
-                {/* Form Actions */}
-                <div className="flex justify-end gap-2 mt-4 pt-4 border-t border-gray-200">
-                  <button
-                    onClick={() => {
-                      setShowEditTransferForm(false)
-                      resetForm()
-                    }}
-                    className="px-4 py-1.5 text-sm text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors"
-                  >
-                    İptal
-                  </button>
-                  <button
-                    onClick={handleSubmit}
-                    className="px-4 py-1.5 text-sm bg-purple-600 text-white hover:bg-purple-700 rounded-lg transition-colors flex items-center gap-2"
-                  >
-                    <FaSave className="w-4 h-4" />
-                    Güncelle
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-    </Container>
-  )
-}
-
-export default WarehouseTransfer
diff --git a/ui/src/views/warehouse/components/modals/LocationModal.tsx b/ui/src/views/warehouse/components/modals/LocationModal.tsx
deleted file mode 100644
index a01ff018..00000000
--- a/ui/src/views/warehouse/components/modals/LocationModal.tsx
+++ /dev/null
@@ -1,479 +0,0 @@
-import React, { useState } from 'react'
-import { Formik, Form, Field, FieldProps, getIn } from 'formik'
-import * as Yup from 'yup'
-import { WmLocation, LocationTypeEnum, WmWarehouse, WmZone } from '../../../../types/wm'
-import { FaTimes, FaSave, FaMapMarkerAlt } from 'react-icons/fa'
-import { getLocationTypeText } from '../../../../utils/erp'
-
-import { Input, Checkbox, FormContainer, FormItem } from '@/components/ui'
-import Select from '@/components/ui/Select'
-import Button from '@/components/ui/Button'
-
-interface LocationModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (location: Partial<WmLocation>) => void
-  location?: WmLocation | null
-  mode: 'create' | 'edit' | 'view'
-  warehouses: WmWarehouse[]
-  zones: WmZone[]
-}
-
-const validationSchema = Yup.object({
-  warehouseId: Yup.string().required('Depo seçimi zorunludur'),
-  zoneId: Yup.string().required('Bölge seçimi zorunludur'),
-  locationCode: Yup.string().required('Lokasyon kodu zorunludur'),
-  name: Yup.string().required('Lokasyon adı zorunludur'),
-  capacity: Yup.number()
-    .moreThan(0, "Kapasite 0'dan büyük olmalıdır")
-    .required('Kapasite zorunludur'),
-  currentStock: Yup.number().test(
-    'stock-vs-capacity',
-    'Mevcut stok kapasiteyi aşamaz',
-    function (value) {
-      return (value || 0) <= (this.parent.capacity || 0)
-    },
-  ),
-  dimensions: Yup.object({
-    length: Yup.number().min(0).nullable(),
-    width: Yup.number().min(0).nullable(),
-    height: Yup.number().min(0).nullable(),
-    weight: Yup.number().min(0).nullable(),
-    unit: Yup.string().required(),
-  }),
-})
-
-const LocationModal: React.FC<LocationModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  location,
-  mode,
-  warehouses,
-  zones,
-}) => {
-  const [restrictionInput, setRestrictionInput] = useState('')
-
-  if (!isOpen) return null
-
-  const initialValues: Partial<WmLocation> = {
-    warehouseId: location?.warehouseId || '',
-    zoneId: location?.zoneId || '', // ✅ boş string, null yerine
-    locationCode: location?.locationCode || '',
-    name: location?.name || '',
-    description: location?.description || '',
-    locationType: location?.locationType || LocationTypeEnum.Shelf,
-    capacity: location?.capacity || 0,
-    currentStock: location?.currentStock || 0,
-    dimensions: {
-      length: location?.dimensions?.length || 0,
-      width: location?.dimensions?.width || 0,
-      height: location?.dimensions?.height || 0,
-      weight: location?.dimensions?.weight || 0,
-      unit: location?.dimensions?.unit || 'kg',
-    },
-    restrictions: location?.restrictions || [],
-    isActive: location?.isActive ?? true,
-  }
-
-  const getModalTitle = () => {
-    switch (mode) {
-      case 'create':
-        return 'Yeni Lokasyon Oluştur'
-      case 'edit':
-        return 'Lokasyon Düzenle'
-      case 'view':
-        return 'Lokasyon Görüntüle'
-      default:
-        return 'Lokasyon'
-    }
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-3xl w-full max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div className="flex items-center gap-2">
-            <div className="p-2 bg-orange-100 rounded-lg">
-              <FaMapMarkerAlt className="w-5 h-5 text-orange-600" />
-            </div>
-            <h2 className="text-lg font-semibold text-gray-900">{getModalTitle()}</h2>
-          </div>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Form */}
-        <Formik
-          initialValues={initialValues}
-          validationSchema={validationSchema}
-          onSubmit={(values, helpers) => {
-            if (mode !== 'view') {
-              console.log('Submitting values:', values)
-              onSave(values)
-              onClose()
-            }
-            helpers.setSubmitting(false)
-          }}
-        >
-          {({ errors, touched, isSubmitting, values, setFieldValue }) => {
-            const availableZones = zones.filter((z) => z.warehouseId === values.warehouseId)
-            const selectedWarehouse = warehouses.find((w) => w.id === values.warehouseId)
-            const selectedZone = zones.find((z) => z.id === values.zoneId)
-
-            const addRestriction = () => {
-              if (
-                restrictionInput.trim() &&
-                !values.restrictions?.includes(restrictionInput.trim())
-              ) {
-                setFieldValue('restrictions', [
-                  ...(values.restrictions || []),
-                  restrictionInput.trim(),
-                ])
-                setRestrictionInput('')
-              }
-            }
-
-            const removeRestriction = (index: number) => {
-              setFieldValue(
-                'restrictions',
-                values.restrictions?.filter((_, i) => i !== index) || [],
-              )
-            }
-
-            return (
-              <Form className="p-4 space-y-4">
-                <FormContainer size="sm">
-                  {/* Warehouse and Zone */}
-                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    <FormItem
-                      label="Depo *"
-                      invalid={!!(errors.warehouseId && touched.warehouseId)}
-                      errorMessage={errors.warehouseId}
-                    >
-                      <Field name="warehouseId">
-                        {({ field, form }: FieldProps<string>) => (
-                          <Select
-                            field={field}
-                            form={form}
-                            isClearable
-                            isDisabled={mode === 'view'}
-                            options={warehouses.map((w) => ({
-                              value: w.id,
-                              label: `${w.name} (${w.code})`,
-                            }))}
-                            value={warehouses
-                              .map((w) => ({
-                                value: w.id,
-                                label: `${w.name} (${w.code})`,
-                              }))
-                              .find((opt) => opt.value === values.warehouseId)}
-                            onChange={(opt) => {
-                              form.setFieldValue('warehouseId', opt?.value || '')
-                              form.setFieldValue('zoneId', '') // ✅ reset
-                              form.setFieldTouched('zoneId', false) // ✅ touched reset
-                            }}
-                          />
-                        )}
-                      </Field>
-                    </FormItem>
-
-                    <FormItem label="Bölge">
-                      <Field name="zoneId">
-                        {({ field, form }: FieldProps<string | null>) => (
-                          <Select
-                            field={field}
-                            form={form}
-                            isClearable
-                            isDisabled={mode === 'view' || !values.warehouseId}
-                            options={availableZones.map((z) => ({
-                              value: z.id,
-                              label: `${z.name} (${z.zoneCode})`,
-                            }))}
-                            value={
-                              values.zoneId
-                                ? availableZones
-                                    .map((z) => ({
-                                      value: z.id,
-                                      label: `${z.name} (${z.zoneCode})`,
-                                    }))
-                                    .find((opt) => opt.value === values.zoneId) || null
-                                : null // ✅ boş string / null durumunda null döndür
-                            }
-                            onChange={(opt) => form.setFieldValue('zoneId', opt?.value ?? '')}
-                          />
-                        )}
-                      </Field>
-                    </FormItem>
-                  </div>
-
-                  {/* Location Code + Name */}
-                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    <FormItem
-                      label="Lokasyon Kodu *"
-                      invalid={!!(errors.locationCode && touched.locationCode)}
-                      errorMessage={errors.locationCode}
-                    >
-                      <Field
-                        name="locationCode"
-                        placeholder="A01-01-01"
-                        disabled={mode === 'view'}
-                        component={Input}
-                      />
-                    </FormItem>
-
-                    <FormItem
-                      label="Lokasyon Adı *"
-                      invalid={!!(errors.name && touched.name)}
-                      errorMessage={errors.name}
-                    >
-                      <Field
-                        name="name"
-                        placeholder="A Blok 1. Koridor 1. Raf"
-                        disabled={mode === 'view'}
-                        component={Input}
-                      />
-                    </FormItem>
-                  </div>
-
-                  {/* Description */}
-                  <FormItem label="Açıklama">
-                    <Field
-                      name="description"
-                      as="textarea"
-                      rows={3}
-                      placeholder="Lokasyon açıklaması..."
-                      disabled={mode === 'view'}
-                      component={Input}
-                    />
-                  </FormItem>
-
-                  {/* Location Type + Capacity + Current Stock */}
-                  <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-                    <FormItem label="Lokasyon Tipi">
-                      <Field name="locationType">
-                        {({ field, form }: FieldProps<LocationTypeEnum>) => (
-                          <Select
-                            field={field}
-                            form={form}
-                            isClearable={false}
-                            isDisabled={mode === 'view'}
-                            options={Object.values(LocationTypeEnum).map((t) => ({
-                              value: t,
-                              label: getLocationTypeText(t),
-                            }))}
-                            value={Object.values(LocationTypeEnum)
-                              .map((t) => ({
-                                value: t,
-                                label: getLocationTypeText(t),
-                              }))
-                              .find((opt) => opt.value === values.locationType)}
-                            onChange={(opt) => form.setFieldValue(field.name, opt?.value)}
-                          />
-                        )}
-                      </Field>
-                    </FormItem>
-
-                    <FormItem
-                      label="Kapasite *"
-                      invalid={!!(errors.capacity && touched.capacity)}
-                      errorMessage={errors.capacity}
-                    >
-                      <Field
-                        name="capacity"
-                        type="number"
-                        placeholder="100"
-                        min={1}
-                        disabled={mode === 'view'}
-                        component={Input}
-                      />
-                    </FormItem>
-
-                    <FormItem
-                      label="Mevcut Stok"
-                      invalid={!!(errors.currentStock && touched.currentStock)}
-                      errorMessage={errors.currentStock}
-                    >
-                      <Field
-                        name="currentStock"
-                        type="number"
-                        placeholder="0"
-                        min={0}
-                        disabled={mode === 'view'}
-                        component={Input}
-                      />
-                    </FormItem>
-                  </div>
-
-                  {/* Dimensions */}
-                  <div>
-                    <h3 className="text-base font-medium text-gray-900 mb-2">Boyutlar</h3>
-                    <div className="grid grid-cols-2 md:grid-cols-4 gap-3">
-                      {['length', 'width', 'height', 'weight'].map((dim) => (
-                        <FormItem
-                          key={dim}
-                          label={
-                            dim === 'length'
-                              ? 'Uzunluk (m)'
-                              : dim === 'width'
-                                ? 'Genişlik (m)'
-                                : dim === 'height'
-                                  ? 'Yükseklik (m)'
-                                  : `Maks. Ağırlık (${values.dimensions?.unit})`
-                          }
-                          invalid={
-                            !!(
-                              getIn(errors, `dimensions.${dim}`) &&
-                              getIn(touched, `dimensions.${dim}`)
-                            )
-                          }
-                          errorMessage={getIn(errors, `dimensions.${dim}`)}
-                        >
-                          <Field
-                            name={`dimensions.${dim}`}
-                            type="number"
-                            step="0.1"
-                            min={0}
-                            disabled={mode === 'view'}
-                            component={Input}
-                          />
-                        </FormItem>
-                      ))}
-                    </div>
-                  </div>
-
-                  {/* Restrictions */}
-                  <div>
-                    <h3 className="text-base font-medium text-gray-900 mb-2">Kısıtlamalar</h3>
-                    {mode !== 'view' && (
-                      <div className="flex gap-2 mb-3">
-                        <Input
-                          value={restrictionInput}
-                          onChange={(e) => setRestrictionInput(e.target.value)}
-                          onKeyDown={(e) => {
-                            if (e.key === 'Enter') {
-                              e.preventDefault()
-                              addRestriction()
-                            }
-                          }}
-                          placeholder="Kısıtlama ekle..."
-                        />
-                        <Button
-                          type="button"
-                          variant="solid"
-                          color="blue-600"
-                          onClick={addRestriction}
-                        >
-                          Ekle
-                        </Button>
-                      </div>
-                    )}
-                    <div className="flex flex-wrap gap-2 mb-2">
-                      {values.restrictions?.map((restriction, index) => (
-                        <span
-                          key={`${restriction}-${index}`}
-                          className="inline-flex items-center px-2.5 py-1 text-xs bg-yellow-100 text-yellow-800 rounded-full"
-                        >
-                          {restriction}
-                          {mode !== 'view' && (
-                            <button
-                              type="button"
-                              onClick={() => removeRestriction(index)}
-                              className="ml-2 text-yellow-600 hover:text-yellow-800"
-                            >
-                              ×
-                            </button>
-                          )}
-                        </span>
-                      ))}
-                    </div>
-                  </div>
-
-                  {/* Status */}
-                  <FormItem>
-                    <Field
-                      name="isActive"
-                      type="checkbox"
-                      component={Checkbox}
-                      disabled={mode === 'view'}
-                    >
-                      Aktif
-                    </Field>
-                  </FormItem>
-
-                  {/* Info (View Mode) */}
-                  {mode === 'view' && (
-                    <div className="bg-gray-50 rounded-lg p-3 space-y-2">
-                      <h4 className="text-sm font-medium text-gray-900">Lokasyon Bilgileri</h4>
-                      <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm text-gray-600">
-                        {selectedWarehouse && (
-                          <div>
-                            <p>
-                              <strong>Depo:</strong> {selectedWarehouse.name}
-                            </p>
-                            <p>
-                              <strong>Kodu:</strong> {selectedWarehouse.code}
-                            </p>
-                          </div>
-                        )}
-                        {selectedZone && (
-                          <div>
-                            <p>
-                              <strong>Bölge:</strong> {selectedZone.name}
-                            </p>
-                            <p>
-                              <strong>Kodu:</strong> {selectedZone.zoneCode}
-                            </p>
-                          </div>
-                        )}
-                        <div>
-                          <p>
-                            <strong>Kapasite Kullanımı:</strong> {values.currentStock} /{' '}
-                            {values.capacity}
-                          </p>
-                          <p>
-                            <strong>Doluluk Oranı:</strong> %
-                            {Math.round(
-                              ((values.currentStock || 0) / (values.capacity || 1)) * 100,
-                            )}
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-                  )}
-
-                  {/* Buttons */}
-                  <div className="flex justify-end gap-2 pt-4 border-t border-gray-200">
-                    <Button
-                      type="button"
-                      onClick={onClose}
-                      variant="default"
-                      disabled={isSubmitting}
-                    >
-                      {mode === 'view' ? 'Kapat' : 'İptal'}
-                    </Button>
-                    {mode !== 'view' && (
-                      <Button
-                        type="submit"
-                        variant="solid"
-                        color="blue-600"
-                        loading={isSubmitting}
-                        icon={<FaSave className="w-4 h-4" />}
-                      >
-                        {mode === 'create' ? 'Oluştur' : 'Güncelle'}
-                      </Button>
-                    )}
-                  </div>
-                </FormContainer>
-              </Form>
-            )
-          }}
-        </Formik>
-      </div>
-    </div>
-  )
-}
-
-export default LocationModal
diff --git a/ui/src/views/warehouse/components/modals/WarehouseModal.tsx b/ui/src/views/warehouse/components/modals/WarehouseModal.tsx
deleted file mode 100644
index e21dc9e0..00000000
--- a/ui/src/views/warehouse/components/modals/WarehouseModal.tsx
+++ /dev/null
@@ -1,306 +0,0 @@
-import React from 'react'
-import { Formik, Form, Field, FieldProps, getIn } from 'formik'
-import * as Yup from 'yup'
-import { WmWarehouse, WarehouseTypeEnum } from '../../../../types/wm'
-import { FaTimes, FaSave, FaBuilding } from 'react-icons/fa'
-import { getWarehouseTypeText } from '../../../../utils/erp'
-
-import { Input, Checkbox, FormContainer, FormItem } from '@/components/ui'
-import Select from '@/components/ui/Select'
-import Button from '@/components/ui/Button'
-
-interface WarehouseModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (warehouse: Partial<WmWarehouse>) => void
-  warehouse?: WmWarehouse | null
-  mode: 'create' | 'edit' | 'view'
-}
-
-const validationSchema = Yup.object({
-  code: Yup.string().required('Depo kodu zorunludur'),
-  name: Yup.string().required('Depo adı zorunludur'),
-  capacity: Yup.number()
-    .moreThan(0, "Kapasite 0'dan büyük olmalıdır")
-    .required('Kapasite zorunludur'),
-  address: Yup.object({
-    street: Yup.string().required('Adres zorunludur'),
-    city: Yup.string().required('Şehir zorunludur'),
-    state: Yup.string().nullable(),
-    postalCode: Yup.string().nullable(),
-    country: Yup.string().required('Ülke zorunludur'),
-  }),
-})
-
-const WarehouseModal: React.FC<WarehouseModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  warehouse,
-  mode,
-}) => {
-  if (!isOpen) return null
-
-  const initialValues: Partial<WmWarehouse> = {
-    code: warehouse?.code || '',
-    name: warehouse?.name || '',
-    description: warehouse?.description || '',
-    address: {
-      street: warehouse?.address?.street || '',
-      city: warehouse?.address?.city || '',
-      state: warehouse?.address?.state || '',
-      postalCode: warehouse?.address?.postalCode || '',
-      country: warehouse?.address?.country || 'Türkiye',
-    },
-    warehouseType: warehouse?.warehouseType || WarehouseTypeEnum.RawMaterials,
-    isMainWarehouse: warehouse?.isMainWarehouse ?? false,
-    capacity: warehouse?.capacity || 0,
-    currentUtilization: warehouse?.currentUtilization || 0,
-    isActive: warehouse?.isActive ?? true,
-  }
-
-  const getModalTitle = () => {
-    switch (mode) {
-      case 'create':
-        return 'Yeni Depo Oluştur'
-      case 'edit':
-        return 'Depo Düzenle'
-      case 'view':
-        return 'Depo Görüntüle'
-      default:
-        return 'Depo'
-    }
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div className="flex items-center gap-2">
-            <div className="p-2 bg-blue-100 rounded-lg">
-              <FaBuilding className="w-5 h-5 text-blue-600" />
-            </div>
-            <h2 className="text-lg font-semibold text-gray-900">{getModalTitle()}</h2>
-          </div>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Form */}
-        <Formik
-          initialValues={initialValues}
-          validationSchema={validationSchema}
-          onSubmit={(values, helpers) => {
-            if (mode !== 'view') {
-              console.log('Submitting values:', values)
-              onSave(values)
-              onClose()
-            }
-            helpers.setSubmitting(false)
-          }}
-        >
-          {({ errors, touched, isSubmitting, values }) => (
-            <Form className="p-4 space-y-4">
-              <FormContainer size="sm">
-                {/* Basic Info */}
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  <FormItem
-                    label="Depo Kodu *"
-                    invalid={!!(errors.code && touched.code)}
-                    errorMessage={errors.code}
-                  >
-                    <Field
-                      name="code"
-                      placeholder="WH001"
-                      disabled={mode === 'view'}
-                      component={Input}
-                    />
-                  </FormItem>
-
-                  <FormItem
-                    label="Depo Adı *"
-                    invalid={!!(errors.name && touched.name)}
-                    errorMessage={errors.name}
-                  >
-                    <Field
-                      name="name"
-                      placeholder="Ana Depo"
-                      disabled={mode === 'view'}
-                      component={Input}
-                    />
-                  </FormItem>
-                </div>
-
-                {/* Description */}
-                <FormItem label="Açıklama">
-                  <Field
-                    name="description"
-                    as="textarea"
-                    rows={3}
-                    placeholder="Depo açıklaması..."
-                    disabled={mode === 'view'}
-                    component={Input}
-                  />
-                </FormItem>
-
-                {/* Warehouse Type + Capacity */}
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  <FormItem label="Depo Tipi">
-                    <Field name="warehouseType">
-                      {({ field, form }: FieldProps<WarehouseTypeEnum>) => (
-                        <Select
-                          field={field}
-                          form={form}
-                          isClearable={false}
-                          isDisabled={mode === 'view'}
-                          options={Object.values(WarehouseTypeEnum).map((t) => ({
-                            value: t,
-                            label: getWarehouseTypeText(t),
-                          }))}
-                          value={Object.values(WarehouseTypeEnum)
-                            .map((t) => ({
-                              value: t,
-                              label: getWarehouseTypeText(t),
-                            }))
-                            .find((opt) => opt.value === values.warehouseType)}
-                          onChange={(option) => form.setFieldValue(field.name, option?.value)}
-                        />
-                      )}
-                    </Field>
-                  </FormItem>
-
-                  <FormItem
-                    label="Kapasite *"
-                    invalid={!!(errors.capacity && touched.capacity)}
-                    errorMessage={errors.capacity}
-                  >
-                    <Field
-                      name="capacity"
-                      type="number"
-                      placeholder="1000"
-                      min={1}
-                      disabled={mode === 'view'}
-                      component={Input}
-                    />
-                  </FormItem>
-                </div>
-
-                {/* Checkboxes */}
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  <FormItem>
-                    <Field
-                      name="isMainWarehouse"
-                      type="checkbox"
-                      component={Checkbox}
-                      disabled={mode === 'view'}
-                    >
-                      Ana Depo
-                    </Field>
-                  </FormItem>
-
-                  <FormItem>
-                    <Field
-                      name="isActive"
-                      type="checkbox"
-                      component={Checkbox}
-                      disabled={mode === 'view'}
-                    >
-                      Aktif
-                    </Field>
-                  </FormItem>
-                </div>
-
-                {/* Address */}
-                <div>
-                  <h3 className="text-base font-medium text-gray-900 mb-2">Adres Bilgileri</h3>
-                  <div className="space-y-4">
-                    <FormItem
-                      label="Adres *"
-                      invalid={
-                        !!(getIn(errors, 'address.street') && getIn(touched, 'address.street'))
-                      }
-                      errorMessage={getIn(errors, 'address.street')}
-                    >
-                      <Field
-                        name="address.street"
-                        placeholder="Cadde/Sokak ve Bina No"
-                        disabled={mode === 'view'}
-                        component={Input}
-                      />
-                    </FormItem>
-
-                    <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-                      <FormItem
-                        label="Şehir *"
-                        invalid={
-                          !!(getIn(errors, 'address.city') && getIn(touched, 'address.city'))
-                        }
-                        errorMessage={getIn(errors, 'address.city')}
-                      >
-                        <Field
-                          name="address.city"
-                          placeholder="İstanbul"
-                          disabled={mode === 'view'}
-                          component={Input}
-                        />
-                      </FormItem>
-
-                      <FormItem label="İlçe">
-                        <Field
-                          name="address.state"
-                          placeholder="İstanbul"
-                          disabled={mode === 'view'}
-                          component={Input}
-                        />
-                      </FormItem>
-
-                      <FormItem label="Posta Kodu">
-                        <Field
-                          name="address.postalCode"
-                          placeholder="34000"
-                          disabled={mode === 'view'}
-                          component={Input}
-                        />
-                      </FormItem>
-                    </div>
-
-                    <FormItem label="Ülke">
-                      <Field
-                        name="address.country"
-                        placeholder="Türkiye"
-                        disabled={mode === 'view'}
-                        component={Input}
-                      />
-                    </FormItem>
-                  </div>
-                </div>
-
-                {/* Buttons */}
-                <div className="flex justify-end gap-2 pt-4 border-t border-gray-200">
-                  <Button type="button" onClick={onClose} variant="default" disabled={isSubmitting}>
-                    {mode === 'view' ? 'Kapat' : 'İptal'}
-                  </Button>
-                  {mode !== 'view' && (
-                    <Button
-                      type="submit"
-                      variant="solid"
-                      color="blue-600"
-                      loading={isSubmitting}
-                      icon={<FaSave className="w-4 h-4" />}
-                    >
-                      {mode === 'create' ? 'Oluştur' : 'Güncelle'}
-                    </Button>
-                  )}
-                </div>
-              </FormContainer>
-            </Form>
-          )}
-        </Formik>
-      </div>
-    </div>
-  )
-}
-
-export default WarehouseModal
diff --git a/ui/src/views/warehouse/components/modals/ZoneModal.tsx b/ui/src/views/warehouse/components/modals/ZoneModal.tsx
deleted file mode 100644
index 20b0ead6..00000000
--- a/ui/src/views/warehouse/components/modals/ZoneModal.tsx
+++ /dev/null
@@ -1,293 +0,0 @@
-import React from 'react'
-import { Formik, Form, Field, FieldProps } from 'formik'
-import * as Yup from 'yup'
-import { WmZone, ZoneTypeEnum, WmWarehouse } from '../../../../types/wm'
-import { FaTimes, FaSave, FaLayerGroup } from 'react-icons/fa'
-import { getZoneTypeText } from '../../../../utils/erp'
-
-// Senin UI bileşenlerin
-import { Input, Checkbox, FormContainer, FormItem } from '@/components/ui'
-import Select from '@/components/ui/Select'
-import Button from '@/components/ui/Button'
-
-interface ZoneModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSave: (zone: Partial<WmZone>) => void
-  zone?: WmZone | null
-  mode: 'create' | 'edit' | 'view'
-  warehouses: WmWarehouse[]
-}
-
-const validationSchema = Yup.object({
-  warehouseId: Yup.string().required('Depo seçimi zorunludur'),
-  zoneCode: Yup.string().required('Bölge kodu zorunludur'),
-  name: Yup.string().required('Bölge adı zorunludur'),
-  temperature: Yup.number()
-    .min(-50, 'Sıcaklık -50°C’den küçük olamaz')
-    .max(100, 'Sıcaklık 100°C’den büyük olamaz')
-    .nullable(),
-  humidity: Yup.number()
-    .min(0, 'Nem %0’dan küçük olamaz')
-    .max(100, 'Nem %100’den büyük olamaz')
-    .nullable(),
-})
-
-const ZoneModal: React.FC<ZoneModalProps> = ({
-  isOpen,
-  onClose,
-  onSave,
-  zone,
-  mode,
-  warehouses,
-}) => {
-  if (!isOpen) return null
-
-  const initialValues: Partial<WmZone> = {
-    warehouseId: zone?.warehouseId || '',
-    zoneCode: zone?.zoneCode || '',
-    name: zone?.name || '',
-    description: zone?.description || '',
-    zoneType: zone?.zoneType || ZoneTypeEnum.Storage,
-    temperature: zone?.temperature,
-    humidity: zone?.humidity,
-    isActive: zone?.isActive ?? true,
-  }
-
-  const selectedWarehouse = warehouses.find((w) => w.id === initialValues.warehouseId)
-
-  const getModalTitle = () => {
-    switch (mode) {
-      case 'create':
-        return 'Yeni Bölge Oluştur'
-      case 'edit':
-        return 'Bölge Düzenle'
-      case 'view':
-        return 'Bölge Görüntüle'
-      default:
-        return 'Bölge'
-    }
-  }
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
-      <div className="bg-white rounded-lg shadow-xl max-w-lg w-full max-h-[90vh] overflow-y-auto">
-        {/* Header */}
-        <div className="flex items-center justify-between p-4 border-b border-gray-200">
-          <div className="flex items-center gap-2">
-            <div className="p-2 bg-purple-100 rounded-lg">
-              <FaLayerGroup className="w-5 h-5 text-purple-600" />
-            </div>
-            <h2 className="text-lg font-semibold text-gray-900">{getModalTitle()}</h2>
-          </div>
-          <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
-            <FaTimes className="w-5 h-5" />
-          </button>
-        </div>
-
-        {/* Form */}
-        <Formik
-          initialValues={initialValues}
-          validationSchema={validationSchema}
-          onSubmit={(values, helpers) => {
-            if (mode !== 'view') {
-              console.log('Submitting values:', values)
-              onSave(values)
-              onClose()
-            }
-            helpers.setSubmitting(false)
-          }}
-        >
-          {({ errors, touched, isSubmitting, values }) => (
-            <Form className="p-4 space-y-4">
-              <FormContainer size="sm">
-                {/* Warehouse */}
-                <FormItem
-                  label="Depo *"
-                  invalid={!!(errors.warehouseId && touched.warehouseId)}
-                  errorMessage={errors.warehouseId}
-                >
-                  <Field name="warehouseId">
-                    {({ field, form }: FieldProps<string>) => (
-                      <Select
-                        field={field}
-                        form={form}
-                        isClearable={true}
-                        isDisabled={mode === 'view'}
-                        options={warehouses.map((w) => ({
-                          value: w.id,
-                          label: `${w.name} (${w.code})`,
-                        }))}
-                        value={warehouses
-                          .map((w) => ({
-                            value: w.id,
-                            label: `${w.name} (${w.code})`,
-                          }))
-                          .find((opt) => opt.value === values.warehouseId)}
-                        onChange={(option) => form.setFieldValue(field.name, option?.value)}
-                      />
-                    )}
-                  </Field>
-                </FormItem>
-
-                {/* Zone Code + Zone Name */}
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  <FormItem
-                    label="Bölge Kodu *"
-                    invalid={!!(errors.zoneCode && touched.zoneCode)}
-                    errorMessage={errors.zoneCode}
-                  >
-                    <Field
-                      name="zoneCode"
-                      placeholder="Z001"
-                      disabled={mode === 'view'}
-                      component={Input}
-                    />
-                  </FormItem>
-
-                  <FormItem
-                    label="Bölge Adı *"
-                    invalid={!!(errors.name && touched.name)}
-                    errorMessage={errors.name}
-                  >
-                    <Field
-                      name="name"
-                      placeholder="Ana Depolama"
-                      disabled={mode === 'view'}
-                      component={Input}
-                    />
-                  </FormItem>
-                </div>
-
-                {/* Description */}
-                <FormItem label="Açıklama">
-                  <Field
-                    name="description"
-                    as="textarea"
-                    rows={3}
-                    placeholder="Bölge açıklaması..."
-                    disabled={mode === 'view'}
-                    component={Input}
-                  />
-                </FormItem>
-
-                {/* Zone Type */}
-                <FormItem label="Bölge Tipi">
-                  <Field name="zoneType">
-                    {({ field, form }: FieldProps<ZoneTypeEnum>) => (
-                      <Select
-                        field={field}
-                        form={form}
-                        isClearable={false}
-                        isDisabled={mode === 'view'}
-                        options={Object.values(ZoneTypeEnum).map((t) => ({
-                          value: t,
-                          label: getZoneTypeText(t),
-                        }))}
-                        value={Object.values(ZoneTypeEnum)
-                          .map((t) => ({
-                            value: t,
-                            label: getZoneTypeText(t),
-                          }))
-                          .find((opt) => opt.value === values.zoneType)}
-                        onChange={(option) => form.setFieldValue(field.name, option?.value)}
-                      />
-                    )}
-                  </Field>
-                </FormItem>
-
-                {/* Temperature + Humidity */}
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  <FormItem
-                    label="Sıcaklık (°C)"
-                    invalid={!!(errors.temperature && touched.temperature)}
-                    errorMessage={errors.temperature}
-                  >
-                    <Field
-                      name="temperature"
-                      type="number"
-                      placeholder="20"
-                      min={-50}
-                      max={100}
-                      step={0.1}
-                      disabled={mode === 'view'}
-                      component={Input}
-                    />
-                  </FormItem>
-
-                  <FormItem
-                    label="Nem (%)"
-                    invalid={!!(errors.humidity && touched.humidity)}
-                    errorMessage={errors.humidity}
-                  >
-                    <Field
-                      name="humidity"
-                      type="number"
-                      placeholder="45"
-                      min={0}
-                      max={100}
-                      step={0.1}
-                      disabled={mode === 'view'}
-                      component={Input}
-                    />
-                  </FormItem>
-                </div>
-
-                {/* Status */}
-                <FormItem>
-                  <Field
-                    name="isActive"
-                    type="checkbox"
-                    component={Checkbox}
-                    disabled={mode === 'view'}
-                  >
-                    Aktif
-                  </Field>
-                </FormItem>
-
-                {/* Warehouse Info (view mode) */}
-                {mode === 'view' && selectedWarehouse && (
-                  <div className="bg-gray-50 rounded-lg p-3">
-                    <h4 className="text-sm font-medium text-gray-900 mb-2">Depo Bilgileri</h4>
-                    <div className="text-sm text-gray-600">
-                      <p>
-                        <strong>Depo:</strong> {selectedWarehouse.name}
-                      </p>
-                      <p>
-                        <strong>Kod:</strong> {selectedWarehouse.code}
-                      </p>
-                      <p>
-                        <strong>Adres:</strong> {selectedWarehouse.address?.city},{' '}
-                        {selectedWarehouse.address?.state}
-                      </p>
-                    </div>
-                  </div>
-                )}
-
-                {/* Buttons */}
-                <div className="flex justify-end gap-2 pt-4 border-t border-gray-200">
-                  <Button type="button" onClick={onClose} variant="default" disabled={isSubmitting}>
-                    {mode === 'view' ? 'Kapat' : 'İptal'}
-                  </Button>
-                  {mode !== 'view' && (
-                    <Button
-                      type="submit"
-                      variant="solid"
-                      color="blue-600"
-                      loading={isSubmitting}
-                      icon={<FaSave className="w-4 h-4" />}
-                    >
-                      {mode === 'create' ? 'Oluştur' : 'Güncelle'}
-                    </Button>
-                  )}
-                </div>
-              </FormContainer>
-            </Form>
-          )}
-        </Formik>
-      </div>
-    </div>
-  )
-}
-
-export default ZoneModal
diff --git a/ui/src/views/warehouse/components/modals/index.ts b/ui/src/views/warehouse/components/modals/index.ts
deleted file mode 100644
index ff96572f..00000000
--- a/ui/src/views/warehouse/components/modals/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as WarehouseModal } from './WarehouseModal';
-export { default as ZoneModal } from './ZoneModal';
-export { default as LocationModal } from './LocationModal';