Hayalet kabuğu sil, profil sayfasını aç

BaseLayout'ta blog döneminden kalma bir header duruyordu: "Samet Başbuğ"
logosu, eski gezinme, bozuk emoji taşıyan bir tema düğmesi. Üretime hiç
çıkmıyordu — NewsLayout hem `hideHeader` geçiyor hem de
`#main-header { display: none }` yazıyordu, aynı ölü şey iki mekanizmayla
saklanıyordu.

Ama ölü değil UYUYORDU: denetim sayfasını yazarken BaseLayout'u doğrudan
kullandım ve hayalet ekrana geldi. Adı "temel" olan şeyi hangi kabuğun ne
çizdiğini bilmeden seçmiştim.

Kaldırılan: header markup'ı, betiği (`attachThemeToggle`, `placeThemeSwitch`,
başlık kaydırma), stilleri (header/nav/logo/links/dropdown/theme-switch), ve
`hideHeader`/`shellLayout` propları. Tek değer alan bir prop prop değil,
saklanmış bir karardır. NewsLayout'taki gizleme kuralı da gitti: gizlenecek
bir şey kalmadı.

DENKLİK ÖLÇÜLDÜ. Beş bilgi sayfasının markup'ı canlıdakiyle karakter
karakter aynı (SSR'a özel giriş formu hariç, statik derlemede o yok).
Değişen yalnız ölü CSS/JS: BaseLayout 22156 → 15441 bayt.

Yeni: `/profil`. Bugün gösterdiği az ama gösterdiği her şey gerçek —
kimlik, erişim, adına çalışan ajanlar, çıkış. Denetim bağlantısı burada,
çünkü `/denetim` hiçbir yerden bağlanmayan bir adres olarak unutulmaya çok
müsaitti. Başlıktaki ad da artık profile gidiyor.

Arşiv okumada gövde istenirse limit tavanı 10'a iniyor. Yüz haber gövdesi,
çağıran ajanın bağlamına yüzlerce kilobayt boşaltmak demek; sayfalama zaten
var. Uygulanan tavan cevapta yazılı, yoksa ajan eksik veriyi "hepsi bu"
sanar.

70 vaka.

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

Author: sametbasbug

astro.config.ssr.mjs

@@ -39,6 +39,7 @@ function yayinUclari() {
            bir sayfa adaptörsüz derlemede `NoAdapterInstalled` veriyor. Statik
            derleme hâlâ geri dönüş yolu (bkz. `wrangler.ssr.jsonc`), yani
            kırılması kabul edilebilir değil. */
+        injectRoute({ pattern: '/profil', entrypoint: './src/server/routes/profil.astro' });
         injectRoute({ pattern: '/denetim', entrypoint: './src/server/routes/denetim.astro' });
         injectRoute({ pattern: '/images/generated/[...path]', entrypoint: './src/server/routes/hero.ts' });
         /* Site haritası statikte `@astrojs/sitemap` tarafından derleme anında

public/orbit-actions.json

@@ -277,7 +277,7 @@
             "type": "integer",
             "minimum": 1,
             "maximum": 100,
-            "description": "Varsayılan 20."
+            "description": "Varsayılan 20, tavan 100. govde:true ise tavan 10."
           },
           "offset": {
             "type": "integer",
@@ -287,7 +287,7 @@
           },
           "govde": {
             "type": "boolean",
-            "description": "true ise haber metnini de döndürür (markdown)."
+            "description": "true ise haber metnini de döndürür (markdown). Bu durumda limit tavanı 10'a iner."
           }
         }
       },
@@ -312,6 +312,10 @@
           },
           "dahaVar": {
             "type": "boolean"
+          },
+          "limit": {
+            "type": "integer",
+            "description": "Uygulanan tavan; istenenden küçük olabilir."
           }
         }
       }

src/components/OturumDugmesi.astro

@@ -52,9 +52,13 @@ const donus = Astro.url.pathname + Astro.url.search;
 
 {okuyucu && (
 	<form class="oturum" method="POST" action="/cikis" data-astro-reload>
-		<span class="oturum-ad" title={okuyucu.displayName ?? 'Orbit hesabı'}>
+		{/* Ad artık profile GİDİYOR. Önce düz metindi ve profil sayfası hiçbir
+		    yerden bağlanmıyordu — var olan ama kimsenin bulamayacağı bir adres,
+		    olmayan adresten farksız. Giriş yapmış kullanıcının adına tıklamak
+		    hesap sayfasına gitmenin en beklenen yolu. */}
+		<a class="oturum-ad" href="/profil/" title={okuyucu.displayName ?? 'Orbit hesabı'}>
 			{okuyucu.displayName ?? 'Hesabım'}
-		</span>
+		</a>
 		<button type="submit" class="oturum-dugme">Çıkış</button>
 	</form>
 )}
@@ -82,6 +86,12 @@ const donus = Astro.url.pathname + Astro.url.search;
 		white-space: nowrap;
 		font-size: 0.8rem;
 		color: var(--news-muted-strong);
+		text-decoration: none;
+	}
+
+	.oturum-ad:hover,
+	.oturum-ad:focus-visible {
+		text-decoration: underline;
 	}
 	.oturum-dugme {
 		display: inline-flex;

src/layouts/BaseLayout.astro

@@ -11,8 +11,6 @@ interface Props {
 	 * adresten sunan sayfalar (arşivin ilk sayfası ile ana sayfa) için. */
 	canonicalPath?: string;
 	type?: string;
-	shellLayout?: boolean;
-	hideHeader?: boolean;
 }
 
 const {
@@ -23,8 +21,6 @@ const {
 	noindex = false,
 	canonicalPath,
 	type = 'website',
-	shellLayout = false,
-	hideHeader = false
 } = Astro.props;
 
 // SEO Hardening Logic
@@ -33,6 +29,23 @@ const finalOgImage = ogImage && typeof ogImage === 'string' && ogImage.trim() !=
 	: '/og-default.jpg';
 
 const canonicalURL = new URL(canonicalPath || Astro.url.pathname, Astro.site).toString();
+
+/* Bu kabukta SAYFA BAŞLIĞI YOK ve olmamalı.
+ *
+ * Bir dönem burada blog döneminden kalma bir header duruyordu: "Samet Başbuğ"
+ * logosu, eski gezinme bağlantıları, bozuk emoji taşıyan bir tema düğmesi.
+ * Üretime hiç çıkmıyordu — `NewsLayout` hem `hideHeader` geçiyor hem de
+ * `#main-header { display: none }` yazıyordu, yani aynı ölü şey iki ayrı
+ * mekanizmayla saklanıyordu.
+ *
+ * Ama ölü değil UYUYORDU. `BaseLayout`u doğrudan kullanan yeni bir sayfa
+ * yazdım ve hayalet tasarım ekrana geldi; hangi kabuğun ne çizdiğini bilmeden
+ * "temel" adını taşıyan şeyi seçmiştim. Header, betiği ve stilleri
+ * kaldırıldı, `hideHeader`/`shellLayout` propları da: tek değer alan bir prop
+ * prop değil, saklanmış bir karardır.
+ *
+ * Başlık `NewsLayout`un işi. Yeni bir sayfa `InfoPageLayout` kullanır. */
+
 const ogImageURL = new URL(finalOgImage, Astro.site).toString();
 // Paylaşım kartlarında görselin alternatif metni. Sayfa içindeki hero
 // görselleri aria-hidden bir sarmalayıcıda durduğu ve komşu başlık linkinin
@@ -151,7 +164,7 @@ const fullTitle = title === publicationName ? publicationName : `${publicationNa
 		</script>
 		<ClientRouter />
 	</head>
-	<body class={shellLayout ? 'app-shell-layout' : undefined}>
+	<body>
 		<div id="progress-bar"></div>
 
 		<!-- Back to Top Button -->
@@ -164,32 +177,6 @@ const fullTitle = title === publicationName ? publicationName : `${publicationNa
 			<img id="lightbox-img" src="" alt="" />
 		</div>
 
-		{!hideHeader && (
-			<header transition:persist id="main-header">
-				<nav>
-					<div class="logo-area" id="logo-area">
-						<a href="/" class="logo"><span class="logo-text">Samet Başbuğ</span></a>
-					</div>
-					<div class="nav-right" id="nav-right">
-						<div class="links">
-							<a href="/">Ana Sayfa</a>
-							<a href="/hakkimizda/">Hakkımızda</a>
-							<a href="/yazarlar/">Yazarlar</a>
-							<a href="/iletisim/">İletişim</a>
-							<a href="/rss.xml">RSS</a>
-						</div>
-						<div class="theme-switch-wrapper" id="theme-switch-wrapper">
-							<button id="theme-toggle" class="theme-switch" aria-label="Temayı Değiştir">
-								<div class="switch-handle">
-									<span class="sun-icon">??</span>
-									<span class="moon-icon">??</span>
-								</div>
-							</button>
-						</div>
-					</div>
-				</nav>
-			</header>
-		)}
 
 		<main>
 			<slot />
@@ -215,47 +202,10 @@ const fullTitle = title === publicationName ? publicationName : `${publicationNa
 
 			applyTheme();
 
-			function attachThemeToggle() {
-				const toggle = document.getElementById('theme-toggle');
-				if (toggle) {
-					toggle.replaceWith(toggle.cloneNode(true));
-					const newToggle = document.getElementById('theme-toggle');
-					newToggle.addEventListener('click', () => {
-						const currentTheme = document.documentElement.getAttribute('data-theme');
-						const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
-						setTheme(newTheme);
-					});
-				}
-			}
-
-			function placeThemeSwitch() {
-				const wrapper = document.getElementById('theme-switch-wrapper');
-				const logoArea = document.getElementById('logo-area');
-				const navRight = document.getElementById('nav-right');
-				if (!wrapper || !logoArea || !navRight) return;
-
-				const isMobile = window.matchMedia('(max-width: 700px)').matches;
-				if (isMobile) {
-					if (wrapper.parentElement !== logoArea) logoArea.appendChild(wrapper);
-				} else {
-					if (wrapper.parentElement !== navRight) navRight.appendChild(wrapper);
-				}
-			}
-
 			// Header Scroll, Reading Progress & Back to Top
 			function handleScroll() {
-				const header = document.getElementById('main-header');
 				const backToTop = document.getElementById('back-to-top');
 
-				if (header) {
-					if (window.scrollY > 20) {
-						header.classList.add('scrolled');
-					} else {
-						header.classList.remove('scrolled');
-					}
-				}
-
-
 				if (backToTop) {
 					if (window.scrollY > 300) {
 						backToTop.classList.add('visible');
@@ -311,8 +261,6 @@ const fullTitle = title === publicationName ? publicationName : `${publicationNa
 
 			document.addEventListener('astro:page-load', () => {
 				applyTheme();
-				placeThemeSwitch();
-				attachThemeToggle();
 				initLightbox();
 				initCopyShare();
 				initBackToTop();
@@ -323,7 +271,6 @@ const fullTitle = title === publicationName ? publicationName : `${publicationNa
 
 			if (!window.__themeSwitchPlacementBound) {
 				window.__themeSwitchPlacementBound = true;
-				window.addEventListener('resize', placeThemeSwitch);
 			}
 
 			document.addEventListener('astro:before-swap', (event) => {
@@ -481,114 +428,6 @@ const fullTitle = title === publicationName ? publicationName : `${publicationNa
 				to { opacity: 1; transform: translateY(0); }
 			}
 			main { animation: fadeInUp 0.5s ease-out forwards; flex: 1; padding: 3rem 1rem; max-width: 850px; margin: 0 auto; width: 100%; }
-			body.app-shell-layout main { animation: none; max-width: 1240px; padding-top: 0; }
-			body.app-shell-layout header { display: none; }
-
-			header {
-				padding: 1rem 1.5rem; max-width: 900px; margin: 1rem auto;
-				width: calc(100% - 2rem); background: var(--card-bg);
-				border-radius: 1rem; border: 1px solid var(--border);
-				box-shadow: var(--shadow); backdrop-filter: blur(12px);
-				position: sticky; top: 1rem; z-index: 50;
-				display: flex; flex-direction: column; align-items: stretch; gap: 0.75rem;
-				transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-			}
-
-			header.scrolled { background: rgba(var(--card-bg-rgb), 0.8); max-width: 850px; margin-top: 0.5rem; }
-			nav { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 1rem; }
-
-			.logo-area { display: inline-flex; align-items: center; gap: 0.7rem; flex-shrink: 0; }
-			.nav-right { display: flex; align-items: center; gap: 1.5rem; min-width: 0; }
-			.links { display: flex; align-items: center; gap: 0.5rem; }
-
-			.links a, .dropbtn {
-				text-decoration: none; color: var(--secondary); font-weight: 500; font-size: 0.95rem;
-				transition: all 0.2s; padding: 0.5rem 0.75rem; border-radius: 0.5rem;
-			}
-			.links a:hover, .dropdown:hover .dropbtn { color: var(--accent); background: var(--accent-light); }
-
-			/* Mobil Responsive Ayarlar� */
-			@media (max-width: 700px) {
-				header {
-					height: auto;
-					padding: 1rem;
-					top: 0.5rem;
-				}
-				header.scrolled {
-					height: auto;
-				}
-				nav {
-					flex-direction: column;
-					gap: 1rem;
-				}
-				.logo-area {
-					width: 100%;
-					justify-content: space-between;
-				}
-				.logo {
-					font-size: clamp(1.02rem, 4.6vw, 1.2rem);
-				}
-				.nav-right {
-					width: 100%;
-					display: flex;
-					justify-content: center;
-				}
-				.links {
-					display: flex;
-					flex-wrap: nowrap;
-					justify-content: space-between;
-					align-items: center;
-					gap: 0.3rem;
-					width: 100%;
-				}
-				.links a {
-					font-size: clamp(0.78rem, 3.2vw, 0.9rem);
-					padding: 0.3rem 0.2rem;
-					white-space: nowrap;
-					line-height: 1.25;
-				}
-
-				.theme-switch-wrapper {
-					padding-left: 0;
-					border-left: 0;
-					margin-left: auto;
-				}
-			}
-
-			/* Dropdown Stilleri */
-			.dropdown { position: relative; display: inline-block; }
-			.dropbtn { background: none; border: none; font-family: inherit; cursor: pointer; display: flex; align-items: center; gap: 0.25rem; }
-			.chevron-icon { width: 1rem; height: 1rem; transition: transform 0.3s ease; }
-			.dropdown:hover .chevron-icon { transform: rotate(180deg); }
-
-			.dropdown-content {
-				position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px);
-				background: var(--card-bg); border: 1px solid var(--border); min-width: 140px;
-				box-shadow: var(--shadow); border-radius: 0.75rem; opacity: 0; visibility: hidden;
-				transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 100; padding: 0.5rem; backdrop-filter: blur(10px);
-			}
-			.dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(5px); }
-			.dropdown-content a { color: var(--text); padding: 0.6rem 1rem; display: block; font-size: 0.9rem; margin: 0; }
-
-			.theme-switch-wrapper { display: inline-flex; align-items: center; border-left: 0; padding-left: 0; }
-			@media (min-width: 701px) {
-				.theme-switch-wrapper { border-left: 1px solid var(--border); padding-left: 1.2rem; }
-			}
-			.theme-switch { background: var(--muted); border: 1px solid var(--border); width: 3.5rem; height: 1.8rem; border-radius: 2rem; cursor: pointer; position: relative; padding: 0; transition: all 0.3s ease; }
-			.switch-handle { width: 1.4rem; height: 1.4rem; background: var(--card-bg); border-radius: 50%; position: absolute; left: 0.2rem; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; font-size: 0.8rem; box-shadow: var(--shadow); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
-			.sun-icon { opacity: 1; } .moon-icon { opacity: 1; }
-			.switch-handle .sun-icon { display: block; } .switch-handle .moon-icon { display: none; }
-			[data-theme="dark"] .switch-handle { left: calc(100% - 1.6rem); background: #1e293b; }
-			[data-theme="dark"] .switch-handle .sun-icon { display: none; } [data-theme="dark"] .switch-handle .moon-icon { display: block; }
-
-			@media (prefers-color-scheme: dark) {
-				:root:not([data-theme="light"]) .switch-handle { left: calc(100% - 1.6rem); background: #1e293b; }
-				:root:not([data-theme="light"]) .switch-handle .sun-icon { display: none; }
-				:root:not([data-theme="light"]) .switch-handle .moon-icon { display: block; }
-			}
-
-			.logo { font-size: 1.25rem; font-weight: 800; color: var(--accent); text-decoration: none; }
-			.logo-text { background: linear-gradient(to right, var(--accent), #818cf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
 
 			h1, h2, h3 { line-height: 1.3; margin-bottom: 1.5rem; color: var(--text); font-weight: 800; }
 			.hero-title { font-size: 3.5rem; background: linear-gradient(to right, var(--accent), #818cf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }

src/layouts/NewsLayout.astro

@@ -52,7 +52,7 @@ const newsHomePath = getNewsHomePath();
 const blogHomeHref = isNewsSubdomainEnabled() ? getMainSiteUrl() : '/';
 ---
 
-<BaseLayout title={title} description={description} hideHeader={true} noindex={noindex} canonicalPath={canonicalPath} ogImage={ogImage} ogImageAlt={ogImageAlt}>
+<BaseLayout title={title} description={description} noindex={noindex} canonicalPath={canonicalPath} ogImage={ogImage} ogImageAlt={ogImageAlt}>
 	<section class="news-app-shell" data-news-home-path={newsHomePath}>
 		<header class="news-masthead">
 			<div class="news-masthead-wrap">
@@ -223,9 +223,9 @@ const blogHomeHref = isNewsSubdomainEnabled() ? getMainSiteUrl() : '/';
 	:global([data-theme='light'] body) {
 		background: #f6f4ef;
 	}
-	:global(#main-header) {
-		display: none;
-	}
+	/* `#main-header` gizleme kuralı KALDIRILDI: gizlenecek bir şey kalmadı.
+	   Blog döneminden kalma header `BaseLayout`tan silindi; burada durması
+	   "hâlâ bir header var ve saklıyoruz" izlenimi verirdi. */
 	:global(main) {
 		width: 100% !important;
 		max-width: none !important;

src/server/routes/denetim.astro

@@ -16,7 +16,7 @@
  */
 export const prerender = false;
 
-import BaseLayout from '../../layouts/BaseLayout.astro';
+import InfoPageLayout from '../../layouts/InfoPageLayout.astro';
 import { getDatabase } from '#runtime-env';
 import { oturumCereziVarMi, oturumOku } from '../session';
 
@@ -83,10 +83,9 @@ const kisa = (value: string | null) => {
 };
 ---
 
-<BaseLayout title="Denetim" description="Ajan eylemlerinin izi." noindex>
-	<main class="denetim">
-		<h1>Denetim</h1>
-		<p class="alt">Ajan eylemlerinin izi. Bu sayfa önbelleğe girmiyor ve arama motorlarına kapalı.</p>
+<InfoPageLayout title="Denetim" description="Ajan eylemlerinin izi: yapılanlar, reddedilenler, yayından kaldırmalar." kicker="Hesap" updatedLabel="">
+	<div class="denetim">
+		<p class="alt"><a href="/profil/">← Profil</a> · Bu sayfa önbelleğe girmiyor ve arama motorlarına kapalı.</p>
 
 		<section>
 			<h2>Yayıncılar</h2>
@@ -163,12 +162,10 @@ const kisa = (value: string | null) => {
 					</tbody>
 				</table>}
 		</section>
-	</main>
-</BaseLayout>
+	</div>
+</InfoPageLayout>
 
 <style>
-	.denetim { max-width: 68rem; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
-	h1 { font-size: 1.75rem; margin: 0 0 .35rem; }
 	.alt { color: var(--secondary); margin: 0 0 2.5rem; font-size: .95rem; }
 	section { margin-bottom: 2.75rem; }
 	h2 { font-size: 1.05rem; margin: 0 0 .75rem; font-weight: 600; }