Feature: Add configurable total and itemized order limits, and fix settings input auto-reset bug

backend/prisma/schema.prisma

@@ -42,4 +42,6 @@ model Config {
   finalDepositDate String?
   cookDay          String?
   payIdInfo        String?  @default("Your PayID Here")
+  maxTotalWeight   Float?   @default(100.0)
+  maxItemWeight    Float?   @default(50.0)
 }

backend/src/server.ts

@@ -138,13 +138,15 @@ app.delete('/api/stock/:id', async (req, res) => {
 // Update Config
 app.post('/api/config', async (req, res) => {
   try {
-    const { adminCode, finalDepositDate, cookDay, payIdInfo } = req.body;
+    const { adminCode, finalDepositDate, cookDay, payIdInfo, maxTotalWeight, maxItemWeight } = req.body;
     const config = await prisma.config.findFirst();
     const data: any = {};
     if (adminCode !== undefined) data.adminCode = adminCode;
     if (finalDepositDate !== undefined) data.finalDepositDate = finalDepositDate;
     if (cookDay !== undefined) data.cookDay = cookDay;
     if (payIdInfo !== undefined) data.payIdInfo = payIdInfo;
+    if (maxTotalWeight !== undefined) data.maxTotalWeight = maxTotalWeight !== null ? parseFloat(maxTotalWeight) : null;
+    if (maxItemWeight !== undefined) data.maxItemWeight = maxItemWeight !== null ? parseFloat(maxItemWeight) : null;
 
     if (config) {
       await prisma.config.update({
@@ -168,8 +170,8 @@ app.post('/api/reset', async (req, res) => {
     await prisma.stockItem.deleteMany();
     await prisma.config.deleteMany();
     
-    // Seed default admin code
-    await prisma.config.create({ data: { adminCode: '1234' } });
+    // Seed default admin code and limits
+    await prisma.config.create({ data: { adminCode: '1234', maxTotalWeight: 100.0, maxItemWeight: 50.0 } });
     
     // Seed some default stock items
     await prisma.stockItem.createMany({

frontend/src/App.tsx

@@ -57,24 +57,80 @@ function App() {
   };
 
   const addToCart = (item: any) => {
+    const maxItem = config?.maxItemWeight ?? 50;
+    const maxTotal = config?.maxTotalWeight ?? 100;
+    
+    let isAllowed = true;
+    let errorMsg = '';
+
     setCart(prev => {
       const existing = prev.find(i => i.id === item.id);
+      const currentQty = existing ? existing.qty : 0;
+      const targetItemQty = currentQty + 1;
+      const currentTotalWeight = prev.reduce((acc, i) => acc + i.qty, 0);
+      const targetTotalWeight = currentTotalWeight + 1;
+
+      if (targetItemQty > maxItem) {
+        isAllowed = false;
+        errorMsg = `Limit reached: Max ${maxItem}${item.unit} per item.`;
+        return prev;
+      }
+
+      if (targetTotalWeight > maxTotal) {
+        isAllowed = false;
+        errorMsg = `Limit reached: Max ${maxTotal}kg total order weight.`;
+        return prev;
+      }
+
       if (existing) {
         return prev.map(i => i.id === item.id ? { ...i, qty: i.qty + 1 } : i);
       }
       return [...prev, { ...item, qty: 1 }];
     });
+
+    if (!isAllowed) {
+      showNotification(errorMsg);
+    } else {
       showNotification(`Added 1${item.unit} ${item.name}`);
+    }
   };
 
   const updateCartQty = (itemId: number, delta: number) => {
-    setCart(prev => prev.map(i => {
-      if (i.id === itemId) {
-        const newQty = i.qty + delta;
-        return newQty > 0 ? { ...i, qty: newQty } : i;
+    const maxItem = config?.maxItemWeight ?? 50;
+    const maxTotal = config?.maxTotalWeight ?? 100;
+    
+    let isAllowed = true;
+    let errorMsg = '';
+
+    setCart(prev => {
+      const existing = prev.find(i => i.id === itemId);
+      if (!existing) return prev;
+
+      const newQty = existing.qty + delta;
+      if (newQty <= 0) return prev;
+
+      if (delta > 0) {
+        if (newQty > maxItem) {
+          isAllowed = false;
+          errorMsg = `Limit reached: Max ${maxItem}${existing.unit} per item.`;
+          return prev;
+        }
+
+        const currentTotalWeight = prev.reduce((acc, i) => acc + i.qty, 0);
+        const targetTotalWeight = currentTotalWeight + delta;
+        if (targetTotalWeight > maxTotal) {
+          isAllowed = false;
+          errorMsg = `Limit reached: Max ${maxTotal}kg total order weight.`;
+          return prev;
+        }
+      }
+
+      return prev.map(i => i.id === itemId ? { ...i, qty: newQty } : i);
+    });
+
+    if (!isAllowed) {
+      showNotification(errorMsg);
     }
-      return i;
-    }));
   };
 
   const removeFromCart = (itemId: number) => {

frontend/src/components/AdminDashboard.tsx

@@ -5,6 +5,27 @@ import { API } from '../services/api';
 export default function AdminDashboard({ stock, orders, config, refreshData, notify, promptConfirm }: any) {
     const [tab, setTab] = useState<'orders' | 'stock' | 'settings'>('orders');
     const [newAdminCode, setNewAdminCode] = useState('');
+    const [settingsForm, setSettingsForm] = useState<any>(null);
+
+    useEffect(() => {
+        if (config && !settingsForm) {
+            setSettingsForm({
+                finalDepositDate: config.finalDepositDate || '',
+                cookDay: config.cookDay || '',
+                payIdInfo: config.payIdInfo || '',
+                maxTotalWeight: config.maxTotalWeight !== undefined && config.maxTotalWeight !== null ? config.maxTotalWeight : 100,
+                maxItemWeight: config.maxItemWeight !== undefined && config.maxItemWeight !== null ? config.maxItemWeight : 50
+            });
+        }
+    }, [config, settingsForm]);
+
+    const handleSaveSettings = async () => {
+        if (!settingsForm) return;
+        await API.updateConfig(settingsForm);
+        notify("Settings Saved");
+        setSettingsForm(null);
+        refreshData();
+    };
 
     const totalRevenue = orders.reduce((acc: number, order: any) => acc + (order.estimatedTotal || 0), 0);
     const totalKg = orders.reduce((acc: number, order: any) => acc + (order.totalWeight || 0), 0);
@@ -175,6 +196,7 @@ export default function AdminDashboard({ stock, orders, config, refreshData, not
                     <div className="max-w-md mx-auto text-center pt-10">
                         <div className="text-stone-500 mb-4 mx-auto flex justify-center"><Icons.Settings /></div>
                         <h3 className="text-xl font-bold text-white mb-6">Admin Settings</h3>
+                        {settingsForm ? (
                             <div className="bg-stone-950 p-6 rounded-xl border border-stone-800 mb-8 space-y-6 text-left">
                                 <h4 className="text-sm font-bold text-red-500 uppercase tracking-widest border-b border-stone-800 pb-2">Scheduling & Deadlines</h4>
                                 <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -182,8 +204,8 @@ export default function AdminDashboard({ stock, orders, config, refreshData, not
                                         <label className="block text-xs font-bold text-stone-500 uppercase mb-2">Final Deposit Date</label>
                                         <input 
                                             type="datetime-local" 
-                                        value={config?.finalDepositDate || ''} 
-                                        onChange={(e) => API.updateConfig({ finalDepositDate: e.target.value }).then(refreshData)}
+                                            value={settingsForm.finalDepositDate} 
+                                            onChange={(e) => setSettingsForm({ ...settingsForm, finalDepositDate: e.target.value })}
                                             className="w-full bg-stone-900 border border-stone-700 rounded p-3 text-white focus:border-red-600 outline-none" 
                                         />
                                     </div>
@@ -191,8 +213,8 @@ export default function AdminDashboard({ stock, orders, config, refreshData, not
                                         <label className="block text-xs font-bold text-stone-500 uppercase mb-2">Scheduled Cook Day</label>
                                         <input 
                                             type="date" 
-                                        value={config?.cookDay || ''} 
-                                        onChange={(e) => API.updateConfig({ cookDay: e.target.value }).then(refreshData)}
+                                            value={settingsForm.cookDay} 
+                                            onChange={(e) => setSettingsForm({ ...settingsForm, cookDay: e.target.value })}
                                             className="w-full bg-stone-900 border border-stone-700 rounded p-3 text-white focus:border-red-600 outline-none" 
                                         />
                                     </div>
@@ -202,13 +224,45 @@ export default function AdminDashboard({ stock, orders, config, refreshData, not
                                     <input 
                                         type="text" 
                                         placeholder="e.g. 0400 000 000 or email@domain.com"
-                                    value={config?.payIdInfo || ''} 
-                                    onChange={(e) => API.updateConfig({ payIdInfo: e.target.value }).then(refreshData)}
+                                        value={settingsForm.payIdInfo} 
+                                        onChange={(e) => setSettingsForm({ ...settingsForm, payIdInfo: e.target.value })}
+                                        className="w-full bg-stone-900 border border-stone-700 rounded p-3 text-white focus:border-red-600 outline-none" 
+                                    />
+                                </div>
+
+                                <h4 className="text-sm font-bold text-red-500 uppercase tracking-widest border-b border-stone-800 pt-4 pb-2">Order Limits</h4>
+                                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                    <div>
+                                        <label className="block text-xs font-bold text-stone-500 uppercase mb-2">Max Total Order (kg)</label>
+                                        <input 
+                                            type="number" 
+                                            value={settingsForm.maxTotalWeight} 
+                                            onChange={(e) => setSettingsForm({ ...settingsForm, maxTotalWeight: parseFloat(e.target.value) || 0 })}
+                                            className="w-full bg-stone-900 border border-stone-700 rounded p-3 text-white focus:border-red-600 outline-none" 
+                                        />
+                                    </div>
+                                    <div>
+                                        <label className="block text-xs font-bold text-stone-500 uppercase mb-2">Max Per Item (kg)</label>
+                                        <input 
+                                            type="number" 
+                                            value={settingsForm.maxItemWeight} 
+                                            onChange={(e) => setSettingsForm({ ...settingsForm, maxItemWeight: parseFloat(e.target.value) || 0 })}
                                             className="w-full bg-stone-900 border border-stone-700 rounded p-3 text-white focus:border-red-600 outline-none" 
                                         />
                                     </div>
                                 </div>
 
+                                <button 
+                                    onClick={handleSaveSettings} 
+                                    className="w-full bg-red-700 hover:bg-red-600 text-white font-bold py-3.5 rounded-lg transition-colors uppercase tracking-widest text-xs font-black shadow-lg shadow-red-900/20 active:scale-[0.98]"
+                                >
+                                    Save Settings
+                                </button>
+                            </div>
+                        ) : (
+                            <div className="text-stone-500 py-10 italic">Loading settings...</div>
+                        )}
+
                         <div className="bg-stone-950 p-6 rounded-xl border border-stone-800 mb-8">
                             <label className="block text-xs font-bold text-stone-500 uppercase mb-2 text-left">Update Admin Password</label>
                             <input type="text" placeholder="New Code" value={newAdminCode} onChange={(e) => setNewAdminCode(e.target.value)} className="w-full bg-stone-900 border border-stone-700 rounded p-3 text-white mb-4 focus:border-red-600 outline-none" />
@@ -231,6 +285,7 @@ function AdminStockItem({ item, onUpdate, onDelete }: any) {
     const [editData, setEditData] = useState<any>({});
 
     useEffect(() => {
+        if (!isEditing) {
             setEditData({
                 name: item.name || "",
                 category: item.category || "",
@@ -242,7 +297,8 @@ function AdminStockItem({ item, onUpdate, onDelete }: any) {
                 bulk2Threshold: item.bulk2Threshold || 0,
                 bulk2Price: item.bulk2Price || 0
             });
-    }, [item]);
+        }
+    }, [item, isEditing]);
 
     const handleSave = () => {
         onUpdate({

frontend/src/components/CartModal.tsx

@@ -167,6 +167,11 @@ export default function CartModal({ cart, onClose, onRemove, onUpdateQty, onSubm
                             <div className="text-xs bg-stone-950 p-3 rounded border border-stone-800 text-stone-400">
                                 <p className="font-bold text-red-500 mb-1 uppercase tracking-widest">Deposit Required</p>
                                 <p>Order will not be cooked until the 30% deposit is paid. We accept PayID and Cash.</p>
+                                {(config?.maxTotalWeight || config?.maxItemWeight) && (
+                                    <p className="mt-2 border-t border-stone-850 pt-2 text-[10px] text-stone-500 italic">
+                                        Limits: Max {config.maxTotalWeight ?? 100}kg total weight | Max {config.maxItemWeight ?? 50}kg per item.
+                                    </p>
+                                )}
                             </div>
                             <div className="space-y-3">
                                 <div>