From 782a574bfd47c8beaabb2d040c3724e598e59c16 Mon Sep 17 00:00:00 2001
From: CallMeTechie <34693633+CallMeTechie@users.noreply.github.com>
Date: Tue, 23 Jun 2026 20:42:37 +0200
Subject: [PATCH] =?UTF-8?q?fix(theme):=20Aurora=20RDP=20card=20=E2=80=94?=
 =?UTF-8?q?=20move=20route=20name=20out=20of=20title=20into=20a=20Name=20r?=
 =?UTF-8?q?ow?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Per request: the route name no longer sits in the card title (which truncated it
when the proto/browser/status badges crowded the row). The title now shows only
the protocol + status badges; the route name appears in full as a new 'Name' row
above Host (order: Mode / Name / Host / Target). New i18n key rdp.kv.name (en+de).

Aurora-only (auroraRenderGrid). aurora_theme.test 144/0; verified headless with a
long-name/long-host card.
---
 public/js/rdp.js | 22 ++++++++++++++++------
 src/i18n/de.json |  1 +
 src/i18n/en.json |  1 +
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/public/js/rdp.js b/public/js/rdp.js
index 2fe75989..cbd46235 100644
--- a/public/js/rdp.js
+++ b/public/js/rdp.js
@@ -1769,14 +1769,10 @@
       ic.className = 'ic';
       ic.innerHTML = MONITOR_SVG;
       cardTitle.appendChild(ic);
-      // nameGroup wraps name + proto so they shrink together, leaving room for statusTag
+      // Title shows protocol only (route name moved to a Name row below); the
+      // proto badge sits left, status badge is pushed right via margin-left:auto.
       var nameGroup = document.createElement('span');
       nameGroup.style.cssText = 'flex:1;min-width:0;display:inline-flex;align-items:center;gap:6px;overflow:hidden';
-      var nameSpan = document.createElement('span');
-      nameSpan.style.cssText = 'flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap';
-      nameSpan.textContent = r.name;
-      nameGroup.appendChild(nameSpan);
-      // Proto badge alongside name (flex-shrink:0 keeps it fully visible)
       var protoBadgeWrap = document.createElement('span');
       protoBadgeWrap.style.cssText = 'display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;font-family:var(--font-body);color:var(--faint);flex-shrink:0';
       protoBadgeWrap.appendChild(buildProtoBadge(r));
@@ -1817,6 +1813,20 @@
       modeRow.appendChild(modeV);
       kv.appendChild(modeRow);
 
+      // Name row (route name, moved out of the card title)
+      var nameRow = document.createElement('div');
+      nameRow.className = 'row';
+      var nameK = document.createElement('span');
+      nameK.className = 'k';
+      nameK.textContent = GC.t['rdp.kv.name'] || 'Name';
+      var nameVal = document.createElement('span');
+      nameVal.className = 'v';
+      nameVal.style.cssText = 'word-break:break-word;text-align:right';
+      nameVal.textContent = r.name || '—';
+      nameRow.appendChild(nameK);
+      nameRow.appendChild(nameVal);
+      kv.appendChild(nameRow);
+
       // Host row (hostname/domain on its own line so long FQDNs show in full)
       var hostRow = document.createElement('div');
       hostRow.className = 'row';
diff --git a/src/i18n/de.json b/src/i18n/de.json
index 25f1d5b1..42083344 100644
--- a/src/i18n/de.json
+++ b/src/i18n/de.json
@@ -1422,6 +1422,7 @@
   "rdp.session.expired": "Sitzung abgelaufen",
   "rdp.session.not_authorized": "Nicht berechtigt",
 
+  "rdp.kv.name": "Name",
   "rdp.kv.mode": "Modus",
   "rdp.kv.host": "Host",
   "rdp.kv.target": "Ziel",
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 0f159611..ef5dd0ce 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1422,6 +1422,7 @@
   "rdp.session.expired": "Session expired",
   "rdp.session.not_authorized": "Not authorized",
 
+  "rdp.kv.name": "Name",
   "rdp.kv.mode": "Mode",
   "rdp.kv.host": "Host",
   "rdp.kv.target": "Target",