Summary
The Endpoints table shows the OS as plain text ({e.platform ?? "-"}). A small platform badge/icon makes the table much easier to scan across mixed fleets.
Where
ui/src/pages/Endpoints.tsx:
<td className="muted">{e.platform ?? "-"}</td>There are existing badge components in ui/src/components/ui.tsx (e.g. EndpointBadge) to model the style on.
What to do
- Add a small
PlatformBadge/icon in ui/src/components/ui.tsx mapping platform strings (darwin/macos, linux, windows) to an icon (lucide is already a dep) or a styled tag.
- Use it in
Endpoints.tsx (and optionally EndpointDetail.tsx).
- Fall back to the plain text (or "-") for unknown/missing platforms.
Acceptance
- Endpoints list shows a platform badge/icon; unknown values fall back gracefully;
npm run build passes.
Good first issue — presentational only, no API/logic changes.
Summary
The Endpoints table shows the OS as plain text (
{e.platform ?? "-"}). A small platform badge/icon makes the table much easier to scan across mixed fleets.Where
ui/src/pages/Endpoints.tsx:There are existing badge components in
ui/src/components/ui.tsx(e.g.EndpointBadge) to model the style on.What to do
PlatformBadge/icon inui/src/components/ui.tsxmapping platform strings (darwin/macos,linux,windows) to an icon (lucide is already a dep) or a styled tag.Endpoints.tsx(and optionallyEndpointDetail.tsx).Acceptance
npm run buildpasses.Good first issue — presentational only, no API/logic changes.