From 302de9bf46ba3afc17cb7ae11ea4c5d2855a55d9 Mon Sep 17 00:00:00 2001
From: master <>
Date: Sat, 28 Mar 2026 20:55:27 +0200
Subject: [PATCH] Fix breadcrumb hierarchy: suppress ops parent, let sections
 self-identify
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The ops parent route had breadcrumb: 'Operations' which prepended
'Operations >' to every child section (Policy, Integrations, Platform
Setup, Scanner Ops). But the sidebar treats these as independent
top-level sections, not children of Operations.

Fix: suppress the ops breadcrumb (set to '') and move 'Operations'
breadcrumb to the operations child route. Each section now shows
its own breadcrumb independently:
- /ops/policy/governance → Policy > Governance
- /ops/operations → Operations
- /ops/integrations → Integrations
- /ops/platform-setup → Platform Setup

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/Web/StellaOps.Web/src/app/app.routes.ts        | 2 +-
 src/Web/StellaOps.Web/src/app/routes/ops.routes.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Web/StellaOps.Web/src/app/app.routes.ts b/src/Web/StellaOps.Web/src/app/app.routes.ts
index 64f713259..4221e9721 100644
--- a/src/Web/StellaOps.Web/src/app/app.routes.ts
+++ b/src/Web/StellaOps.Web/src/app/app.routes.ts
@@ -165,7 +165,7 @@ export const routes: Routes = [
     path: 'ops',
     title: 'Operations',
     canMatch: [requireConfigGuard, requireBackendsReachableGuard, requireAuthGuard, requireOpsGuard],
-    data: { breadcrumb: 'Operations' },
+    data: { breadcrumb: '' },
     loadChildren: () => import('./routes/ops.routes').then((m) => m.OPS_ROUTES),
   },
   {
diff --git a/src/Web/StellaOps.Web/src/app/routes/ops.routes.ts b/src/Web/StellaOps.Web/src/app/routes/ops.routes.ts
index b1e72d326..8f71d8088 100644
--- a/src/Web/StellaOps.Web/src/app/routes/ops.routes.ts
+++ b/src/Web/StellaOps.Web/src/app/routes/ops.routes.ts
@@ -10,7 +10,7 @@ export const OPS_ROUTES: Routes = [
   {
     path: 'operations',
     title: 'Operations',
-    data: { breadcrumb: '' },
+    data: { breadcrumb: 'Operations' },
     loadChildren: () => import('./operations.routes').then((m) => m.OPERATIONS_ROUTES),
   },
   {