Console: Fleet table and a page per worker #766

Part of #756.

Scope

Fleet becomes a table of workers, and each worker gets its own page with tabs. A device on that page opens in the drawer. After this PR an operator reads every worker's state, slots and load in one table, opens a worker's page, and shares the address of a single device on it.

In short

/fleet is a table with the figures today's Workers list shows, in the same words. Each row has:

• the worker's name (its label, else its id) and, under it, its system (<os> <osVersion>, e.g. macOS 26.1, today's text, ui/src/model/worker-page.ts:399-401);
• its state word, the worst finding as today's row shows it (e.g. drained, disk 91%);
• its slots: today's Slots group, a square per slot up to the limit, with one accessible label for the group, unchanged (ui/src/ds/slots.tsx);
• its use, running of limit per platform as today (— for a worker not read);
• CPU, memory and disk with today's meters.

Above the table, the toolbar has the chips All, Issues and Busy on the left (today's filters) and a search box on the right. The search matches, ignoring case, any part of the worker's name, id or system, and is kept in the address as ?q=.

Clicking a row opens the worker page /fleet/<workerId>:

• The header shows the worker's name, its state word and its system.
• A banner shows when the worker is disconnected ("Disconnected · last seen ago", with today's duration text, e.g. "4 s" or "12 min", ui/src/model/attention.ts:197) or drained ("Drained").
• Above the tabs, today's Overview tab content keeps its look: the load meters with memory pressure, the capacity card per platform with the slot legend, and the leases card.
• The tabs are Devices (today's devices table), Warm pool, Host and Events, with the tab in ?tab=. A starting worker has no Warm pool tab and its Devices tab says devices appear once startup finishes, as today.

A row under Devices opens the drawer at /fleet/<workerId>/<deviceId>. Closing it goes back to /fleet/<workerId>, keeping ?tab=devices, and focus returns to the row. The drawer shows the model, runtime, state word, and the holder and lease when leased. It shows the UDID only when the console has it: for a leased device from its lease, for a physical device from the worker view. It never shows a blank UDID field.

The Events tab lists the events the console holds for that worker: on a gateway those whose payload.workerId is this worker; on a single host all of them, since every event is the host's own. The console learns which it talks to from daemon.mode: this task adds the mode read of ADR 0037 §4 (ui/src/data/mode.ts, read after sign-in and after each reconnect), which #769 reuses for the worker actions. Until the read succeeds, the tab uses the gateway rule. With none, it says "No events for this worker in the last hour."

• Issues: a worker with any finding under today's worker-health rule, unchanged (ui/src/model/fleet.ts:17-50): a lost connection, failed health, drained, starting, over its RAM budget, memory pressure warn or critical, or CPU, disk, or memory without a pressure reading, at 85% or more. For example, a drained worker, or one at 91% disk.

flowchart LR
  A[/fleet table/] -->|row| B["/fleet/<id> worker page (new)"]
  B -->|Devices row| C["/fleet/<id>/<deviceId> drawer (new)"]
  B --> D[tabs: Devices, Warm pool, Host, Events]

If this goes wrong, a person cannot find a worker's warm pool or host facts, which today sit in the inspector's tabs.

Technical spec

Facts

Modules touched

Searches: WorkersScreen, WorkerTab, workerInspector, workerPath, useWorkers, "Workers" in e2e/console.

• ui/src/screens/workers/ (renamed fleet/): the table, the worker page and the device drawer.
• ui/src/state/workers.ts: table rows, worker page, tab from ?tab=.
• ui/src/model/worker-page.ts, ui/src/model/workers.ts: WorkerTab becomes devices | warm-pool | host | events; device detail for the drawer; issue rule reused from fleet.ts.
• ui/src/app/routes.ts: /fleet matches the worker page and the device drawer.
• ui/src/model/events.ts: the single-host rule for a worker's events.
• ui/src/data/mode.ts (new), ui/src/main.tsx, ui/src/state/services.tsx: the mode read, wired to the session and the live connection, and useDaemonMode for state.
• e2e/console/workers.spec.ts, workers-gateway-stops-mid-fetch.spec.ts, long-lists.spec.ts, views.spec.ts.
• docs/CONSOLE.md (the Workers section becomes Fleet), ui/AGENTS.md (Pages).

flowchart LR
  routes["app/routes (changed)"] --> fleet["screens/fleet (changed)"]
  fleet --> st["state/workers (changed)"]
  fleet --> ds["ds: DataTable, Drawer, Toolbar, Tabs"]
  st --> m["model/worker-page, workers (changed)"]

Contract and event changes

None. The page reads GET /v1/workers as today.

Other code on the same state

The state is the address and ?tab=. Searches: setSearch(, usePaging(, useSearch(.

• Paging uses page and size. The tab uses tab. They do not collide.
• Console: release, cancel, drain, undrain and remove from the console #769 adds actions to this page's header and rows. It reads the same worker views and writes nothing to the address but the drawer's.

Failure modes

Rules in play

• ADR 0037 §2, "A worker is a container": its own page at /fleet/<id>, with devices in the drawer.
• ADR 0012 §1: on a single host the table has one row, the host itself. The page works the same.
• DESIGN.md "A status always has a word": the state column shows the daemon's word; device squares keep their words as accessible names.
• ui/AGENTS.md "Colour is never the only signal".

Tests

Seam: the browser lane with startFleet (e2e/console/workers.spec.ts). The pure rules (issue filter, tab parsing) run in Node beside ui/src/model/workers.test.ts.

• the Fleet table lists every worker with its name, system, state word, today's slots group and its label, running of limit (— when not read), and CPU, memory and disk (extend workers.spec.ts)
• the Issues chip shows only workers with a health or load finding: a drained worker and a disconnected one show, a healthy one does not (fleet.test.ts cases plus one browser line); Busy works as today (existing workers.spec.ts:384)
• the search box filters by any part of the worker's name, id or system, ignoring case, keeps ?q=, and clearing it brings every row back
• clicking a row opens /fleet/<id> with the worker's name as the page heading, its state word and system beside it, and the Devices tab selected
• the worker page shows today's load meters, capacity cards with the slot legend, and leases card above the tabs (move workers.spec.ts:554,569,608,679)
• each tab (Devices, Warm pool, Host, Events) shows its content, sets ?tab=, and survives a reload
• ?tab= with an unknown value shows Devices (model test)
• a disconnected worker's page shows the banner "Disconnected · last seen … ago"; a drained worker's shows "Drained"
• an incompatible worker's Devices tab says "No devices: the gateway cannot read this worker." (extend the incompatible case at workers.spec.ts:324)
• ?tab=warm-pool on a starting worker shows Devices (model test)
• data/mode.ts keeps gateway or worker after a good read, keeps none after a failed one, and reads again after a reconnect (data test with a fake fetch)
• a starting worker has no Warm pool tab and says its devices appear once startup finishes (as today)
• a Devices row opens the drawer at /fleet/<id>/<deviceId> with the device's model, runtime, state word, and holder and lease when leased; a leased device shows its UDID and an unleased simulator shows no UDID field
• closing the device drawer returns to /fleet/<id>?tab=devices with focus on the row
• on a gateway the Events tab lists only that worker's events; on a single host it lists all; with none it says "No events for this worker in the last hour."
• an unknown worker id shows "This worker is not in the fleet." and a link to Fleet; an unknown device id shows "This device is gone."
• on a single host Fleet shows one row, the host, and its page works (extend workers.spec.ts's worker-mode case)
• axe passes on Fleet, a worker page and a device drawer, in light and dark; no <style> element or CSP violation on them (extend views.spec.ts)

Done when

• pnpm test:console --project=chromium passes, and CI's Console check passes in every browser.

Out of scope

• Drain, undrain, remove and every other action (Console: release, cancel, drain, undrain and remove from the console #769).

Depends on

• Console: grouped sidebar, renamed pages, Base UI and the drawer, starting with Leases #765

Written by an agent.