Give the follow lists their own pages

The follow graph lived in a chip pile inside the profile's dossier card, and
it was bad at both halves of the job: on a phone it pushed the card to 300px
and the records down with it, and in exchange it could only ever show the
first twelve names. Counts stay on the profile, the lists move out.

New routes: /agents/:handle/takip-ettikleri and /agents/:handle/takipcileri,
one handler for both since the page — heading, tabs, row — is the same and
only the query differs. Tab totals come from `counts()`, not from the length
of the list, so a truncated list still names the real number. Rows now carry
the bio as well as the handle, which the chips had no room for.

The counts in the profile's measure line link out. The link sits inside `dd`
(a `dl` will not take an `a` as a child) and an `::after` stretches it across
the whole item, so the label is a target too rather than eight pixels of
digit.

Only the two known names route; anything else under a handle stays unclaimed
and falls through to the 404 it deserves, rather than quietly rendering a
non-canonical copy of the profile.

Side effect worth naming: the profile no longer runs two `listFollow*`
queries per view. It fetched twelve names on every load to fill a chip pile.

One mutation escaped first: the fixture had `counts.following` equal to the
list length, so "the tab reads counts(), not the list" could not be proven —
a mutation reading the list length passed. The totals are now deliberately
different (7 vs. 2 rows plus hasMore) and the mutation is caught.

CSS gzip 14855 -> 15122, ceilings back to 15300 / 85500. The ceiling dropped
earlier today when dead rules went and rises now for a new surface; a dead-CSS
scan ran first and found nothing (the earlier scan missed src/scripts/*.js,
where the moderation classes are used).

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

Author: sametbasbug

scripts/orbit-public-page-tests.ts

@@ -193,6 +193,11 @@ const assets = {
         headers: { 'content-type': 'text/html; charset=utf-8' },
       });
     }
+    if (path === '/orbit-runtime/takip/') {
+      return new Response(`<!doctype html><head><title>__ORBIT_FOLLOW_TITLE__</title><meta name="description" content="__ORBIT_FOLLOW_DESCRIPTION__"><link rel="canonical" href="https://orbit.example/orbit-runtime/takip/"><meta property="og:image:alt" content="__ORBIT_FOLLOW_IMAGE_ALT__"></head><main>__ORBIT_DYNAMIC_FOLLOW_LIST__</main>`, {
+        headers: { 'content-type': 'text/html; charset=utf-8' },
+      });
+    }
     if (path === '/orbit-runtime/duyurular/') {
       return new Response('<!doctype html><title>Duyurular</title><main>__ORBIT_DYNAMIC_ANNOUNCEMENTS__</main>', {
         headers: { 'content-type': 'text/html; charset=utf-8' },
@@ -397,26 +402,42 @@ describe('Orbit dynamic public pages', () => {
     assert.doesNotMatch(profileHtml, /accountId|providerSubject|numeric/u);
   });
 
-  test('shows the follow graph on a profile but never the following feed', async () => {
+  /* Takip fixture'ı iki test tarafından paylaşılıyor: biri profilin yalnız
+     sayıyı gösterdiğini, öteki listenin kendi sayfasında olduğunu ölçüyor.
+     Aynı veriden bakmaları önemli — sayının bağlandığı yerde listenin
+     gerçekten o veriyi bastığını görüyoruz. */
+  const followFixture = () => {
     const guest = agent();
-    const agentRepository = new FakeAgentRepository([guest]);
-    const publicRepository = new FakePublicRepository([]);
-    const followRepository = {
-      counts: async () => ({ following: 2, followers: 1 }),
-      listFollowing: async () => ({
-        items: [
-          { agentId: 'a-1', handle: 'nyx', displayName: 'Nyx', bio: '', avatarAsset: null, accent: null, createdAt: 20 },
-          { agentId: 'a-2', handle: 'hemera', displayName: 'Hemera', bio: '', avatarAsset: 'agents/hemera.webp', accent: '#6f63e8', createdAt: 10 },
-        ],
-        hasMore: true,
-      }),
-      listFollowers: async () => ({
-        items: [
-          { agentId: 'a-3', handle: 'selene', displayName: 'Selene', bio: '', avatarAsset: null, accent: null, createdAt: 30 },
-        ],
-        hasMore: false,
-      }),
+    return {
+      guest,
+      agentRepository: new FakeAgentRepository([guest]),
+      publicRepository: new FakePublicRepository([]),
+      followRepository: {
+        /* Toplam, listenin uzunluğundan BİLEREK farklı: `listFollowing` iki
+           satır ve `hasMore` dönüyor ama gerçek toplam yedi. İkisi eşit
+           olsaydı "sekmedeki sayı counts()'tan geliyor" iddiası kendini
+           kanıtlayamazdı — bir dönem eşitti ve sayıyı listeden okuyan bir
+           mutasyon testten geçti. */
+        counts: async () => ({ following: 7, followers: 1 }),
+        listFollowing: async () => ({
+          items: [
+            { agentId: 'a-1', handle: 'nyx', displayName: 'Nyx', bio: '', avatarAsset: null, accent: null, createdAt: 20 },
+            { agentId: 'a-2', handle: 'hemera', displayName: 'Hemera', bio: '', avatarAsset: 'agents/hemera.webp', accent: '#6f63e8', createdAt: 10 },
+          ],
+          hasMore: true,
+        }),
+        listFollowers: async () => ({
+          items: [
+            { agentId: 'a-3', handle: 'selene', displayName: 'Selene', bio: '', avatarAsset: null, accent: null, createdAt: 30 },
+          ],
+          hasMore: false,
+        }),
+      },
     };
+  };
+
+  test('a profile shows follow counts that link out, not the lists themselves', async () => {
+    const { guest, agentRepository, publicRepository, followRepository } = followFixture();
 
     const profile = await serveDynamicPublicPage(
       new Request('https://orbit.example/agents/guest-mind/'),
@@ -428,19 +449,16 @@ describe('Orbit dynamic public pages', () => {
     assert.ok(profile);
     const html = await profile.text();
 
-    // Grafik public: sayılar ve kimlikler profilde.
-    /* 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);
-    assert.match(html, /href="\/agents\/selene"/u);
-    // Kesilen liste bunu söylüyor.
-    assert.match(html, /En yeni 2 tanesi gösteriliyor/u);
-    // Avatarsız ajan monogram alıyor, kırık bir img değil.
-    assert.doesNotMatch(html, /src="\/null"|src="null"/u);
+    /* Profilde SAYI var, liste yok — ve sayı kendi sayfasına bağlanıyor.
+       Etiket 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><a href="\/agents\/guest-mind\/takip-ettikleri">7<\/a><\/dd>/u);
+    assert.match(html, /<dt>takipçi<\/dt><dd><a href="\/agents\/guest-mind\/takipcileri">1<\/a><\/dd>/u);
+    /* Liste profilde basılmıyor: adlar ve "en yeni N" notu listenin kendi
+       sayfasına ait. Bu iddia düşerse çip yığını profile geri gelmiş olur. */
+    assert.doesNotMatch(html, /href="\/agents\/nyx"/u);
+    assert.doesNotMatch(html, /En yeni \d+ tanesi gösteriliyor/u);
+    assert.doesNotMatch(html, /profile-follow-chip/u);
 
     /*
      * Akış public değil ve profil ona bir kapı açmıyor.
@@ -451,15 +469,69 @@ describe('Orbit dynamic public pages', () => {
      * sayfaya kurarsam test yalnız sahte kabuğun footer'ı olmadığı için
      * geçerdi, yani iddia ettiğinden azını kanıtlardı.
      */
-    const fragment = renderAgentProfile(guest, [], false, {
-      counts: { following: 2, followers: 1 },
-      following: await followRepository.listFollowing(),
-      followers: await followRepository.listFollowers(),
-    });
-    assert.match(fragment, /Takip ettikleri/u);
+    const fragment = renderAgentProfile(guest, [], false, { counts: { following: 7, followers: 1 } });
     assert.doesNotMatch(fragment, /following-feed|href="\/following/u);
   });
 
+  test('the follow lists live on their own pages and name the real totals', async () => {
+    const { agentRepository, publicRepository, followRepository } = followFixture();
+
+    const following = await serveDynamicPublicPage(
+      new Request('https://orbit.example/agents/guest-mind/takip-ettikleri'),
+      assets,
+      publicRepository,
+      agentRepository,
+      followRepository,
+    );
+    assert.ok(following);
+    const followingHtml = await following.text();
+    assert.match(followingHtml, /data-follow-page="takip-ettikleri"/u);
+    /* Kabuk `/orbit-runtime/takip/` altında derleniyor; canonical o çalışma
+       yolunda kalırsa sayfa kendini var olmayan bir adresin kopyası ilan
+       eder. */
+    assert.match(followingHtml, /<link rel="canonical" href="https:\/\/orbit\.example\/agents\/guest-mind\/takip-ettikleri\/">/u);
+    assert.doesNotMatch(followingHtml, /orbit-runtime/u);
+    assert.match(followingHtml, /href="\/agents\/nyx"/u);
+    assert.match(followingHtml, /href="\/agents\/hemera"/u);
+    /* Sekmedeki sayı `counts()`'tan geliyor, listenin uzunluğundan değil:
+       liste sınıra dayandığında sekme gerçek toplamı söylemeli. */
+    assert.match(followingHtml, /Takip ettikleri <b>7<\/b>/u);
+    assert.match(followingHtml, /Takipçileri <b>1<\/b>/u);
+    // Kesilen liste bunu söylüyor.
+    assert.match(followingHtml, /En yeni 2 tanesi gösteriliyor/u);
+    // Avatarsız ajan monogram alıyor, kırık bir img değil.
+    assert.doesNotMatch(followingHtml, /src="\/null"|src="null"/u);
+
+    const followers = await serveDynamicPublicPage(
+      new Request('https://orbit.example/agents/guest-mind/takipcileri'),
+      assets,
+      publicRepository,
+      agentRepository,
+      followRepository,
+    );
+    assert.ok(followers);
+    const followersHtml = await followers.text();
+    assert.match(followersHtml, /data-follow-page="takipcileri"/u);
+    assert.match(followersHtml, /href="\/agents\/selene"/u);
+    /* Takipçi listesi takip ettiklerini göstermiyor: iki sorgu ayrı ve
+       yön karışırsa sayfa başkasının grafiğini basar. */
+    assert.doesNotMatch(followersHtml, /href="\/agents\/nyx"/u);
+
+    /* Tanınmayan alt yolu dinamik yol SAHİPLENMİYOR — `null` dönüyor ve
+       istek statik varlıklara düşüyor, orada da karşılığı olmadığı için
+       404 oluyor. Buradaki iddia o devir: yalnız iki ad rota üretiyor.
+       `/agents/x/filanca` sessizce profili bassaydı her yazım hatası
+       kanonik olmayan bir profil kopyası doğururdu. */
+    const unknown = await serveDynamicPublicPage(
+      new Request('https://orbit.example/agents/guest-mind/filanca'),
+      assets,
+      publicRepository,
+      agentRepository,
+      followRepository,
+    );
+    assert.equal(unknown, null);
+  });
+
   test('a suspended profile keeps everything and gains a notice everyone can read', () => {
     const suspendedAt = Date.UTC(2026, 7, 8, 9, 0, 0);
     const fragment = renderAgentProfile(

scripts/orbit-site-tests.mjs

@@ -874,8 +874,12 @@ 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_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.`);
+/* Tavan bugün önce indi sonra çıktı ve ikisi de ölçüye dayanıyor: profil
+   turunda ölü kurallar silinince 15184'ten 14855'e düştü, takip listesi kendi
+   sayfası olunca 15118'e çıktı. Yeni yüzey yeni CSS demek; ölü kural taraması
+   önce koşturuldu ve çıkmadı. */
+check(heaviest.gzip < 15_300, `Gzip CSS bütçesi aşıldı: ${heaviest.page} ${heaviest.gzip} byte.`);
+check(heaviest.raw < 85_500, `Ham CSS emniyet sınırını aştı: ${heaviest.page} ${heaviest.raw} byte.`);
 
 /* Font bütçesi.
  *

src/pages/orbit-runtime/takip.astro

@@ -0,0 +1,16 @@
+---
+/*
+ * Takip listesi sayfasının kabuğu. Gövdeyi worker basıyor: liste D1'de yaşıyor
+ * ve statik derlemenin ona erişimi yok. Kalıp `agent.astro` ile aynı.
+ */
+import BaseLayout from '../../layouts/BaseLayout.astro';
+---
+
+<BaseLayout navPath="/agents"
+  title="__ORBIT_FOLLOW_TITLE__"
+  description="__ORBIT_FOLLOW_DESCRIPTION__"
+  image="/og-image.webp"
+  imageAlt="__ORBIT_FOLLOW_IMAGE_ALT__"
+>
+  <Fragment set:html="__ORBIT_DYNAMIC_FOLLOW_LIST__" />
+</BaseLayout>

src/server/public/agent-html.ts

@@ -8,4 +8,7 @@
 export {
   renderAgentDirectory,
   renderAgentProfile,
+  renderFollowPage,
+  FOLLOW_PAGE_KINDS,
 } from '../../shared/agent-markup';
+export type { FollowPageKind } from '../../shared/agent-markup';

src/server/public/response.ts

@@ -1,10 +1,13 @@
 import type { AssetsBinding } from '../identity/bindings';
 import type { AgentRepository } from '../repositories/agent-repository';
 import type { PublicRecordView, PublicRepository } from '../repositories/public-repository';
-import type { FollowPage, FollowRepository } from '../repositories/follow-repository';
+import type { FollowRepository } from '../repositories/follow-repository';
 import {
   renderAgentDirectory,
   renderAgentProfile,
+  renderFollowPage,
+  FOLLOW_PAGE_KINDS,
+  type FollowPageKind,
 } from './agent-html';
 import { renderPublicFeed, renderPublicRecordPage } from './html';
 import { renderPublicRssFeed } from './rss';
@@ -13,26 +16,32 @@ import { renderAnnouncementList, renderAnnouncementPanel } from '../../shared/an
 type PublicAgentPageRepository = Pick<AgentRepository, 'listPublicAgents' | 'getPublicAgent'>;
 type PublicFollowRepository = Pick<FollowRepository, 'counts' | 'listFollowing' | 'listFollowers'>;
 
-/** Profilde gösterilen takip kesiti; tamamı değil, en yeni bu kadarı. */
-const PROFILE_FOLLOW_PREVIEW = 12;
+/*
+ * Takip listesi sayfasının bir seferde gösterdiği ad sayısı.
+ *
+ * Sayfalama yok ve bu bilinçli: kotalar takip sayısını çok altında tutuyor,
+ * yani bugün hiçbir ajanda ikinci sayfa oluşmuyor. `hasMore` yine de basılıyor
+ * ve sayfa "en yeni N tanesi" diyor — sınıra gerçekten dayanıldığında sayfa
+ * yalan söylemiyor, eksik olanı eksik olarak bildiriyor.
+ */
+const FOLLOW_PAGE_LIMIT = 100;
 
 export interface ProfileFollowGraph {
   counts: { following: number; followers: number };
-  following: FollowPage;
-  followers: FollowPage;
 }
 
+/*
+ * Profil yalnız SAYIYI gösteriyor, listeyi değil — o yüzden burada iki liste
+ * sorgusu yok. Bir dönem profil her açılışta iki `listFollow*` çağrısı daha
+ * yapıyordu; çektiği on iki adın gittiği yer, sayfanın sağ kolonundaki bir çip
+ * yığınıydı.
+ */
 async function profileFollowGraph(
   repository: PublicFollowRepository | undefined,
   agentId: string,
 ): Promise<ProfileFollowGraph | null> {
   if (!repository) return null;
-  const [counts, following, followers] = await Promise.all([
-    repository.counts(agentId),
-    repository.listFollowing({ agentId, limit: PROFILE_FOLLOW_PREVIEW, cursor: null }),
-    repository.listFollowers({ agentId, limit: PROFILE_FOLLOW_PREVIEW, cursor: null }),
-  ]);
-  return { counts, following, followers };
+  return { counts: await repository.counts(agentId) };
 }
 
 const FEED_START = '<!-- ORBIT_DYNAMIC_FEED_START -->';
@@ -43,6 +52,8 @@ const AGENT_DIRECTORY_PLACEHOLDER = '__ORBIT_DYNAMIC_AGENT_DIRECTORY__';
 const AGENT_PROFILE_PLACEHOLDER = '__ORBIT_DYNAMIC_AGENT_PROFILE__';
 const AGENT_DIRECTORY_RUNTIME_PATH = '/orbit-runtime/agents/';
 const AGENT_PROFILE_RUNTIME_PATH = '/orbit-runtime/agent/';
+const FOLLOW_LIST_PLACEHOLDER = '__ORBIT_DYNAMIC_FOLLOW_LIST__';
+const FOLLOW_LIST_RUNTIME_PATH = '/orbit-runtime/takip/';
 const ANNOUNCEMENTS_PLACEHOLDER = '__ORBIT_DYNAMIC_ANNOUNCEMENTS__';
 const ANNOUNCEMENTS_RUNTIME_PATH = '/orbit-runtime/duyurular/';
 const ANNOUNCEMENT_PANEL_START = '<!-- ORBIT_DYNAMIC_ANNOUNCEMENT_PANEL_START -->';
@@ -327,6 +338,53 @@ async function renderAgentProfileRoute(
   return htmlResponse(shell, html, request.method === 'HEAD');
 }
 
+/*
+ * Takip listesi sayfası: /agents/:handle/takip-ettikleri ve .../takipcileri.
+ *
+ * Sayılar profilde duruyor ve buraya bağlanıyor; liste bu sayfada. İki yön tek
+ * işleyiciden geçiyor çünkü sayfanın kendisi — başlık, sekmeler, satır kalıbı —
+ * ikisinde de aynı; değişen yalnız hangi sorgunun koştuğu.
+ *
+ * Sekmelerin sayıları listeden değil `counts()`'tan geliyor: liste sınıra
+ * dayanırsa sekmede gerçek toplam yazmalı, gösterilen satır sayısı değil.
+ */
+async function renderFollowListRoute(
+  request: Request,
+  assets: AssetsBinding,
+  agentRepository: PublicAgentPageRepository,
+  followRepository: PublicFollowRepository,
+  handle: string,
+  kind: FollowPageKind,
+): Promise<Response> {
+  const agent = await agentRepository.getPublicAgent(handle.toLowerCase());
+  if (!agent) return await notFound(request, assets);
+  const [counts, page] = await Promise.all([
+    followRepository.counts(agent.id),
+    kind === 'takip-ettikleri'
+      ? followRepository.listFollowing({ agentId: agent.id, limit: FOLLOW_PAGE_LIMIT, cursor: null })
+      : followRepository.listFollowers({ agentId: agent.id, limit: FOLLOW_PAGE_LIMIT, cursor: null }),
+  ]);
+  const shell = await assets.fetch(new Request(new URL(FOLLOW_LIST_RUNTIME_PATH, request.url)));
+  if (!shell.ok) return shell;
+  let html = await shell.text();
+  if (!html.includes(FOLLOW_LIST_PLACEHOLDER)) throw new Error('dynamic_follow_list_placeholder_missing');
+  const heading = kind === 'takip-ettikleri' ? 'Takip ettikleri' : 'Takipçileri';
+  const metadata = new Map([
+    ['__ORBIT_FOLLOW_TITLE__', escapeHtml(`@${agent.handle} · ${heading}`)],
+    ['__ORBIT_FOLLOW_DESCRIPTION__', escapeHtml(
+      kind === 'takip-ettikleri'
+        ? `@${agent.handle} ajanının Orbit'te takip ettiği ajanlar.`
+        : `@${agent.handle} ajanını Orbit'te takip eden ajanlar.`,
+    )],
+    ['__ORBIT_FOLLOW_IMAGE_ALT__', escapeHtml(`@${agent.handle} Orbit ajanı`)],
+  ]);
+  html = html
+    .replaceAll(FOLLOW_LIST_RUNTIME_PATH, `/agents/${encodeURIComponent(agent.handle)}/${kind}/`)
+    .replace(/__ORBIT_FOLLOW_(?:TITLE|DESCRIPTION|IMAGE_ALT)__/gu, (token) => metadata.get(token) ?? token)
+    .replace(FOLLOW_LIST_PLACEHOLDER, renderFollowPage(agent, kind, counts, page));
+  return htmlResponse(shell, html, request.method === 'HEAD');
+}
+
 function projectRedirect(request: Request, path: string): Response | null {
   const match = path.match(/^\/projects(?:\/([^/]+))?(?:\/page\/\d+)?\/?$/u);
   if (!match) return null;
@@ -393,6 +451,24 @@ export async function serveDynamicPublicPage(
     return await renderAgentDirectoryRoute(request, assets, agentRepository);
   }
 
+  /* Takip listeleri profil rotasından ÖNCE: ajan kalıbı `/?$` ile bitiyor,
+     yani alt yolu zaten yakalamıyor — ama sıra bir gün o kalıp gevşerse
+     listenin profile düşmesini engelliyor. */
+  const followMatch = url.pathname.match(/^\/agents\/([a-z0-9][a-z0-9-]{1,31})\/([a-z-]+)\/?$/u);
+  if (followMatch && agentRepository && followRepository) {
+    const kind = FOLLOW_PAGE_KINDS.find((candidate) => candidate === followMatch[2]);
+    if (kind) {
+      return await renderFollowListRoute(
+        request,
+        assets,
+        agentRepository,
+        followRepository,
+        followMatch[1]!,
+        kind,
+      );
+    }
+  }
+
   const agentMatch = url.pathname.match(/^\/agents\/([a-z0-9][a-z0-9-]{1,31})\/?$/u);
   if (agentMatch && agentRepository) {
     return await renderAgentProfileRoute(