Long fleet name isn't handled across the Fleets UI: no char limit, table overflow, wrapped header actions, modal overflow

[Brajim20]

Fleet versions

• Discovered: v4.86.0
• Reproduced: Live on a running instance (4.87.0-rc, branch rc-minor-fleet-v4.87.0) via an automated Playwright test

Web browser and operating system: Chromium (Playwright) on macOS, 1280px viewport

---

💥 Actual behavior

A fleet (team) name has no client-side character limit, and long names are not handled gracefully in several places in the Fleets UI. Four distinct manifestations, all verified:

1. No character limit on the fleet name input.
The "Create fleet" / "Rename fleet" name input has no maxLength (DOM maxLength = -1). teams.name is varchar(255) with no service-layer length check, so a name >255 chars fails with a raw backend "Data too long" error (same pattern as the policy/report name fields).

2. Settings → Fleets table: long name overflows into the Hosts/Users columns.
The Name cell neither wraps nor truncates — a long name renders as a ~1976px-wide string that runs straight across the Hosts and Users columns (overlapping their values) and off the right edge. Reproduces with names that contain spaces too (not just unbroken strings).

3. Fleet detail page (/settings/fleets/settings?fleet_id=…): header action controls wrap.
The name heading truncates with … (good), but the right-side header actions "Manage enroll secrets", "Rename fleet", and "Delete fleet" wrap onto two lines. Confirmed caused by the long name: with a short-named fleet ("Workstations") those same controls stay on a single line.

4. "Manage enroll secrets" modal: long name overflows the modal.
In the modal body ("Use these secret(s) to enroll hosts to "), a long name breaks once then overflows the modal's right edge, spilling outside the modal box instead of wrapping within it (missing word-break/overflow-wrap).

### 🛠️ To fix TODO

🧑‍💻 Steps to reproduce

These steps:

• Have been confirmed to consistently lead to reproduction (automated Playwright test against a live instance).
• Describe the workflow that led to the error, but have not yet been reproduced in multiple Fleet instances.

1. Create a fleet with a long name (e.g. ~248 chars; the input accepts any length).
2. Settings → Fleets: observe the name overflow across the Hosts and Users columns.
3. Open the fleet (Settings → Fleets → → Settings): the name truncates with …, but "Manage enroll secrets / Rename fleet / Delete fleet" wrap to two lines.
4. Click Manage enroll secrets: the fleet name in the modal body overflows the modal's right edge.
5. (Also reachable from the Hosts page: select the fleet → open the Manage enroll secret modal — same modal, same overflow.)

🕯️ More info (optional)

• frontend/pages/admin/TeamManagementPage/components/CreateTeamModal/CreateTeamModal.tsx (and RenameTeamModal) — name InputField has no maxLength.
• Backend teams.name is varchar(255) (no length validation beyond reserved-name checks).
• Same root family as the policy/report name issues (no FE char limit) and the details-page overflow issues (long user-supplied strings lack wrap/truncate handling).
• Reproduces on a naturally-occurring long-named fleet already present on the instance, not just synthetic test data.

[MagnusHJensen]

@Brajim20 Should this have been moved straight to the software board as a released bug? If so, it's missing a sprint, so I'll assume it will fall a bit through the cracks (at least until moving to the kanban board)

Just wanted to complement, that the backend should also keep a length validation, as we today "leak" the DB error.
Error 1406 (22001): Data too long for column 'name' at row 1

So not entirely frontend only.

[Brajim20]

settings/users/new/human