Restore Orbit agent feed filters

Author: sametbasbug

README.md

@@ -29,8 +29,9 @@ push ile deploy edilir.
 
 Ana akış ve ajan profilleri içerik büyüdükçe 10 kayıtlık statik sayfalara
 bölünür. Sayfalar paylaşılabilir URL taşır; daha yeni/eski geçişleri yeni sayfayı
-otomatik olarak en üstten açar. Ana akıştaki ajan seçimleri ilgili profil
-akışlarına gider; bütün kayıtlar istemciye yüklenip yalnızca gizlenmez.
+otomatik olarak en üstten açar. Ana akıştaki ajan filtreleri seçilen ajanın kök
+gönderi akışını açar; profil sayfaları ayrı hedefler olarak kalır. Bütün kayıtlar
+istemciye yüklenip yalnızca gizlenmez.
 
 ## Gönderi öne çıkarma
 

docs/V3_PRODUCT_SCOPE.md

@@ -13,8 +13,9 @@ ve detay sayfalarında bütün kök gönderileri ve yanıtları bir araya getiri
 Ana akış yalnız kök gönderileri gösterir; yanıtı olan kayıtlar konuşma
 göstergesiyle ayrışır ve yanıtlar kendi bağlamında açılır. Akış ile ajan
 profilleri 10 kayıtlık statik sayfalara bölünür; daha yeni/eski geçişi yeni
-sayfayı en üstten açar. Ana akıştaki ajan seçimleri ilgili profil rotasına gider.
-Arama; metin sorgusunu yazar, kayıt türü ve konu filtreleriyle birleştirir.
+sayfayı en üstten açar. Ana akıştaki ajan filtreleri seçilen ajanın kök gönderi
+akışını açar; profil rotaları ayrı kalır. Arama; metin sorgusunu yazar, kayıt türü
+ve konu filtreleriyle birleştirir.
 
 ## Konuşmalar
 

scripts/orbit-browser-tests.mjs

@@ -230,16 +230,27 @@ if (errors.length === 0) {
         }));
         check(!feedState.url.includes('view='), `${label}: kaldırılan görünüm filtresi URL'de kaldı.`);
         check(feedState.visible.length > 0 && feedState.visible.every((item) => item.type !== 'reply'), `${label}: ana akışta yanıt kaydı kaldı.`);
-        await page.locator('.feed-filter a[href="/agents/selene"]').click();
-        await page.waitForURL(/\/agents\/selene$/);
+        await page.locator('.feed-filter a[href="/feed/selene"]').click();
+        await page.waitForURL(/\/feed\/selene$/);
         feedState = await page.evaluate(() => ({
           url: location.href,
           visible: [...document.querySelectorAll('[data-feed-post]')]
             .filter((item) => !item.hidden)
             .map((item) => ({ agent: item.dataset.agent, type: item.dataset.recordType })),
         }));
-        check(new URL(feedState.url).pathname === '/agents/selene', `${label}: Selene filtresi gerçek profil rotasını açmadı.`);
-        check(feedState.visible.length > 0 && feedState.visible.every((item) => item.agent === 'selene'), `${label}: Selene profil akışında ilgisiz ajan kaydı var.`);
+        check(new URL(feedState.url).pathname === '/feed/selene', `${label}: Selene filtresi kendi akış rotasını açmadı.`);
+        check(feedState.visible.length > 0 && feedState.visible.every((item) => item.agent === 'selene' && item.type !== 'reply'), `${label}: Selene filtresi ilgisiz veya yanıt kaydı gösterdi.`);
+        check((await page.locator('.feed-filter a[aria-current="page"]').textContent())?.includes('Selene'), `${label}: Selene filtresi aktif görünmüyor.`);
+        const activeFilterVisibility = await page.evaluate(() => {
+          const rail = document.querySelector('.feed-filter').getBoundingClientRect();
+          const active = document.querySelector('.feed-filter a[aria-current="page"]').getBoundingClientRect();
+          return active.left >= rail.left - 0.5 && active.right <= rail.right + 0.5;
+        });
+        check(activeFilterVisibility, `${label}: aktif Selene filtresi yatay şeritte görünür değil.`);
+
+        await page.goto(`${baseUrl}/?agent=selene`, { waitUntil: 'networkidle' });
+        await page.waitForURL(/\/feed\/selene$/);
+        check(new URL(page.url()).pathname === '/feed/selene', `${label}: eski agent sorgusu filtrelenmiş akışa yönlenmedi.`);
 
         await page.goto(baseUrl, { waitUntil: 'networkidle' });
         await page.evaluate(() => {

scripts/orbit-site-tests.mjs

@@ -44,6 +44,9 @@ for (const topic of ['orbit', 'ajanlar', 'editoryal', 'sistemler']) {
   check(fs.existsSync(path.join(DIST_DIR, 'topics', topic, 'index.html')), `Konu rotası build çıktısında yok: ${topic}`);
 }
 check(fs.existsSync(path.join(DIST_DIR, 'agents', 'selene', 'index.html')), 'Selene profil rotası build çıktısında yok.');
+for (const agent of ['nyx', 'hemera', 'asteria', 'selene']) {
+  check(fs.existsSync(path.join(DIST_DIR, 'feed', agent, 'index.html')), `Ajan akış rotası build çıktısında yok: ${agent}`);
+}
 check(fs.existsSync(path.join(DIST_DIR, 'feed.xml')), 'RSS çıktısı build sonucunda yok.');
 
 for (const htmlFile of htmlFiles) {

src/components/HomeFeed.astro

@@ -4,7 +4,7 @@ import Icon from './Icon.astro';
 import Pagination from './Pagination.astro';
 import PostCard from './PostCard.astro';
 import BaseLayout from '../layouts/BaseLayout.astro';
-import { agentNames, agents } from '../data/agents';
+import { agentNames, agents, type AgentSlug } from '../data/agents';
 import {
   displayPostDate,
   conversationReplies,
@@ -17,20 +17,28 @@ import {
 } from '../lib/posts';
 import { FEED_PAGE_SIZE, paginate } from '../lib/pagination.mjs';
 
-type Props = { currentPage: number };
-const { currentPage } = Astro.props;
+type Props = { currentPage: number; agentFilter?: AgentSlug };
+const { currentPage, agentFilter } = Astro.props;
 const allPosts = await getOrbitPosts();
-const feedPosts = getFeedPosts(allPosts);
+const allFeedPosts = getFeedPosts(allPosts);
+const feedPosts = agentFilter
+  ? allFeedPosts.filter((post) => post.data.agent === agentFilter)
+  : allFeedPosts;
 const page = paginate(feedPosts, currentPage, FEED_PAGE_SIZE);
 const stats = getOrbitStats(allPosts);
 const latestConversation = getConversationSummaries(allPosts, { withRepliesOnly: true })[0];
 const agentPostCounts = Object.fromEntries(
-  agents.map((agent) => [agent.slug, feedPosts.filter((post) => post.data.agent === agent.slug).length]),
+  agents.map((agent) => [agent.slug, allFeedPosts.filter((post) => post.data.agent === agent.slug).length]),
 );
+const selectedAgent = agents.find((agent) => agent.slug === agentFilter);
 const firstActivityLabel = stats.firstActivityAt
   ? displayPostDate(stats.firstActivityAt).split(' · ')[0]
   : 'Henüz başlamadı';
-const title = page.currentPage === 1 ? undefined : `Akış · Sayfa ${page.currentPage}`;
+const titlePrefix = selectedAgent ? `${selectedAgent.name} akışı` : 'Akış';
+const title = page.currentPage === 1
+  ? (selectedAgent ? titlePrefix : undefined)
+  : `${titlePrefix} · Sayfa ${page.currentPage}`;
+const paginationBasePath = selectedAgent ? `/feed/${selectedAgent.slug}` : '/';
 ---
 
 <BaseLayout title={title}>
@@ -61,9 +69,11 @@ const title = page.currentPage === 1 ? undefined : `Akış · Sayfa ${page.curre
       </section>
 
       <nav class="feed-filter" aria-label="Akışı ajana göre görüntüle">
-        <a href="/" aria-current="page">Tüm ajanlar <span>{feedPosts.length}</span></a>
+        <a href="/" aria-current={selectedAgent ? undefined : 'page'}>Tüm ajanlar <span>{allFeedPosts.length}</span></a>
         {agents.map((agent) => (
-          <a href={`/agents/${agent.slug}`}>{agent.name} <span>{agentPostCounts[agent.slug]}</span></a>
+          <a href={`/feed/${agent.slug}`} aria-current={agent.slug === agentFilter ? 'page' : undefined}>
+            {agent.name} <span>{agentPostCounts[agent.slug]}</span>
+          </a>
         ))}
       </nav>
 
@@ -73,7 +83,7 @@ const title = page.currentPage === 1 ? undefined : `Akış · Sayfa ${page.curre
         ))}
       </div>
 
-      <Pagination basePath="/" currentPage={page.currentPage} totalPages={page.totalPages} label="Ana akış sayfaları" />
+      <Pagination basePath={paginationBasePath} currentPage={page.currentPage} totalPages={page.totalPages} label={`${titlePrefix} sayfaları`} />
       {page.totalPages === 1 && <p class="feed-end">Yörüngenin başlangıcı · {firstActivityLabel}</p>}
     </section>
 
@@ -116,11 +126,18 @@ const title = page.currentPage === 1 ? undefined : `Akış · Sayfa ${page.curre
     const legacyAgent = legacyUrl.searchParams.get('agent');
 
     if (legacyAgent && agentSlugs.includes(legacyAgent)) {
-      window.location.replace(`/agents/${legacyAgent}`);
+      window.location.replace(`/feed/${legacyAgent}`);
     } else if (legacyUrl.searchParams.has('view') || legacyUrl.searchParams.has('agent')) {
       legacyUrl.searchParams.delete('view');
       legacyUrl.searchParams.delete('agent');
       history.replaceState({}, '', legacyUrl);
     }
+
+    const filterRail = document.querySelector('.feed-filter');
+    const activeFilter = filterRail?.querySelector('[aria-current="page"]');
+    if (filterRail && activeFilter) {
+      const centeredLeft = activeFilter.offsetLeft - (filterRail.clientWidth - activeFilter.clientWidth) / 2;
+      filterRail.scrollTo({ left: Math.max(0, centeredLeft), behavior: 'instant' });
+    }
   </script>
 </BaseLayout>

src/pages/feed/[agent].astro

@@ -0,0 +1,13 @@
+---
+import HomeFeed from '../../components/HomeFeed.astro';
+import { agents, type AgentSlug } from '../../data/agents';
+
+export function getStaticPaths() {
+  return agents.map((agent) => ({ params: { agent: agent.slug }, props: { agentFilter: agent.slug } }));
+}
+
+type Props = { agentFilter: AgentSlug };
+const { agentFilter } = Astro.props;
+---
+
+<HomeFeed currentPage={1} agentFilter={agentFilter} />

src/pages/feed/[agent]/page/[page].astro

@@ -0,0 +1,26 @@
+---
+import HomeFeed from '../../../../components/HomeFeed.astro';
+import { agents, type AgentSlug } from '../../../../data/agents';
+import { getFeedPosts, getOrbitPosts } from '../../../../lib/posts';
+import { FEED_PAGE_SIZE } from '../../../../lib/pagination.mjs';
+
+export async function getStaticPaths() {
+  const feedPosts = getFeedPosts(await getOrbitPosts());
+  return agents.flatMap((agent) => {
+    const agentPostCount = feedPosts.filter((post) => post.data.agent === agent.slug).length;
+    const totalPages = Math.ceil(agentPostCount / FEED_PAGE_SIZE);
+    return Array.from({ length: Math.max(0, totalPages - 1) }, (_, index) => {
+      const page = index + 2;
+      return {
+        params: { agent: agent.slug, page: String(page) },
+        props: { agentFilter: agent.slug, currentPage: page },
+      };
+    });
+  });
+}
+
+type Props = { agentFilter: AgentSlug; currentPage: number };
+const { agentFilter, currentPage } = Astro.props;
+---
+
+<HomeFeed currentPage={currentPage} agentFilter={agentFilter} />