From 8e503b707e2fb68bef1a177ba337682ed4fa19a8 Mon Sep 17 00:00:00 2001
From: Vadim Ogievetsky <vadim@ogievetsky.com>
Date: Tue, 9 Dec 2025 16:00:18 -0800
Subject: [PATCH 1/2] better formatting for Available processors header

---
 web-console/src/react-table/react-table-extra.scss   |  5 ++++-
 .../src/views/services-view/services-view.tsx        | 12 +++++++-----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/web-console/src/react-table/react-table-extra.scss b/web-console/src/react-table/react-table-extra.scss
index ecb9953330f1..a2d6ad5bb0df 100644
--- a/web-console/src/react-table/react-table-extra.scss
+++ b/web-console/src/react-table/react-table-extra.scss
@@ -20,7 +20,10 @@
 
 .ReactTable {
   &.centered-table {
-    .rt-th,
+    .rt-th {
+      align-content: start;
+    }
+
     .rt-td {
       align-content: center;
     }
diff --git a/web-console/src/views/services-view/services-view.tsx b/web-console/src/views/services-view/services-view.tsx
index 27b4fcd7cd02..b2d49a3375e4 100644
--- a/web-console/src/views/services-view/services-view.tsx
+++ b/web-console/src/views/services-view/services-view.tsx
@@ -56,6 +56,7 @@ import {
   formatBytesCompact,
   formatDate,
   formatDurationWithMsIfNeeded,
+  formatInteger,
   getApiArray,
   hasOverlayOpen,
   LocalStorageBackedVisibility,
@@ -67,6 +68,7 @@ import {
   QueryManager,
   QueryState,
   ResultWithAuxiliaryWork,
+  twoLines,
 } from '../../utils';
 import type { BasicAction } from '../../utils/basic-action';
 import { TableFilter, TableFilters } from '../../utils/table-filters';
@@ -87,7 +89,7 @@ const TABLE_COLUMNS_BY_MODE: Record<CapabilitiesMode, TableColumnSelectorColumn[
     'Usage',
     'Start time',
     'Version',
-    'CPU processors',
+    'Available processors',
     'Total memory',
     'Labels',
     'Detail',
@@ -672,13 +674,13 @@ ORDER BY
           Aggregated: () => '',
         },
         {
-          Header: 'CPU processors',
-          show: visibleColumns.shown('CPU processors'),
+          Header: twoLines('Available', 'processors'),
+          show: visibleColumns.shown('Available processors'),
           accessor: 'available_processors',
           className: 'padded',
           filterable: false,
-          width: 120,
-          Cell: ({ value }) => (value === null ? '' : value),
+          width: 100,
+          Cell: ({ value }) => (value === null ? '' : formatInteger(value)),
           Aggregated: ({ subRows }) => {
             const originalRows: ServiceResultRow[] = subRows.map(r => r._original);
             const totalAvailableProcessors = sum(originalRows, s => s.available_processors);

From 2c8108a4bb918a52c43f9b04a62db2d21b634454 Mon Sep 17 00:00:00 2001
From: Vadim Ogievetsky <vadim@ogievetsky.com>
Date: Tue, 9 Dec 2025 16:09:14 -0800
Subject: [PATCH 2/2] update tests

---
 .../__snapshots__/services-view.spec.tsx.snap          | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/web-console/src/views/services-view/__snapshots__/services-view.spec.tsx.snap b/web-console/src/views/services-view/__snapshots__/services-view.spec.tsx.snap
index 44aed574fa07..512a671e7565 100644
--- a/web-console/src/views/services-view/__snapshots__/services-view.spec.tsx.snap
+++ b/web-console/src/views/services-view/__snapshots__/services-view.spec.tsx.snap
@@ -59,7 +59,7 @@ exports[`ServicesView renders data 1`] = `
           "Usage",
           "Start time",
           "Version",
-          "CPU processors",
+          "Available processors",
           "Total memory",
           "Labels",
           "Detail",
@@ -225,12 +225,16 @@ exports[`ServicesView renders data 1`] = `
           {
             "Aggregated": [Function],
             "Cell": [Function],
-            "Header": "CPU processors",
+            "Header": <React.Fragment>
+              Available
+              <br />
+              processors
+            </React.Fragment>,
             "accessor": "available_processors",
             "className": "padded",
             "filterable": false,
             "show": true,
-            "width": 120,
+            "width": 100,
           },
           {
             "Aggregated": [Function],