Add full fediverse social service

Social blueprint with timeline, compose, search, follow/unfollow,
like/boost interactions, and notifications. Inbox handler extended
for Create/Update/Delete/Accept/Like/Announce with notification
creation. HTMX-powered infinite scroll and interaction buttons.
Nav updated with Timeline, Public, Search, and Notifications links.

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

templates/federation/_interaction_buttons.html

@@ -0,0 +1,61 @@
+{% set oid = item.object_id if item is defined and item.object_id is defined else item_object_id | default('') %}
+{% set ainbox = item.author_inbox if item is defined and item.author_inbox is defined else item_author_inbox | default('') %}
+{% set lcount = item.like_count if item is defined and item.like_count is defined else like_count | default(0) %}
+{% set bcount = item.boost_count if item is defined and item.boost_count is defined else boost_count | default(0) %}
+{% set liked = item.liked_by_me if item is defined and item.liked_by_me is defined else liked_by_me | default(false) %}
+{% set boosted = item.boosted_by_me if item is defined and item.boosted_by_me is defined else boosted_by_me | default(false) %}
+
+<div class="flex items-center gap-4 mt-3 text-sm text-stone-500">
+  {% if liked %}
+    <form hx-post="{{ url_for('social.unlike') }}"
+          hx-target="#interactions-{{ oid | replace('/', '_') | replace(':', '_') }}"
+          hx-swap="innerHTML">
+      <input type="hidden" name="object_id" value="{{ oid }}">
+      <input type="hidden" name="author_inbox" value="{{ ainbox }}">
+      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+      <button type="submit" class="flex items-center gap-1 text-red-500 hover:text-red-600">
+        <span>&#x2665;</span> {{ lcount }}
+      </button>
+    </form>
+  {% else %}
+    <form hx-post="{{ url_for('social.like') }}"
+          hx-target="#interactions-{{ oid | replace('/', '_') | replace(':', '_') }}"
+          hx-swap="innerHTML">
+      <input type="hidden" name="object_id" value="{{ oid }}">
+      <input type="hidden" name="author_inbox" value="{{ ainbox }}">
+      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+      <button type="submit" class="flex items-center gap-1 hover:text-red-500">
+        <span>&#x2661;</span> {{ lcount }}
+      </button>
+    </form>
+  {% endif %}
+
+  {% if boosted %}
+    <form hx-post="{{ url_for('social.unboost') }}"
+          hx-target="#interactions-{{ oid | replace('/', '_') | replace(':', '_') }}"
+          hx-swap="innerHTML">
+      <input type="hidden" name="object_id" value="{{ oid }}">
+      <input type="hidden" name="author_inbox" value="{{ ainbox }}">
+      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+      <button type="submit" class="flex items-center gap-1 text-green-600 hover:text-green-700">
+        <span>&#x21BB;</span> {{ bcount }}
+      </button>
+    </form>
+  {% else %}
+    <form hx-post="{{ url_for('social.boost') }}"
+          hx-target="#interactions-{{ oid | replace('/', '_') | replace(':', '_') }}"
+          hx-swap="innerHTML">
+      <input type="hidden" name="object_id" value="{{ oid }}">
+      <input type="hidden" name="author_inbox" value="{{ ainbox }}">
+      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+      <button type="submit" class="flex items-center gap-1 hover:text-green-600">
+        <span>&#x21BB;</span> {{ bcount }}
+      </button>
+    </form>
+  {% endif %}
+
+  {% if oid %}
+    <a href="{{ url_for('social.compose_form', reply_to=oid) }}"
+       class="hover:text-stone-700">Reply</a>
+  {% endif %}
+</div>

templates/federation/_notification.html

@@ -0,0 +1,42 @@
+<div class="bg-white rounded-lg shadow-sm border border-stone-200 p-4 {{ 'border-l-4 border-l-stone-400' if not notif.read }}">
+  <div class="flex items-start gap-3">
+    {% if notif.from_actor_icon %}
+      <img src="{{ notif.from_actor_icon }}" alt="" class="w-8 h-8 rounded-full">
+    {% else %}
+      <div class="w-8 h-8 rounded-full bg-stone-300 flex items-center justify-center text-stone-600 font-bold text-xs">
+        {{ notif.from_actor_name[0] | upper if notif.from_actor_name else '?' }}
+      </div>
+    {% endif %}
+
+    <div class="flex-1">
+      <div class="text-sm">
+        <span class="font-semibold">{{ notif.from_actor_name }}</span>
+        <span class="text-stone-500">
+          @{{ notif.from_actor_username }}{% if notif.from_actor_domain %}@{{ notif.from_actor_domain }}{% endif %}
+        </span>
+
+        {% if notif.notification_type == "follow" %}
+          <span class="text-stone-600">followed you</span>
+        {% elif notif.notification_type == "like" %}
+          <span class="text-stone-600">liked your post</span>
+        {% elif notif.notification_type == "boost" %}
+          <span class="text-stone-600">boosted your post</span>
+        {% elif notif.notification_type == "mention" %}
+          <span class="text-stone-600">mentioned you</span>
+        {% elif notif.notification_type == "reply" %}
+          <span class="text-stone-600">replied to your post</span>
+        {% endif %}
+      </div>
+
+      {% if notif.target_content_preview %}
+        <div class="text-sm text-stone-500 mt-1 truncate">
+          {{ notif.target_content_preview }}
+        </div>
+      {% endif %}
+
+      <div class="text-xs text-stone-400 mt-1">
+        {{ notif.created_at.strftime('%b %d, %H:%M') }}
+      </div>
+    </div>
+  </div>
+</div>

templates/federation/_post_card.html

@@ -0,0 +1,52 @@
+<article class="bg-white rounded-lg shadow-sm border border-stone-200 p-4 mb-4">
+  {% if item.boosted_by %}
+    <div class="text-sm text-stone-500 mb-2">
+      Boosted by {{ item.boosted_by }}
+    </div>
+  {% endif %}
+
+  <div class="flex items-start gap-3">
+    {% if item.actor_icon %}
+      <img src="{{ item.actor_icon }}" alt="" class="w-10 h-10 rounded-full">
+    {% else %}
+      <div class="w-10 h-10 rounded-full bg-stone-300 flex items-center justify-center text-stone-600 font-bold text-sm">
+        {{ item.actor_name[0] | upper if item.actor_name else '?' }}
+      </div>
+    {% endif %}
+
+    <div class="flex-1 min-w-0">
+      <div class="flex items-baseline gap-2">
+        <span class="font-semibold text-stone-900">{{ item.actor_name }}</span>
+        <span class="text-sm text-stone-500">
+          @{{ item.actor_username }}{% if item.actor_domain %}@{{ item.actor_domain }}{% endif %}
+        </span>
+        <span class="text-sm text-stone-400 ml-auto">
+          {% if item.published %}
+            {{ item.published.strftime('%b %d, %H:%M') }}
+          {% endif %}
+        </span>
+      </div>
+
+      {% if item.summary %}
+        <details class="mt-2">
+          <summary class="text-stone-500 cursor-pointer">CW: {{ item.summary }}</summary>
+          <div class="mt-2 prose prose-sm prose-stone max-w-none">{{ item.content | safe }}</div>
+        </details>
+      {% else %}
+        <div class="mt-2 prose prose-sm prose-stone max-w-none">{{ item.content | safe }}</div>
+      {% endif %}
+
+      {% if item.url and item.post_type == "remote" %}
+        <a href="{{ item.url }}" target="_blank" rel="noopener" class="text-sm text-stone-400 hover:underline mt-1 inline-block">
+          original
+        </a>
+      {% endif %}
+
+      {% if actor %}
+        <div id="interactions-{{ item.object_id | replace('/', '_') | replace(':', '_') }}">
+          {% include "federation/_interaction_buttons.html" with context %}
+        </div>
+      {% endif %}
+    </div>
+  </div>
+</article>

templates/federation/_timeline_items.html

@@ -0,0 +1,11 @@
+{% for item in items %}
+  {% include "federation/_post_card.html" %}
+{% endfor %}
+
+{% 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>
+{% endif %}

templates/federation/actor_card.html

@@ -0,0 +1,45 @@
+<div class="bg-white rounded-lg shadow-sm border border-stone-200 p-4">
+  <div class="flex items-start gap-4">
+    {% if result.icon_url %}
+      <img src="{{ result.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">
+        {{ result.preferred_username[0] | upper }}
+      </div>
+    {% endif %}
+
+    <div class="flex-1">
+      <div class="flex items-baseline gap-2">
+        <span class="font-bold text-lg">{{ result.display_name or result.preferred_username }}</span>
+        <span class="text-stone-500">@{{ result.preferred_username }}@{{ result.domain }}</span>
+      </div>
+
+      {% if result.summary %}
+        <div class="text-sm text-stone-600 mt-1 prose prose-sm prose-stone max-w-none">
+          {{ result.summary | safe }}
+        </div>
+      {% endif %}
+
+      {% if actor %}
+        <div class="mt-3 flex gap-2">
+          <form method="post" action="{{ url_for('social.follow') }}">
+            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+            <input type="hidden" name="actor_url" value="{{ result.actor_url }}">
+            <button type="submit"
+              class="bg-stone-800 text-white px-4 py-1.5 rounded text-sm hover:bg-stone-700">
+              Follow
+            </button>
+          </form>
+          <form method="post" action="{{ url_for('social.unfollow') }}">
+            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+            <input type="hidden" name="actor_url" value="{{ result.actor_url }}">
+            <button type="submit"
+              class="border border-stone-300 text-stone-700 px-4 py-1.5 rounded text-sm hover:bg-stone-100">
+              Unfollow
+            </button>
+          </form>
+        </div>
+      {% endif %}
+    </div>
+  </div>
+</div>

templates/federation/base.html

@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{% block title %}Rose Ash{% endblock %}</title>
   <script src="https://cdn.tailwindcss.com"></script>
+  <script src="https://unpkg.com/htmx.org@1.9.12"></script>
 </head>
 <body class="bg-stone-50 text-stone-900 min-h-screen">
   <nav class="bg-stone-800 text-white p-4">
@@ -13,6 +14,13 @@
       <div class="flex items-center gap-4">
         {% if g.user %}
           {% 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.search') }}" class="hover:underline">Search</a>
+            <a href="{{ url_for('social.notifications') }}" class="hover:underline relative">
+              Notifications
+              <span hx-get="{{ url_for('social.notification_count') }}" hx-trigger="load, every 30s" hx-swap="innerHTML" class="absolute -top-2 -right-4"></span>
+            </a>
             <a href="{{ url_for('actors.profile', username=actor.preferred_username) }}" class="hover:underline">
               @{{ actor.preferred_username }}
             </a>

templates/federation/compose.html

@@ -0,0 +1,34 @@
+{% extends "federation/base.html" %}
+
+{% block title %}Compose — Rose Ash{% endblock %}
+
+{% block content %}
+<h1 class="text-2xl font-bold mb-6">Compose</h1>
+
+<form method="post" action="{{ url_for('social.compose_submit') }}" class="space-y-4">
+  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+  {% if reply_to %}
+    <input type="hidden" name="in_reply_to" value="{{ reply_to }}">
+    <div class="text-sm text-stone-500">
+      Replying to <span class="font-mono">{{ reply_to }}</span>
+    </div>
+  {% endif %}
+
+  <textarea name="content" rows="6" maxlength="5000" required
+    class="w-full border border-stone-300 rounded-lg p-3 focus:outline-none focus:ring-2 focus:ring-stone-500"
+    placeholder="What's on your mind?"></textarea>
+
+  <div class="flex items-center justify-between">
+    <select name="visibility" class="border border-stone-300 rounded px-3 py-1.5 text-sm">
+      <option value="public">Public</option>
+      <option value="unlisted">Unlisted</option>
+      <option value="followers">Followers only</option>
+    </select>
+
+    <button type="submit"
+      class="bg-stone-800 text-white px-6 py-2 rounded hover:bg-stone-700">
+      Publish
+    </button>
+  </div>
+</form>
+{% endblock %}

templates/federation/notifications.html

@@ -0,0 +1,17 @@
+{% extends "federation/base.html" %}
+
+{% block title %}Notifications — Rose Ash{% endblock %}
+
+{% block content %}
+<h1 class="text-2xl font-bold mb-6">Notifications</h1>
+
+{% if not notifications %}
+  <p class="text-stone-500">No notifications yet.</p>
+{% endif %}
+
+<div class="space-y-2">
+  {% for notif in notifications %}
+    {% include "federation/_notification.html" %}
+  {% endfor %}
+</div>
+{% endblock %}

templates/federation/search.html

@@ -0,0 +1,27 @@
+{% extends "federation/base.html" %}
+
+{% block title %}Search — Rose Ash{% endblock %}
+
+{% block content %}
+<h1 class="text-2xl font-bold mb-6">Search</h1>
+
+<form method="get" action="{{ url_for('social.search') }}" class="mb-6">
+  <div class="flex gap-2">
+    <input type="text" name="q" value="{{ query }}"
+      class="flex-1 border border-stone-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-stone-500"
+      placeholder="@user@instance.tld">
+    <button type="submit"
+      class="bg-stone-800 text-white px-6 py-2 rounded hover:bg-stone-700">
+      Search
+    </button>
+  </div>
+</form>
+
+{% if query and not result %}
+  <p class="text-stone-500">No results found for <strong>{{ query }}</strong></p>
+{% endif %}
+
+{% if result %}
+  {% include "federation/actor_card.html" %}
+{% endif %}
+{% endblock %}

templates/federation/timeline.html

@@ -0,0 +1,19 @@
+{% extends "federation/base.html" %}
+
+{% block title %}{{ "Home" if timeline_type == "home" else "Public" }} Timeline — Rose Ash{% endblock %}
+
+{% block content %}
+<div class="flex items-center justify-between mb-6">
+  <h1 class="text-2xl font-bold">{{ "Home" if timeline_type == "home" else "Public" }} Timeline</h1>
+  {% if actor %}
+    <a href="{{ url_for('social.compose_form') }}"
+       class="bg-stone-800 text-white px-4 py-2 rounded hover:bg-stone-700">
+      Compose
+    </a>
+  {% endif %}
+</div>
+
+<div id="timeline">
+  {% include "federation/_timeline_items.html" %}
+</div>
+{% endblock %}