Enhance error handling and user experience in AI-related features

- Introduced a mechanism to save partially generated responses in case of errors, ensuring users do not lose their input. - Updated the RevizyonKutusu component to utilize a persistent request ID for retrying failed requests without double charging credits. - Improved the Sayfalama component to support client-side pagination without changing the URL, enhancing user navigation. - Added a timeout for AI generation requests to ensure credits are refunded in case of prolonged processing. - Refactored various components for better clarity and responsiveness, including updates to the BolumProgramListesi and ListePaneli components.
2026-08-03 14:12:06 +03:00
parent c2aba25814
commit a5c2bcbc4d
13 changed files with 384 additions and 180 deletions
--- a/src/app/api/soru/route.ts
+++ b/src/app/api/soru/route.ts
@@ -247,9 +247,9 @@ export async function POST(request: NextRequest) {
  const readable = new ReadableStream({
    async start(controller) {
      let tamamlandi = false;
+      let metin = "";
      try {
        // Sağlayıcıya bağlanma hatası da ilk parçada burada yakalanır
-        let metin = "";
        for await (const parca of sohbetAkisi({
          system,
          mesajlar,
@@ -269,7 +269,20 @@ export async function POST(request: NextRequest) {
        controller.close();
      } catch (err) {
        if (!tamamlandi) {
-          // Hiç çıktı üretilmeden hata olduysa krediyi iade et
+          // Cevap tamamlanmadı: kredi iade edilir. Yarıda kalan metin varsa
+          // yine de kaydedilir ki kullanıcı ekranda gördüğü kısmı sayfa
+          // yenilenince kaybetmesin.
+          if (metin) {
+            try {
+              await appDb.insert(schema.chatMessages).values({
+                id: crypto.randomUUID(),
+                userId,
+                role: "assistant",
+                content: metin,
+                createdAt: new Date(),
+              });
+            } catch {}
+          }
          await grantCredits({
            userId,
            delta: 1,
--- a/src/app/bolum/[slug]/bolum-icerik.tsx
+++ b/src/app/bolum/[slug]/bolum-icerik.tsx
@@ -4,7 +4,7 @@ import { notFound } from "next/navigation";
 import { ChevronRight } from "lucide-react";
 import { getBolumBySlug, uniSlugFromAd } from "@/lib/katalog";
 import { JsonLd, breadcrumbJsonLd } from "@/lib/seo";
-import { Sayfalama, SAYFA_BOYU } from "@/components/sayfalama";
+import { SAYFA_BOYU } from "@/components/sayfalama";
 import { BolumProgramListesi } from "@/components/bolum-program-listesi";
 import { SiteFooter } from "@/components/site-footer";

@@ -46,10 +46,6 @@ export function BolumIcerik({ slug, sayfa }: { slug: string; sayfa: number }) {
  ];
  const toplamSayfa = bolumToplamSayfa(tumProgramlar.length);
  if (sayfa < 1 || sayfa > toplamSayfa) notFound();
-  const dilim = tumProgramlar.slice(
-    (sayfa - 1) * SAYFA_BOYU,
-    sayfa * SAYFA_BOYU,
-  );
  const ilkSayfa = sayfa === 1;
  const buYol = ilkSayfa ? `/bolum/${slug}` : `/bolum/${slug}/sayfa/${sayfa}`;

@@ -113,19 +109,15 @@ export function BolumIcerik({ slug, sayfa }: { slug: string; sayfa: number }) {
        </div>

        <BolumProgramListesi
-          programlar={dilim.map((program) => ({
+          programlar={tumProgramlar.map((program) => ({
            ...program,
            universiteSlug: uniSlugFromAd(program.universite),
          }))}
          bazAd={bolum.ad}
+          tabanYol={`/bolum/${slug}`}
+          sayfa={sayfa}
        />
      </section>
-
-      <Sayfalama
-        tabanYol={`/bolum/${slug}`}
-        sayfa={sayfa}
-        toplamSayfa={toplamSayfa}
-      />
      </main>
      <SiteFooter />
    </>
--- a/src/app/listem/page.tsx
+++ b/src/app/listem/page.tsx
@@ -29,6 +29,11 @@ import { SohbetClient, type Mesaj } from "./sohbet-client";
 import { RevizyonKutusu } from "./revizyon-kutusu";
 import { ListemBosCta } from "./listem-bos-cta";

+// listeRevize aksiyonu 2 AI denemesi yapabiliyor (deneme başına 50 sn abort
+// sınırı, bkz. lib/ai/cagri.ts); platform limiti AI zaman aşımından SONRA
+// dolmalı ki kredi iadesi her zaman çalışabilsin.
+export const maxDuration = 120;
+
 export const metadata: Metadata = {
  title: "Listem",
  robots: { index: false, follow: false },
--- a/src/app/listem/revizyon-kutusu.tsx
+++ b/src/app/listem/revizyon-kutusu.tsx
@@ -4,7 +4,7 @@
 // listeRevize sunucu aksiyonunu çağırır; başarıda sayfayı yeniler ki
 // sunucuda güncellenen rapor ve kredi bakiyesi ekrana yansısın.

-import { useState } from "react";
+import { useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 import { RefreshCcw } from "lucide-react";
 import { toast } from "sonner";
@@ -16,6 +16,10 @@ export function RevizyonKutusu({ kalanHak }: { kalanHak: number }) {
  const [feedback, setFeedback] = useState("");
  const [pending, setPending] = useState(false);
  const router = useRouter();
+  // Aynı deneme için sabit requestId: cevap kaybolan network hatasında retry
+  // çifte harcamaz. Sunucudan cevap gelince sıfırlanır (harcama ya tamamlandı
+  // ya iade edildi; sonraki deneme taze id ile başlamalı — bkz. sonuc/actions.ts).
+  const requestIdRef = useRef<string | null>(null);

  if (kalanHak <= 0) {
    return (
@@ -34,10 +38,12 @@ export function RevizyonKutusu({ kalanHak }: { kalanHak: number }) {
  async function revizeEt() {
    setPending(true);
    try {
+      if (!requestIdRef.current) requestIdRef.current = crypto.randomUUID();
      const sonuc = await listeRevize({
        feedback: feedback.trim(),
-        requestId: crypto.randomUUID(),
+        requestId: requestIdRef.current,
      });
+      requestIdRef.current = null;
      if (sonuc.ok) {
        olay("liste_revize", { sayfa: "listem" });
        toast.success("Listen yeniden kuruldu.");
--- a/src/app/listem/sohbet-client.tsx
+++ b/src/app/listem/sohbet-client.tsx
@@ -2,6 +2,7 @@

 import { useEffect, useState } from "react";
 import Link from "next/link";
+import { useRouter } from "next/navigation";
 import { AlertTriangle, ArrowUp, Bot, Coins, Lock, Sparkles } from "lucide-react";
 import { toast } from "sonner";
 import { cn } from "@/lib/utils";
@@ -66,6 +67,7 @@ export function SohbetClient({
  const [bekliyor, setBekliyor] = useState(false);
  const [yuklendi, setYuklendi] = useState(initialMesajlar != null);
  const [kredi, setKredi] = useState(baslangicKredi);
+  const router = useRouter();

  useEffect(() => {
    // Geçmiş sunucudan geldiyse (listem sayfası) ekstra tur atma;
@@ -110,6 +112,8 @@ export function SohbetClient({
        setMesajlar((m) =>
          m.filter((x) => x.id !== asistanId && x.id !== clientMessageId),
        );
+        // Mesaj işlenmedi; kullanıcının yazdığı soru kaybolmasın
+        setGirdi(mesaj);
        if (res.status === 402) {
          toast.error("Kredin bitti — kredi yükleyerek devam edebilirsin.");
          setKredi(0);
@@ -136,6 +140,9 @@ export function SohbetClient({
          m.map((x) => (x.id === asistanId ? { ...x, content: anlik } : x)),
        );
      }
+      // Header'daki kredi pill'i layout'ta server-render edilir ve client
+      // harcamasını görmez; bakiye orada da güncellensin.
+      router.refresh();
    } catch {
      toast.error("Bağlantı koptu. Cevabı sayfayı yenileyerek görebilirsin.");
    } finally {
@@ -315,7 +322,17 @@ export function SohbetClient({
            </Button>
          </div>
        ) : (
-          <PromptInput
+          <>
+            {kredi <= 3 ? (
+              <p className="mb-2 px-1 text-xs text-amber-700">
+                Son {kredi} kredin — bitse de listen ve sohbetin kaybolmaz;{" "}
+                <Link href="/paket" className="underline hover:text-amber-800">
+                  kredi yükleyip
+                </Link>{" "}
+                kaldığın yerden devam edersin.
+              </p>
+            ) : null}
+            <PromptInput
            value={girdi}
            onValueChange={setGirdi}
            onSubmit={() => gonder(girdi)}
@@ -342,6 +359,7 @@ export function SohbetClient({
              </PromptInputAction>
            </PromptInputActions>
          </PromptInput>
+          </>
        )}
      </div>
    </section>
--- a/src/app/paket/page.tsx
+++ b/src/app/paket/page.tsx
@@ -164,11 +164,20 @@ export default async function PaketPage({
                {tl(URUNLER.topup.amountKurus)} TL.
              </p>
              <div className="mt-4">
-                {u ? (
+                {/* Top-up hasPaket vermez: paketsiz biri alırsa parasını verip
+                    yine maskeli liste görür. Satın alma yalnızca paketliye
+                    açık; paketsize durum dürüstçe açıklanır. */}
+                {u?.hasPaket ? (
                  <SatinAlForm
                    urun="topup"
                    label={`+${URUNLER.topup.credits} kredi — ${tl(URUNLER.topup.amountKurus)} TL`}
                  />
+                ) : u ? (
+                  <p className="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2.5 text-xs leading-5 text-slate-600">
+                    Ek kredi, kilitli analizleri açmaz — o yüzden önce paket
+                    gerekir. Paket zaten {URUNLER.paket.credits} kredi içerir;
+                    bitince buradan yükleyebilirsin.
+                  </p>
                ) : (
                  <Button
                    asChild
--- a/src/app/sonuc/actions.ts
+++ b/src/app/sonuc/actions.ts
@@ -1,6 +1,6 @@
 "use server";

-import { eq, sql } from "drizzle-orm";
+import { and, eq, sql } from "drizzle-orm";
 import { getSession, getCurrentUser } from "@/lib/session";
 import { appDb, schema } from "@/lib/appdb";
 import { PUAN_TURLERI, type PuanTuruKey } from "@/lib/db";
@@ -41,6 +41,11 @@ function siraTurGecerli(sira: number, tur: string): tur is PuanTuruKey {

 function aiHataMesaji(err: unknown): string {
  if (err instanceof RaporUretimHatasi) return err.message;
+  // AbortSignal.timeout: DOMException "TimeoutError"; SDK'lar abort'u kendi
+  // hata sınıflarıyla sarabiliyor (ör. APIUserAbortError) — ada göre yakala.
+  if (err instanceof Error && /abort|timeout/i.test(err.name)) {
+    return "Liste üretimi bu sefer çok uzun sürdü ve durduruldu; harcanan kredin otomatik iade edildi. Tekrar dener misin?";
+  }
  if (err instanceof Error && err.message === "AI_KEY_MISSING") {
    // Yapılandırma detayı log'a; kullanıcıya altyapı sızdırmayan mesaj
    console.error("[liste] Yapay Zeka anahtarı eksik — üretim başlatılamadı");
@@ -114,7 +119,23 @@ export async function listeOlustur(input: {
        error: `Liste oluşturmak için ${RAPOR_KREDI} kredi gerekli.`,
      };
    }
-    // DUPLICATE: bu requestId zaten işlendi → mevcut raporu döndür
+    // DUPLICATE: bu requestId zaten işlendi. Önceki deneme başarısız olup
+    // iade edildiyse mevcut (eski) raporu yeniymiş gibi döndürme; taze bir
+    // requestId ile yeniden denemesini iste.
+    const iade = await appDb.query.creditLedger.findFirst({
+      where: and(
+        eq(schema.creditLedger.reason, "refund"),
+        eq(schema.creditLedger.refId, input.requestId),
+      ),
+    });
+    if (iade) {
+      return {
+        ok: false,
+        code: "HATA",
+        error:
+          "Önceki denemen başarısız olduğu için kredin iade edilmişti. Tekrar dener misin?",
+      };
+    }
    const mevcut = await appDb.query.reports.findFirst({
      where: eq(schema.reports.userId, user.id),
    });
@@ -226,6 +247,36 @@ export async function listeRevize(input: {
        error: `Revizyon için ${RAPOR_KREDI} kredi gerekli.`,
      };
    }
+    // DUPLICATE: bu requestId zaten işlendi. İade varsa önceki deneme
+    // başarısızdı → taze bir denemeye yönlendir. Yoksa revizyon tamamlanmış
+    // ama cevap istemciye ulaşmamıştır → güncel raporu döndür.
+    const iade = await appDb.query.creditLedger.findFirst({
+      where: and(
+        eq(schema.creditLedger.reason, "refund"),
+        eq(schema.creditLedger.refId, input.requestId),
+      ),
+    });
+    if (iade) {
+      return {
+        ok: false,
+        code: "HATA",
+        error:
+          "Önceki denemen başarısız olduğu için kredin iade edilmişti. Tekrar dener misin?",
+      };
+    }
+    const guncel = await appDb.query.reports.findFirst({
+      where: eq(schema.reports.userId, user.id),
+    });
+    if (guncel?.result) {
+      return {
+        ok: true,
+        rapor: guncel.result as RaporSonuc,
+        params: guncel.params as RaporParams,
+        revisionCount: guncel.revisionCount,
+        kredi: user.creditBalance,
+        hasPaket: true,
+      };
+    }
    return { ok: false, code: "HATA", error: "İstek tekrarlandı." };
  }

--- a/src/app/sonuc/liste-paneli.tsx
+++ b/src/app/sonuc/liste-paneli.tsx
@@ -2,7 +2,7 @@

 import { useMemo, useEffect, useRef, useState } from "react";
 import Link from "next/link";
-import { FileText, Lock, RefreshCcw } from "lucide-react";
+import { ArrowRight, FileText, Lock, RefreshCcw } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import { SohbetPopup } from "./sohbet-popup";
@@ -156,6 +156,8 @@ export function ListePaneli({
  if (durum === "uretiliyor") return <UretimGovdesi />;

  if (durum === "kredi-yetersiz") {
+    // Paketli kullanıcıya paket satma: onun ürünü top-up. Liste ve sohbet
+    // geçmişi kalıcı; kredi yükleyince kaldığı yerden devam eder.
    return (
      <section className="mt-16 rounded-2xl border border-slate-200 bg-white p-8 text-center sm:p-12">
        <Lock className="mx-auto size-8 text-slate-400" aria-hidden />
@@ -163,15 +165,19 @@ export function ListePaneli({
          Kredin bu liste için yetmiyor
        </h2>
        <p className="mx-auto mt-2 max-w-md text-sm text-slate-600">
-          Liste üretimi 3 kredi. Tercih Dönemi Paketi&apos;yle 60 kredi, tam
-          liste, PDF ve revizyon hakları birlikte gelir.
+          {hasPaket
+            ? "Liste üretimi 3 kredi. +30 kredi yüklediğinde listen ve sohbet geçmişin duruyor, kaldığın yerden devam edersin."
+            : "Liste üretimi 3 kredi. Tercih Dönemi Paketi'yle 60 kredi, tam liste, PDF ve revizyon hakları birlikte gelir."}
        </p>
        <Button
          asChild
          size="lg"
          className="mt-6 h-12 cursor-pointer bg-orange-500 px-8 text-white transition-colors duration-200 hover:bg-orange-600"
        >
-          <Link href="/paket">299 TL — Paketi aktive et</Link>
+          <Link href="/paket">
+            {hasPaket ? "+30 kredi yükle — 129 TL" : "Paketi aktive et — 299 TL"}
+            <ArrowRight className="size-4" aria-hidden />
+          </Link>
        </Button>
      </section>
    );
--- a/src/app/sonuc/page.tsx
+++ b/src/app/sonuc/page.tsx
@@ -18,6 +18,11 @@ import { ManuelHarita } from "@/components/manuel-liste/manuel-harita";
 import { SiteFooter } from "@/components/site-footer";
 import { SiraGerekli } from "./sira-gerekli";

+// listeOlustur aksiyonu 2 AI denemesi yapabiliyor (deneme başına 50 sn abort
+// sınırı, bkz. lib/ai/cagri.ts); platform limiti AI zaman aşımından SONRA
+// dolmalı ki kredi iadesi her zaman çalışabilsin.
+export const maxDuration = 120;
+
 export const metadata: Metadata = {
  title: "Tercih Listeni Kur",
  // Param uzayı sonsuz + içerik sıralamaya göre kişisel: indexlenmez ama
--- a/src/app/sonuc/sihirbaz-cagri-karti.tsx
+++ b/src/app/sonuc/sihirbaz-cagri-karti.tsx
@@ -105,6 +105,8 @@ export function SihirbazBolumu({

  // Aynı üretim için sabit requestId (retry çifte harcama yapmaz)
  const requestIdRef = useRef<string | null>(null);
+  // Revizyon için aynı desen (bkz. listem/revizyon-kutusu.tsx)
+  const revizyonIdRef = useRef<string | null>(null);
  const otomatikBasladi = useRef(false);
  const bolumRef = useRef<HTMLDivElement>(null);
  // Funnel CTA'ları (banner olayı dahil) tıklama anındaki bekleyen seçimi
@@ -228,9 +230,17 @@ export function SihirbazBolumu({
        // Yapay Zeka çıktısı bu sayfada gösterilmez: üretim animasyonu açık kalır,
        // liste (paketsizse paywall'lı hâliyle) /listem'de karşılar.
        router.push("/listem");
+        // Header'daki kredi pill'i layout'ta server-render edilir; push layout'u
+        // yeniden çizmediği için düşen bakiye refresh ile güncellenir.
+        router.refresh();
        return;
      }
-      // Hata: aynı requestId'yi koru ki tekrar denemede çifte harcama olmasın
+      // Sunucudan cevap geldiyse harcama ya hiç olmadı ya iade edildi;
+      // sonraki deneme taze requestId ile başlar (aynı id ledger'daki UNIQUE'e
+      // takılıp DUPLICATE çıkmazına giriyordu). requestId yalnızca cevap
+      // alınamayan network hatasında (catch) korunur — orada çifte harcama
+      // riski gerçek.
+      requestIdRef.current = null;
      if (sonuc.code === "KREDI" || sonuc.code === "PAKET") {
        setDurum("kredi-yetersiz");
      } else if (sonuc.code === "AUTH") {
@@ -389,10 +399,14 @@ export function SihirbazBolumu({
                sira={sira}
                acilis={acilis}
                onRevize={async (feedback) => {
+                  if (!revizyonIdRef.current) {
+                    revizyonIdRef.current = crypto.randomUUID();
+                  }
                  const sonuc = await listeRevize({
                    feedback,
-                    requestId: crypto.randomUUID(),
+                    requestId: revizyonIdRef.current,
                  });
+                  revizyonIdRef.current = null;
                  if (sonuc.ok) {
                    olay("liste_revize", { sayfa: "sonuc" });
                    setRapor({