@airporting/agentic-ai-app

Front-end des agents IA Airporting (RFDD, Détecteur de comptes anormaux…). Repo unique, une page standalone par feature d'agent (pattern integrations-app-v2), déployable sur Vercel. Back-end : repo Agentic-AI.

Stack

React 19 + Rsbuild + TypeScript, icônes lucide-react, design system Airporting (tokens dans src/app.css, charte de marque — dark, accent émeraude #0DB280, Inter).

Le design vient de Claude Design (bundle de référence dans design-ref/). v1 porte les tokens de la charte directement (app.css). Parité avec @airporting/app-front (wrapper Mantine de la même charte) = étape d'intégration suivante.

Pages (ownership par agent — comme le back)

| Entrée | Page | Owner | |---|---|---| | src/rfdd.app.tsx | RFDD — wizard d'analyse (Intake) + résultats | Marwa | | (à venir) src/abnormal-account.app.tsx | Détecteur de comptes anormaux | Mathieu |

Lancer

yarn install
yarn dev        # http://localhost:3003
yarn build      # -> dist/
yarn typecheck

Config par variables PUBLIC_* (cf. rsbuild.config.ts) : PUBLIC_API = URL du back.

Approche RFDD (alignée back Agentic-AI)

L'écran Intake produit le contrat sheetSelection consommé par l'event rfdd/run.requested :

• deux figés = deux FICHIERS (M-1 référence + M courant), via URL Google Sheet + onglet ;
• méthodologie = flag non bloquant (badge + avertissement ambre + case « même méthodologie ») ;
• fenêtre MoM auto : figé M-1 → 4 mois clôturés (règle cutoff = M-2).

À faire

• Brancher les endpoints back (/api/rfdd/suggest-tabs, /api/rfdd/propose, /api/rfdd/run) via un client généré depuis l'OpenAPI (pattern airpkg openapi gen) ou hooks react-query.
• Porter les écrans suivants depuis design-ref/app/ : RunScreen, AuditPanel, HistoryScreen, SidebarRFDD.
• Parité @airporting/app-front (Mantine) + tooling @airporting/airpkg.