+ ClusterCanvas
+ Dashboard for Proxmox VMs and LXC containers.
+
+ {healthStatus ? (
+ Service health: {healthStatus}
+ ) : null}
+ {errorMessage ? (
+ Health check failed: {errorMessage}
+ ) : null}
+
+ )
+}
+
+export default App
diff --git a/webui/src/api/client.test.ts b/webui/src/api/client.test.ts
new file mode 100644
index 0000000..f75cf42
--- /dev/null
+++ b/webui/src/api/client.test.ts
@@ -0,0 +1,38 @@
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { fetchHealth, getApiBaseUrl } from './client'
+
+describe('getApiBaseUrl', () => {
+ it('defaults to localhost:8080 when unset', () => {
+ expect(getApiBaseUrl()).toBe('http://localhost:8080')
+ })
+})
+
+describe('fetchHealth', () => {
+ afterEach(() => {
+ vi.restoreAllMocks()
+ })
+
+ it('returns parsed health payload', async () => {
+ const fetchMock = vi.fn().mockResolvedValue({
+ ok: true,
+ json: async () => ({ status: 'ok' }),
+ })
+
+ const health = await fetchHealth(fetchMock)
+
+ expect(fetchMock).toHaveBeenCalledWith('http://localhost:8080/health')
+ expect(health).toEqual({ status: 'ok' })
+ })
+
+ it('throws when the response is not ok', async () => {
+ const fetchMock = vi.fn().mockResolvedValue({
+ ok: false,
+ status: 503,
+ json: async () => ({}),
+ })
+
+ await expect(fetchHealth(fetchMock)).rejects.toThrow(
+ 'health check failed: 503',
+ )
+ })
+})
diff --git a/webui/src/api/client.ts b/webui/src/api/client.ts
new file mode 100644
index 0000000..de23654
--- /dev/null
+++ b/webui/src/api/client.ts
@@ -0,0 +1,17 @@
+export type HealthResponse = {
+ status: string
+}
+
+export function getApiBaseUrl(): string {
+ return import.meta.env.VITE_API_BASE_URL ?? 'http://localhost:8080'
+}
+
+export async function fetchHealth(
+ fetchImpl: typeof fetch = fetch,
+): Promise