Add following/followers lists and per-actor timeline pages

- 6 new routes: following list, followers list, actor timeline (each
  with HTMX infinite-scroll page endpoint)
- 4 new templates: following.html, followers.html, _actor_list_items.html,
  actor_timeline.html
- Nav links for Following/Followers in base.html
- Follow/unfollow redirects back to referrer page
- Timeline items template handles actor timeline type
- Update shared submodule

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

templates/federation/_actor_list_items.html

@@ -0,0 +1,60 @@
+{% for a in actors %}
+  <article class="bg-white rounded-lg shadow-sm border border-stone-200 p-4 mb-3 flex items-center gap-4">
+    {% if a.icon_url %}
+      <img src="{{ a.icon_url }}" alt="" class="w-12 h-12 rounded-full">
+    {% else %}
+      <div class="w-12 h-12 rounded-full bg-stone-300 flex items-center justify-center text-stone-600 font-bold">
+        {{ (a.display_name or a.preferred_username)[0] | upper }}
+      </div>
+    {% endif %}
+
+    <div class="flex-1 min-w-0">
+      <a href="{{ url_for('social.actor_timeline', id=a.id) }}" class="font-semibold text-stone-900 hover:underline">
+        {{ a.display_name or a.preferred_username }}
+      </a>
+      <div class="text-sm text-stone-500">@{{ a.preferred_username }}@{{ a.domain }}</div>
+      {% if a.summary %}
+        <div class="text-sm text-stone-600 mt-1 truncate">{{ a.summary | striptags }}</div>
+      {% endif %}
+    </div>
+
+    {% if actor %}
+      <div class="flex-shrink-0">
+        {% if list_type == "following" %}
+          <form method="post" action="{{ url_for('social.unfollow') }}">
+            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+            <input type="hidden" name="actor_url" value="{{ a.actor_url }}">
+            <button type="submit" class="text-sm border border-stone-300 rounded px-3 py-1 hover:bg-stone-100">
+              Unfollow
+            </button>
+          </form>
+        {% elif list_type == "followers" %}
+          {% if a.actor_url in followed_urls %}
+            <form method="post" action="{{ url_for('social.unfollow') }}">
+              <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+              <input type="hidden" name="actor_url" value="{{ a.actor_url }}">
+              <button type="submit" class="text-sm border border-stone-300 rounded px-3 py-1 hover:bg-stone-100">
+                Unfollow
+              </button>
+            </form>
+          {% else %}
+            <form method="post" action="{{ url_for('social.follow') }}">
+              <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+              <input type="hidden" name="actor_url" value="{{ a.actor_url }}">
+              <button type="submit" class="text-sm bg-stone-800 text-white rounded px-3 py-1 hover:bg-stone-700">
+                Follow Back
+              </button>
+            </form>
+          {% endif %}
+        {% endif %}
+      </div>
+    {% endif %}
+  </article>
+{% endfor %}
+
+{% if actors | length >= 20 %}
+  <div hx-get="{{ url_for('social.' ~ list_type ~ '_list_page', page=page + 1) }}"
+       hx-trigger="revealed"
+       hx-swap="outerHTML">
+  </div>
+{% endif %}

templates/federation/_timeline_items.html

@@ -4,8 +4,15 @@
 
 {% if items %}
   {% set last = items[-1] %}
-  <div hx-get="{{ url_for('social.' ~ timeline_type ~ '_timeline_page', before=last.published.isoformat()) }}"
-       hx-trigger="revealed"
-       hx-swap="outerHTML">
-  </div>
+  {% if timeline_type == "actor" %}
+    <div hx-get="{{ url_for('social.actor_timeline_page', id=actor_id, before=last.published.isoformat()) }}"
+         hx-trigger="revealed"
+         hx-swap="outerHTML">
+    </div>
+  {% else %}
+    <div hx-get="{{ url_for('social.' ~ timeline_type ~ '_timeline_page', before=last.published.isoformat()) }}"
+         hx-trigger="revealed"
+         hx-swap="outerHTML">
+    </div>
+  {% endif %}
 {% endif %}

templates/federation/actor_timeline.html

@@ -0,0 +1,53 @@
+{% extends "federation/base.html" %}
+
+{% block title %}{{ remote_actor.display_name or remote_actor.preferred_username }} — Rose Ash{% endblock %}
+
+{% block content %}
+<div class="bg-white rounded-lg shadow-sm border border-stone-200 p-6 mb-6">
+  <div class="flex items-center gap-4">
+    {% if remote_actor.icon_url %}
+      <img src="{{ remote_actor.icon_url }}" alt="" class="w-16 h-16 rounded-full">
+    {% else %}
+      <div class="w-16 h-16 rounded-full bg-stone-300 flex items-center justify-center text-stone-600 font-bold text-xl">
+        {{ (remote_actor.display_name or remote_actor.preferred_username)[0] | upper }}
+      </div>
+    {% endif %}
+
+    <div class="flex-1">
+      <h1 class="text-xl font-bold">{{ remote_actor.display_name or remote_actor.preferred_username }}</h1>
+      <div class="text-stone-500">@{{ remote_actor.preferred_username }}@{{ remote_actor.domain }}</div>
+      {% if remote_actor.summary %}
+        <div class="text-sm text-stone-600 mt-2">{{ remote_actor.summary | safe }}</div>
+      {% endif %}
+    </div>
+
+    {% if actor %}
+      <div class="flex-shrink-0">
+        {% if is_following %}
+          <form method="post" action="{{ url_for('social.unfollow') }}">
+            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+            <input type="hidden" name="actor_url" value="{{ remote_actor.actor_url }}">
+            <button type="submit" class="border border-stone-300 rounded px-4 py-2 hover:bg-stone-100">
+              Unfollow
+            </button>
+          </form>
+        {% else %}
+          <form method="post" action="{{ url_for('social.follow') }}">
+            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+            <input type="hidden" name="actor_url" value="{{ remote_actor.actor_url }}">
+            <button type="submit" class="bg-stone-800 text-white rounded px-4 py-2 hover:bg-stone-700">
+              Follow
+            </button>
+          </form>
+        {% endif %}
+      </div>
+    {% endif %}
+  </div>
+</div>
+
+<div id="timeline">
+  {% set timeline_type = "actor" %}
+  {% set actor_id = remote_actor.id %}
+  {% include "federation/_timeline_items.html" %}
+</div>
+{% endblock %}

templates/federation/base.html

@@ -16,6 +16,8 @@
           {% if actor %}
             <a href="{{ url_for('social.home_timeline') }}" class="hover:underline">Timeline</a>
             <a href="{{ url_for('social.public_timeline') }}" class="hover:underline">Public</a>
+            <a href="{{ url_for('social.following_list') }}" class="hover:underline">Following</a>
+            <a href="{{ url_for('social.followers_list') }}" class="hover:underline">Followers</a>
             <a href="{{ url_for('social.search') }}" class="hover:underline">Search</a>
             <a href="{{ url_for('social.notifications') }}" class="hover:underline relative">
               Notifications

templates/federation/followers.html

@@ -0,0 +1,12 @@
+{% extends "federation/base.html" %}
+
+{% block title %}Followers — Rose Ash{% endblock %}
+
+{% block content %}
+<h1 class="text-2xl font-bold mb-6">Followers <span class="text-stone-400 font-normal">({{ total }})</span></h1>
+
+<div id="actor-list">
+  {% set list_type = "followers" %}
+  {% include "federation/_actor_list_items.html" %}
+</div>
+{% endblock %}

templates/federation/following.html

@@ -0,0 +1,13 @@
+{% extends "federation/base.html" %}
+
+{% block title %}Following — Rose Ash{% endblock %}
+
+{% block content %}
+<h1 class="text-2xl font-bold mb-6">Following <span class="text-stone-400 font-normal">({{ total }})</span></h1>
+
+<div id="actor-list">
+  {% set list_type = "following" %}
+  {% set followed_urls = set() %}
+  {% include "federation/_actor_list_items.html" %}
+</div>
+{% endblock %}