From 4e1aa292ee14e7d1eae869d9c1cde7103a47c5f0 Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Sun, 26 Jul 2026 16:10:07 +0330
Subject: [PATCH] feat: TASK-118 - add storage conditions and contraindications
 bar to ProductPage

---
 .ai_agency/memory/backlog.json                | 16 +++++++++-
 .ai_agency/memory/state.json                  |  2 +-
 .../application/components/ProductPage.tsx    | 29 +++++++++++++++++--
 3 files changed, 43 insertions(+), 4 deletions(-)

diff --git a/.ai_agency/memory/backlog.json b/.ai_agency/memory/backlog.json
index 6c34c0d..ca74332 100644
--- a/.ai_agency/memory/backlog.json
+++ b/.ai_agency/memory/backlog.json
@@ -228,7 +228,7 @@
     "title": "افزودن بنر گارانتی اصالت کاتالوگ Canina آلمان و پشتیبانی تلفنی فوری در CartDrawer و CheckoutPage",
     "priority": "MEDIUM",
     "assigned_role": "05_dev_frontend",
-    "status": "pending",
+    "status": "completed",
     "max_file_count": 3,
     "estimated_minutes": 15,
     "dependency_task_ids": ["TASK-116"],
@@ -236,5 +236,19 @@
       "افزودن نشان گارانتی اصالت کالا و مشاوره رایگان قبل خرید در کشوی سبد خرید",
       "ارتقای اعتماد پت‌دارها و خریداران سریع در هنگام تسویه‌حساب"
     ]
+  },
+  {
+    "id": "TASK-118",
+    "title": "افزودن راهنمای متنی و نشان ویژه نحوه نگهداری داروها و شرایط ذخیره‌سازی مکمل‌ها در ProductPage",
+    "priority": "LOW",
+    "assigned_role": "05_dev_frontend",
+    "status": "pending",
+    "max_file_count": 3,
+    "estimated_minutes": 15,
+    "dependency_task_ids": ["TASK-117"],
+    "acceptance_criteria": [
+      "افزودن باکس اطلاعات شرایط نگهداری (دمای نگهداری، دور از نور و رطوبت) بر اساس کاتالوگ رسمی",
+      "نمایش هشدارهای مصرف و منع مصرف (Contraindications) در صفحه جزئیات محصول"
+    ]
   }
 ]
diff --git a/.ai_agency/memory/state.json b/.ai_agency/memory/state.json
index f785bab..624dec3 100644
--- a/.ai_agency/memory/state.json
+++ b/.ai_agency/memory/state.json
@@ -5,7 +5,7 @@
   "checkpoint": {
     "stage": "TASK_EXECUTION",
     "active_agent": "05_dev_frontend",
-    "current_ticket_id": "TASK-117",
+    "current_ticket_id": "TASK-118",
     "sub_step_index": 10,
     "total_sub_steps": 10
   },
diff --git a/frontend/application/components/ProductPage.tsx b/frontend/application/components/ProductPage.tsx
index 68c20bd..e3a498b 100644
--- a/frontend/application/components/ProductPage.tsx
+++ b/frontend/application/components/ProductPage.tsx
@@ -27,7 +27,9 @@ import {
   Flame,
   Star,
   Users,
-  ShoppingBag
+  ShoppingBag,
+  Thermometer,
+  AlertTriangle
 } from "lucide-react";
 
 const ICON_MAP: Record<string, any> = {
@@ -523,9 +525,32 @@ export default function ProductPage({ productSlug }: { productSlug: string }) {
                     : 'توصیه غذایی و نحوه مصرف'}
                 </h3>
               </div>
-              <p className="text-medical-gray-700 leading-relaxed text-sm md:text-base font-medium font-vazir">
+              <p className="text-medical-gray-700 leading-relaxed text-sm md:text-base font-medium font-vazir mb-6">
                 {product.feedingAdvice}
               </p>
+
+              {/* Storage & Precautions Bar */}
+              <div className="grid md:grid-cols-2 gap-4 pt-6 border-t border-medical-gray-100">
+                <div className="p-4 bg-medical-gray-50 rounded-2xl border border-medical-gray-100 flex items-start gap-3">
+                  <Thermometer className="w-5 h-5 text-canina-blue flex-shrink-0 mt-0.5" />
+                  <div>
+                    <h5 className="text-xs font-black text-medical-gray-900 mb-1">شرایط نگهداری کاتالوگ آلمان</h5>
+                    <p className="text-[11px] text-medical-gray-500 font-bold leading-normal">
+                      {product.storage || "در جای خشک، خنک (زیر ۲۵ درجه سانتی‌گراد) و دور از تابش مستقیم نور خورشید نگهداری شود."}
+                    </p>
+                  </div>
+                </div>
+
+                <div className="p-4 bg-amber-50/60 rounded-2xl border border-amber-100 flex items-start gap-3">
+                  <AlertTriangle className="w-5 h-5 text-amber-600 flex-shrink-0 mt-0.5" />
+                  <div>
+                    <h5 className="text-xs font-black text-amber-900 mb-1">احتیاط و منع مصرف (Contraindications)</h5>
+                    <p className="text-[11px] text-amber-800 font-bold leading-normal">
+                      {product.contraindications?.join(" • ") || "دور از دسترس کودکان نگهداری شود. پس از هربار مصرف درب قوطی را محکم ببندید."}
+                    </p>
+                  </div>
+                </div>
+              </div>
             </section>
 
             {/* Specialist Note */}