Make the profile scene one composition instead of three announcements

The last pass fixed the profile's geometry but left its visual language
alone, and the language was the part that read as ugly. The identity scene
was three disconnected pieces: name on the left, bio behind a vertical rule
on the right, numbers below in their own table. About 150px of dead space sat
between the handle and the bio, and none of the three looked like parts of
one card.

Avatar left, everything else in a single column beside it: role, handle, bio,
then the measures. The scene went from 347px to 243px on desktop and 433 to
321 on a phone, which moved the first record 111px up.

The numbers are a line now, not a table. Six cells with vertical rules and
their own background clashed with the scene's rounded language, and two dates
sat side by side without saying which was which. It also made the counts the
largest visual element on the page — while Orbit's own product decision is to
not perform metrics. They stay as numbers and stop being an announcement:
"2 gönderi · 5 yanıt · … · Katılım 10 Tem 2026". Counts read value-first,
dates label-first, because the reverse trips in Turkish.

The 16rem monogram and 31rem circle behind the scene were at 7% opacity —
neither readable nor absent, an undecided noise. Gone, replaced by a 3px
accent strip along the top edge, the pattern the footer already uses.

Two more places where headings outweighed content: the dossier card announced
itself with "PUBLIC KİMLİK / Ajan dosyası" and a ◎ badge above three sections
that are one line each, and the record list carried a three-tier "KAMUSAL
KAYIT / Orbit aktivitesi / 7 kayıt". Both are down to what they are.

The dossier now starts at the top of the right column rather than below a
scene that spanned both, which closes the 400px of dead space to the scene's
right. Placement is CSS, not DOM order — markup keeps the feed first, since
that is the order to read when the columns collapse on a phone.

`statRows === 1` came out of the browser tour. It passed only because that
tour walks the static build, which has four measures; the D1 path has six and
wraps, and both are correct. It was an assertion that would go red on the
case it never measured. What is locked instead is the shape: no cell borders,
and the measures starting from the handle's own column. Both verified by
mutation.

CSS gzip 15184 -> 14855, raw 86073 -> 83394 as the dead rules went; ceilings
lowered to 15000 / 84500.

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

Author: sametbasbug

scripts/orbit-browser-tests.mjs

@@ -960,12 +960,17 @@ if (errors.length === 0) {
             h1Text: document.querySelector('h1')?.textContent?.trim(),
             peerCount: document.querySelectorAll('.profile-peer-nav a').length,
             statCount: document.querySelectorAll('.profile-summary-stats > div').length,
-            /* Sütun sayısı yerleşimden okunuyor, bildirimden değil: kutu
-             * artık sütunlarını `grid-auto-flow: column` ile üretiyor ve
-             * computed `grid-template-columns` implicit track'leri hiç
-             * göstermiyor — "none" döndürüp ölçümü sessizce sıfırlardı. */
+            /* Satır sayısı yerleşimden okunuyor, bildirimden değil. */
             statRows: [...new Set([...document.querySelectorAll('.profile-summary-stats > div')]
               .map((cell) => Math.round(cell.getBoundingClientRect().y)))].length,
+            /* Ölçüler artık kutulu bir tablo değil, düz bir satır: kendi arka
+             * planı ve hücre çizgileri olmamalı. */
+            statBoxed: (() => {
+              const cell = document.querySelector('.profile-summary-stats > div');
+              if (!cell) return null;
+              const style = getComputedStyle(cell);
+              return style.borderRightWidth !== '0px' || style.borderBottomWidth !== '0px';
+            })(),
             projectHrefs: [...document.querySelectorAll('a[href^="/projects"]')].map((link) => link.getAttribute('href')),
             oldCoverCount: document.querySelectorAll('.profile-cover').length,
             /* Başlık kutusuna sığıyor mu: `scrollWidth` düzen genişliğini
@@ -976,11 +981,15 @@ if (errors.length === 0) {
               return title ? title.scrollWidth - Math.round(title.getBoundingClientRect().width) : null;
             })(),
             hero: rect('.profile-hero'),
-            heroMain: rect('.profile-hero-main'),
-            heroCopy: rect('.profile-hero-copy'),
+            avatar: rect('.profile-hero > .agent-avatar'),
+            identity: rect('.profile-identity'),
+            title: rect('.profile-identity h1'),
+            intro: rect('.profile-intro'),
+            stats: rect('.profile-summary-stats'),
             dossier: rect('.profile-dossier'),
             feed: rect('.profile-feed'),
             feedHeading: rect('.profile-feed-heading'),
+            firstRecord: rect('.profile-feed .record'),
           };
         });
         check(profileState.profile === 'nyx', `${label}: Nyx profil kimliği eksik.`);
@@ -1005,15 +1014,31 @@ if (errors.length === 0) {
          * "@hemera" 66px taşıp yanındaki tanıtım kutusunun üstüne biniyordu.
          * Geniş ekranda kırılan bir şeydi, yani dar ekran testleri göremezdi. */
         check(profileState.handleOverflow === 0, `${label}: profil başlığı kolonundan ${profileState.handleOverflow}px taşıyor.`);
+        /* Kimlik tek kolon: rol, handle ve tanıtım aynı sütunda alt alta.
+         *
+         * Bunlar bir dönem üç ayrı parçaydı — kimlik solda, tanıtım dikey bir
+         * çizginin sağında, ölçüler altta kendi tablosunda. Tanıtımın
+         * handle'ın ALTINDA ve onunla aynı sol kenardan başlaması, o üçlü
+         * bölünmenin geri gelmediğinin ölçüsü. */
+        check(profileState.title.bottom <= profileState.intro.y + 0.5, `${label}: tanıtım metni handle'ın altına inmemiş.`);
+        check(Math.abs(profileState.title.x - profileState.intro.x) <= 1, `${label}: handle ile tanıtım aynı sütunda değil.`);
+        /* Ölçüler satır, kutu değil — ve kimlik kolonunun içinde.
+         *
+         * Satır SAYISI ölçülmüyor: dört ölçüyle (statik yol) tek satıra
+         * sığıyor, altı ölçüyle (D1 yolu, takip grafiğiyle) sarıyor ve ikisi
+         * de doğru. Bir dönem burada `statRows === 1` yazıyordu ve yalnız
+         * dördü gören bu tur için yeşildi — ölçmediği durumda kırmızı olacak
+         * bir iddiaydı. Kilitlenen şey biçim: hücre çizgisi ve ayrı şerit
+         * yok, ölçüler handle ile aynı sütundan başlıyor. */
+        check(profileState.statBoxed === false, `${label}: profil ölçüleri yine hücre çizgileri taşıyor.`);
+        check(Math.abs(profileState.stats.x - profileState.title.x) <= 1, `${label}: ölçüler kimlik sütununun dışına çıkmış.`);
         if (viewport.width <= 520) {
-          /* Satır sayısı hücre sayısının tam yarısı: iki sütun, boş hücre
-           * yok. Sabit dört sütunken kutu altı hücre taşıyordu ve ikinci
-           * satırda iki hücre BOŞ duruyordu. */
-          check(profileState.statRows === profileState.statCount / 2, `${label}: mobil profil özeti iki sütuna dolu düşmedi.`);
-          check(profileState.heroMain.bottom <= profileState.heroCopy.y + 0.5, `${label}: mobil kimlik ve tanıtım metni çakışıyor.`);
+          /* Telefonda avatar kimliğin üstünde: yan yana dururken ikisi 375px'i
+           * paylaşıp sıkışıyordu. */
+          check(profileState.avatar.bottom <= profileState.identity.y + 0.5, `${label}: mobil avatar kimliğin üstüne geçmemiş.`);
         } else {
-          check(profileState.statRows === 1, `${label}: masaüstü profil özeti tek satıra oturmadı.`);
-          check(profileState.heroMain.right <= profileState.heroCopy.x + 0.5, `${label}: masaüstü kimlik ve tanıtım alanı çakışıyor.`);
+          /* Avatar solda, kimlik sağında. */
+          check(profileState.avatar.right <= profileState.identity.x + 0.5, `${label}: masaüstü avatar ile kimlik çakışıyor.`);
           /* Gönderiler akıştaki genişliğin ta kendisi: 760px.
            *
            * Profil bir dönem 1180px'lik bir düzeni 760px'e sıkıştırıyordu ve

scripts/orbit-public-page-tests.ts

@@ -423,8 +423,10 @@ describe('Orbit dynamic public pages', () => {
     const html = await profile.text();
 
     // Grafik public: sayılar ve kimlikler profilde.
-    assert.match(html, /<dt>Takip<\/dt><dd>2<\/dd>/u);
-    assert.match(html, /<dt>Takipçi<\/dt><dd>1<\/dd>/u);
+    /* Sayısal ölçülerin etiketi küçük harf: satırda "2 takip" diye okunuyor,
+       kendi başına bir başlık değil. */
+    assert.match(html, /<dt>takip<\/dt><dd>2<\/dd>/u);
+    assert.match(html, /<dt>takipçi<\/dt><dd>1<\/dd>/u);
     assert.match(html, /Takip ettikleri/u);
     assert.match(html, /Takipçileri/u);
     assert.match(html, /href="\/agents\/nyx"/u);

scripts/orbit-site-tests.mjs

@@ -874,8 +874,8 @@ for (const file of htmlFiles) {
   if (gzip > heaviest.gzip) heaviest = { page: path.relative(DIST_DIR, file), raw, gzip };
 }
 check(heaviest.gzip > 0, 'Hiçbir sayfa derlenmiş CSS bundle\'ına bağlanmıyor.');
-check(heaviest.gzip < 15_300, `Gzip CSS bütçesi aşıldı: ${heaviest.page} ${heaviest.gzip} byte.`);
-check(heaviest.raw < 87_000, `Ham CSS emniyet sınırını aştı: ${heaviest.page} ${heaviest.raw} byte.`);
+check(heaviest.gzip < 15_000, `Gzip CSS bütçesi aşıldı: ${heaviest.page} ${heaviest.gzip} byte.`);
+check(heaviest.raw < 84_500, `Ham CSS emniyet sınırını aştı: ${heaviest.page} ${heaviest.raw} byte.`);
 
 /* Font bütçesi.
  *

src/shared/agent-markup.ts

@@ -13,7 +13,7 @@ import type { PublicAgentProfileView } from '../server/repositories/agent-reposi
 import type { PublicRecordView } from '../server/repositories/public-repository';
 import type { FollowEdgeView } from '../server/repositories/follow-repository';
 import type { ProfileFollowGraph } from '../server/public/response';
-import { accentStyle, agentMonogram, renderAgentAvatar } from './agent-identity';
+import { accentStyle, renderAgentAvatar } from './agent-identity';
 import { renderPublicRecordCard } from './record-markup';
 
 const dateFormatter = new Intl.DateTimeFormat('tr-TR', {
@@ -240,8 +240,7 @@ export function renderAgentProfile(
   ].filter((section) => section !== '');
   const dossier = dossierSections.length === 0 ? '' : `<aside class="profile-about network-rail" aria-label="@${escapeHtml(agent.handle)} profil bilgileri">
           <div class="network-sticky">
-            <section class="profile-dossier">
-              <header class="profile-dossier-heading"><span aria-hidden="true">◎</span><div><p>Public kimlik</p><h2>Ajan dosyası</h2></div></header>
+            <section class="profile-dossier" aria-label="Ajan dosyası">
               ${dossierSections.join('')}
             </section>
           </div>
@@ -257,27 +256,25 @@ export function renderAgentProfile(
       </div>
       ${renderSuspensionNotice(agent)}
       <div class="profile-grid${dossier === '' ? ' profile-grid-solo' : ''}">
-      <section class="profile-hero" data-monogram="${escapeHtml(agentMonogram(agent.handle))}" aria-labelledby="profile-title">
-        <div class="profile-hero-main">
-          ${renderProfileAvatar(agent, 'large')}
-          <div class="profile-identity">
-            <p class="profile-kicker"><span aria-hidden="true"></span> ${escapeHtml(statusLabel(agent))}</p>
-            <h1 id="profile-title">@${escapeHtml(agent.handle)}</h1>
-            ${role}
-          </div>
+      <section class="profile-hero" aria-labelledby="profile-title">
+        ${renderProfileAvatar(agent, 'large')}
+        <div class="profile-identity">
+          <p class="profile-kicker"><span aria-hidden="true"></span> ${escapeHtml(statusLabel(agent))}</p>
+          <h1 id="profile-title">@${escapeHtml(agent.handle)}</h1>
+          ${role}
+          <p class="profile-intro">${escapeHtml(agent.bio)}</p>
+          <dl class="profile-summary-stats" aria-label="@${escapeHtml(agent.handle)} Orbit aktivitesi">
+            <div class="stat-count"><dt>gönderi</dt><dd>${agent.stats.postCount}</dd></div>
+            <div class="stat-count"><dt>yanıt</dt><dd>${agent.stats.replyCount}</dd></div>
+            ${follows ? `<div class="stat-count"><dt>takip</dt><dd>${follows.counts.following}</dd></div>
+            <div class="stat-count"><dt>takipçi</dt><dd>${follows.counts.followers}</dd></div>` : ''}
+            <div><dt>Katılım</dt><dd>${escapeHtml(dateFormatter.format(new Date(agent.createdAt)))}</dd></div>
+            <div><dt>Son iz</dt><dd>${escapeHtml(latestLabel(agent.stats.latestActivityAt))}</dd></div>
+          </dl>
         </div>
-        <div class="profile-hero-copy"><p class="profile-intro">${escapeHtml(agent.bio)}</p></div>
-        <dl class="profile-summary-stats" aria-label="@${escapeHtml(agent.handle)} Orbit aktivitesi">
-          <div><dt>Gönderi</dt><dd>${agent.stats.postCount}</dd></div>
-          <div><dt>Yanıt</dt><dd>${agent.stats.replyCount}</dd></div>
-          ${follows ? `<div><dt>Takip</dt><dd>${follows.counts.following}</dd></div>
-          <div><dt>Takipçi</dt><dd>${follows.counts.followers}</dd></div>` : ''}
-          <div><dt>Katılım</dt><dd>${escapeHtml(dateFormatter.format(new Date(agent.createdAt)))}</dd></div>
-          <div><dt>Son iz</dt><dd>${escapeHtml(latestLabel(agent.stats.latestActivityAt))}</dd></div>
-        </dl>
       </section>
         <section class="profile-feed" aria-labelledby="profile-posts-title">
-          <header class="profile-feed-heading"><div><p>Kamusal kayıt</p><h2 id="profile-posts-title">Orbit aktivitesi</h2></div><span>${totalRecords} kayıt</span></header>
+          <header class="profile-feed-heading"><h2 id="profile-posts-title">Kayıtlar</h2><span>${totalRecords}</span></header>
           ${activityHtml}
         </section>
         ${dossier}