feat: Implement initial product data fetching API and establish the Product Requirements Document.

src/features/grid/api/get-product-rows.ts

@@ -40,7 +40,7 @@ export async function getProductRows(input: GetProductRowsInput): Promise<Produc
     // ... (allowedPeriods calculation remains the same)
     const now = new Date();
     const allowedPeriods = new Set<string>();
-    for (let i = 12; i >= 1; i--) {
+    for (let i = 12; i >= 0; i--) { // i >= 0 au lieu de 1 pour inclure le mois en cours
         const d = new Date(now.getFullYear(), now.getMonth() - i, 1);
         allowedPeriods.add(`${d.getFullYear()}${String(d.getMonth() + 1).padStart(2, "0")}`);
     }

src/features/grid/components/grid-filter-bar.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useMemo } from "react";
-import { Search, X, ChevronDown } from "lucide-react";
+import { Search, X, ChevronDown, RotateCw } from "lucide-react";
 import { useGridStore } from "@/features/grid/store/use-grid-store";
 import { GammeCode } from "@/types/grid";
 import { cn } from "@/lib/utils";
@@ -29,6 +29,7 @@ export function GridFilterBar({ fournisseurs, magasins, nomenclature }: GridFilt
     const { filters, setFilter, rows, draftChanges } = useGridStore();
     const router = useRouter();
     const searchParams = useSearchParams();
+    const [isRefreshing, setIsRefreshing] = React.useState(false);
 
     // Compute dynamic counts and present Gammes
     const { gammeCounts, activeGammes } = React.useMemo(() => {
@@ -79,8 +80,29 @@ export function GridFilterBar({ fournisseurs, magasins, nomenclature }: GridFilt
         router.push(`/grid?${params.toString()}`);
     };
 
+    const handleRefresh = () => {
+        setIsRefreshing(true);
+        router.refresh();
+        // Visual feedback delay
+        setTimeout(() => setIsRefreshing(false), 800);
+    };
+
     return (
         <div className="flex items-center gap-3 flex-wrap">
+            {/* Refresh Button */}
+            <button
+                onClick={handleRefresh}
+                title="Rafraîchir les données SQL"
+                className={cn(
+                    "flex items-center justify-center w-9 h-9 rounded-lg transition-all",
+                    "bg-[var(--bg-elevated)] border border-[var(--border)]",
+                    "hover:bg-[var(--bg-surface)] hover:text-emerald-500",
+                    isRefreshing && "opacity-50"
+                )}
+            >
+                <RotateCw className={cn("w-4 h-4", isRefreshing && "animate-spin")} />
+            </button>
+
             {/* Supplier Selector */}
             <SupplierCombobox
                 fournisseurs={fournisseurs}