Timeline: config-driven mute rules; show replies with thread-root context

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

web/src/components/Timeline.tsx

@@ -148,6 +148,12 @@ export default function Timeline() {
                   <div className="tl-kind">
                     <KindLabel event={e} />
                   </div>
+                  {e.inReplyTo && (
+                    <div className="tl-reply-ctx">
+                      ↳ <span className="actor">{e.inReplyTo.actor}</span>:{' '}
+                      {e.inReplyTo.bodyExcerpt}
+                    </div>
+                  )}
                   {e.bodyExcerpt && <div className="body">{e.bodyExcerpt}</div>}
                 </div>
               </div>

web/src/styles/app.css

@@ -580,6 +580,23 @@ a.check-row:hover {
   background: var(--unread);
 }
 
+.tl-reply-ctx {
+  font-size: 12px;
+  color: var(--ink-muted);
+  border-left: 2px solid var(--hairline);
+  padding-left: 7px;
+  margin: 2px 0;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  overflow-wrap: anywhere;
+}
+
+.tl-reply-ctx .actor {
+  font-weight: 600;
+}
+
 .tl-item .body {
   color: var(--ink-secondary);
   font-size: 13px;