feat: konu bazlı bildirim + gerçek site tarama

1) Bildirim artık KONU odaklı (il değil)
   - Kullanıcı hangi konularda ihale alabildiğini seçer; varsayılan tüm Türkiye
   - İl/alım türü/favori kurum 'daha da daralt' altında isteğe bağlı
   - notify-store: konular kolonu + otomatik şema geçişi
   - notifier: konu başlıkları ihale başlığı/sektör/branş/kalemlerde aranır

2) Gerçek firma sitesi tarama (webScraperService mock'unun yerine)
   - server/site-scan.mjs: siteyi GERÇEKTEN çeker, ana sayfa + ürün/hizmet/
     hakkımızda iç sayfalarını tarar, HTML'i metne çevirir, AI ile firmanın
     tedarik edebildiği ihale konularını çıkarır ('uydurma' yasaklı prompt)
   - /api/company/scan (auth'lu)
   - ai.mjs: systemOverride desteği (farklı görevler için ayrı sistem promptu)
   - Arayüz: 'Sitenizi tarayıp konuları otomatik önerelim' → tıklayarak ekleme

Not: eski webScraperService.js sabit anahtar-kelime sözlüğüydü; domain adında
'tanriverdi' geçince tıbbi ürün listesi uyduruyordu.

src/components/tools/NotifySubscriptions.jsx

@@ -1,23 +1,30 @@
 import React, { useState, useEffect } from 'react';
 import { useApp } from '../../context/AppContext';
 import { getToken } from '../../services/auth';
-import { BellRing, Plus, Trash2, Loader2, AlertTriangle, Info, MapPin, Tag, Building2, Search } from 'lucide-react';
+import { SECTORS_LIST } from '../../data/constants';
+import { BellRing, Plus, Trash2, Loader2, AlertTriangle, Info, Globe, Sparkles, ChevronDown, ChevronUp, X } from 'lucide-react';
 
 /**
- * Otomatik e-posta bildirimi abonelikleri.
- * Kullanıcı kriter kaydeder; sunucu periyodik olarak eşleşen YENİ ihaleleri
- * e-posta ile gönderir.
+ * Otomatik e-posta bildirimi — KONU odaklı.
+ * Kullanıcı hangi konularda ihale alabildiğini seçer; il/kurum gibi daraltmalar
+ * isteğe bağlıdır (varsayılan: tüm Türkiye).
  */
 export const NotifySubscriptions = () => {
-  const {
-    authUser, favoriteKurumlar,
-    selectedCity, selectedSektor, selectedAlimTuru, searchQuery,
-  } = useApp();
+  const { authUser, favoriteKurumlar, userProfile } = useApp();
 
   const [abonelikler, setAbonelikler] = useState(null);
   const [busy, setBusy] = useState(false);
   const [error, setError] = useState(null);
-  const [kriter, setKriter] = useState({ sehir: '', sektor: '', alimTuru: '', anahtar: '', favoriKurumlar: false });
+  const [konular, setKonular] = useState([]);
+  const [ozelKonu, setOzelKonu] = useState('');
+  const [gelismis, setGelismis] = useState(false);
+  const [daralt, setDaralt] = useState({ sehir: '', alimTuru: '', favoriKurumlar: false });
+
+  // Site tarama
+  const [site, setSite] = useState(userProfile?.website || '');
+  const [tarama, setTarama] = useState(null);
+  const [taraniyor, setTaraniyor] = useState(false);
+  const [taramaHata, setTaramaHata] = useState(null);
 
   const yukle = () => {
     if (!authUser) return;
@@ -28,16 +35,31 @@ export const NotifySubscriptions = () => {
   };
   useEffect(yukle, [authUser]);
 
-  // Ekrandaki aktif filtreleri forma taşı
-  const filtreleriAl = () => setKriter({
-    sehir: selectedCity || '',
-    sektor: selectedSektor || '',
-    alimTuru: selectedAlimTuru || '',
-    anahtar: searchQuery || '',
-    favoriKurumlar: false,
-  });
+  const konuEkle = (k) => {
+    const t = String(k || '').trim();
+    if (!t || konular.some((x) => x.toLocaleLowerCase('tr-TR') === t.toLocaleLowerCase('tr-TR'))) return;
+    setKonular([...konular, t]);
+  };
+  const konuCikar = (k) => setKonular(konular.filter((x) => x !== k));
+
+  const siteyiTara = async () => {
+    setTaraniyor(true); setTaramaHata(null); setTarama(null);
+    try {
+      const res = await fetch('/api/company/scan', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${getToken()}` },
+        body: JSON.stringify({ url: site }),
+      });
+      const d = await res.json();
+      if (!d.success) throw new Error(d.error);
+      setTarama(d);
+    } catch (e) {
+      setTaramaHata(e.message);
+    } finally { setTaraniyor(false); }
+  };
 
   const kaydet = async () => {
+    if (!konular.length) { setError('En az bir konu seçin.'); return; }
     setBusy(true); setError(null);
     try {
       const res = await fetch('/api/notify/subscriptions', {
@@ -45,16 +67,17 @@ export const NotifySubscriptions = () => {
         headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${getToken()}` },
         body: JSON.stringify({
           kriter: {
-            sehir: kriter.sehir, sektor: kriter.sektor,
-            alimTuru: kriter.alimTuru, anahtar: kriter.anahtar,
-            kurumlar: kriter.favoriKurumlar ? favoriteKurumlar : [],
+            konular,
+            sehir: daralt.sehir,
+            alimTuru: daralt.alimTuru,
+            kurumlar: daralt.favoriKurumlar ? favoriteKurumlar : [],
           },
         }),
       });
       const d = await res.json();
       if (!d.success) throw new Error(d.error);
       setAbonelikler(d.abonelikler);
-      setKriter({ sehir: '', sektor: '', alimTuru: '', anahtar: '', favoriKurumlar: false });
+      setKonular([]); setDaralt({ sehir: '', alimTuru: '', favoriKurumlar: false });
     } catch (e) { setError(e.message); }
     finally { setBusy(false); }
   };
@@ -72,52 +95,48 @@ export const NotifySubscriptions = () => {
   };
 
   const ozet = (a) => [
-    a.sehir && `İl: ${a.sehir}`,
-    a.sektor && `Sektör: ${a.sektor}`,
-    a.alimTuru && `Tür: ${a.alimTuru}`,
-    a.anahtar && `“${a.anahtar}”`,
+    a.konular?.length ? a.konular.join(' · ') : null,
+    a.sehir && `📍 ${a.sehir}`,
+    a.alimTuru && `(${a.alimTuru})`,
     a.kurumlar?.length && `${a.kurumlar.length} favori kurum`,
-  ].filter(Boolean).join(' · ') || 'Tüm ihaleler';
+  ].filter(Boolean).join('  ') || 'Tüm ihaleler';
 
   if (!authUser) return null;
 
+  const oneriler = tarama?.sonuc?.ihaleKonulari || [];
+
   return (
-    <div className="bg-white p-6 rounded-2xl border border-slate-200 shadow-xs space-y-4">
+    <div className="bg-white p-6 rounded-2xl border border-slate-200 shadow-xs space-y-5">
       <div className="flex items-center justify-between border-b border-slate-100 pb-3">
         <h3 className="font-extrabold text-sm text-slate-900 flex items-center gap-2">
           <BellRing className="w-4 h-4 text-emerald-600" /> Otomatik E-posta Bildirimi
         </h3>
         {abonelikler && (
           <span className="bg-emerald-100 text-emerald-800 font-extrabold text-[10px] px-2 py-0.5 rounded-full">
-            {abonelikler.length} kriter
+            {abonelikler.length} kayıt
           </span>
         )}
       </div>
 
       <p className="text-xs text-slate-600 leading-relaxed">
-        Kaydettiğiniz kriterlere uyan <strong>yeni</strong> ihaleler çıktığında
-        <strong> {authUser.email}</strong> adresine otomatik özet gönderilir. Sunucu bunu
-        periyodik olarak kontrol eder; aynı ihale iki kez bildirilmez.
+        Hangi <strong>konularda</strong> ihale alabiliyorsanız onları seçin — <strong>tüm Türkiye</strong> taranır,
+        yalnızca size uyan yeni ihaleler <strong>{authUser.email}</strong> adresine gelir. Gereksiz ilan gönderilmez.
       </p>
 
-      {/* Mevcut abonelikler */}
+      {/* Mevcut kayıtlar */}
       {abonelikler === null ? (
         <div className="flex items-center gap-2 text-xs text-slate-400"><Loader2 className="w-3.5 h-3.5 animate-spin" /> yükleniyor…</div>
-      ) : abonelikler.length === 0 ? (
-        <p className="text-xs text-slate-400 bg-slate-50 border border-dashed border-slate-200 rounded-lg p-3">
-          Henüz kriter eklemediniz. Aşağıdan ekleyin — boş bırakırsanız tüm yeni ihaleler bildirilir.
-        </p>
-      ) : (
+      ) : abonelikler.length > 0 && (
         <div className="space-y-2">
           {abonelikler.map((a) => (
-            <div key={a.id} className="flex items-center justify-between gap-2 bg-slate-50 border border-slate-200 rounded-lg px-3 py-2">
+            <div key={a.id} className="flex items-start justify-between gap-2 bg-slate-50 border border-slate-200 rounded-lg px-3 py-2">
               <div className="min-w-0">
-                <p className="text-xs font-bold text-slate-800 truncate">{ozet(a)}</p>
-                <p className="text-[10px] text-slate-400">
+                <p className="text-xs font-bold text-slate-800">{ozet(a)}</p>
+                <p className="text-[10px] text-slate-400 mt-0.5">
                   {a.sonGonderim ? `son gönderim: ${new Date(a.sonGonderim).toLocaleString('tr-TR')}` : 'ilk tur bekleniyor'}
                 </p>
               </div>
-              <button onClick={() => sil(a.id)} disabled={busy} className="text-slate-400 hover:text-red-500 shrink-0" title="Kriteri sil">
+              <button onClick={() => sil(a.id)} disabled={busy} className="text-slate-400 hover:text-red-500 shrink-0 mt-0.5" title="Sil">
                 <Trash2 className="w-3.5 h-3.5" />
               </button>
             </div>
@@ -125,71 +144,125 @@ export const NotifySubscriptions = () => {
         </div>
       )}
 
-      {/* Yeni kriter */}
-      <div className="pt-2 border-t border-slate-100 space-y-2">
-        <div className="flex items-center justify-between">
-          <span className="text-[11px] font-bold text-slate-700 uppercase tracking-wide">Yeni kriter</span>
-          <button onClick={filtreleriAl} className="text-[11px] font-bold text-blue-600 hover:underline">
-            Ekrandaki filtreleri kullan
+      {/* Site tarama → konu önerisi */}
+      <div className="bg-blue-50/60 border border-blue-200 rounded-xl p-3.5 space-y-2.5">
+        <p className="text-[11px] font-bold text-blue-900 flex items-center gap-1.5">
+          <Globe className="w-3.5 h-3.5" /> Sitenizi tarayıp konuları otomatik önerelim
+        </p>
+        <div className="flex gap-2">
+          <input value={site} onChange={(e) => setSite(e.target.value)}
+            placeholder="firmasitesi.com"
+            className="flex-1 bg-white border border-blue-200 rounded-lg px-2.5 py-2 text-xs" />
+          <button onClick={siteyiTara} disabled={taraniyor || !site.trim()}
+            className="bg-blue-600 hover:bg-blue-500 disabled:opacity-40 text-white font-bold text-xs px-3.5 rounded-lg flex items-center gap-1.5">
+            {taraniyor ? <Loader2 className="w-3.5 h-3.5 animate-spin" /> : <Sparkles className="w-3.5 h-3.5" />}
+            {taraniyor ? 'Taranıyor…' : 'Tara'}
           </button>
         </div>
 
-        <div className="grid grid-cols-2 gap-2">
-          <label className="relative">
-            <MapPin className="w-3.5 h-3.5 text-slate-400 absolute left-2.5 top-1/2 -translate-y-1/2" />
-            <input value={kriter.sehir} onChange={(e) => setKriter({ ...kriter, sehir: e.target.value })}
-              placeholder="İl (boş = tümü)"
-              className="w-full bg-slate-50 border border-slate-200 rounded-lg pl-8 pr-2 py-2 text-xs" />
-          </label>
-          <label className="relative">
-            <Tag className="w-3.5 h-3.5 text-slate-400 absolute left-2.5 top-1/2 -translate-y-1/2" />
-            <input value={kriter.sektor} onChange={(e) => setKriter({ ...kriter, sektor: e.target.value })}
-              placeholder="Sektör"
-              className="w-full bg-slate-50 border border-slate-200 rounded-lg pl-8 pr-2 py-2 text-xs" />
-          </label>
-          <label className="relative">
-            <Building2 className="w-3.5 h-3.5 text-slate-400 absolute left-2.5 top-1/2 -translate-y-1/2" />
-            <input value={kriter.alimTuru} onChange={(e) => setKriter({ ...kriter, alimTuru: e.target.value })}
-              placeholder="Alım türü"
-              className="w-full bg-slate-50 border border-slate-200 rounded-lg pl-8 pr-2 py-2 text-xs" />
-          </label>
-          <label className="relative">
-            <Search className="w-3.5 h-3.5 text-slate-400 absolute left-2.5 top-1/2 -translate-y-1/2" />
-            <input value={kriter.anahtar} onChange={(e) => setKriter({ ...kriter, anahtar: e.target.value })}
-              placeholder="Anahtar kelime"
-              className="w-full bg-slate-50 border border-slate-200 rounded-lg pl-8 pr-2 py-2 text-xs" />
-          </label>
-        </div>
+        {taramaHata && <p className="text-[11px] text-red-700">⚠ {taramaHata}</p>}
 
-        {favoriteKurumlar?.length > 0 && (
-          <label className="flex items-center gap-2 text-xs font-medium text-slate-700 cursor-pointer">
-            <input type="checkbox" checked={kriter.favoriKurumlar}
-              onChange={(e) => setKriter({ ...kriter, favoriKurumlar: e.target.checked })}
-              className="w-3.5 h-3.5 accent-emerald-600 rounded" />
-            Yalnızca favori kurumlarım ({favoriteKurumlar.length})
-          </label>
-        )}
-
-        <button onClick={kaydet} disabled={busy}
-          className="w-full bg-emerald-600 hover:bg-emerald-500 disabled:opacity-40 text-white font-bold text-xs py-2.5 rounded-xl flex items-center justify-center gap-2">
-          {busy ? <Loader2 className="w-3.5 h-3.5 animate-spin" /> : <Plus className="w-3.5 h-3.5" />}
-          Bildirim Kriteri Ekle
-        </button>
-
-        {error && (
-          <div className="bg-red-50 border border-red-200 rounded-lg p-2.5 flex gap-2">
-            <AlertTriangle className="w-3.5 h-3.5 text-red-600 shrink-0 mt-0.5" />
-            <p className="text-[11px] text-red-800">{error}</p>
+        {tarama && (
+          <div className="space-y-2">
+            <p className="text-[11px] text-blue-900">
+              <strong>{tarama.tarananSayfa} sayfa</strong> tarandı ({tarama.karakter.toLocaleString('tr-TR')} karakter).
+              {tarama.sonuc?.ozet && <> {tarama.sonuc.ozet}</>}
+            </p>
+            {oneriler.length > 0 && (
+              <>
+                <p className="text-[10px] text-blue-700 font-semibold">Önerilen konular — eklemek için tıklayın:</p>
+                <div className="flex flex-wrap gap-1.5">
+                  {oneriler.map((k) => (
+                    <button key={k} onClick={() => konuEkle(k)}
+                      className="text-[11px] bg-white hover:bg-blue-100 border border-blue-300 text-blue-900 px-2 py-1 rounded-md font-medium">
+                      + {k}
+                    </button>
+                  ))}
+                </div>
+              </>
+            )}
           </div>
         )}
       </div>
 
-      <div className="bg-blue-50 border border-blue-200 rounded-lg p-3 flex gap-2">
-        <Info className="w-3.5 h-3.5 text-blue-600 shrink-0 mt-0.5" />
-        <p className="text-[11px] text-blue-900 leading-relaxed">
-          İlk kriter eklendiğinde mevcut ihaleler <strong>bildirilmez</strong> — yalnızca temel alınır.
-          Bundan sonra çıkan yeni ihaleler gönderilir, böylece ilk gün yüzlerce eski ilanla dolmaz.
-          Sonuçlanmış arşiv kayıtları bildirime girmez.
+      {/* Seçilen konular */}
+      <div className="space-y-2">
+        <p className="text-[11px] font-bold text-slate-700 uppercase tracking-wide">Seçilen konular</p>
+        {konular.length === 0 ? (
+          <p className="text-[11px] text-slate-400">Henüz konu seçilmedi.</p>
+        ) : (
+          <div className="flex flex-wrap gap-1.5">
+            {konular.map((k) => (
+              <span key={k} className="text-[11px] bg-emerald-50 border border-emerald-300 text-emerald-900 px-2 py-1 rounded-md font-semibold flex items-center gap-1">
+                {k}
+                <button onClick={() => konuCikar(k)} className="text-emerald-700 hover:text-red-600"><X className="w-3 h-3" /></button>
+              </span>
+            ))}
+          </div>
+        )}
+
+        <div className="flex gap-2 pt-1">
+          <input value={ozelKonu} onChange={(e) => setOzelKonu(e.target.value)}
+            onKeyDown={(e) => { if (e.key === 'Enter') { konuEkle(ozelKonu); setOzelKonu(''); } }}
+            placeholder="Kendi konunuzu yazın ve Enter'a basın"
+            className="flex-1 bg-slate-50 border border-slate-200 rounded-lg px-2.5 py-2 text-xs" />
+          <button onClick={() => { konuEkle(ozelKonu); setOzelKonu(''); }}
+            className="bg-slate-800 hover:bg-slate-700 text-white font-bold text-xs px-3 rounded-lg">Ekle</button>
+        </div>
+
+        <p className="text-[10px] text-slate-400 pt-1">Hazır sektörler:</p>
+        <div className="flex flex-wrap gap-1.5">
+          {SECTORS_LIST.map((s) => (
+            <button key={s} onClick={() => konuEkle(s)}
+              className="text-[11px] bg-slate-100 hover:bg-slate-200 text-slate-700 px-2 py-1 rounded-md">
+              + {s}
+            </button>
+          ))}
+        </div>
+      </div>
+
+      {/* Gelişmiş daraltma (isteğe bağlı) */}
+      <div>
+        <button onClick={() => setGelismis(!gelismis)} className="text-[11px] font-bold text-slate-500 hover:text-slate-800 flex items-center gap-1">
+          {gelismis ? <ChevronUp className="w-3.5 h-3.5" /> : <ChevronDown className="w-3.5 h-3.5" />}
+          Daha da daralt (isteğe bağlı) — varsayılan: tüm Türkiye
+        </button>
+        {gelismis && (
+          <div className="grid grid-cols-2 gap-2 mt-2">
+            <input value={daralt.sehir} onChange={(e) => setDaralt({ ...daralt, sehir: e.target.value })}
+              placeholder="Yalnızca bu il" className="bg-slate-50 border border-slate-200 rounded-lg px-2.5 py-2 text-xs" />
+            <input value={daralt.alimTuru} onChange={(e) => setDaralt({ ...daralt, alimTuru: e.target.value })}
+              placeholder="Alım türü (ör. Doğrudan Temin)" className="bg-slate-50 border border-slate-200 rounded-lg px-2.5 py-2 text-xs" />
+            {favoriteKurumlar?.length > 0 && (
+              <label className="col-span-2 flex items-center gap-2 text-xs text-slate-700 cursor-pointer">
+                <input type="checkbox" checked={daralt.favoriKurumlar}
+                  onChange={(e) => setDaralt({ ...daralt, favoriKurumlar: e.target.checked })}
+                  className="w-3.5 h-3.5 accent-emerald-600 rounded" />
+                Yalnızca favori kurumlarım ({favoriteKurumlar.length})
+              </label>
+            )}
+          </div>
+        )}
+      </div>
+
+      <button onClick={kaydet} disabled={busy || !konular.length}
+        className="w-full bg-emerald-600 hover:bg-emerald-500 disabled:opacity-40 text-white font-bold text-xs py-2.5 rounded-xl flex items-center justify-center gap-2">
+        {busy ? <Loader2 className="w-3.5 h-3.5 animate-spin" /> : <Plus className="w-3.5 h-3.5" />}
+        Bildirimi Kaydet
+      </button>
+
+      {error && (
+        <div className="bg-red-50 border border-red-200 rounded-lg p-2.5 flex gap-2">
+          <AlertTriangle className="w-3.5 h-3.5 text-red-600 shrink-0 mt-0.5" />
+          <p className="text-[11px] text-red-800">{error}</p>
+        </div>
+      )}
+
+      <div className="bg-slate-50 border border-slate-200 rounded-lg p-3 flex gap-2">
+        <Info className="w-3.5 h-3.5 text-slate-500 shrink-0 mt-0.5" />
+        <p className="text-[11px] text-slate-600 leading-relaxed">
+          İlk kayıtta mevcut ihaleler <strong>bildirilmez</strong> — yalnızca temel alınır, sonrasında çıkan
+          yeni ihaleler gönderilir. Aynı ihale iki kez gönderilmez; sonuçlanmış arşiv kayıtları bildirime girmez.
         </p>
       </div>
     </div>