fix: ust serit tiklaninca donuyordu — Kanban havuzdaki tum ihaleleri (8 bin+ kart) ciziyordu; artik yalnizca takipteki/kolona tasinan ihaleler, sekme gecisi transition ile aninda vurgulaniyor

- KanbanBoard: sunucu her ilana varsayilan 'incelenecek' verdigi icin bos pano 8.372 kart basiyordu; yalnizca takipte veya kolona tasinmis ihaleler kaliyor
- TopNavigation: useTransition + spinner; agir sekmelerde tiklama karsiliksiz kalmiyor
- sunucu: 'yeni liste eskisinden kucukse alma' kurali havuzu 30 Agustos zirvesinde dondurmustu (gunlerce yeni ilan yok); eksiksiz inen liste her zaman devrede
- sunucu: isYeni/bugun eklenen UTC-TR gun farkindan hep 0'di; Europe/Istanbul gunune gore ve her yanitta tazeleniyor (eklenmeZamani da donmuyor)
- ust kartlar: 'bugun eklenenler' tum ilanlari sayiyordu ('once' metnine bakiyordu), 'son giristen beri' sabit 14'tu; sayimlar liste filtresiyle ayni olcut (ihaleTarih.js), arsiv/sonuclanan filtreleri 'sadece acik' kapisina takilmiyor

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

src/components/KanbanBoard.jsx

@@ -22,8 +22,12 @@ export const KanbanBoard = () => {
     ...tenders.map((t) => t.atananPersonel).filter(Boolean),
   ])];
 
+  // Panoda yalnızca takibe alınan ya da bir kolona taşınmış ihaleler durur.
+  // Sunucu HER ilana varsayılan 'incelenecek' durumu veriyor; onu "panoda"
+  // saymak 8 bin+ kartı tek seferde çizdirip sekmeyi saniyelerce donduruyordu.
   const filteredTenders = tenders.filter(t => {
-    if (!t.takipte && !t.kanbanStatus) return false;
+    const panoda = t.takipte || (t.kanbanStatus && t.kanbanStatus !== 'incelenecek');
+    if (!panoda) return false;
     if (selectedPersonel && t.atananPersonel !== selectedPersonel) return false;
     return true;
   });

src/components/LiveStatsBar.jsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { useApp } from '../context/AppContext';
 import { Database, PlusCircle, Eye, Layers, Trophy, TrendingDown } from 'lucide-react';
+import { bugunEklendi, acikIhale } from '../services/ihaleTarih';
 
 export const LiveStatsBar = () => {
   const { liveStats, tenders } = useApp();
@@ -8,6 +9,12 @@ export const LiveStatsBar = () => {
   const yukluIhale = tenders.length;
   const takibimdeki = tenders.filter((t) => t.takipte).length;
   const kalemSayisi = tenders.reduce((s, t) => s + (t.items?.length || 0), 0);
+  // Üst kartla (BUGÜN EKLENENLER) AYNI ölçüt: bugün yayımlanan ve süresi
+  // geçmemiş ilanlar (ilan.gov.tr + DT). İki bant farklı sayı göstermesin.
+  const bugun = new Date(); bugun.setHours(0, 0, 0, 0);
+  const bugunEklenen = tenders.length
+    ? tenders.filter((t) => acikIhale(t, bugun) && bugunEklendi(t)).length
+    : liveStats.bugunEklenen;
 
   // Havuz sağlığı: kaynak (ilan.gov.tr) sayısı 7 GÜNLÜK ORTALAMANIN çok altındaysa
   // bunu açıkça söyleriz — kullanıcı "veri mi kayboldu?" diye düşünmesin.
@@ -25,7 +32,7 @@ export const LiveStatsBar = () => {
   const stats = [
     { deger: liveStats.toplamIhale, etiket: 'Canlı İhale Havuzu', renk: 'text-white', dot: true },
     { deger: yukluIhale, etiket: 'Yüklü İhale', renk: 'text-white', icon: Database, iconRenk: 'text-blue-400' },
-    { deger: liveStats.bugunEklenen, etiket: 'Bugün Eklenen', renk: 'text-emerald-400', icon: PlusCircle, iconRenk: 'text-emerald-400' },
+    { deger: bugunEklenen, etiket: 'Bugün Eklenen', renk: 'text-emerald-400', icon: PlusCircle, iconRenk: 'text-emerald-400' },
     { deger: kalemSayisi, etiket: 'Kalem', renk: 'text-white', icon: Layers, iconRenk: 'text-indigo-400' },
     { deger: liveStats.arsiv, etiket: 'Sonuç Arşivi', renk: 'text-white', icon: Trophy, iconRenk: 'text-emerald-400' },
     { deger: takibimdeki, etiket: 'Takibimdeki', renk: 'text-white', icon: Eye, iconRenk: 'text-amber-400' },

src/components/SummaryCards.jsx

@@ -1,49 +1,62 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { useApp } from '../context/AppContext';
 import { Layers, CalendarPlus, Star, BellRing, EyeOff } from 'lucide-react';
+import { acikIhale, hizliFiltreGecer } from '../services/ihaleTarih';
 
 export const SummaryCards = () => {
-  const { tenders, quickFilter, setQuickFilter, setActiveTab } = useApp();
+  const { tenders, quickFilter, setQuickFilter, setActiveTab, oncekiGiris, favoriteKurumlar } = useApp();
 
-  const activeCount = tenders.filter(t => t.durum === 'Aktif').length;
-  const todayCount = tenders.filter(t => (t.eklenmeZamani || '').includes('önce') || (t.eklenmeZamani || '').includes('az')).length;
-  const trackedCount = tenders.filter(t => t.takipte).length;
-  const sinceLastLoginCount = 14; // Mocked counter
-  const unreadCount = tenders.filter(t => !t.incelendi).length;
+  // Sayımlar listedeki filtreyle AYNI ölçütü kullanır (ihaleTarih.js); karta
+  // tıklayınca gelen liste ile karttaki sayı birbirini tutar.
+  const sayim = useMemo(() => {
+    const bugun = new Date(); bugun.setHours(0, 0, 0, 0);
+    const secenek = { favoriteKurumlar: favoriteKurumlar || [], oncekiGirisMs: oncekiGiris };
+    const say = (id) => tenders.filter((t) => acikIhale(t, bugun) && hizliFiltreGecer(t, id, secenek)).length;
+    return {
+      all: say('all'),
+      bugun_eklenenler: say('bugun_eklenenler'),
+      takiptekiler: say('takiptekiler'),
+      son_giris: say('son_giris'),
+      incelenmedi: say('incelenmedi'),
+    };
+  }, [tenders, oncekiGiris, favoriteKurumlar]);
 
   const cards = [
     {
       id: 'all',
       label: 'AKTİF İHALELER',
-      count: activeCount,
+      count: sayim.all,
       icon: Layers,
       color: 'blue'
     },
     {
       id: 'bugun_eklenenler',
       label: 'BUGÜN EKLENENLER',
-      count: todayCount,
+      count: sayim.bugun_eklenenler,
       icon: CalendarPlus,
       color: 'emerald'
     },
     {
       id: 'takiptekiler',
       label: 'TAKİP ETTİKLERİM',
-      count: trackedCount,
+      count: sayim.takiptekiler,
       icon: Star,
       color: 'amber'
     },
     {
       id: 'son_giris',
       label: 'SON GİRİŞTEN BERİ',
-      count: sinceLastLoginCount,
+      count: sayim.son_giris,
       icon: BellRing,
-      color: 'purple'
+      color: 'purple',
+      title: oncekiGiris
+        ? `Önceki ziyaretinizden (${new Date(oncekiGiris).toLocaleString('tr-TR')}) sonra yayımlanan ilanlar`
+        : 'İlk ziyaretiniz — bugün yayımlanan ilanlar gösteriliyor'
     },
     {
       id: 'incelenmedi',
       label: 'İNCELENMEMİŞ',
-      count: unreadCount,
+      count: sayim.incelenmedi,
       icon: EyeOff,
       color: 'rose'
     }
@@ -58,6 +71,7 @@ export const SummaryCards = () => {
         return (
           <div
             key={card.id}
+            title={card.title}
             onClick={() => {
               setQuickFilter(card.id);
               setActiveTab('list');
@@ -70,7 +84,7 @@ export const SummaryCards = () => {
           >
             <div>
               <p className="text-[11px] font-bold tracking-wider text-slate-500 uppercase">{card.label}</p>
-              <p className="text-2xl font-black text-slate-900 mt-1">{card.count}</p>
+              <p className="text-2xl font-black text-slate-900 mt-1">{card.count.toLocaleString('tr-TR')}</p>
             </div>
             <div className={`w-11 h-11 rounded-xl flex items-center justify-center transition-transform group-hover:scale-105 ${
               card.color === 'blue' ? 'bg-blue-100 text-blue-600' :

src/components/TenderList.jsx

@@ -3,19 +3,12 @@ import { useApp } from '../context/AppContext';
 import { TenderCard } from './TenderCard';
 import { Download, SlidersHorizontal, Layers, Loader2 } from 'lucide-react';
 import confetti from 'canvas-confetti';
+import { acikIhale, hizliFiltreGecer, GECMIS_FILTRELER } from '../services/ihaleTarih';
 
 // İl adları kaynaklar arasında farklı yazılabiliyor (Ankara / ANKARA);
 // filtre büyük-küçük harf ve Türkçe karakter duyarlılığına takılmasın.
 const normTr = (v) => String(v || '').trim().toLocaleUpperCase('tr-TR');
 
-// "gg.aa.yyyy" → Date. Ayrıştırılamayanı GEÇMİŞ SAYMAYIZ: tarihi belirsiz bir
-// ihaleyi sessizce gizlemek, geçmiş bir ihaleyi göstermekten daha kötüdür.
-const ihaleGunu = (v) => {
-  const m = /^(\d{2})\.(\d{2})\.(\d{4})/.exec(String(v || '').trim());
-  if (!m) return null;
-  return new Date(Number(m[3]), Number(m[2]) - 1, Number(m[1]));
-};
-
 export const TenderList = () => {
   const {
     tenders,
@@ -28,7 +21,8 @@ export const TenderList = () => {
     quickFilter,
     onlyValidOnly,
     setOnlyValidOnly,
-    favoriteKurumlar
+    favoriteKurumlar,
+    oncekiGiris
   } = useApp();
 
   const [sortBy, setSortBy] = useState('newest'); // 'newest', 'urgent', 'distant'
@@ -57,21 +51,11 @@ export const TenderList = () => {
 
       // Geçmiş ihaleler: varsayılan olarak GİZLİ. Kullanıcı "geçmişi de göster"
       // derse (onlyValidOnly=false) hepsi gelir. Tarihi okunamayan kayıt gizlenmez.
-      if (onlyValidOnly) {
-        const gun = ihaleGunu(tender.tarih);
-        if (gun && gun < bugun) return false;
-      }
+      // Arşiv / sonuçlananlar gibi geçmişi hedefleyen hızlı filtrelerde kapı kapalı.
+      if (onlyValidOnly && !GECMIS_FILTRELER.has(quickFilter) && !acikIhale(tender, bugun)) return false;
 
-      // Quick Filter
-      if (quickFilter === 'favori_kurumlar' && !(favoriteKurumlar || []).includes((tender.kurum || '').trim())) return false;
-      if (quickFilter === 'dogrudan_temin' && tender.alimTuru !== 'Doğrudan Temin') return false;
-      if (quickFilter === 'bugun_eklenenler' && !((tender.eklenmeZamani || '').includes('önce') || (tender.eklenmeZamani || '').includes('az'))) return false;
-      if (quickFilter === 'incelenenler' && !tender.incelendi) return false;
-      if (quickFilter === 'incelenmedi' && tender.incelendi) return false;
-      if (quickFilter === 'takiptekiler' && !tender.takipte) return false;
-      if (quickFilter === 'sozlesmeler' && tender.durum !== 'Sözleşme İmzalandı') return false;
-      if (quickFilter === 'sonuclananlar' && tender.durum !== 'Sonuçlandı') return false;
-      if (quickFilter === 'iptal' && tender.durum !== 'İptal') return false;
+      // Hızlı filtre (üst kartlar + sol menü) — ölçütler ihaleTarih.js'de tek yerde
+      if (!hizliFiltreGecer(tender, quickFilter, { favoriteKurumlar: favoriteKurumlar || [], oncekiGirisMs: oncekiGiris })) return false;
 
       // Dropdown Filters
       if (selectedCity && normTr(tender.sehir) !== normTr(selectedCity)) return false;
@@ -87,7 +71,7 @@ export const TenderList = () => {
       if (sortBy === 'distant') return b.tarih.localeCompare(a.tarih);
       return 0;
     });
-  }, [tenders, searchQuery, selectedCity, selectedAlimTuru, selectedSektorler, selectedCpvler, selectedKurumTipi, quickFilter, sortBy, onlyValidOnly, bugun]);
+  }, [tenders, searchQuery, selectedCity, selectedAlimTuru, selectedSektorler, selectedCpvler, selectedKurumTipi, quickFilter, sortBy, onlyValidOnly, bugun, favoriteKurumlar, oncekiGiris]);
 
   const gorunenTenders = filteredTenders.slice(0, gosterilen);
   const dahaVar = gosterilen < filteredTenders.length;

src/components/TopNavigation.jsx

@@ -1,10 +1,23 @@
-import React, { useRef, useState, useEffect, useCallback } from 'react';
+import React, { useRef, useState, useEffect, useCallback, useTransition } from 'react';
 import { useApp } from '../context/AppContext';
-import { Newspaper, Trophy, CalendarDays, FileCheck2, Calculator, TrendingUp, LayoutGrid, Kanban, Radar, FolderKanban, BarChart3, Webhook, Smartphone, Cpu, ShieldAlert, Globe2, Gavel, CreditCard, ChevronLeft, ChevronRight } from 'lucide-react';
+import { Newspaper, Trophy, CalendarDays, FileCheck2, Calculator, TrendingUp, LayoutGrid, Kanban, Radar, FolderKanban, BarChart3, Webhook, Smartphone, Cpu, ShieldAlert, Globe2, Gavel, CreditCard, ChevronLeft, ChevronRight, Loader2 } from 'lucide-react';
 
 export const TopNavigation = () => {
   const { activeTab, setActiveTab, isAdmin } = useApp();
 
+  // Ağır sekmeler (10 bin+ kayıtlı havuzda Kanban, analiz vb.) tıklamadan
+  // sonra saniyelerce hiçbir tepki vermiyordu — kullanıcı "tıklanmıyor" sanıyordu.
+  // Sekme değişimi geçiş (transition) olarak yapılır: tıklanan sekme ANINDA
+  // vurgulanır ve dönen simge gösterilir, ağır görünüm arka planda hazırlanır.
+  const [isPending, startTransition] = useTransition();
+  const [hedefTab, setHedefTab] = useState(null);
+  const sekmeSec = (id) => {
+    if (id === activeTab) return;
+    setHedefTab(id);
+    startTransition(() => setActiveTab(id));
+  };
+  const bekleyen = isPending ? hedefTab : null;
+
   const navItems = [
     { id: 'list', label: 'Ana İhale Listesi', icon: LayoutGrid },
     { id: 'bulten', label: 'Günlük Bülten', icon: Newspaper },
@@ -90,19 +103,23 @@ export const TopNavigation = () => {
       <div ref={seritRef} className="flex items-center gap-1 overflow-x-auto py-1 scrollbar-none scroll-smooth">
         {navItems.map(item => {
           const Icon = item.icon;
-          const isActive = activeTab === item.id;
+          const isActive = bekleyen ? bekleyen === item.id : activeTab === item.id;
+          const yukleniyor = bekleyen === item.id;
           return (
             <button
               key={item.id}
               data-tab={item.id}
-              onClick={() => setActiveTab(item.id)}
+              aria-busy={yukleniyor || undefined}
+              onClick={() => sekmeSec(item.id)}
               className={`flex items-center gap-2 px-3.5 py-2 rounded-lg text-xs font-semibold whitespace-nowrap transition-all select-none ${
                 isActive
                   ? 'bg-blue-50 text-blue-700 border border-blue-200 shadow-2xs'
                   : 'text-slate-600 hover:text-slate-900 hover:bg-slate-50'
               }`}
             >
-              <Icon className={`w-4 h-4 ${isActive ? 'text-blue-600' : 'text-slate-400'}`} />
+              {yukleniyor
+                ? <Loader2 className="w-4 h-4 text-blue-600 animate-spin" />
+                : <Icon className={`w-4 h-4 ${isActive ? 'text-blue-600' : 'text-slate-400'}`} />}
               <span>{item.label}</span>
               {item.badge && (
                 <span className="bg-amber-100 text-amber-800 font-bold text-[10px] px-1.5 py-0.5 rounded-full border border-amber-200">

src/context/AppContext.jsx

@@ -105,6 +105,26 @@ export const AppProvider = ({ children }) => {
       .finally(() => setAuthReady(true));
   }, []);
 
+  // "Son girişten beri" kartı için önceki ziyaretin zamanı. Ziyaret = tarayıcı
+  // sekmesi oturumu (sessionStorage): sayfa yenilemek sayacı sıfırlamaz, yeni
+  // sekme/gün açmak önceki damgayı "önceki giriş" yapar. Eskiden sabit 14'tü.
+  const [oncekiGiris, setOncekiGiris] = useState(null);
+  useEffect(() => {
+    if (!authUser) return;
+    try {
+      const anahtar = 'ihaleist_son_giris';
+      const onceki = Number(localStorage.getItem(anahtar)) || null;
+      const oturum = sessionStorage.getItem('ihaleist_oturum_giris');
+      if (oturum !== null) {            // aynı sekmede yenileme: damga sabit kalır
+        setOncekiGiris(Number(oturum) || null);
+        return;
+      }
+      setOncekiGiris(onceki);
+      sessionStorage.setItem('ihaleist_oturum_giris', String(onceki || 0));
+      localStorage.setItem(anahtar, String(Date.now()));
+    } catch { /* depolama kapalıysa kart bugünü gösterir */ }
+  }, [authUser?.email]);
+
   // Giriş yapınca kullanıcı verisini SUNUCUDAN yükle (localStorage'ı ezer)
   useEffect(() => {
     if (!authUser) { setVeriSenkron(false); setPlan(null); return; }
@@ -530,6 +550,7 @@ export const AppProvider = ({ children }) => {
       toggleCpv,
       cpvBolumListesi,
       onlyValidOnly,
+      oncekiGiris,
       setOnlyValidOnly,
       quickFilter,
       setQuickFilter,

src/services/ihaleTarih.js

@@ -0,0 +1,76 @@
+/**
+ * İhale tarih yardımcıları — üst kartlar (SummaryCards) ile liste filtresi
+ * (TenderList) aynı ölçütü kullansın diye tek yerde.
+ *
+ * Kaynaklar tarihi farklı yazıyor:
+ *   ilan.gov.tr  → ilanTarihi "2026-09-02"
+ *   DT (EKAP)    → ilanTarihi "2026-09-02T00:00:00"
+ *   arşiv        → ilanTarihi "02.09.2026"
+ */
+
+// "gg.aa.yyyy" → Date. Ayrıştırılamayanı GEÇMİŞ SAYMAYIZ: tarihi belirsiz bir
+// ihaleyi sessizce gizlemek, geçmiş bir ihaleyi göstermekten daha kötüdür.
+export const ihaleGunu = (v) => {
+  const m = /^(\d{2})\.(\d{2})\.(\d{4})/.exec(String(v || '').trim());
+  if (!m) return null;
+  return new Date(Number(m[3]), Number(m[2]) - 1, Number(m[1]));
+};
+
+// Her biçimi "yyyy-aa-gg" dizesine indirger (karşılaştırma için).
+export const ilanTarihiISO = (t) => {
+  const v = String(t?.ilanTarihi || '').trim();
+  let m = /^(\d{4})-(\d{2})-(\d{2})/.exec(v);
+  if (m) return `${m[1]}-${m[2]}-${m[3]}`;
+  m = /^(\d{2})\.(\d{2})\.(\d{4})/.exec(v);
+  if (m) return `${m[3]}-${m[2]}-${m[1]}`;
+  return '';
+};
+
+const iso = (d) => {
+  const y = d.getFullYear();
+  const a = String(d.getMonth() + 1).padStart(2, '0');
+  const g = String(d.getDate()).padStart(2, '0');
+  return `${y}-${a}-${g}`;
+};
+
+export const bugunISO = () => iso(new Date());
+
+// Bugün yayımlanan ilan. Sunucunun isYeni bayrağı esas; o yoksa ilan tarihine bakılır.
+export const bugunEklendi = (t) => Boolean(t?.isYeni) || (ilanTarihiISO(t) !== '' && ilanTarihiISO(t) === bugunISO());
+
+// Önceki ziyaretten (ms) sonra yayımlanan ilan. Kayıt yoksa "bugün" kabul edilir.
+export const girisSonrasiEklendi = (t, oncekiGirisMs) => {
+  const tarih = ilanTarihiISO(t);
+  if (!tarih) return false;
+  const esik = oncekiGirisMs ? iso(new Date(oncekiGirisMs)) : bugunISO();
+  return tarih >= esik;
+};
+
+// Süresi geçmemiş (veya tarihi okunamayan) ihale — listenin varsayılan görünümü.
+export const acikIhale = (t, bugun) => {
+  const gun = ihaleGunu(t?.tarih);
+  return !(gun && gun < bugun);
+};
+
+// Bu hızlı filtreler doğası gereği GEÇMİŞ ihaleleri hedefler; "sadece açık
+// ihaleler" kapısı bunlara uygulanmaz, yoksa hiç sonuç çıkmaz.
+export const GECMIS_FILTRELER = new Set(['arsiv', 'sonuclananlar', 'sozlesmeler', 'iptal']);
+
+// Hızlı filtre (üst kartlar + sol menü) ölçütü. Bilinmeyen id → her şey geçer.
+export const hizliFiltreGecer = (t, id, { favoriteKurumlar = [], oncekiGirisMs = null } = {}) => {
+  switch (id) {
+    case 'favori_kurumlar': return favoriteKurumlar.includes((t.kurum || '').trim());
+    case 'dogrudan_temin': return t.alimTuru === 'Doğrudan Temin';
+    case 'ihaleler': return t.alimTuru !== 'Doğrudan Temin' && t.durum !== 'Sonuçlandı';
+    case 'bugun_eklenenler': return bugunEklendi(t);
+    case 'son_giris': return girisSonrasiEklendi(t, oncekiGirisMs);
+    case 'incelenenler': return Boolean(t.incelendi);
+    case 'incelenmedi': return !t.incelendi;
+    case 'takiptekiler': return Boolean(t.takipte);
+    case 'sozlesmeler': return t.durum === 'Sözleşme İmzalandı';
+    case 'sonuclananlar': return t.durum === 'Sonuçlandı';
+    case 'arsiv': return t.durum === 'Sonuçlandı';
+    case 'iptal': return t.durum === 'İptal';
+    default: return true;
+  }
+};