feat(grid): ajout algorithme score produit avec parametrage dynamique et page d'aide

src/features/ai-copilot/components/ai-insight-block.tsx

@@ -0,0 +1,69 @@
+"use client";
+
+import { Bot, Loader2, AlertCircle, Sparkles } from "lucide-react";
+import { useAiCopilotStore } from "@/features/ai-copilot/store/use-ai-copilot-store";
+import type { ProductRow } from "@/types/grid";
+import { cn } from "@/lib/utils";
+
+interface AiInsightBlockProps {
+    row: ProductRow;
+}
+
+export function AiInsightBlock({ row }: AiInsightBlockProps) {
+    const { insights, analyzeProduct } = useAiCopilotStore();
+    const insight = insights[row.codein];
+    const status = insight?.status ?? "idle";
+
+    const handleAnalyze = () => {
+        if (status === "loading") return;
+        analyzeProduct({
+            codein: row.codein,
+            libelle1: row.libelle1,
+            totalCa: row.totalCa,
+            tauxMarge: row.tauxMarge,
+            totalQuantite: row.totalQuantite,
+            sales12m: row.sales12m,
+            codeGamme: row.codeGamme,
+        });
+    };
+
+    if (status === "idle") {
+        return (
+            <button
+                onClick={handleAnalyze}
+                className="flex items-center gap-1.5 text-[11px] font-medium transition-colors group"
+                style={{ color: "var(--text-secondary)" }}
+            >
+                <Sparkles className="w-3 h-3 text-indigo-500 dark:text-indigo-400 group-hover:text-indigo-600 dark:group-hover:text-indigo-300 transition-colors" />
+                <span className="group-hover:text-indigo-600 dark:group-hover:text-indigo-300 transition-colors">Analyser</span>
+            </button>
+        );
+    }
+
+    if (status === "loading") {
+        return (
+            <div className="flex items-center gap-1.5 text-[11px]" style={{ color: "var(--text-muted)" }}>
+                <Loader2 className="w-3 h-3 animate-spin" />
+                <span className="italic">Analyse IA...</span>
+            </div>
+        );
+    }
+
+    if (status === "error") {
+        return (
+            <div className="flex items-center gap-1.5 text-[11px] text-rose-600 dark:text-rose-500">
+                <AlertCircle className="w-3 h-3" />
+                <span>Erreur</span>
+            </div>
+        );
+    }
+
+    return (
+        <div className="flex items-start gap-1.5 group cursor-pointer" onClick={handleAnalyze} title="Cliquer pour re-analyser">
+            <Bot className="w-3.5 h-3.5 mt-0.5 text-indigo-600 dark:text-indigo-400 shrink-0" />
+            <span className={cn("text-[11px] italic line-clamp-2 leading-[1.3]")} style={{ color: "var(--text-secondary)" }}>
+                {insight?.insight}
+            </span>
+        </div>
+    );
+}

src/features/ai-copilot/store/use-ai-copilot-store.ts

@@ -0,0 +1,60 @@
+"use client";
+
+import { create } from "zustand";
+
+interface AiInsight {
+    codein: string;
+    insight: string;
+    status: "idle" | "loading" | "done" | "error";
+}
+
+interface AiCopilotState {
+    insights: Record<string, AiInsight>;
+    analyzeProduct: (payload: {
+        codein: string;
+        libelle1: string;
+        totalCa: number;
+        tauxMarge: number;
+        totalQuantite: number;
+        sales12m: Record<string, number>;
+        codeGamme: string | null;
+    }) => Promise<void>;
+}
+
+export const useAiCopilotStore = create<AiCopilotState>((set) => ({
+    insights: {},
+
+    analyzeProduct: async (payload) => {
+        const { codein } = payload;
+
+        // Mark as loading
+        set((s) => ({
+            insights: { ...s.insights, [codein]: { codein, insight: "", status: "loading" } },
+        }));
+
+        try {
+            const res = await fetch("/api/ai/analyze", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(payload),
+            });
+
+            if (!res.ok) throw new Error(`HTTP ${res.status}`);
+            const data = await res.json();
+
+            set((s) => ({
+                insights: {
+                    ...s.insights,
+                    [codein]: { codein, insight: data.insight, status: "done" },
+                },
+            }));
+        } catch {
+            set((s) => ({
+                insights: {
+                    ...s.insights,
+                    [codein]: { codein, insight: "Erreur lors de l'analyse.", status: "error" },
+                },
+            }));
+        }
+    },
+}));