feat(ui): JobsIndicator moderne avec loader et popin détaillée

- Spinner animé visible quand jobs en cours (avec pulse)
- Badge avec compteur de jobs actifs
- Popin moderne au clic avec:
  - Header avec titre et lien View All
  - Barre de progression globale
  - Liste détaillée des jobs (status, type, %)
  - Fichier en cours de traitement
  - Mini-stats (indexed, errors)
  - Footer avec info auto-refresh
- CSS complet avec animations et dark mode
- Suppression JobsIndicatorWrapper obsolète
- Mise à jour layout.tsx pour nouvelle API
This commit is contained in:
2026-03-06 12:22:56 +01:00
parent fd6f681ee3
commit 9134b0dac2
4 changed files with 576 additions and 107 deletions

View File

@@ -5,7 +5,7 @@ import type { ReactNode } from "react";
import "./globals.css";
import { ThemeProvider } from "./theme-provider";
import { ThemeToggle } from "./theme-toggle";
import { JobsIndicatorWrapper } from "./components/JobsIndicatorWrapper";
import { JobsIndicator } from "./components/JobsIndicator";
export const metadata: Metadata = {
title: "Stripstream Backoffice",
@@ -34,7 +34,7 @@ export default function RootLayout({ children }: { children: ReactNode }) {
<Link href="/jobs">Jobs</Link>
<Link href="/tokens">Tokens</Link>
</div>
<JobsIndicatorWrapper apiBaseUrl={apiBaseUrl} apiToken={apiToken} />
<JobsIndicator />
<ThemeToggle />
</div>
</nav>