From 9e54f5beb5c5c528b55af67f7237121e5e5234dd Mon Sep 17 00:00:00 2001
From: Andy Aylward <andy@eggsample.net>
Date: Tue, 1 Sep 2026 20:44:55 -0400
Subject: [PATCH] stats: let long agent names wrap inside the host detail

The detail tables sit inside the host table, whose td rule is nowrap and
outranked the wrapper's override, so a long name pushed the column into
its neighbour.
---
 .../components/StatsDashboard.module.css      | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/apps/stats/components/StatsDashboard.module.css b/src/apps/stats/components/StatsDashboard.module.css
index 8d1b9ba..bd1aa6d 100644
--- a/src/apps/stats/components/StatsDashboard.module.css
+++ b/src/apps/stats/components/StatsDashboard.module.css
@@ -33,9 +33,6 @@
 .detailCell {
   padding: 0 !important;
   background: rgba(255, 255, 255, 0.02);
-  /* The outer table's cells are nowrap; the detail is prose-shaped and
-     must wrap, or a long agent token pushes the host table sideways. */
-  white-space: normal;
 }
 
 .detailGrid {
@@ -45,6 +42,12 @@
   padding: 16px 24px 20px;
 }
 
+/* Grid items default to min-width:auto, which lets a wide inner table
+   grow the column into its neighbour instead of wrapping. */
+.detailGrid > div {
+  min-width: 0;
+}
+
 .detailTitle {
   font-size: 0.8rem;
   font-weight: 500;
@@ -60,20 +63,25 @@
   font-size: 0.8rem;
 }
 
-.detailTable td {
+/* These cells sit inside the host table, whose `.containerTable td` rule
+   is nowrap; the selector here outranks it so names can wrap while the
+   numbers still cannot. */
+.detailCell .detailTable td {
   padding: 4px 8px 4px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
   vertical-align: top;
+  white-space: normal;
 }
 
-.detailTable td:not(:first-child) {
+.detailCell .detailTable td:not(:first-child) {
   text-align: right;
   white-space: nowrap;
+  width: 1%;
 }
 
 .agentName {
   font-family: 'JetBrains Mono', 'Fira Code', monospace;
-  word-break: break-all;
+  overflow-wrap: anywhere;
 }
 
 .none {