tested

frontend/src/routes/migration/mappings/+page.svelte

@@ -12,6 +12,7 @@
 <script lang="ts">
   // [SECTION: IMPORTS]
   import { onMount } from 'svelte';
+  import { api } from '../../../lib/api.js';
   import EnvSelector from '../../../components/EnvSelector.svelte';
   import MappingTable from '../../../components/MappingTable.svelte';
   import { t } from '$lib/i18n';
@@ -38,9 +39,7 @@
   // @POST: environments array is populated.
   async function fetchEnvironments() {
     try {
-      const response = await fetch('/api/environments');
-      if (!response.ok) throw new Error('Failed to fetch environments');
-      environments = await response.json();
+      environments = await api.getEnvironmentsList();
     } catch (e) {
       error = e.message;
     } finally {
@@ -64,23 +63,17 @@
     success = "";
     
     try {
-      const [srcRes, tgtRes, mapRes, sugRes] = await Promise.all([
-        fetch(`/api/environments/${sourceEnvId}/databases`),
-        fetch(`/api/environments/${targetEnvId}/databases`),
-        fetch(`/api/mappings?source_env_id=${sourceEnvId}&target_env_id=${targetEnvId}`),
-        fetch(`/api/mappings/suggest`, {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ source_env_id: sourceEnvId, target_env_id: targetEnvId })
-        })
+      const [src, tgt, maps, sugs] = await Promise.all([
+        api.requestApi(`/environments/${sourceEnvId}/databases`),
+        api.requestApi(`/environments/${targetEnvId}/databases`),
+        api.requestApi(`/mappings?source_env_id=${sourceEnvId}&target_env_id=${targetEnvId}`),
+        api.postApi(`/mappings/suggest`, { source_env_id: sourceEnvId, target_env_id: targetEnvId })
       ]);
 
-      if (!srcRes.ok || !tgtRes.ok) throw new Error('Failed to fetch databases from environments');
-      
-      sourceDatabases = await srcRes.json();
-      targetDatabases = await tgtRes.json();
-      mappings = await mapRes.json();
-      suggestions = await sugRes.json();
+      sourceDatabases = src;
+      targetDatabases = tgt;
+      mappings = maps;
+      suggestions = sugs;
     } catch (e) {
       error = e.message;
     } finally {
@@ -103,22 +96,15 @@
     if (!sDb || !tDb) return;
 
     try {
-      const response = await fetch('/api/mappings', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          source_env_id: sourceEnvId,
-          target_env_id: targetEnvId,
-          source_db_uuid: sourceUuid,
-          target_db_uuid: targetUuid,
-          source_db_name: sDb.database_name,
-          target_db_name: tDb.database_name
-        })
+      const savedMapping = await api.postApi('/mappings', {
+        source_env_id: sourceEnvId,
+        target_env_id: targetEnvId,
+        source_db_uuid: sourceUuid,
+        target_db_uuid: targetUuid,
+        source_db_name: sDb.database_name,
+        target_db_name: tDb.database_name
       });
 
-      if (!response.ok) throw new Error('Failed to save mapping');
-      
-      const savedMapping = await response.json();
       mappings = [...mappings.filter(m => m.source_db_uuid !== sourceUuid), savedMapping];
       success = "Mapping saved successfully";
     } catch (e) {