Restructure metrics table layout and consolidate errors

Changes:
- Restored original first row layout (Active Connections/Request Count and Cleaned Sessions/Requests per Minute)
- Moved Unique IPs to second row alongside consolidated errors
- Combined Client/Server Errors into single "4xx/5xx" format (e.g., "123/45")
- Applied consistent layout to both StatefulTransportMetrics and StatelessTransportMetrics

This improves readability by grouping related metrics and reducing vertical space.

Author: claude

packages/app/src/web/components/StatefulTransportMetrics.tsx

@@ -255,15 +255,19 @@ export function StatefulTransportMetrics({ metrics }: StatefulTransportMetricsPr
 							<TableRow>
 								<TableCell className="font-medium text-sm">Total Connections</TableCell>
 								<TableCell className="text-sm font-mono">{metrics.connections.total}</TableCell>
-								<TableCell className="font-medium text-sm">Unique IPs</TableCell>
-								<TableCell className="text-sm font-mono">{metrics.connections.uniqueIps ?? 0}</TableCell>
-							</TableRow>
-							<TableRow>
 								<TableCell className="font-medium text-sm">Requests per Minute (tot/3hr/hr)</TableCell>
-								<TableCell className="text-sm font-mono" colSpan={3}>
+								<TableCell className="text-sm font-mono">
 									{metrics.requests.averagePerMinute}/{metrics.requests.last3Hours}/{metrics.requests.lastHour}
 								</TableCell>
 							</TableRow>
+							<TableRow>
+								<TableCell className="font-medium text-sm">Unique IPs</TableCell>
+								<TableCell className="text-sm font-mono">{metrics.connections.uniqueIps ?? 0}</TableCell>
+								<TableCell className="font-medium text-sm">Client/Server Errors (4xx/5xx)</TableCell>
+								<TableCell className="text-sm font-mono">
+									{metrics.errors.expected}/{metrics.errors.unexpected}
+								</TableCell>
+							</TableRow>
 							{metrics.sessionLifecycle && (
 								<TableRow>
 									<TableCell className="font-medium text-sm">Sessions New/Res-fail/Del</TableCell>
@@ -272,12 +276,6 @@ export function StatefulTransportMetrics({ metrics }: StatefulTransportMetricsPr
 									</TableCell>
 								</TableRow>
 							)}
-							<TableRow>
-								<TableCell className="font-medium text-sm">Client Errors (4xx)</TableCell>
-								<TableCell className="text-sm font-mono">{metrics.errors.expected}</TableCell>
-								<TableCell className="font-medium text-sm">Server Errors (5xx)</TableCell>
-								<TableCell className="text-sm font-mono">{metrics.errors.unexpected}</TableCell>
-							</TableRow>
 							{metrics.pings && (
 								<TableRow>
 									<TableCell className="font-medium text-sm">Pings Sent</TableCell>

packages/app/src/web/components/StatelessTransportMetrics.tsx

@@ -174,20 +174,18 @@ export function StatelessTransportMetrics({ metrics }: StatelessTransportMetrics
 							<TableRow>
 								<TableCell className="font-medium text-sm">Request Count (MCP)</TableCell>
 								<TableCell className="text-sm font-mono">{metrics.connections.total}</TableCell>
-								<TableCell className="font-medium text-sm">Unique IPs</TableCell>
-								<TableCell className="text-sm font-mono">{metrics.connections.uniqueIps ?? 0}</TableCell>
-							</TableRow>
-							<TableRow>
 								<TableCell className="font-medium text-sm">Requests per Minute (tot/3hr/hr)</TableCell>
-								<TableCell className="text-sm font-mono" colSpan={3}>
+								<TableCell className="text-sm font-mono">
 									{metrics.requests.averagePerMinute}/{metrics.requests.last3Hours}/{metrics.requests.lastHour}
 								</TableCell>
 							</TableRow>
 							<TableRow>
-								<TableCell className="font-medium text-sm">Client Errors (4xx)</TableCell>
-								<TableCell className="text-sm font-mono">{metrics.errors.expected}</TableCell>
-								<TableCell className="font-medium text-sm">Server Errors (5xx)</TableCell>
-								<TableCell className="text-sm font-mono">{metrics.errors.unexpected}</TableCell>
+								<TableCell className="font-medium text-sm">Unique IPs</TableCell>
+								<TableCell className="text-sm font-mono">{metrics.connections.uniqueIps ?? 0}</TableCell>
+								<TableCell className="font-medium text-sm">Client/Server Errors (4xx/5xx)</TableCell>
+								<TableCell className="text-sm font-mono">
+									{metrics.errors.expected}/{metrics.errors.unexpected}
+								</TableCell>
 							</TableRow>
 							{(metrics.staticPageHits200 !== undefined || metrics.staticPageHits405 !== undefined) && (
 								<TableRow>