function sparkProjectList() {
    apiGet('/spark/project_list')
        .then(data => {
            const body = document.getElementById('spark-body');
            body.innerHTML = '';

            if (data && Array.isArray(data.projects) && data.projects.length > 0) {
                data.projects.forEach(proj => {
                    const row = document.createElement('tr');

                    row.innerHTML = `
                        <td>${proj.project_name}</td>
                        <td>${proj.version}</td>
                        <td>${proj.enabled ? '🟢' : '🔴'}</td>
                        <td>${getStatusIcon(proj.status)} ${proj.status}</td>
                        <td>${proj.last_accessed}</td>
                    `;
                    body.appendChild(row);
                });
            } else {
                const row = document.createElement('tr');
                row.innerHTML = `<td colspan="5" class="text-danger">⚠️ Failed to load Spark project list or no projects available.</td>`;
                body.appendChild(row);
            }
        })
        .catch(err => {
            console.error(err);
            const body = document.getElementById('spark-body');
            body.innerHTML = '';
            const row = document.createElement('tr');
            row.innerHTML = `<td colspan="5" class="text-danger">❌ Error connecting to Spark service.</td>`;
            body.appendChild(row);
        });
}

function getStatusIcon(status) {
    if (status === 'loading') return '⚙️';
    if (status === 'ready') return '✅';
    if (status === 'error') return '❌';
    return 'ℹ️';
}