From e9126650c398d6caba18db6f55f781839a6f9e5a Mon Sep 17 00:00:00 2001
From: bilalgursen <bilalgursen777@gmail.com>
Date: Tue, 22 Sep 2026 23:20:34 +0300
Subject: [PATCH] =?UTF-8?q?fix(sonuc):=20harita=20tablonun=20alt=C4=B1na?=
 =?UTF-8?q?=20al=C4=B1n=C4=B1r=20=E2=80=94=20hidrasyon=20kaymas=C4=B1=20ka?=
 =?UTF-8?q?pan=C4=B1r?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Liste store'unun sunucu snapshot'ı her zaman boş liste döner
(liste-store.ts:86), kayıtlı manuel liste ancak hidrasyondan sonra
okunur. Harita sayfanın tepesindeyken kayıtlı listesi olan dönüş
ziyaretçisinde ~368 px yüksekliğinde sonradan beliriyor ve tadımlık ile
tabloyu aşağı itiyordu; main'in ilk çocuğu olduğu için impact fraction
~1, CLS eşiğinin çok üstü. Silinen placeholder bunu yeri sunucuda
rezerve ederek engelliyordu.

Harita tablonun altına alındı: sonradan belirdiğinde yalnızca sihirbaz
ile dipnotu iter, ikisi de katlanın altında. Bilgi mimarisi olarak da
doğru sıra — harita, tablodan kurulan listenin görselleştirmesi.

Yeni sıra: tadımlık → tablo → harita → sihirbaz → dipnot.
Sıraya bağlı stiller yeni sıraya göre doğrulandı: tadımlığın
first:mt-0'ı artık her durumda geçerli (üstünde kardeş kalmadı), harita
kendi mt-16'sını alıyor (tablo section'ı ve sihirbaz kartlarıyla aynı
ritim — eskiden üst boşluğu main'in py-12'sinden geliyordu).

Bulgu: 36-tasarimci-g1-ve-navbar.md B1.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 src/app/sonuc/page.tsx                        | 25 +++++++++++++------
 .../liste/components/manuel-harita.tsx        |  6 ++++-
 .../rapor/components/tadimlik-satiri.tsx      |  9 ++++---
 3 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/src/app/sonuc/page.tsx b/src/app/sonuc/page.tsx
index 646a943..b30fe24 100644
--- a/src/app/sonuc/page.tsx
+++ b/src/app/sonuc/page.tsx
@@ -97,14 +97,21 @@ export default function SonucPage({
         return (
           <div className="min-h-screen bg-slate-50 text-slate-900">
             <main className="mx-auto max-w-4xl px-4 py-12">
-              {/* Sayfa hiyerarşisi: manuel listenin haritası (yalnız liste
-                  doluyken) → tadımlık → ham tablo. Tadımlık, ödeme öncesi
-                  gösterebildiğimiz TEK gerçek önizleme olduğu için tablonun
-                  üstünde, ilk ekranda durur; harita ise ancak kullanıcı
-                  tablodan "+" ile bir şey ekledikten sonra anlam taşır, o yüzden
-                  boş durumda hiç render edilmez (bkz. manuel-harita.tsx). Liste
-                  store'una abone olduğundan eklenenler buraya canlı yansır. */}
-              <ManuelHarita />
+              {/* Sayfa hiyerarşisi: tadımlık → ham tablo → manuel listenin
+                  haritası. Tadımlık, ödeme öncesi gösterebildiğimiz TEK gerçek
+                  önizleme olduğu için ilk ekranda durur.
+
+                  Harita neden TABLONUN ALTINDA: liste store'unun sunucu
+                  snapshot'ı her zaman boş liste döner (liste-store.ts), kayıtlı
+                  liste ancak hidrasyondan sonra okunur. Harita yukarıda olsaydı
+                  dönüş ziyaretçisinde sayfa açıldıktan saniyeler sonra ~368 px
+                  yüksekliğinde belirip tadımlığı ve tabloyu aşağı itecekti
+                  (impact fraction ~1, CLS eşiğinin çok üstü). Aşağıda belirince
+                  yalnızca sihirbaz ile dipnotu iter, ikisi de katlanın altında.
+                  Bilgi mimarisi olarak da doğru sıra: harita, tablodan kurulan
+                  listenin görselleştirmesidir. Liste boşken hiç render edilmez
+                  (bkz. manuel-harita.tsx); store'a abone olduğu için tablodan
+                  "+" ile eklenenler buraya canlı yansır. */}
 
               {/* Girişsiz tadımlık: gerçek rapor satırı formatında tek örnek.
                   Havuzda içerik yoksa bileşen hiç render edilmez. */}
@@ -121,6 +128,8 @@ export default function SonucPage({
                 uniturGrubu={uniturGrubu}
               />
 
+              <ManuelHarita />
+
               {/* Sihirbaz akışı (CTA + modal) — üretim ve liste /listem'de
                   yaşar, burada yalnızca funnel kartları render edilir */}
               <SonucSihirbazi
diff --git a/src/features/liste/components/manuel-harita.tsx b/src/features/liste/components/manuel-harita.tsx
index 0f9ddc2..392d1d5 100644
--- a/src/features/liste/components/manuel-harita.tsx
+++ b/src/features/liste/components/manuel-harita.tsx
@@ -70,8 +70,12 @@ export function ManuelHarita() {
   // geometrisi yine ancak o anda iner (TercihHaritasiLazy zaten `dynamic`).
   if (liste.length === 0) return null;
 
+  // mt-16: /sonuc'ta harita artık tablonun ALTINDA duruyor (bkz. sonuc/page.tsx)
+  // ve sayfanın bölüm ritmini paylaşıyor — tablo <section>'ı ve sihirbaz
+  // kartları da mt-16 kullanır. Eskiden main'in ilk çocuğu olduğu için üst
+  // boşluğu main'in py-12'sinden alıyordu, kendi margin'i yoktu.
   return (
-    <div>
+    <div className="mt-16">
       <TercihHaritasiLazy
         pinler={pinler}
         seciliIl={seciliIl}
diff --git a/src/features/rapor/components/tadimlik-satiri.tsx b/src/features/rapor/components/tadimlik-satiri.tsx
index 39e3918..5c5d7b3 100644
--- a/src/features/rapor/components/tadimlik-satiri.tsx
+++ b/src/features/rapor/components/tadimlik-satiri.tsx
@@ -120,10 +120,11 @@ export function TadimlikSatiri({
   const girisUrl = `/giris?callback=${encodeURIComponent(listemUretHref("tadimlik"))}`;
 
   return (
-    // first:mt-0 — /sonuc'ta manuel liste boşken ManuelHarita null döndüğü
-    // için bu <section> main'in gerçek ilk DOM çocuğu olabiliyor (JSX
-    // yorumları düğüm üretmez); o durumda main'in py-12'si tek başına yeterli
-    // üst boşluğu verir. Harita görünürken mt-16 aynen çalışır.
+    // first:mt-0 — /sonuc'ta bu <section> main'in ilk DOM çocuğudur (harita
+    // artık tablonun altında, üstte hiçbir kardeş yok; JSX yorumları düğüm
+    // üretmez): main'in py-12'si tek başına yeterli üst boşluğu verir.
+    // Tadımlığın render edilmediği durumlarda (girişli kullanıcı, boş havuz)
+    // bu bileşen hiç dönmediği için kural ilk gerçek bölüme geçer.
     <section ref={gorunumRef} className="mt-16 min-w-0 first:mt-0">
       <div className="flex flex-col items-center text-center">
         <SectionEyebrow>Yapay zekâdan örnek satır</SectionEyebrow>