diff --git a/dashboard/js/api.js b/dashboard/js/api.js
new file mode 100644
index 0000000..20b0f1f
--- /dev/null
+++ b/dashboard/js/api.js
@@ -0,0 +1,38 @@
+const API = (() => {
+    const BASE = '';  // même origine, proxy Nginx vers le serveur Go
+
+    async function get(path) {
+        const r = await fetch(BASE + path);
+        if (!r.ok) throw new Error(`GET ${path}: ${r.status}`);
+        return r.json();
+    }
+
+    async function put(path, body) {
+        const r = await fetch(BASE + path, {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(body),
+        });
+        if (!r.ok) throw new Error(`PUT ${path}: ${r.status}`);
+    }
+
+    async function postForm(path, formData) {
+        const r = await fetch(BASE + path, { method: 'POST', body: formData });
+        if (!r.ok) throw new Error(`POST ${path}: ${r.status}`);
+    }
+
+    return {
+        getAgents:        () => get('/api/agents'),
+        getAgentHistory:  (id, from, to) => get(`/api/agents/${id}/history?from=${from}&to=${to}`),
+        getAgentConfig:   (id) => get(`/api/agents/${id}/config`),
+        putAgentConfig:   (id, cfg) => put(`/api/agents/${id}/config`, cfg),
+        getServerConfig:  () => get('/api/config'),
+        putServerConfig:  (cfg) => put('/api/config', cfg),
+        uploadIcon:       (id, file) => {
+            const fd = new FormData();
+            fd.append('icon', file);
+            return postForm(`/api/agents/${id}/icon`, fd);
+        },
+        iconUrl:          (id) => `/api/agents/${id}/icon`,
+    };
+})();