feat: ortak kalem havuzu — teklif cetveli kalemleri kartta gorunur ve aranabilir

Firmalar ihalenin sadece basligina bakarak kendi urunlerinin icinde olup
olmadigini goremiyordu ("148 KALEM KIRTASIYE MALZEME ALIMI"). Artik bir
kullanici ihale dokumanini yukledinde teklif cetveli kalemleri ayristirilip
IKN'ye baglaniyor ve o ihale HERKESIN kartinda kalemleriyle gorunuyor.

NEDEN YUKLEMEYE DAYALI: kalem listesi EKAP'in programatik yuzeyinde yok.
- Arama/detay API'si (ihtiyacKalemiOkasList) yalnizca OKAS sinifi veriyor:
  "KALP AKCIGER POMPASI CIHAZI ALIMI" icin tek satir "Tibbi cihazlar"
- Ilan metni yalnizca sayiyi veriyor: "148 KALEM ... Ayrintili bilgiye EKAP'ta
  yer alan ihale dokumani icinde bulunan idari sartnameden ulasilabilir"
- Dokuman sayfasi CAPTCHA ile korunuyor (ctl00_btnCaptchaProtect, guvenlik
  resmi). Gercek tarayiciyla (Playwright) da acildi, donen tek metin: "Dogrula"

OTOMATIK, AI'SIZ: kalem cikarimi yukleme aninda kendiliginden calisir,
kullanicidan tiklama beklemez ve model cagirmaz (saf regex). AI analizi ayri
dugmede, kullanici isterse.

- server/kalem-cikar.mjs: teklif cetveli ayristirici. " | " tablolarindan
  (docx/xlsx/zip) sutun basligini cozerek; ayracsiz PDF metninde sezgisel
  satir kalibiyla. Miktar+birim tek hucrede olabiliyor ("25000 TEST").
  Birim listesinde 'test' var — tibbi kitlerde kalem miktari boyle yaziliyor.
- server/kalem-store.mjs: kalem.sqlite, IKN bazli, Turkce duyarli arama.
  Bos ayristirma mevcut iyi veriyi silmez.
- Uclar: POST /api/kalem/cikar (tarayicidan gelen PDF metni), GET /api/kalem,
  GET /api/kalem/ara, GET /api/health/kalem
- /api/tenders payloadu kalemSayisi + ilk kalemleri tasiyor
- Kartta kalem rozeti ve kalem seridi; aramada eslesen kalemler one alinir
- Ust arama kutusu kalem havuzunda da ariyor (350ms debounce, sunucu tarafi)
- Detay modalinda tam kalem listesi + kalem ici arama

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

src/components/TenderCard.jsx

@@ -3,7 +3,9 @@ import { useApp } from '../context/AppContext';
 import { Star, MapPin, Clock, Tag, Package, Building2, AlertTriangle, Sparkles, CalendarDays, Megaphone } from 'lucide-react';
 
 export const TenderCard = ({ tender }) => {
-  const { toggleTrackTender, setActiveTenderDetail, favoriteKurumlar, toggleFavoriteKurum } = useApp();
+  const { toggleTrackTender, setActiveTenderDetail, favoriteKurumlar, toggleFavoriteKurum, kalemEslesen, searchQuery } = useApp();
+  // Aramada eşleşen kalemler öne alınır — firma kendi ürününü hemen görsün.
+  const eslesenKalemler = (kalemEslesen && tender.ikn && kalemEslesen.get(tender.ikn)) || null;
   const isFavKurum = favoriteKurumlar?.includes((tender.kurum || '').trim());
 
   const [day, monthYear] = tender.tarih ? tender.tarih.split('.') : ['01', '01.2026'];
@@ -106,6 +108,15 @@ export const TenderCard = ({ tender }) => {
                 <span>İhale: {tender.tarih}{tender.saat ? ` ${tender.saat}` : ''}</span>
               </span>
             )}
+            {tender.kalemSayisi > 0 && (
+              <span
+                className="bg-indigo-50 text-indigo-700 border border-indigo-200 px-2 py-0.5 rounded-full text-[10px] font-bold flex items-center gap-1"
+                title="Teklif cetveli kalemleri — bir kullanıcının yüklediği ihale dokümanından çıkarıldı"
+              >
+                <Package className="w-3 h-3 text-indigo-600" />
+                <span>{tender.kalemSayisi} kalem</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" />
@@ -150,8 +161,42 @@ export const TenderCard = ({ tender }) => {
           )}
         </div>
 
+        {/* Teklif cetveli kalemleri (ortak havuz) — firmanın kendi ürününü
+            şartnameyi indirmeden görebilmesi için kartta gösterilir. */}
+        {tender.kalemSayisi > 0 && (
+          <div
+            onClick={() => setActiveTenderDetail(tender)}
+            className="bg-indigo-50/60 hover:bg-indigo-50 rounded-lg p-2.5 border border-indigo-200 space-y-1.5 cursor-pointer transition-colors"
+          >
+            <p className="text-[10px] font-black uppercase tracking-wider text-indigo-700/70">
+              {eslesenKalemler ? 'Aramanızla eşleşen kalemler' : 'Teklif cetveli kalemleri'}
+            </p>
+            {(eslesenKalemler
+              ? eslesenKalemler.slice(0, 3).map((k) => k)
+              : (tender.kalemler || []).slice(0, 3).map((ad) => ({ ad }))
+            ).map((k, idx) => (
+              <div key={idx} className="flex items-center justify-between gap-2 text-xs font-semibold text-slate-700">
+                <span className="flex items-center gap-2 truncate">
+                  <Package className="w-3.5 h-3.5 text-indigo-500 shrink-0" />
+                  <span className="truncate">{k.ad}</span>
+                </span>
+                {k.miktar != null && (
+                  <span className="bg-white border border-indigo-200 px-2 py-0.5 rounded text-[11px] font-bold text-slate-900 shrink-0">
+                    {k.miktar.toLocaleString('tr-TR')} {k.birim || ''}
+                  </span>
+                )}
+              </div>
+            ))}
+            {tender.kalemSayisi > 3 && (
+              <p className="text-[10px] font-bold text-indigo-600 hover:underline pt-0.5 text-right">
+                + {tender.kalemSayisi - 3} kalem daha — tümünü gör
+              </p>
+            )}
+          </div>
+        )}
+
         {/* Material Items Preview Box */}
-        {tender.items && tender.items.length > 0 && (
+        {!tender.kalemSayisi && tender.items && tender.items.length > 0 && (
           <div 
             onClick={() => setActiveTenderDetail(tender)}
             className="bg-slate-50 hover:bg-slate-100/80 rounded-lg p-2.5 border border-slate-200 space-y-1.5 cursor-pointer transition-colors"