feat: afficher coût et provenance des moteurs IA

src/frontend/src/components/AppCard.jsx

@@ -227,10 +227,26 @@ export default function AppCard({ app, commits, onRefresh }) {
           <div className="mt-1.5 space-y-2">
             {aiEngines.length > 0 ? aiEngines.map((engine, index) => (
               <div key={`${engine.provider}-${engine.model}-${index}`}>
-                <p className="text-sm text-gray-200">{engine.provider}</p>
+                <div className="flex items-center gap-2">
+                  <p className="text-sm text-gray-200">{engine.provider}</p>
+                  <span
+                    className={`inline-flex items-center rounded-full border px-1.5 py-0.5 text-[10px] font-semibold ${
+                      engine.billing === 'free'
+                        ? 'border-emerald-700/40 bg-emerald-900/40 text-emerald-300'
+                        : 'border-orange-700/40 bg-orange-900/40 text-orange-300'
+                    }`}
+                  >
+                    {engine.billing === 'free' ? 'Gratuit' : 'Payant'}
+                  </span>
+                </div>
                 <p className="text-xs text-primary-400 break-words">
                   {engine.model}{engine.role ? ` — ${engine.role}` : ''}
                 </p>
+                <p className="mt-0.5 text-[11px] leading-snug text-gray-500">
+                  {engine.source === 'referential'
+                    ? 'Utilisation du référentiel IA'
+                    : "Moteur IA configuré dans l'applicatif"}
+                </p>
               </div>
             )) : (
               <p className="text-sm text-gray-600">Non déclaré</p>