From df50d8535c5a404e07c574ff42de6880b403d05a Mon Sep 17 00:00:00 2001
From: stephan <stephan@progiweb.ca>
Date: Fri, 21 Aug 2026 11:35:26 -0400
Subject: [PATCH] Refactor Radar UI: update status classes and button styles
 for improved consistency and user experience. Replace indigo color scheme
 with primary and zinc colors in various UI elements.

---
 v4_ci4/app/Views/radar/index.php | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/v4_ci4/app/Views/radar/index.php b/v4_ci4/app/Views/radar/index.php
index 4f987bf7..52fe5d08 100644
--- a/v4_ci4/app/Views/radar/index.php
+++ b/v4_ci4/app/Views/radar/index.php
@@ -24,11 +24,12 @@ $statusLabel = static function (string $status): string {
     };
 };
 $statusClass = static function (string $status): string {
+    // Classes présentes dans assets/raven/css/style.css (pas indigo-* purgé).
     return match ($status) {
-        'classe'            => 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/40 dark:text-emerald-200',
-        'a_mettre_dans_crm' => 'bg-amber-100 text-amber-900 dark:bg-amber-900/40 dark:text-amber-200',
+        'classe'            => 'bg-primary/10 text-primary',
+        'a_mettre_dans_crm' => 'bg-amber-500/20 text-zinc-900 dark:text-zinc-100',
         'ignore'            => 'bg-zinc-200 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300',
-        default             => 'bg-indigo-100 text-indigo-800 dark:bg-indigo-900/40 dark:text-indigo-200',
+        default             => 'bg-zinc-100 text-zinc-800 dark:bg-zinc-800 dark:text-zinc-200',
     };
 };
 ?>
@@ -51,8 +52,7 @@ $statusClass = static function (string $status): string {
         </div>
         <div class="flex flex-col items-end gap-2">
             <?php if ($ready): ?>
-                <a href="<?= esc($syncUrl) ?>"
-                   class="inline-flex items-center rounded-lg bg-indigo-600 px-3 py-2 text-sm font-medium text-white hover:bg-indigo-500">
+                <a href="<?= esc($syncUrl) ?>" class="btn bg-primary text-white">
                     Sync Gmail (v0)
                 </a>
             <?php endif; ?>
@@ -64,13 +64,13 @@ $statusClass = static function (string $status): string {
     </div>
 
     <?php if ($syncMsg): ?>
-        <div class="rounded-xl border border-indigo-200 bg-indigo-50 px-4 py-3 text-sm text-indigo-950 dark:border-indigo-800 dark:bg-indigo-950/40 dark:text-indigo-100">
-            <?= esc($syncMsg) ?>
+        <div class="rounded-xl border border-zinc-200 bg-primary/10 px-4 py-3 text-sm text-zinc-900 dark:border-zinc-700 dark:text-zinc-100">
+            <strong>Résultat sync :</strong> <?= esc($syncMsg) ?>
         </div>
     <?php endif; ?>
 
     <?php if (!$ready): ?>
-        <div class="rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-950 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-100">
+        <div class="rounded-xl border border-zinc-200 bg-zinc-100 px-4 py-3 text-sm text-zinc-900 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-100">
             Tables absentes. Exécuter <code class="font-mono">sql/IDEE-4-radar-proto.sql</code> sur la BD CRM de <strong>dev</strong>, puis recharger.
         </div>
     <?php else: ?>
@@ -80,8 +80,7 @@ $statusClass = static function (string $status): string {
                     Sync = Gmail readonly sur <span class="font-mono text-xs"><?= esc(implode(', ', $allowlist)) ?></span>.
                     Analyse IA (MSOP-3) pas encore.
                 </p>
-                <a href="<?= esc($syncUrl) ?>"
-                   class="inline-flex shrink-0 items-center rounded-lg bg-indigo-600 px-4 py-2.5 text-sm font-semibold text-white hover:bg-indigo-500">
+                <a href="<?= esc($syncUrl) ?>" class="btn bg-primary text-white shrink-0">
                     Sync Gmail (v0)
                 </a>
             </div>
@@ -185,10 +184,10 @@ $statusClass = static function (string $status): string {
         ignore: 'Ignoré'
     };
     const statusClass = {
-        classe: 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/40 dark:text-emerald-200',
-        a_mettre_dans_crm: 'bg-amber-100 text-amber-900 dark:bg-amber-900/40 dark:text-amber-200',
+        classe: 'bg-primary/10 text-primary',
+        a_mettre_dans_crm: 'bg-amber-500/20 text-zinc-900 dark:text-zinc-100',
         ignore: 'bg-zinc-200 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300',
-        a_classer: 'bg-indigo-100 text-indigo-800 dark:bg-indigo-900/40 dark:text-indigo-200'
+        a_classer: 'bg-zinc-100 text-zinc-800 dark:bg-zinc-800 dark:text-zinc-200'
     };
 
     function esc(s) {