feat(docker): Busiest Containers shows each figure with its scale; readable names (#5253)

The widget names the busiest container in a verdict ("Busiest: tdarr on
VDNT-Docker03, 1.6 of 8 cores."), then a fixed-layout table (container,
host, CPU in cores, memory in bytes) with each figure's share drawn as
shading behind it: of the host's cores, and of the memory limit or the
host's memory.

The numbers were already rendered, but each row grew as wide as its longest
name. A grid item won't shrink below its content, so Gitea CI container
names pushed the figures out of view and the cell scrolled sideways. Names
now come from display_name(): a swarm task by its service (no slot number),
an Actions job container as "CI: <workflow> · <job>". They cut off with …
and show whole on hover.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

tests/plugins/docker/test_docker_page.py

@@ -208,3 +208,33 @@ async def test_the_services_widget_says_when_all_is_well(app):
                                   healthy=[{"kind": "service", "s": _widget_svc("a")}])
     assert "2/2 services healthy" in page and "nothing failed in 24h" in page and "tone-ok" in page
     assert "Needs a look" not in page and "Failed in the last 24h" not in page
+
+
+def test_a_container_reads_by_its_service_or_ci_job():
+    """#5253: no task id, no slot number, no forty-character CI container name."""
+    assert svc.display_name(_c("scribe_app.1.x7q", service_name="scribe_app")) == "scribe_app"
+    ci = "GITEA-ACTIONS-TASK-32792-WORKFLOW-Desktop-Tauri-JOB-verify-Web-d718b95dad0b02ad3cc1"
+    assert svc.display_name(_c(ci)) == "CI: Desktop-Tauri · verify-Web"
+    assert svc.display_name(_c("portainer_agent")) == "portainer_agent"
+
+
+async def test_busiest_containers_show_the_number_with_its_scale(app):
+    """#5253: every bar has its figure; the widget names the busiest."""
+    rows = [
+        {"c": _c("GITEA-ACTIONS-TASK-1-WORKFLOW-Android-JOB-build-0123456789abcdef0"),
+         "label": "CI: Android · build", "host_name": "VDNT-Docker03",
+         "usage": {"cores": 1.62, "cpus": 8, "cpu_share": 20.25, "mem_bytes": 820 * 2**20,
+                   "mem_pct": 5.0, "mem_of": "the host's memory", "mem_limit": None}},
+        {"c": _c("tdarr"), "label": "tdarr", "host_name": "VDNT-Docker03",
+         "usage": {"cores": 0.25, "cpus": 8, "cpu_share": 3.1, "mem_bytes": None,
+                   "mem_pct": None, "mem_of": None, "mem_limit": None}},
+    ]
+    async with app.test_request_context("/plugins/docker/widget/resources"):
+        page = await render_plugin_template(app, "docker", "docker/widget_resources.html",
+                                            rows=rows, minutes=5, widget_id="1")
+    assert "Busiest: <strong>CI: Android · build</strong> on VDNT-Docker03" in page and "1.6 of 8 cores" in page
+    assert ">1.6 cores<" in page and ">0.25 cores<" in page and ">820.0 MiB<" in page
+    assert "--pct:20.25%" in page and ">—<" in page
+    assert page.count("<th") == 4
+    assert ">CI: Android · build<" in page        # the long CI name only as the hover title
+    assert not hex_colours(page), hex_colours(page)