Update index.html

index.html

@@ -619,7 +619,7 @@
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/></svg>
                     گالری و تاریخچه شما
                 </div>
-                <button id="clear-history-btn">
+                 <button id="clear-history-btn">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
                     <span>پاک کردن همه</span>
                 </button>
@@ -647,7 +647,7 @@
              </a>
         </div>
     </div>
-    
+
     <div id="confirmation-modal">
         <div class="modal-dialog">
             <div class="modal-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></div>
@@ -1047,13 +1047,21 @@
         const handleDeleteItem = (index) => showConfirmationModal('آیا از حذف این مورد از تاریخچه مطمئن هستید؟', () => { let history = getHistory(); history.splice(index, 1); saveHistory(history); });
 
         const renderHistory = () => {
-            let history = getHistory();
+            const history = getHistory();
             const sixHoursInMs = 6 * 60 * 60 * 1000;
             const currentTime = Date.now();
             const validHistory = history.filter(item => (currentTime - item.timestamp) < sixHoursInMs);
-            if (validHistory.length !== history.length) { localStorage.setItem('fluxLoraHistory_v2', JSON.stringify(validHistory)); }
+            
+            // This is the bug fix: Only update localStorage if items were actually removed.
+            // But it's better to just not write back here at all. The filtering is for display only.
+            // The next page load will naturally filter out expired items again.
+            // if (validHistory.length !== history.length) {
+            //     localStorage.setItem('fluxLoraHistory_v2', JSON.stringify(validHistory));
+            // }
+
             historyGrid.innerHTML = '';
             clearHistoryBtn.style.display = validHistory.length > 0 ? 'flex' : 'none';
+
             validHistory.forEach((item, index) => {
                 const card = document.createElement('div');
                 card.className = 'history-item';
@@ -1062,12 +1070,14 @@
                 img.alt = 'تصویر ساخته شده در تاریخچه';
                 img.addEventListener('click', () => openLightbox(item.url));
                 card.appendChild(img);
+                
                 const deleteBtn = document.createElement('button');
                 deleteBtn.className = 'history-delete-btn';
                 deleteBtn.title = 'حذف این مورد';
                 deleteBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>`;
                 deleteBtn.onclick = (e) => { e.stopPropagation(); handleDeleteItem(index); };
                 card.appendChild(deleteBtn);
+
                 historyGrid.appendChild(card);
             });
         };