From b1fab91e0ecc4bd2738157708742ca7877205295 Mon Sep 17 00:00:00 2001
From: Stan Grams <sjg@haxx.space>
Date: Sat, 28 Feb 2026 15:08:53 +0100
Subject: [PATCH] [fix](trx-frontend-http): shrink rds pi fallback display

Co-authored-by: Codex <codex@openai.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
---
 .../trx-frontend/trx-frontend-http/assets/web/app.js      | 3 ++-
 .../trx-frontend/trx-frontend-http/assets/web/style.css   | 8 ++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
index e679a50..6f62e6a 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
@@ -3271,11 +3271,12 @@ function updateRdsPsOverlay(rds) {
       const mainText = hasPs
         ? formatOverlayPs(ps)
         : formatOverlayPi(rds?.pi);
+      const mainClass = hasPs ? "rds-ps-main" : "rds-ps-fallback";
       const metaText = hasPs
         ? `${formatOverlayPi(rds?.pi)} · ${formatOverlayPty(rds?.pty, rds?.pty_name)}`
         : (rds?.pty_name ?? (rds?.pty != null ? String(rds.pty) : ""));
       rdsPsOverlay.innerHTML =
-        `<span class="rds-ps-main">${escapeMapHtml(mainText)}</span>` +
+        `<span class="${mainClass}">${escapeMapHtml(mainText)}</span>` +
         `<span class="rds-ps-meta">${escapeMapHtml(metaText)}</span>`;
       positionRdsPsOverlay();
       rdsPsOverlay.style.display = "flex";
diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
index e911fb3..514a4db 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
@@ -487,6 +487,14 @@ small { color: var(--text-muted); }
   letter-spacing: 0.08em;
   white-space: pre;
 }
+.rds-ps-fallback {
+  display: block;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: clamp(0.72rem, 1.4vw, 0.95rem);
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  white-space: nowrap;
+}
 .rds-ps-meta {
   display: block;
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;