From b9d45c0c3c829caff3aa11ec20ab02528abdaffd Mon Sep 17 00:00:00 2001
From: z3n <z3n.d3v@proton.me>
Date: Thu, 11 Jun 2026 13:54:24 +0000
Subject: [PATCH] =?UTF-8?q?feat(api-detail):=20fil=20d'Ariane=20align?=
 =?UTF-8?q?=C3=A9=20sur=20la=20hi=C3=A9rarchie=20des=20cat=C3=A9gories?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Accueil > [ancêtres de catégorie] > [titre API], ou
Accueil > Parcourir > [titre API] si l'API n'a pas de catégorie.

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
---
 .../app/pages/api-detail/api-detail.component.ts  | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/front-public/src/app/pages/api-detail/api-detail.component.ts b/front-public/src/app/pages/api-detail/api-detail.component.ts
index 7c6a04c..3aa55ba 100644
--- a/front-public/src/app/pages/api-detail/api-detail.component.ts
+++ b/front-public/src/app/pages/api-detail/api-detail.component.ts
@@ -23,8 +23,14 @@ import { ApiEntry, Category, ApiConvention } from '@datacat/shared';
       <nav class="fr-breadcrumb fr-mb-3w" aria-label="vous êtes ici">
         <ol class="fr-breadcrumb__list">
           <li>
-            <a class="fr-breadcrumb__link" routerLink="/catalog">Catalogue</a>
+            <a class="fr-breadcrumb__link" routerLink="/">Accueil</a>
           </li>
+          @if (categoryBreadcrumb().length === 0) {
+            <li><a class="fr-breadcrumb__link" routerLink="/browse">Parcourir</a></li>
+          }
+          @for (crumb of categoryBreadcrumb(); track crumb.id) {
+            <li><a class="fr-breadcrumb__link" [routerLink]="['/browse', crumb.id]">{{ crumb.name }}</a></li>
+          }
           <li>
             <a class="fr-breadcrumb__link" aria-current="page">
               {{ api()?.title ?? 'Chargement...' }}
@@ -347,6 +353,7 @@ export class ApiDetailComponent implements OnInit, OnDestroy {
   private categoryService = inject(CategoryService);
 
   api = signal<ApiEntry | null>(null);
+  categoryBreadcrumb = signal<Category[]>([]);
   loading = signal(false);
   error = signal<string | null>(null);
   regenerating = signal(false);
@@ -486,6 +493,12 @@ export class ApiDetailComponent implements OnInit, OnDestroy {
         this.api.set(entry);
         this.loading.set(false);
         this.startPollIfPending();
+        if (entry.categoryId) {
+          this.categoryService.browse(entry.categoryId).subscribe({
+            next: (data) => this.categoryBreadcrumb.set(data.breadcrumb),
+            error: () => {},
+          });
+        }
       },
       error: (err) => {
         this.error.set(err.message ?? 'Erreur lors du chargement');