Files
LocalAI/core/http/react-ui/e2e/nodes-roster.spec.js
T
localai-org-maint-botandEttore Di Giacinto c0b7e64973 feat(ui): show running models and host gauges on single-node installs (#12189)
On a single-node install nothing in Operate listed the models loaded on
this machine or let an admin stop one. The System page that did was
retired in #11548, and its replacements (the Nodes workbench) only work
in distributed mode. The Nodes page also mis-detected single-node mode:
the cluster routes are not registered there, so /api/nodes answers 404,
but only 503 was treated as "distributed off", which sent every
single-node install to the empty worker-registration card. The rail hid
the entry anyway.

Nodes route on a single node becomes "This machine":
- the Nodes page's VRAM / RAM / CPU / models-disk gauges, fed from this
  host by mapping /api/resources onto the worker heartbeat fields
- a memory bar splitting host RAM by running model
- a running-models table (backend, RSS, CPU share, uptime, PID) with
  search, sorting, logs and a confirmed Stop
- the distributed setup behind an "Add machines" button

The Operate overview gains a "Running now" preview (heaviest five, with
Stop) on single node and a pointer to Nodes > Running models on a
cluster. The rail shows "This machine" in Runtime with a running count.

Backend, additive only:
- /system: each loaded model carries a `process` block (pid, rss_bytes,
  memory_percent, cpu_percent, started_at). A sampler keeps one gopsutil
  handle per PID so CPU is the share since the previous poll rather than
  the lifetime average; it is omitted on the first reading.
- /api/resources: host `cpu` and models-path `disk`, the same readings
  workers send in their heartbeat.

Also fixes the fleet tables widening the page on phones: the headers'
absolutely positioned sr-only labels escaped the scroll wrapper.

Assisted-by: Claude:claude-opus-5 [Playwright]

Signed-off-by: Ettore Di Giacinto <mudler@localai.io>
Co-authored-by: Ettore Di Giacinto <mudler@localai.io>
2026-09-21 19:12:35 +02:00

46 lines
2.4 KiB
JavaScript

import { test, expect } from './coverage-fixtures.js'
async function mockCluster(page, nodes) {
await page.route('**/api/nodes', route => route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(nodes) }))
}
test.describe('Nodes fleet roster', () => {
test('uses the fleet response without prefetching models or backends', async ({ page }) => {
const requests = []
page.on('request', request => requests.push(request.url()))
await mockCluster(page, [
{ id: 'n1', name: 'alpha', node_type: 'backend', address: '10.0.0.1:50051', status: 'healthy', model_count: 3 },
{ id: 'a1', name: 'agent-1', node_type: 'agent', address: '10.0.0.9:50051', status: 'draining', model_count: 0 },
])
await page.goto('/app/nodes')
await expect(page.getByRole('table', { name: 'Fleet nodes' })).toBeVisible({ timeout: 15_000 })
await expect(page.getByRole('tab', { name: 'Nodes' })).toHaveAttribute('aria-selected', 'true')
await page.getByRole('tab', { name: 'Nodes' }).click()
await expect(page.getByRole('row', { name: /alpha/ })).toContainText('3')
expect(requests.some(url => url.includes('/api/nodes/models'))).toBe(false)
expect(requests.some(url => /\/api\/nodes\/[^/]+\/backends/.test(url))).toBe(false)
})
test('preserves the empty worker setup experience', async ({ page }) => {
await mockCluster(page, [])
await page.goto('/app/nodes')
await expect(page.getByText('No workers registered yet')).toBeVisible({ timeout: 15_000 })
})
// A single-node server does not register the cluster routes at all, so the
// real answer is 404; 503 is what they say when mounted without a registry.
// Either way the page is about this host, with the distributed setup one
// click away rather than the whole page.
for (const status of [404, 503]) {
test(`shows this machine when the cluster API answers ${status}`, async ({ page }) => {
await page.route('**/api/nodes', route => route.fulfill({ status, body: 'unavailable' }))
await page.goto('/app/nodes')
await expect(page.getByTestId('local-machine')).toBeVisible({ timeout: 15_000 })
await expect(page.getByText('No workers registered yet')).toHaveCount(0)
await expect(page.getByTestId('scale-out')).toHaveCount(0)
await page.getByRole('button', { name: 'Add machines' }).click()
await expect(page.getByTestId('scale-out')).toContainText('Distributed mode is not enabled')
})
}
})