tested

frontend/src/services/connectionService.js

@@ -2,7 +2,9 @@
  * Service for interacting with the Connection Management API.
  */
 
-const API_BASE = '/api/settings/connections';
+import { requestApi } from '../lib/api';
+
+const API_BASE = '/settings/connections';
 
 // [DEF:getConnections:Function]
 /* @PURPOSE: Fetch a list of saved connections.
@@ -14,11 +16,7 @@ const API_BASE = '/api/settings/connections';
  * @returns {Promise<Array>} List of connections.
  */
 export async function getConnections() {
-    const response = await fetch(API_BASE);
-    if (!response.ok) {
-        throw new Error(`Failed to fetch connections: ${response.statusText}`);
-    }
-    return await response.json();
+    return requestApi(API_BASE);
 }
 // [/DEF:getConnections:Function]
 
@@ -33,19 +31,7 @@ export async function getConnections() {
  * @returns {Promise<Object>} The created connection instance.
  */
 export async function createConnection(connectionData) {
-    const response = await fetch(API_BASE, {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(connectionData)
-    });
-
-    if (!response.ok) {
-        const errorData = await response.json().catch(() => ({}));
-        throw new Error(errorData.detail || `Failed to create connection: ${response.statusText}`);
-    }
-    return await response.json();
+    return requestApi(API_BASE, 'POST', connectionData);
 }
 // [/DEF:createConnection:Function]
 
@@ -59,12 +45,6 @@ export async function createConnection(connectionData) {
  * @param {string} connectionId - The ID of the connection to delete.
  */
 export async function deleteConnection(connectionId) {
-    const response = await fetch(`${API_BASE}/${connectionId}`, {
-        method: 'DELETE'
-    });
-
-    if (!response.ok) {
-        throw new Error(`Failed to delete connection: ${response.statusText}`);
-    }
+    return requestApi(`${API_BASE}/${connectionId}`, 'DELETE');
 }
 // [/DEF:deleteConnection:Function]