From 72c126b9cab075d024ab347dae57e12c1405800c Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Sun, 26 Jul 2026 15:19:54 +0330
Subject: [PATCH] feat: TASK-111 - add prescription and household supplement
 filters to ArchivePage

---
 .ai_agency/memory/backlog.json                | 14 +++++++++
 .ai_agency/memory/state.json                  |  8 ++---
 .../application/components/ArchivePage.tsx    | 31 ++++++++++++++++++-
 frontend/application/lib/data/products.ts     |  1 +
 4 files changed, 49 insertions(+), 5 deletions(-)

diff --git a/.ai_agency/memory/backlog.json b/.ai_agency/memory/backlog.json
index 62168f3..cb26464 100644
--- a/.ai_agency/memory/backlog.json
+++ b/.ai_agency/memory/backlog.json
@@ -138,5 +138,19 @@
       "به‌روزرسانی sitemap.ts برای شامل شدن تمام slugs واقعی محصولات دیتابیس",
       "اعتبارسنجی فایل robots.ts برای موتورهای جستجو"
     ]
+  },
+  {
+    "id": "TASK-111",
+    "title": "افزودن فیلتر محصولات در صفحه لیست مکمل‌ها بر اساس نسخه دامپزشکی و گروه‌بندی تخصصی",
+    "priority": "HIGH",
+    "assigned_role": "05_dev_frontend",
+    "status": "pending",
+    "max_file_count": 3,
+    "estimated_minutes": 15,
+    "dependency_task_ids": [],
+    "acceptance_criteria": [
+      "افزودن فیلتر محصولات نیازمند نسخه در ArchivePage و SearchResultsPage",
+      "امکان فیلتر سریع مکمل‌های خانگی بدون نسخه در کنار مکمل‌های تجویزی"
+    ]
   }
 ]
diff --git a/.ai_agency/memory/state.json b/.ai_agency/memory/state.json
index f3343a5..7ea5149 100644
--- a/.ai_agency/memory/state.json
+++ b/.ai_agency/memory/state.json
@@ -1,11 +1,11 @@
 {
   "project_name": "Canina Veterinary E-Commerce",
   "project_mode": "BROWNFIELD",
-  "status": "COMPLETED",
+  "status": "IN_PROGRESS",
   "checkpoint": {
-    "stage": "DEEP_ENGINEERING_PHASE_COMPLETED",
-    "active_agent": "06_qa_engineer",
-    "current_ticket_id": null,
+    "stage": "TASK_EXECUTION",
+    "active_agent": "05_dev_frontend",
+    "current_ticket_id": "TASK-111",
     "sub_step_index": 10,
     "total_sub_steps": 10
   },
diff --git a/frontend/application/components/ArchivePage.tsx b/frontend/application/components/ArchivePage.tsx
index 6cbb81a..99a9d64 100644
--- a/frontend/application/components/ArchivePage.tsx
+++ b/frontend/application/components/ArchivePage.tsx
@@ -229,6 +229,7 @@ export default function ArchivePage({
   initialSymptoms?: string
 }) {
   const router = useRouter();
+  const [prescriptionFilter, setPrescriptionFilter] = useState<"all" | "prescription" | "otc">("all");
   const [selectedCategory, setSelectedCategory] = useState(initialCategory);
   const [selectedPet, setSelectedPet] = useState<PetType | "all">(initialPetType as any);
   const [activeSymptoms, setActiveSymptoms] = useState<string[]>(initialSymptoms ? initialSymptoms.split(',') : []);
@@ -343,6 +344,13 @@ export default function ArchivePage({
         result = result.filter(p => p.symptoms && p.symptoms.some(s => activeSymptoms.includes(s)));
       }
 
+      // Filter by prescription requirement (OTC vs Prescription)
+      if (prescriptionFilter === "prescription") {
+        result = result.filter(p => p.requiresRx || p.category === "special-care");
+      } else if (prescriptionFilter === "otc") {
+        result = result.filter(p => !p.requiresRx && p.category !== "special-care");
+      }
+
       setFilteredProducts(result);
       setMeta(res.meta);
     } catch (error) {
@@ -355,7 +363,7 @@ export default function ArchivePage({
 
   useEffect(() => {
     fetchProducts();
-  }, [selectedCategory, selectedPet, searchQuery, activeSymptoms]);
+  }, [selectedCategory, selectedPet, searchQuery, activeSymptoms, prescriptionFilter]);
 
   const toggleSymptom = (s: string) => {
     setActiveSymptoms(prev => prev.includes(s) ? prev.filter(item => item !== s) : [...prev, s]);
@@ -418,6 +426,27 @@ export default function ArchivePage({
               </div>
 
               <div className="space-y-6">
+                {/* Prescription / Household Filter */}
+                <div>
+                  <span className="text-[10px] font-black text-medical-gray-400 uppercase tracking-widest block mb-3">نوع دسترسی و نسخه</span>
+                  <div className="flex flex-col gap-2">
+                    {[
+                      { id: "all", label: "همه داروها و مکمل‌ها" },
+                      { id: "otc", label: "مکمل‌های خانگی (بدون نیاز به نسخه)" },
+                      { id: "prescription", label: "داروها و مکمل‌های تخصصی (با نسخه)" },
+                    ].map(type => (
+                      <button
+                        key={type.id}
+                        onClick={() => setPrescriptionFilter(type.id as any)}
+                        className={`w-full py-2 px-3 rounded-xl text-xs font-bold border transition-all text-right flex items-center justify-between ${prescriptionFilter === type.id ? 'bg-canina-blue border-canina-blue text-white shadow-md' : 'bg-white border-medical-gray-200 text-medical-gray-600 hover:bg-medical-gray-50'}`}
+                      >
+                        <span>{type.label}</span>
+                        {prescriptionFilter === type.id && <Sparkles className="w-3.5 h-3.5 text-amber-300" />}
+                      </button>
+                    ))}
+                  </div>
+                </div>
+
                 {/* Pet Type */}
                 <div>
                   <span className="text-[10px] font-black text-medical-gray-400 uppercase tracking-widest block mb-3">نوع پت</span>
diff --git a/frontend/application/lib/data/products.ts b/frontend/application/lib/data/products.ts
index dc6b604..d8f4806 100644
--- a/frontend/application/lib/data/products.ts
+++ b/frontend/application/lib/data/products.ts
@@ -50,6 +50,7 @@ export interface Product {
   symptoms: string[];
   suitableFor: PetType;
   specialBadge?: string;
+  requiresRx?: boolean;
   contraindications?: string[];
   onSetOfAction?: string;
   expectedResults?: { icon: string; text: string }[];