feat: ilan ve ihale tarihi etiketli gosteriliyor + 'sadece acik ihaleler' filtresi gercekten calisiyor (varsayilan acik)

server/dt-store.mjs

@@ -110,6 +110,7 @@ function mapDtRow(row) {
     brans: (det.bransKodlari || []).join(', ') || row.turu || 'Genel',
     kurumTipi: classifyKurum(kurum),
     eklenmeZamani: row.yayim_tarihi ? `Yayım: ${row.yayim_tarihi}` : '',
+    ilanTarihi: row.yayim_tarihi || '',
     isYeni: false,
     isLiveFeed: true,
     aciliyetBadge: null,

server/history-store.mjs

@@ -204,6 +204,7 @@ function rowToTender(r) {
     items,
     // Arayüzün beklediği alanlar (geçmiş kayıtta karşılığı yok — güvenli varsayılan)
     eklenmeZamani: 'arşivden',
+    ilanTarihi: r.ilan_tarihi || '',
     isYeni: false,
     aciliyetBadge: null,
     usul: r.ihale_tipi || 'İhale',

server/index.js

@@ -150,6 +150,7 @@ function mapAd(ad) {
     brans: ihaleTuru || 'Genel',
     kurumTipi: classify(INSTITUTION_RULES, ad.advertiserName || '', 'Diğer Kamu Kurumları'),
     eklenmeZamani: relativeTimeTr(ad.publishStartDate),
+    ilanTarihi: ad.publishStartDate ? String(ad.publishStartDate).slice(0, 10) : '',
     isYeni: Boolean(publishedToday),
     isLiveFeed: true,
     aciliyetBadge,

src/components/TenderCard.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useApp } from '../context/AppContext';
-import { Star, MapPin, Clock, Tag, Package, Building2, AlertTriangle, Sparkles } from 'lucide-react';
+import { Star, MapPin, Clock, Tag, Package, Building2, AlertTriangle, Sparkles, CalendarDays, Megaphone } from 'lucide-react';
 
 export const TenderCard = ({ tender }) => {
   const { toggleTrackTender, setActiveTenderDetail, favoriteKurumlar, toggleFavoriteKurum } = useApp();
@@ -9,6 +9,18 @@ export const TenderCard = ({ tender }) => {
   const [day, monthYear] = tender.tarih ? tender.tarih.split('.') : ['01', '01.2026'];
   const monthYearFormatted = monthYear ? `${monthYear}` : '08.2026';
 
+  // İlan (yayım) tarihi kaynaklara göre farklı biçimde geliyor:
+  // canlı akış ISO (2026-08-30), DT/arşiv gg.aa.yyyy. İkisini de gösterebilelim.
+  const ilanTarihiGoster = (() => {
+    const v = tender.ilanTarihi;
+    if (!v) return null;
+    if (/^\d{4}-\d{2}-\d{2}/.test(v)) {
+      const [y, a, g] = v.slice(0, 10).split('-');
+      return `${g}.${a}.${y}`;
+    }
+    return v;
+  })();
+
   return (
     <div className="bg-white rounded-xl border border-blue-200/80 shadow-xs hover:shadow-md transition-all overflow-hidden flex flex-col md:flex-row group border-l-4 border-l-blue-600">
       
@@ -17,7 +29,8 @@ export const TenderCard = ({ tender }) => {
         onClick={() => setActiveTenderDetail(tender)}
         className="bg-[#edf4ff] group-hover:bg-[#e2edff] text-blue-900 md:w-36 p-4 flex flex-col items-center justify-center shrink-0 border-b md:border-b-0 md:border-r border-blue-100 cursor-pointer select-none transition-colors"
       >
-        <span className="text-3xl font-black tracking-tight text-blue-700">{day}</span>
+        <span className="text-[9px] font-black uppercase tracking-widest text-blue-900/50">İhale</span>
+        <span className="text-3xl font-black tracking-tight text-blue-700 leading-none">{day}</span>
         <span className="text-xs font-bold text-blue-900/80 mt-0.5">{monthYearFormatted}</span>
         <span className="text-[11px] font-semibold bg-white/80 px-2 py-0.5 rounded-full text-blue-800 mt-2 border border-blue-200">
           {tender.saat}
@@ -75,10 +88,30 @@ export const TenderCard = ({ tender }) => {
               <MapPin className="w-3.5 h-3.5 text-rose-500 shrink-0" />
               <span>{tender.sehir}</span>
             </span>
-            <span className="bg-emerald-50 text-emerald-700 border border-emerald-200 px-2 py-0.5 rounded-full text-[10px] font-bold flex items-center gap-1">
+            {ilanTarihiGoster && (
-              <Clock className="w-3 h-3 text-emerald-600" />
+              <span
-              <span>{tender.eklenmeZamani}</span>
+                className="bg-emerald-50 text-emerald-700 border border-emerald-200 px-2 py-0.5 rounded-full text-[10px] font-bold flex items-center gap-1"
-            </span>
+                title="İlanın yayımlandığı tarih"
+              >
+                <Megaphone className="w-3 h-3 text-emerald-600" />
+                <span>İlan: {ilanTarihiGoster}</span>
+              </span>
+            )}
+            {tender.tarih && (
+              <span
+                className="bg-blue-50 text-blue-700 border border-blue-200 px-2 py-0.5 rounded-full text-[10px] font-bold flex items-center gap-1"
+                title="İhalenin yapılacağı tarih"
+              >
+                <CalendarDays className="w-3 h-3 text-blue-600" />
+                <span>İhale: {tender.tarih}{tender.saat ? ` ${tender.saat}` : ''}</span>
+              </span>
+            )}
+            {tender.eklenmeZamani && !ilanTarihiGoster && (
+              <span className="bg-slate-100 text-slate-600 border border-slate-200 px-2 py-0.5 rounded-full text-[10px] font-bold flex items-center gap-1">
+                <Clock className="w-3 h-3 text-slate-500" />
+                <span>{tender.eklenmeZamani}</span>
+              </span>
+            )}
             <span className="text-slate-400 font-mono text-[11px]">
               # {tender.ikn}
             </span>

src/components/TenderList.jsx

@@ -8,6 +8,14 @@ import confetti from 'canvas-confetti';
 // 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,
@@ -19,6 +27,7 @@ export const TenderList = () => {
     selectedKurumTipi,
     quickFilter,
     onlyValidOnly,
+    setOnlyValidOnly,
     favoriteKurumlar
   } = useApp();
 
@@ -30,6 +39,9 @@ export const TenderList = () => {
   const [gosterilen, setGosterilen] = useState(SAYFA_ADIM);
   const dipRef = useRef(null);
 
+  // Bugünün başlangıcı — "bugün ihalesi olan" listede kalsın.
+  const bugun = useMemo(() => { const d = new Date(); d.setHours(0, 0, 0, 0); return d; }, []);
+
   // Filter logic
   const filteredTenders = useMemo(() => {
     return tenders.filter(tender => {
@@ -43,6 +55,13 @@ export const TenderList = () => {
         if (!matchTitle && !matchKurum && !matchIkn && !matchItems) return false;
       }
 
+      // 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;
+      }
+
       // Quick Filter
       if (quickFilter === 'favori_kurumlar' && !(favoriteKurumlar || []).includes((tender.kurum || '').trim())) return false;
       if (quickFilter === 'dogrudan_temin' && tender.alimTuru !== 'Doğrudan Temin') return false;
@@ -68,7 +87,7 @@ export const TenderList = () => {
       if (sortBy === 'distant') return b.tarih.localeCompare(a.tarih);
       return 0;
     });
-  }, [tenders, searchQuery, selectedCity, selectedAlimTuru, selectedSektorler, selectedCpvler, selectedKurumTipi, quickFilter, sortBy]);
+  }, [tenders, searchQuery, selectedCity, selectedAlimTuru, selectedSektorler, selectedCpvler, selectedKurumTipi, quickFilter, sortBy, onlyValidOnly, bugun]);
 
   const gorunenTenders = filteredTenders.slice(0, gosterilen);
   const dahaVar = gosterilen < filteredTenders.length;
@@ -78,7 +97,7 @@ export const TenderList = () => {
   // başına fırlardı.
   useEffect(() => { setGosterilen(SAYFA_ADIM); }, [
     searchQuery, selectedCity, selectedAlimTuru, selectedSektorler,
-    selectedCpvler, selectedKurumTipi, quickFilter, sortBy,
+    selectedCpvler, selectedKurumTipi, quickFilter, sortBy, onlyValidOnly,
   ]);
 
   const dahaGoster = useCallback(() => {
@@ -136,6 +155,20 @@ export const TenderList = () => {
         </div>
 
         <div className="flex items-center gap-3 w-full sm:w-auto">
+          {/* Varsayılan: yalnızca ihale tarihi geçmemiş ilanlar */}
+          <label
+            className="flex items-center gap-1.5 text-xs font-semibold text-slate-700 cursor-pointer select-none whitespace-nowrap"
+            title="Kapalı: ihale tarihi geçmiş ilanlar da listelenir"
+          >
+            <input
+              type="checkbox"
+              checked={onlyValidOnly}
+              onChange={(e) => setOnlyValidOnly(e.target.checked)}
+              className="accent-blue-600"
+            />
+            Sadece açık ihaleler
+          </label>
+
           <select
             value={sortBy}
             onChange={(e) => setSortBy(e.target.value)}