From 5208cae2381563203540e065db40257270ee5cf7 Mon Sep 17 00:00:00 2001
From: CallMeTechie <34693633+CallMeTechie@users.noreply.github.com>
Date: Tue, 23 Jun 2026 07:37:01 +0200
Subject: [PATCH] =?UTF-8?q?fix(theme):=20Aurora=20routes=20list=20?=
 =?UTF-8?q?=E2=80=94=20restore=20group=20headers=20for=20related=20routes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Aurora routes table rendered fully flat: related routes (service
bundles or a shared domain) were only hinted at via a '└' indent on
follow-up rows, with no group header. Add an auroraRenderGroupHead()
row — status dot, label, route count, and a SERVICE badge for bundles —
emitted for every multi-route group, mirroring the default theme's
.routes-table-group row. Aurora-only: default/pro renderTable untouched,
styling added solely in aurora.css.
---
 public/css/aurora.css |  7 +++++++
 public/js/routes.js   | 27 +++++++++++++++++++++++++--
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/public/css/aurora.css b/public/css/aurora.css
index c9147394..9d912966 100644
--- a/public/css/aurora.css
+++ b/public/css/aurora.css
@@ -288,6 +288,13 @@ a{color:inherit}
 .data-table tbody tr:hover td{background:var(--chip)}
 .data-table .mono{font-family:var(--font-mono); font-size:12.5px; color:var(--muted)}
 .data-table .cell-name{font-weight:600}
+/* Routes table — service/domain group header rows (related routes read as a unit) */
+.data-table tr.aurora-group-row td{background:var(--surface-2); padding:9px 14px; border-bottom:1px solid var(--line)}
+.data-table tr.aurora-group-row:hover td{background:var(--surface-2)}
+.data-table tr.aurora-group-row .group-status-dot{display:inline-block; vertical-align:middle}
+.aurora-group-label{font-weight:700; font-size:12.5px; color:var(--text); margin-left:9px; vertical-align:middle}
+.aurora-group-count{margin-left:10px; font-size:11px; color:var(--faint); font-family:var(--font-mono); vertical-align:middle}
+.aurora-group-badge{margin-left:8px; vertical-align:middle; font-size:10.5px; padding:1px 7px}
 .row-actions{display:flex; gap:6px; justify-content:flex-end}
 .icon-action{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--chip);color:var(--muted);
   display:grid;place-items:center;cursor:pointer;transition:.15s}
diff --git a/public/js/routes.js b/public/js/routes.js
index cefffcbd..f1f919ae 100644
--- a/public/js/routes.js
+++ b/public/js/routes.js
@@ -495,14 +495,37 @@
       + '</div></td></tr>';
   }
 
+  // Aurora group-header row: shown for every multi-route group (service
+  // bundle or shared domain) so related routes read as a unit, not just a
+  // hinted-at indent. Mirrors the default theme's .routes-table-group row.
+  function auroraRenderGroupHead(g) {
+    var t = GC.t;
+    var label = g.label != null
+      ? escapeHtml(g.label)
+      : escapeHtml(t['routes.group_no_domain'] || 'Without domain');
+    var bundleTag = g.isBundle
+      ? '<span class="tag tag-blue aurora-group-badge">' + escapeHtml(t['service_bundle.badge'] || 'SERVICE') + '</span>'
+      : '';
+    var countTxt = (t['routes.group_count'] || '{{count}} routes').replace('{{count}}', g.routes.length);
+    return '<tr class="aurora-group-row" data-gkey="' + escapeHtml(g.key) + '"><td colspan="6">'
+      + '<span class="group-status-dot ' + statusDotClass(g.status) + '"></span>'
+      + '<span class="aurora-group-label">' + label + '</span>'
+      + bundleTag
+      + '<span class="aurora-group-count">' + escapeHtml(countTxt) + '</span>'
+      + '</td></tr>';
+  }
+
   function auroraRenderTable(groups) {
     var t = GC.t;
     var rows = '';
-    // Aurora: flat table — no group chrome, no batch column
+    // Aurora: group-headed table (no batch column). Multi-route groups get a
+    // header row + indented sub-rows; standalone routes render bare.
     for (var gi = 0; gi < groups.length; gi++) {
       var g = groups[gi];
+      var grouped = !g.single && g.routes.length > 1;
+      if (grouped) rows += auroraRenderGroupHead(g);
       for (var ri = 0; ri < g.routes.length; ri++) {
-        rows += auroraRenderTableRow(g.routes[ri], { subRow: g.routes.length > 1 && ri > 0 });
+        rows += auroraRenderTableRow(g.routes[ri], { subRow: grouped && ri > 0 });
       }
     }
     if (!rows) {