Per-PR timeline focus: click a card to filter activity, mark-PR-read, clear chip

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DgBEW6qAwgn2fcQbA2f4ZQ

server/db.ts

@@ -195,9 +195,18 @@ export class Db {
     return this.db.prepare('SELECT 1 FROM events WHERE id = ?').get(id) !== undefined;
   }
 
-  timeline(opts: { limit: number; before?: string; unreadOnly?: boolean }): TimelinePage {
+  timeline(opts: {
+    limit: number;
+    before?: string;
+    unreadOnly?: boolean;
+    prId?: string;
+  }): TimelinePage {
     const clauses = ["p.state != ''"];
     const params: (string | number)[] = [];
+    if (opts.prId) {
+      clauses.push('e.pr_id = ?');
+      params.push(opts.prId);
+    }
     if (opts.before) {
       clauses.push('(e.created_at < ? OR (e.created_at = ? AND e.id < ?))');
       const [createdAt, id] = splitCursor(opts.before);

server/routes.ts

@@ -41,7 +41,8 @@ export function createApp({ db, triggerSync }: RouteDeps): Express {
     const limit = Math.min(Number(req.query.limit) || 50, 200);
     const before = typeof req.query.before === 'string' ? req.query.before : undefined;
     const unreadOnly = req.query.unread === '1';
-    res.json(db.timeline({ limit, before, unreadOnly }));
+    const prId = typeof req.query.pr === 'string' ? req.query.pr : undefined;
+    res.json(db.timeline({ limit, before, unreadOnly, prId }));
   });
 
   app.post('/api/timeline/:id/read', (req, res) => {