- {/* Header */}
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/BreadcrumbNav.tsx b/frontend/src/components/BreadcrumbNav.tsx
deleted file mode 100644
index 4aa1dce..0000000
--- a/frontend/src/components/BreadcrumbNav.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { Link, useLocation, useParams } from 'react-router-dom';
-import { ChevronRight } from 'lucide-react';
-import { useLanguage } from '../contexts/LanguageContext';
-import { routeConfig } from '../types/routes';
-import {
- Breadcrumb,
- BreadcrumbItem,
- BreadcrumbLink,
- BreadcrumbList,
- BreadcrumbPage,
- BreadcrumbSeparator,
-} from './ui/breadcrumb';
-
-export function BreadcrumbNav() {
- const location = useLocation();
- const params = useParams();
- const { language } = useLanguage();
-
- // Generate breadcrumb items based on the current path
- const generateBreadcrumbs = () => {
- const pathSegments = location.pathname.split('/').filter(Boolean);
- const breadcrumbs = [];
-
- // Always add home
- breadcrumbs.push({
- path: '/',
- label: routeConfig['/'].breadcrumb[language],
- isLast: pathSegments.length === 0,
- });
-
- // Build the breadcrumb path
- let currentPath = '';
- pathSegments.forEach((segment, index) => {
- currentPath += `/${segment}`;
- const isLast = index === pathSegments.length - 1;
-
- // Handle dynamic segments (like :id)
- if (params.id && segment === params.id) {
- // For workflow detail pages, show the workflow name if available
- breadcrumbs.push({
- path: currentPath,
- label: segment, // In a real app, this would be fetched from the workflow data
- isLast,
- });
- } else {
- // Use route config for static routes
- const routeKey = currentPath.replace(/\/\d+$/, '/:id'); // Replace numeric IDs with :id
- const config = routeConfig[routeKey] || routeConfig[currentPath];
-
- if (config) {
- breadcrumbs.push({
- path: currentPath,
- label: config.breadcrumb[language],
- isLast,
- });
- } else {
- // Fallback: capitalize the segment
- breadcrumbs.push({
- path: currentPath,
- label: segment.charAt(0).toUpperCase() + segment.slice(1),
- isLast,
- });
- }
- }
- });
-
- return breadcrumbs;
- };
-
- const breadcrumbs = generateBreadcrumbs();
-
- // Don't show breadcrumbs on home page
- if (location.pathname === '/') {
- return null;
- }
-
- return (
-
-
-
-
-
- {/* Quick Start Button */}
- Guide des Prestations Sociales
-- Découvrez les prestations sociales belges organisées par situation de vie. - Chaque prestation est liée à sa machine d'état correspondante pour une documentation technique détaillée. -
-
-
-
- {/* Benefit Categories */}
- Besoin d'aide pour trouver la bonne prestation?
-- Répondez à quelques questions simples et nous vous recommanderons les prestations adaptées à votre situation. -
- -
- {benefitCategories.map((category) => {
- const Icon = category.icon;
- return (
-
-
- {/* Call to Action */}
-
-
- );
- })}
-
-
-
-
-
-
-
- {category.name}
-{category.description}
-
- {category.benefits.map((benefit) => (
-
-
-
- ))}
-
-
- {benefit.name}
-{benefit.description}
- - {/* Key Facts */} -
-
-
- {/* Eligibility */}
-
-
-
-
- Montant
-
- {benefit.keyFacts.amount}
-
-
-
- Demande via
-
- {benefit.keyFacts.application}
-
-
-
- Délai
-
- {benefit.keyFacts.processing}
-
-
-
-
- {/* Actions */}
- - Conditions d'éligibilité: -
--
- {benefit.eligibility.map((condition, idx) => (
-
- - ✓ - {condition} - - ))} -
-
-
-
-
-
- - Vous ne trouvez pas la prestation que vous cherchez? -
-- Explorez toutes les {benefitCategories.reduce((sum, cat) => sum + cat.benefits.length, 0)} workflows - disponibles ou utilisez notre assistant pour trouver la prestation adaptée. -
-
-
-
-
-
-
-
- {breadcrumbs.map((crumb, index) => (
-
- {crumb.isLast ? (
-
- {crumb.label}
-
- ) : (
- <>
-
-
- {crumb.label}
-
-
- {index < breadcrumbs.length - 1 && (
-
-
- )}
-
- )}
-
- ))}
-
-
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/COMPONENTS.md b/frontend/src/components/COMPONENTS.md
deleted file mode 100644
index c63c3ca..0000000
--- a/frontend/src/components/COMPONENTS.md
+++ /dev/null
@@ -1,719 +0,0 @@
-# Radix UI Component Library
-
-This directory contains a complete set of Radix UI components with Tailwind CSS styling. All components are built on top of Radix UI primitives for accessibility and functionality.
-
-## Available Components
-
-### 1. **Accordion** (`accordion.tsx`)
-Collapsible content sections with expand/collapse functionality.
-```tsx
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion';
-
-
-
-
-
-
-
-```
-
-### 35. **Sheet** (`sheet.tsx`)
-Side panel overlays.
-```tsx
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from '@/components/ui/sheet';
-
-Content above
- Content below
-Add to library
-
-
- );
- }
-
- if (error) {
- return (
-
-
- Chargement des workflows...
-
-
- );
- }
-
- const machines = machineIds
- .map((id) => workflows.find((m) => m.id === id))
- .filter((m): m is NonNullable
-
- Erreur de chargement
-{error.message}
- -
-
- );
- }
-
- const comparisonRows = [
- {
- label:'Nom',
- getValue: (m: typeof machines[0]) => m.name,
- type:'text'
- },
- {
- label:'Catégorie',
- getValue: (m: typeof machines[0]) => m.category,
- type:'badge'
- },
- {
- label:'Complexité',
- getValue: (m: typeof machines[0]) => m.complexity,
- type:'complexity'
- },
- {
- label:'Nombre d\'États',
- getValue: (m: typeof machines[0]) => m.stateCount.toString(),
- type:'number'
- },
- {
- label:'Nombre d\'Événements',
- getValue: (m: typeof machines[0]) => m.eventCount.toString(),
- type:'number'
- },
- {
- label:'Version',
- getValue: (m: typeof machines[0]) => m.version ||'N/A',
- type:'text'
- },
- {
- label:'Dernière Mise à Jour',
- getValue: (m: typeof machines[0]) => m.lastModified ||'N/A',
- type:'text'
- },
- {
- label:'Références Légales',
- getValue: (m: typeof machines[0]) => m.legalReferences?.length.toString() ||'0',
- type:'number'
- },
- {
- label:'État Initial',
- getValue: (m: typeof machines[0]) => m.initialState,
- type:'code'
- }
- ];
-
- const complexityColors = {
- Simple:'bg-green-100 text-green-700 ',
- Medium:'bg-orange-100 text-orange-700 ',
- Complex:'bg-red-100 text-red-700 '
- };
-
- const getHighlightClass = (row: typeof comparisonRows[0]) => {
- if (row.type !=='number') return '';
- const values = machines.map((m) => parseInt(row.getValue(m)));
- const allSame = values.every((v) => v === values[0]);
- return allSame ?'' : 'bg-yellow-50 ';
- };
-
- return (
-
-
- - Sélectionnez au moins 2 workflows pour comparer -
- -
- {/* Header */}
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/DeveloperDocs.tsx b/frontend/src/components/DeveloperDocs.tsx
deleted file mode 100644
index 54fd9da..0000000
--- a/frontend/src/components/DeveloperDocs.tsx
+++ /dev/null
@@ -1,585 +0,0 @@
-import { ArrowLeft, Code, Book, GitBranch, Terminal, Wrench, FileCode, ArrowRight } from'lucide-react';
-import { useState } from'react';
-import type { Page } from'../App';
-
-interface DeveloperDocsProps {
- onNavigate: (page: Page, machineId?: string) => void;
- language:'fr' | 'nl' | 'en';
-}
-
-const docSections = [
- {
- id:'getting-started',
- title:'Démarrage Rapide',
- icon: Terminal,
- color:'purple',
- items: [
- {
- title:'Installation & Configuration',
- description:'Configuration de l\'environnement de développement local',
- content: `# Installation du projet PAA
-
-\`\`\`bash
-# Cloner le repository
-git clone https://github.com/vanmarkic/PAA.git
-cd PAA
-
-# Installer les dépendances
-npm install
-
-# Lancer en mode développement
-npm run dev
-\`\`\`
-
-## Prérequis
-- Node.js >= 18
-- npm >= 9
-- Git`
- },
- {
- title:'Structure du Projet',
- description:'Organisation des fichiers et dossiers',
- content: `## Architecture des Dossiers
-
-\`\`\`
-PAA/
-├── src/
-│ ├── workflows/ # Machines d'état XState
-│ ├── rules/ # Règles json-rules-engine
-│ ├── domain/ # Modèles de domaine TypeScript
-│ └── services/ # Services métier
-├── features/ # Scénarios Gherkin
-├── docs-astro/ # Site de documentation
-└── tests/ # Tests unitaires et d'intégration
-\`\`\`
-
-### workflows/
-Contient les définitions des machines d'état XState. Chaque fichier représente un workflow de prestation sociale.
-
-### features/
-Scénarios Gherkin en langage naturel décrivant les règles métier.`
- }
- ]
- },
- {
- id:'architecture',
- title:'Architecture',
- icon: GitBranch,
- color:'blue',
- items: [
- {
- title:'Vue d\'Ensemble du Système',
- description:'Architecture hybride combinant 4 technologies',
- content: `## Architecture Hybride
-
-PAA utilise une approche multi-technologie:
-
-### 1. Gherkin - Règles Lisibles
-Scénarios en langage naturel pour les experts métier.
-
-\`\`\`gherkin
-Scenario: Éligibilité RIS pour personne isolée
- Given je suis une personne isolée
- And j'ai 25 ans
- And je n'ai aucun revenu
- When je demande le RIS
- Then je devrais être éligible
- And le montant devrait être 1070€
-\`\`\`
-
-### 2. XState - Orchestration des Workflows
-Machines d'état pour gérer les processus complexes.
-
-### 3. json-rules-engine - Évaluation des Règles
-Moteur de règles pour les conditions d'éligibilité.
-
-### 4. TypeScript - Implémentation Sûre
-Type-safety pour les calculs critiques.`
- },
- {
- title:'Flux de Données',
- description:'Comment les données circulent dans le système',
- content: `## Flux de Traitement
-
-1. **Entrée**: Données utilisateur (age, revenus, situation familiale)
-2. **Validation**: Vérification des données avec TypeScript
-3. **Évaluation**: json-rules-engine évalue l'éligibilité
-4. **Orchestration**: XState gère les transitions d'état
-5. **Calcul**: Détermination du montant de la prestation
-6. **Sortie**: Décision d'éligibilité + montant
-
-\`\`\`typescript
-// Exemple de flux
-const application = {
- age: 25,
- income: 0,
- household:'single'
-};
-
-// 1. Validation TypeScript
-validateApplication(application);
-
-// 2. Démarrage de la machine
-const machine = createRISMachine();
-const service = interpret(machine);
-
-// 3. Traitement
-service.send({ type:'START', data: application });
-\`\`\``
- }
- ]
- },
- {
- id:'api',
- title:'API Reference',
- icon: Code,
- color:'green',
- items: [
- {
- title:'REST API Endpoints',
- description:'Documentation des endpoints disponibles',
- content: `## Endpoints Principaux
-
-### POST /api/evaluate
-Évalue l'éligibilité à une prestation.
-
-\`\`\`typescript
-// Request
-POST /api/evaluate
-Content-Type: application/json
-
-{
-"machineId": "risWorkflow",
-"applicant": {
-"age": 25,
-"income": 0,
-"residence": "Belgium",
-"household": "single"
- }
-}
-
-// Response
-{
-"eligible": true,
-"amount": 1070.00,
-"reason": "Éligible au RIS catégorie isolé",
-"machineState": "completed"
-}
-\`\`\`
-
-### GET /api/machines
-Liste toutes les machines disponibles.
-
-\`\`\`typescript
-// Response
-{
-"machines": [
- {
-"id": "risWorkflow",
-"name": "RIS Eligibility Workflow",
-"category": "social",
-"complexity": "Medium"
- }
- ],
-"total": 109
-}
-\`\`\``
- },
- {
- title:'Authentification',
- description:'Comment s\'authentifier avec l\'API',
- content: `## Authentification API
-
-L'API utilise des tokens JWT pour l'authentification.
-
-\`\`\`bash
-# Obtenir un token
-curl -X POST https://api.paa.be/auth/login \\
- -H"Content-Type: application/json" \\
- -d'{"username":"your-username", "password": "your-password"}'
-
-# Utiliser le token
-curl -X POST https://api.paa.be/api/evaluate \\
- -H"Authorization: Bearer YOUR_JWT_TOKEN" \\
- -H"Content-Type: application/json" \\
- -d'{"machineId":"risWorkflow", ...}'
-\`\`\`
-
-### Variables d'Environnement
-\`\`\`env
-API_BASE_URL=https://api.paa.be
-API_KEY=your_api_key_here
-JWT_SECRET=your_jwt_secret
-\`\`\``
- }
- ]
- },
- {
- id:'guides',
- title:'Guides d\'Intégration',
- icon: Book,
- color:'orange',
- items: [
- {
- title:'Créer une Nouvelle Machine',
- description:'Guide pas à pas pour ajouter un nouveau workflow',
- content: `## Ajouter une Nouvelle Prestation
-
-### Étape 1: Créer le Scénario Gherkin
-
-\`\`\`gherkin
-# features/social/nouvelle-prestation.feature
-Feature: Nouvelle Prestation Sociale
-
- Scenario: Cas d'éligibilité standard
- Given l'utilisateur a 30 ans
- And son revenu mensuel est de 800€
- When il demande la prestation
- Then il devrait être éligible
-\`\`\`
-
-### Étape 2: Définir la Machine XState
-
-\`\`\`typescript
-// src/workflows/nouvellePrestationMachine.ts
-import { createMachine } from'xstate';
-
-export const nouvellePrestationMachine = createMachine({
- id:'nouvellePrestationWorkflow',
- initial:'idle',
- states: {
- idle: {
- on: { START:'checking' }
- },
- checking: {
- on: {
- ELIGIBLE:'approved',
- NOT_ELIGIBLE:'rejected'
- }
- },
- approved: { type:'final' },
- rejected: { type:'final' }
- }
-});
-\`\`\`
-
-### Étape 3: Créer les Règles d'Éligibilité
-
-\`\`\`typescript
-// src/rules/nouvellePrestationRules.ts
-export const rules = {
- conditions: {
- all: [
- { fact:'age', operator: 'greaterThanInclusive', value: 18 },
- { fact:'income', operator: 'lessThan', value: 1000 }
- ]
- },
- event: { type:'eligible' }
-};
-\`\`\`
-
-### Étape 4: Ajouter la Documentation
-
-Mettre à jour \`docs-astro/\` avec les métadonnées de la nouvelle machine.`
- },
- {
- title:'Écrire des Tests',
- description:'Stratégies de test pour les workflows',
- content: `## Testing des Workflows
-
-### Tests Gherkin (Cucumber)
-
-\`\`\`typescript
-// tests/features/step-definitions/ris.steps.ts
-import { Given, When, Then } from'@cucumber/cucumber';
-import { expect } from'chai';
-
-Given('je suis une personne isolée', function() {
- this.context.household ='single';
-});
-
-When('je demande le RIS', async function() {
- this.result = await evaluateRIS(this.context);
-});
-
-Then('je devrais être éligible', function() {
- expect(this.result.eligible).to.be.true;
-});
-\`\`\`
-
-### Tests Unitaires (Vitest)
-
-\`\`\`typescript
-// tests/unit/risWorkflow.test.ts
-import { describe, it, expect } from'vitest';
-import { interpret } from'xstate';
-import { risWorkflowMachine } from'@/workflows/risWorkflow';
-
-describe('RIS Workflow', () => {
- it('approuve un demandeur éligible', (done) => {
- const service = interpret(risWorkflowMachine)
- .onTransition((state) => {
- if (state.matches('approved')) {
- expect(state.context.amount).toBe(1070);
- done();
- }
- })
- .start();
-
- service.send({
- type:'START',
- data: { age: 25, income: 0 }
- });
- });
-});
-\`\`\``
- }
- ]
- },
- {
- id:'contributing',
- title:'Contribuer',
- icon: FileCode,
- color:'pink',
- items: [
- {
- title:'Guide de Contribution',
- description:'Comment contribuer au projet PAA',
- content: `## Contribuer à PAA
-
-### Workflow Git
-
-1. **Fork** le repository
-2. **Créer** une branche: \`git checkout -b feature/ma-nouvelle-fonctionnalite\`
-3. **Commiter**: \`git commit -m'Add: nouvelle fonctionnalité'\`
-4. **Push**: \`git push origin feature/ma-nouvelle-fonctionnalite\`
-5. **Créer** une Pull Request
-
-### Conventions de Code
-
-#### Nommage des Fichiers
-- Machines: \`nomPrestationMachine.ts\`
-- Features: \`nom-prestation.feature\`
-- Tests: \`nomPrestation.test.ts\`
-
-#### Style de Code
-- Suivre les règles ESLint configurées
-- Utiliser TypeScript strict mode
-- Documenter les fonctions publiques avec JSDoc
-
-\`\`\`typescript
-/**
- * Évalue l'éligibilité RIS d'un demandeur
- * @param applicant - Données du demandeur
- * @returns Résultat de l'évaluation
- */
-export function evaluateRIS(applicant: Applicant): EvaluationResult {
- // ...
-}
-\`\`\`
-
-### Process de Review
-- Toutes les PR nécessitent une review
-- Les tests doivent passer (CI/CD)
-- Documentation à jour obligatoire`
- },
- {
- title:'Rapport de Bugs',
- description:'Comment signaler des problèmes',
- content: `## Signaler un Bug
-
-### Template d'Issue
-
-\`\`\`markdown
-**Description du Bug**
-Description claire et concise du bug.
-
-**Pour Reproduire**
-1. Aller sur'...'
-2. Cliquer sur'...'
-3. Voir l'erreur
-
-**Comportement Attendu**
-Ce qui devrait se passer.
-
-**Screenshots**
-Si applicable, ajouter des captures d'écran.
-
-**Environnement**
-- OS: [e.g. Windows 11]
-- Node.js: [e.g. 18.2.0]
-- Navigateur: [e.g. Chrome 120]
-
-**Contexte Additionnel**
-Toute autre information pertinente.
-\`\`\`
-
-### Priorités
-- **Critique**: Blocage complet du système
-- **Haute**: Fonctionnalité majeure cassée
-- **Moyenne**: Bug gênant mais contournable
-- **Basse**: Améliorations mineures`
- }
- ]
- }
-];
-
-export function DeveloperDocs({ onNavigate, language }: DeveloperDocsProps) {
- const [activeSection, setActiveSection] = useState(docSections[0].id);
- const [activeItem, setActiveItem] = useState(0);
-
- const currentSection = docSections.find((s) => s.id === activeSection) || docSections[0];
- const currentItem = currentSection.items[activeItem];
-
- const iconColors: Record
-
-
- {/* Comparison Table */}
-
-
-
-
-
-
-
- Comparaison de Workflows
-- Comparaison de {machines.length} workflow(s) -
-
-
-
- {/* Detailed Descriptions */}
-
-
-
-
-
- | - Propriété - | - {machines.map((machine) => ( -
-
-
-
- |
- ))}
-
|---|---|
| - {row.label} - | - {machines.map((machine) => { - const value = row.getValue(machine); - return ( -
- {row.type ==='code' ? (
-
- {value}
-
- ) : row.type ==='complexity' ? (
-
- {value}
-
- ) : row.type ==='badge' ? (
-
- {value}
-
- ) : (
- {value}
- )}
- |
- );
- })}
-
-
-
- {/* States Comparison */}
- Descriptions Détaillées
-
- {machines.map((machine) => (
-
-
-
- ))}
- - {machine.name} -
-- {machine.plainLanguage} -
- - {machine.legalReferences && machine.legalReferences.length > 0 && ( -
-
- )}
-
-
- - Références Légales: -
--
- {machine.legalReferences.map((ref, idx) => (
-
- - • {ref.type}: {ref.name} - - ))} -
-
-
- {/* Events Comparison */}
- Comparaison des États
-
-
-
- {machines.map((machine) => (
-
-
-
- ))}
- - {machine.name} -
-
- {machine.states.slice(0, 8).map((state) => (
-
-
- {state}
-
- ))}
- {machine.states.length > 8 && (
-
- +{machine.states.length - 8} autres états
-
- )}
-
-
- Comparaison des Événements
-
-
-
- {machines.map((machine) => (
-
-
-
- ))}
- - {machine.name} -
-
- {machine.events.map((event) => (
-
- {event}
-
- ))}
-
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
deleted file mode 100644
index e8ae268..0000000
--- a/frontend/src/components/Footer.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-import { Link } from 'react-router-dom';
-import { useLanguage } from '../contexts/LanguageContext';
-import { Github, Mail, FileText, Shield, Heart } from 'lucide-react';
-
-export function Footer() {
- const { t } = useLanguage();
-
- const currentYear = new Date().getFullYear();
-
- const footerLinks = {
- platform: [
- { path: '/', label: { fr: 'Accueil', nl: 'Home', en: 'Home' } },
- { path: '/benefits', label: { fr: 'Prestations', nl: 'Uitkeringen', en: 'Benefits' } },
- { path: '/workflows', label: { fr: 'Workflows', nl: 'Workflows', en: 'Workflows' } },
- { path: '/wizard', label: { fr: 'Assistant', nl: 'Wizard', en: 'Wizard' } },
- ],
- resources: [
- { path: '/developer', label: { fr: 'Documentation', nl: 'Documentatie', en: 'Documentation' } },
- { path: '/comparison', label: { fr: 'Outil de comparaison', nl: 'Vergelijkingstool', en: 'Comparison Tool' } },
- { path: '#', label: { fr: 'API', nl: 'API', en: 'API' }, external: true },
- { path: '#', label: { fr: 'GitHub', nl: 'GitHub', en: 'GitHub' }, external: true },
- ],
- legal: [
- { path: '#', label: { fr: 'Mentions légales', nl: 'Juridische informatie', en: 'Legal Notice' } },
- { path: '#', label: { fr: 'Confidentialité', nl: 'Privacy', en: 'Privacy' } },
- { path: '#', label: { fr: 'Conditions d\'utilisation', nl: 'Gebruiksvoorwaarden', en: 'Terms of Use' } },
- { path: '#', label: { fr: 'Accessibilité', nl: 'Toegankelijkheid', en: 'Accessibility' } },
- ],
- };
-
- return (
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/Home.tsx b/frontend/src/components/Home.tsx
deleted file mode 100644
index c501e23..0000000
--- a/frontend/src/components/Home.tsx
+++ /dev/null
@@ -1,322 +0,0 @@
-import { useState, useMemo } from'react';
-import { Search, Filter, TrendingUp, Users, FileText, Code, Loader2, AlertCircle } from'lucide-react';
-import { useWorkflows } from'../hooks/useWorkflows';
-import { MachineCard } from'./MachineCard';
-import type { Page } from'../App';
-
-interface HomeProps {
- onNavigate: (page: Page, machineId?: string) => void;
- onCompare: (machineIds: string[]) => void;
- language:'fr' | 'nl' | 'en';
-}
-
-export function Home({ onNavigate, onCompare, language }: HomeProps) {
- const [searchQuery, setSearchQuery] = useState('');
- const [selectedCategories, setSelectedCategories] = useState
-
-
- {/* Quick Links */}
- Documentation Développeur
-- Guide complet pour développer, maintenir et étendre la plateforme PAA. - Trouvez tout ce dont vous avez besoin pour contribuer au projet. -
-
- {docSections.map((section) => {
- const Icon = section.icon;
- return (
-
- );
- })}
-
-
-
- {/* Sidebar */}
-
-
-
-
- {/* Content */}
-
-
- - {currentSection.title} -
- -
-
-
-
-
- {/* Additional Resources */}
- {currentItem.title}
-{currentItem.description}
- -
-
-
- {/* Navigation */}
-
- {currentItem.content}
-
-
-
-
-
-
-
-
- - Ressources Additionnelles -
--
-
-
-
-
- Repository GitHub - -
- -
-
-
- XState Documentation - -
- -
-
-
- json-rules-engine Guide - -
-
- {/* Hero Section */}
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
deleted file mode 100644
index 3200f29..0000000
--- a/frontend/src/components/Layout.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Outlet } from 'react-router-dom';
-import { NavigationHeader } from './NavigationHeader';
-import { Footer } from './Footer';
-import { BreadcrumbNav } from './BreadcrumbNav';
-
-export function Layout() {
- return (
-
-
-
- {/* Stats Dashboard */}
- - Naviguer les Prestations Sociales Belges en Toute Confiance -
-- Documentation interactive pour 109 processus administratifs. Trouvez rapidement les workflows, - explorez les règles d'éligibilité et comprenez les processus de prestations sociales. -
- - {/* Role-Based Navigation */} -
-
-
-
-
-
- {/* Role Selector */}
-
- Je suis:
-
-
-
-
-
-
-
-
- {/* Search and Filters */}
-
-
-
-
-
- {workflows.length}
- Workflows
-
-
-
-
-
- {categories.length}
- Catégories
-
-
-
-
-
- {totalStates.toLocaleString()}
- États Totaux
-
-
-
-
- {totalEvents.toLocaleString()}
- Événements Totaux
-
-
-
- {/* Comparison Mode Banner */}
- {selectedForComparison.length > 0 && (
-
-
-
- {/* Filter Panel */}
- {showFilters && (
-
-
-
-
-
- )}
-
- {/* Results Count */}
-
-
-
- Catégories
-
- {categories.map((cat) => (
-
- ))}
-
-
-
-
- {(selectedCategories.length > 0 || selectedComplexity.length > 0) && (
-
- )}
- Complexité
-
- {['Simple','Medium', 'Complex'].map((complexity) => (
-
- ))}
-
-
- {filteredMachines.length} de {workflows.length} workflows
-
-
-
- )}
-
- {/* Machine Grid */}
- {loading ? (
-
-
- {selectedForComparison.length} workflow(s) sélectionné(s) pour comparaison
-
-
-
-
-
-
- ) : error ? (
- Chargement des workflows...
-
-
- ) : (
- <>
- Erreur de chargement
-{error.message}
- -
- {filteredMachines.map((machine) => (
-
-
- {filteredMachines.length === 0 && (
-
-
- )}
-
- )}
- - Aucun workflow trouvé. Essayez d'ajuster vos filtres. -
-
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/Login.tsx b/frontend/src/components/Login.tsx
deleted file mode 100644
index f39005a..0000000
--- a/frontend/src/components/Login.tsx
+++ /dev/null
@@ -1,253 +0,0 @@
-/**
- * Login Component
- * Provides login and registration forms
- */
-
-import { useState } from'react';
-import { useAuthContext } from'../contexts/AuthContext';
-import { Eye, EyeOff, LogIn, UserPlus, Loader2, AlertCircle } from'lucide-react';
-
-interface LoginProps {
- onSuccess?: () => void;
-}
-
-export function Login({ onSuccess }: LoginProps) {
- const [isRegistering, setIsRegistering] = useState(false);
- const [showPassword, setShowPassword] = useState(false);
- const [formData, setFormData] = useState({
- email:'',
- password:'',
- firstName:'',
- lastName:''
- });
-
- const { login, register, loading, error, clearError } = useAuthContext();
-
- const handleSubmit = async (e: React.FormEvent) => {
- e.preventDefault();
- clearError();
-
- try {
- if (isRegistering) {
- await register({
- email: formData.email,
- password: formData.password,
- firstName: formData.firstName,
- lastName: formData.lastName
- });
- } else {
- await login({
- email: formData.email,
- password: formData.password
- });
- }
-
- // Clear form
- setFormData({
- email:'',
- password:'',
- firstName:'',
- lastName:''
- });
-
- // Call success callback if provided
- if (onSuccess) {
- onSuccess();
- }
- } catch (err) {
- // Error is handled by the auth context
- console.error('Auth error:', err);
- }
- };
-
- const toggleMode = () => {
- setIsRegistering(!isRegistering);
- clearError();
- setFormData({
- email:'',
- password:'',
- firstName:'',
- lastName:''
- });
- };
-
- return (
-
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/MachineCard.tsx b/frontend/src/components/MachineCard.tsx
deleted file mode 100644
index a4347a6..0000000
--- a/frontend/src/components/MachineCard.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import { ArrowRight, CheckCircle } from'lucide-react';
-import type { Machine, Page } from'../App';
-
-interface MachineCardProps {
- machine: Machine;
- onNavigate: (page: Page, machineId?: string) => void;
- isSelected?: boolean;
- onToggleSelection?: (machineId: string) => void;
-}
-
-const complexityColors = {
- Simple:'bg-green-100 text-green-700 border-green-200 ',
- Medium:'bg-orange-100 text-orange-700 border-orange-200 ',
- Complex:'bg-red-100 text-red-700 border-red-200 '
-};
-
-const categoryColors: Record
-
-
-
-
-
-
- - {isRegistering ?'Créer un compte' : 'Se connecter à PAA'} -
-- {isRegistering - ?'Inscrivez-vous pour accéder aux services' - :'Accédez à votre espace personnel'} -
-
-
-
-
-
-
-
-
-
-
- Ou continuer sans compte
-
-
-
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/MachineDetail.tsx b/frontend/src/components/MachineDetail.tsx
deleted file mode 100644
index 5a82721..0000000
--- a/frontend/src/components/MachineDetail.tsx
+++ /dev/null
@@ -1,499 +0,0 @@
-import { useState } from'react';
-import { ArrowLeft, Download, Share2, ExternalLink, Code, BookOpen, Scale, FileCode, PlayCircle, Loader2, AlertCircle } from'lucide-react';
-import { useWorkflowDetail } from'../hooks/useWorkflows';
-import type { Page } from'../App';
-
-interface MachineDetailProps {
- machineId: string;
- onNavigate: (page: Page, machineId?: string) => void;
- onCompare: (machineIds: string[]) => void;
- language:'fr' | 'nl' | 'en';
-}
-
-type TabType ='overview' | 'simulation' | 'technical' | 'legal' | 'examples';
-
-export function MachineDetail({ machineId, onNavigate, onCompare, language }: MachineDetailProps) {
- const [activeTab, setActiveTab] = useState
- {/* Header */}
-
-
-
-
- {/* Description */}
-
-
- {onToggleSelection && (
-
- )}
- - {machine.name} -
-
-
- {machine.category}
-
-
- {machine.complexity}
-
-
- - {machine.plainLanguage} -
- - {/* Stats */} -
-
-
- {/* Legal References Badge */}
- {machine.legalReferences && machine.legalReferences.length > 0 && (
-
-
- {machine.stateCount} états
-
-
-
- {machine.eventCount} événements
-
-
-
-
- {machine.legalReferences.length} référence(s) légale(s)
-
-
- )}
-
- {/* Version Info */}
- {machine.version && (
-
- Version {machine.version} • Mis à jour le {machine.lastModified}
-
- )}
-
- {/* Action Button */}
-
-
-
- );
- }
-
- if (error) {
- return (
-
-
- Chargement du workflow...
-
-
- );
- }
-
- if (!machine) {
- return (
-
-
- Erreur de chargement
-{error.message}
-
-
-
-
-
-
- );
- }
-
- const tabs = [
- { id:'overview' as TabType, label: 'Vue d\'ensemble', icon: BookOpen },
- { id:'simulation' as TabType, label: 'Simulation Interactive', icon: PlayCircle },
- { id:'technical' as TabType, label: 'Référence Technique', icon: Code },
- { id:'legal' as TabType, label: 'Contexte Légal', icon: Scale },
- { id:'examples' as TabType, label: 'Exemples & Cas d\'Usage', icon: FileCode }
- ];
-
- const complexityColors = {
- Simple:'bg-green-100 text-green-700 ',
- Medium:'bg-orange-100 text-orange-700 ',
- Complex:'bg-red-100 text-red-700 '
- };
-
- return (
-
-
- Workflow non trouvé
- -
- {/* Breadcrumb */}
-
-
- {/* Header */}
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/Navigation.tsx b/frontend/src/components/Navigation.tsx
deleted file mode 100644
index 74fb00c..0000000
--- a/frontend/src/components/Navigation.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { Globe, ChevronDown } from 'lucide-react';
-
-const Navigation: React.FC = () => {
- const { t, i18n } = useTranslation();
-
- const changeLanguage = (lng: string) => {
- i18n.changeLanguage(lng);
- localStorage.setItem('paa-language', lng);
- };
-
- const languages = [
- { code: 'fr', name: 'Français', flag: '🇫🇷' },
- { code: 'nl', name: 'Nederlands', flag: '🇳🇱' },
- { code: 'en', name: 'English', flag: '🇬🇧' }
- ];
-
- const currentLanguage = languages.find(lang => lang.code === i18n.language) || languages[0];
-
- return (
-
- );
-};
-
-export default Navigation;
\ No newline at end of file
diff --git a/frontend/src/components/NavigationHeader.tsx b/frontend/src/components/NavigationHeader.tsx
deleted file mode 100644
index abbbe0e..0000000
--- a/frontend/src/components/NavigationHeader.tsx
+++ /dev/null
@@ -1,311 +0,0 @@
-import { useState } from 'react';
-import { Link, useLocation } from 'react-router-dom';
-import { Menu, Globe, User, X, FileCode, Home, GitCompare, Heart, Wand2, Code } from 'lucide-react';
-import { useLanguage } from '../contexts/LanguageContext';
-import { useUserRole } from '../contexts/UserRoleContext';
-import { Language, UserRole } from '../types/routes';
-import {
- NavigationMenu,
- NavigationMenuContent,
- NavigationMenuItem,
- NavigationMenuLink,
- NavigationMenuList,
- NavigationMenuTrigger,
-} from './ui/navigation-menu';
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuTrigger,
-} from './ui/dropdown-menu';
-import { Button } from './ui/button';
-import { cn } from './ui/utils';
-
-const navigation = [
- {
- path: '/',
- label: { fr: 'Accueil', nl: 'Home', en: 'Home' },
- icon: Home,
- },
- {
- path: '/workflows',
- label: { fr: 'Workflows', nl: 'Workflows', en: 'Workflows' },
- icon: FileCode,
- children: [
- {
- path: '/workflows/conversion',
- label: { fr: 'Machine de conversion', nl: 'Conversiemachine', en: 'Conversion Machine' },
- },
- {
- path: '/workflows/ris',
- label: { fr: 'Workflow RIS', nl: 'RIS Workflow', en: 'RIS Workflow' },
- },
- {
- path: '/workflows/agr',
- label: { fr: 'Workflow AGR', nl: 'AGR Workflow', en: 'AGR Workflow' },
- },
- ],
- },
- {
- path: '/comparison',
- label: { fr: 'Comparaison', nl: 'Vergelijking', en: 'Comparison' },
- icon: GitCompare,
- },
- {
- path: '/benefits',
- label: { fr: 'Prestations', nl: 'Uitkeringen', en: 'Benefits' },
- icon: Heart,
- },
- {
- path: '/wizard',
- label: { fr: 'Assistant', nl: 'Wizard', en: 'Wizard' },
- icon: Wand2,
- },
- {
- path: '/developer',
- label: { fr: 'Documentation', nl: 'Documentatie', en: 'Documentation' },
- icon: Code,
- roleRestricted: ['developer'],
- },
-];
-
-const languages: { value: Language; label: string; flag: string }[] = [
- { value: 'fr', label: 'Français', flag: '🇫🇷' },
- { value: 'nl', label: 'Nederlands', flag: '🇳🇱' },
- { value: 'en', label: 'English', flag: '🇬🇧' },
-];
-
-const roles: { value: UserRole; label: Record
-
-
-
-
-
- {/* Quick Stats */}
-
-
-
-
- {machine.name}
- - {machine.complexity} - -{machine.description}
-
-
-
- {/* Quick Actions */}
-
-
- États
- {machine.stateCount}
-
-
- Événements
- {machine.eventCount}
-
-
- Version
- {machine.version}
-
-
- Dernière MAJ
- {machine.lastModified}
-
-
-
-
-
-
-
- {/* Main Content */}
-
-
- {/* Tabs */}
-
-
- {/* Sidebar */}
-
-
-
-
-
-
- {tabs.map((tab) => {
- const Icon = tab.icon;
- return (
-
- );
- })}
-
-
- {activeTab ==='overview' && (
-
-
-
- )}
-
- {activeTab ==='simulation' && (
-
-
-
- Que fait cette machine?
-- {machine.plainLanguage} -
-
-
-
- Résumé
-
-
- -
-
- - • - État initial: {machine.initialState} - -
- - • - Complexité: {machine.complexity} ({machine.stateCount} états, {machine.eventCount} événements) - -
- - • - Catégorie: {machine.category} - -
-
-
- {machine.gherkinFile && (
- Mots-clés
-
- {machine.keywords?.map((keyword) => (
-
- {keyword}
-
- ))}
-
-
-
- )}
- Scénarios Gherkin
- -
-
- )}
-
- {activeTab ==='technical' && (
-
-
-
- Simulation Interactive
-- Testez cette machine d'état avec différents scénarios et visualisez les transitions en temps réel. -
- -
-
- Scénarios pré-configurés
-
-
-
-
-
-
-
- )}
-
- {activeTab ==='legal' && (
-
-
-
- États
-
-
-
-
-
- | État | -Type | -Description | -
|---|---|---|
-
- {state}
-
- |
- - {state === machine.initialState ?'Initial' : state === 'completed' || state === 'rejected' ? 'Final' : 'Intermédiaire'} - | -- État de traitement - | -
-
-
- Événements
-
- {machine.events.map((event) => (
-
- {event}
-
- ))}
-
-
-
- Code Source
- -
-
- )}
-
- {activeTab ==='examples' && (
-
-
- Références Légales
- {machine.legalReferences && machine.legalReferences.length > 0 ? ( -
- {machine.legalReferences.map((ref, index) => (
-
- ) : (
-
-
- ))}
-
-
-
-
-
- {ref.type}: {ref.name}
-
- {ref.articles && (
-
- Articles: {ref.articles.join(',')}
-
- )}
-
- Voir sur ejustice.just.fgov.be
- - Aucune référence légale disponible pour cette machine. -
- )} -
-
- )}
-
-
- Exemples de Cas Réels
-
-
-
-
-
- Exemple 1: Cas Standard
-
-
-
-
- Entrée:
-
-{`{
-"age": 25,
-"income": 0,
-"residence": "Belgium",
-"employmentStatus": "unemployed"
-}`}
-
-
-
- Sortie:
-
-{`{
-"eligible": true,
-"amount": 1070.00,
-"reason": "Éligible au RIS catégorie isolé"
-}`}
-
-
-
- Exemple 2: Rejet
-
-
-
-
- Entrée:
-
-{`{
-"age": 25,
-"income": 1500,
-"residence": "Belgium",
-"employmentStatus": "part-time"
-}`}
-
-
-
- Sortie:
-
-{`{
-"eligible": false,
-"amount": 0,
-"reason": "Revenu supérieur au seuil d'éligibilité"
-}`}
-
-
-
-
- {/* Related Machines */}
-
-
-
-
- {/* Quick Links */}
- Workflows Connexes
-
- {mockMachines
- .filter((m) => m.category === machine.category && m.id !== machine.id)
- .slice(0, 3)
- .map((relatedMachine) => (
-
- ))}
-
-
-
- Actions Rapides
-
-
-
-
-
-
- {/* Logo and Brand */}
-
-
-
- {filteredNavigation.map((item) => (
-
- {item.children ? (
- <>
-
- {item.icon &&
-
-
-
- ) : (
-
-
- {item.icon &&
- )}
-
- ))}
-
-
-
-
-
- {/* Mobile Menu */}
- {mobileMenuOpen && (
-
- PAA
-
-
- {t({
- fr: 'Plateforme d\'Aide Administrative',
- nl: 'Platform voor Administratieve Hulp',
- en: 'Administrative Assistance Platform'
- })}
-
-
-
- {/* Desktop Navigation */}
- -
- {item.children.map((child) => (
-
-
-
- - -{t(child.label)}- -
- ))}
-
- {/* Role Selector */}
-
-
-
-
-
- {roles.map((r) => (
- setRole(r.value)}
- className={cn(role === r.value && 'bg-accent')}
- >
- {r.icon}
- {t(r.label)}
-
- ))}
-
-
-
- {/* Language Switcher */}
-
-
-
-
-
- {languages.map((lang) => (
- setLanguage(lang.value)}
- className={cn(language === lang.value && 'bg-accent')}
- >
- {lang.flag}
- {lang.label}
-
- ))}
-
-
-
- {/* Mobile Menu Button */}
-
-
-
-
-
- )}
-
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/frontend/src/components/WorkflowWizard.tsx b/frontend/src/components/WorkflowWizard.tsx
deleted file mode 100644
index d6a7757..0000000
--- a/frontend/src/components/WorkflowWizard.tsx
+++ /dev/null
@@ -1,482 +0,0 @@
-import { useState } from'react';
-import { ArrowLeft, ArrowRight, CheckCircle, Sparkles } from'lucide-react';
-import type { Page } from'../App';
-
-interface WorkflowWizardProps {
- onNavigate: (page: Page, machineId?: string) => void;
- language:'fr' | 'nl' | 'en';
-}
-
-type Step ='category' | 'questions' | 'results';
-
-interface Recommendation {
- machineId: string;
- name: string;
- confidence:'high' | 'medium';
- reason: string;
-}
-
-const categories = [
- {
- id:'employment',
- name:'Emploi & Revenus',
- description:'Chômage, RIS, AGR, complément de revenus',
- icon:'💼'
- },
- {
- id:'family',
- name:'Famille & Enfance',
- description:'Allocations familiales, prime de naissance',
- icon:'👨👩👧👦'
- },
- {
- id:'housing',
- name:'Logement',
- description:'Aide au loyer, primes habitat',
- icon:'🏠'
- },
- {
- id:'health',
- name:'Santé & Handicap',
- description:'Invalidité, aide aux personnes handicapées',
- icon:'❤️'
- },
- {
- id:'immigration',
- name:'Immigration',
- description:'Permis de travail, regroupement familial',
- icon:'🌍'
- }
-];
-
-const questions: Record
-
-
- {/* Header */}
-
- );
-}
diff --git a/frontend/src/components/figma/ImageWithFallback.tsx b/frontend/src/components/figma/ImageWithFallback.tsx
deleted file mode 100644
index 0e26139..0000000
--- a/frontend/src/components/figma/ImageWithFallback.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React, { useState } from 'react'
-
-const ERROR_IMG_SRC =
- 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg=='
-
-export function ImageWithFallback(props: React.ImgHTMLAttributes
-
-
- {/* Progress Indicator */}
-
-
- Assistant de Recherche de Prestations
-- Répondez à quelques questions pour trouver les prestations adaptées à votre situation -
-
-
-
- {/* Category Selection */}
- {step ==='category' && (
-
- {step !=='category' ?
-
-
- {step ==='results' ?
-
-
- 3
-
-
-
- )}
-
- {/* Questions */}
- {step ==='questions' && selectedCategory && (
- - Dans quel domaine avez-vous besoin d'aide? -
-
- {categories.map((category) => (
-
- ))}
-
-
-
- )}
-
- {/* Results */}
- {step ==='results' && (
-
-
-
-
-
- - {categories.find((c) => c.id === selectedCategory)?.name} -
-- Question {Object.keys(answers).length + 1} sur {currentQuestions.length} -
-
- {currentQuestions.map((question) => (
-
-
-
-
-
- ))}
- {question.text}
-
- {question.options.map((option) => (
-
- ))}
-
-
-
- )}
-
-
-
- {recommendations.length > 0 ? (
- - Prestations Recommandées -
-- Basé sur vos réponses, voici les prestations qui pourraient vous concerner -
-
- {recommendations.map((rec, idx) => (
-
- ) : (
-
-
- ))}
-
-
-
-
-
-
-
- {rec.name}
- - Confiance {rec.confidence ==='high' ? 'élevée' : 'moyenne'} - -{rec.reason}
-
-
-
-
-
-
- )}
-
- - Aucune recommandation spécifique pour votre situation. - Explorez toutes les prestations disponibles ou contactez votre CPAS local. -
- -
-
-
-
-
- ) : (
-
- 
-
- {children}
-
- {children}
-
-
-
-
- );
-}
-
-function CarouselItem({ className, ...props }: React.ComponentProps<"div">) {
- const { orientation } = useCarousel();
-
- return (
-
- );
-}
-
-function CarouselPrevious({
- className,
- variant = "outline",
- size = "icon",
- ...props
-}: React.ComponentProps
-
- {children}
-
-
-