From eccb84f92bfe238f87a918e5fd2cd61a710fde44 Mon Sep 17 00:00:00 2001
From: Disco DeDisco <adamcraighamilton@gmail.com>
Date: Tue, 12 May 2026 22:48:32 -0400
Subject: [PATCH] =?UTF-8?q?applet=20feed=20unification=20=E2=80=94=20My=20?=
 =?UTF-8?q?Buds=20+=20My=20Notes=20drop=20the=20[Feature=20forthcoming]=20?=
 =?UTF-8?q?/=20empty=20placeholders=20for=20live=20top-3=20feeds,=20mirror?=
 =?UTF-8?q?ing=20the=20long-standing=20My=20Posts=20pattern;=20all=20five?=
 =?UTF-8?q?=20in-grid=20list=20applets=20(My=20Posts=20/=20My=20Buds=20/?=
 =?UTF-8?q?=20My=20Notes=20/=20My=20Scrolls=20/=20My=20Games)=20now=20rout?=
 =?UTF-8?q?e=20their=20<ul>=20through=20a=20single=20shared=20partial=20`?=
 =?UTF-8?q?=5Fapplet-grid-list.html`=20(newly=20extracted)=20so=20item=20r?=
 =?UTF-8?q?endering=20+=20empty-state=20row=20+=20scroll-buffer=20all=20li?=
 =?UTF-8?q?ve=20in=20one=20place=20=E2=80=94=20`=5Fapplet-list-shell.html`?=
 =?UTF-8?q?=20(the=20dedicated=20billbuds/billposts=20page=20shell)=20now?=
 =?UTF-8?q?=20internally=20includes=20the=20same=20grid-list=20partial=20f?=
 =?UTF-8?q?or=20its=20inner=20<ul>,=20so=20the=20dedicated-page=20and=20in?=
 =?UTF-8?q?-grid=20lists=20share=20the=20same=20skeleton;=20new=20per-appl?=
 =?UTF-8?q?et=20item=20partials=20`=5Fmy=5Fbuds=5Fapplet=5Fitem.html`=20(m?=
 =?UTF-8?q?irrors=20`=5Fmy=5Fbuds=5Fitem.html`=20w.=20data-bud-id=20+=20di?=
 =?UTF-8?q?splay=5Fname),=20`=5Fmy=5Fnotes=5Fitem.html`=20(links=20to=20bi?=
 =?UTF-8?q?llboard:my=5Fnotes;=20uses=20display=5Fname),=20`=5Fmy=5Fposts?=
 =?UTF-8?q?=5Fapplet=5Fitem.html`=20(Post=20link=20+=20title),=20`=5Fmy=5F?=
 =?UTF-8?q?scrolls=5Fitem.html`=20(Room=20link=20to=20billboard:scroll),?=
 =?UTF-8?q?=20`=5Fmy=5Fgames=5Fitem.html`=20(Room=20link=20to=20epic:gatek?=
 =?UTF-8?q?eeper);=20view-side=20`=5Fbillboard=5Fcontext`=20gains=20`=5Fre?=
 =?UTF-8?q?cent=5Fbuds(user)`=20=E2=80=94=20sorts=20the=20User.buds=20auto?=
 =?UTF-8?q?-through=20table=20by=20`-id`=20so=20newest-added-first=20w.o.?=
 =?UTF-8?q?=20an=20explicit=20through=20model=20w.=20timestamps=20(manage?=
 =?UTF-8?q?=20`[r.to=5Fuser=20for=20r=20in=20rows]`)=20=E2=80=94=20+=20`?=
 =?UTF-8?q?=5Frecent=5Fnotes(user)`=20(`user.notes.order=5Fby('-earned=5Fa?=
 =?UTF-8?q?t')[:limit]`);=20same=20two=20helpers=20threaded=20into=20`new?=
 =?UTF-8?q?=5Fpost`'s=20GET-with-form-errors=20branch=20(line=20270-274)?=
 =?UTF-8?q?=20so=20the=20rerender=20keeps=20the=20new=20applet=20content?=
 =?UTF-8?q?=20visible;=207=20ITs=20added=20to=20BillboardViewTest=20coveri?=
 =?UTF-8?q?ng=20recent=5Fbuds=20ordering=20/=20cap=20/=20empty=20+=20recen?=
 =?UTF-8?q?t=5Fnotes=20ordering=20/=20cap=20/=20cross-user=20isolation=20/?=
 =?UTF-8?q?=20empty;=20SCSS=20=E2=80=94=20`.applet-list=20/=20.applet-list?=
 =?UTF-8?q?-entry=20/=20.applet-list-buffer`=20lifted=20from=20`.applet-li?=
 =?UTF-8?q?st-page=20.applet-scroll`=20scope=20to=20top=20level=20so=20the?=
 =?UTF-8?q?y=20apply=20in=20both=20surfaces;=20in-grid=20applets=20get=20`?=
 =?UTF-8?q?display:=20flex;=20flex-direction:=20column;=20.applet-list=20{?=
 =?UTF-8?q?=20flex:=201=20}`=20so=20the=20list=20scrolls=20within=20the=20?=
 =?UTF-8?q?applet=20box;=20`#id=5Fapplet=5Fmy=5Fgames`=20ul-centring=20+?=
 =?UTF-8?q?=20`.scroll-list`=20+=20`#id=5Fapplet=5Fnotes=20h2=20{=20writin?=
 =?UTF-8?q?g-mode:=20vertical-rl=20...=20}`=20overrides=20removed=20(centr?=
 =?UTF-8?q?ing=20was=20an=20empty-state-only=20behaviour,=20scroll-list=20?=
 =?UTF-8?q?+=20vertical-rl=20redundant=20w.=20the=20new=20shared=20rule=20?=
 =?UTF-8?q?+=20the=20%applet-box=20`>=20h2`=20rule);=20My=20Games=20items?=
 =?UTF-8?q?=20now=20left-aligned=20by=20default;=20empty-state=20row=20rec?=
 =?UTF-8?q?overs=20the=20centred-italic-dim=20treatment=20via=20`.applet-l?=
 =?UTF-8?q?ist-entry--empty=20{=20flex:=201;=20display:=20flex;=20align-it?=
 =?UTF-8?q?ems:=20center;=20justify-content:=20center;=20opacity:=200.6;?=
 =?UTF-8?q?=20font-style:=20italic=20}`=20+=20`.applet-list:has(>=20.apple?=
 =?UTF-8?q?t-list-entry--empty)=20{=20display:=20flex;=20flex-direction:?=
 =?UTF-8?q?=20column=20}`=20=E2=80=94=20so=20"No=20buds=20yet"=20/=20"No?=
 =?UTF-8?q?=20notes=20yet"=20/=20"No=20games=20yet"=20/=20"No=20scrolls=20?=
 =?UTF-8?q?yet"=20/=20"No=20posts=20yet"=20all=20centre=20in=20their=20app?=
 =?UTF-8?q?let=20aperture,=20reverting=20to=20the=20left-aligned=20stack?=
 =?UTF-8?q?=20the=20moment=20a=20real=20item=20lands;=20Most=20Recent=20Sc?=
 =?UTF-8?q?roll's=20outer=20empty=20`<p><small>No=20recent=20activity.</sm?=
 =?UTF-8?q?all></p>`=20adopts=20the=20same=20`.applet-list-entry=20.applet?=
 =?UTF-8?q?-list-entry--empty`=20classes=20(section=20is=20already=20flex-?=
 =?UTF-8?q?column=20from=20existing=20rule)=20so=20it=20picks=20up=20the?=
 =?UTF-8?q?=20unified=20centred-italic-dim=20treatment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

pipeline fix — `_post_gear.html` (commit 6a7464e) gated the NVM target on `{% url 'billboard:my_posts' user_id=request.user.id %}`, which exploded w. NoReverseMatch when an anonymous user (Percival ch.18 anonymous-post lab — ownerless `Post.objects.create()`) hit view_post (which has no @login_required); whole gear-include now wrapped in `{% if request.user.is_authenticated %}` since anonymous viewers can't DEL/BYE/back-to-my-posts anyway; AnonymousPostViewerTest pins the 200-render + gear-absence contract so future ownerless-post regressions surface in ITs (pipeline run #298 fixed) — TDD

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Opus 4.7 <noreply@anthropic.com>
---
 .../billboard/tests/integrated/test_views.py  |  95 +++++++++++
 src/apps/billboard/views.py                   |  21 +++
 src/static_src/scss/_billboard.scss           | 161 +++++++++---------
 src/static_src/scss/_gameboard.scss           |  29 +---
 .../applets/_partials/_applet-grid-list.html  |  17 ++
 .../applets/_partials/_applet-list-shell.html |  13 +-
 .../_partials/_applet-most-recent-scroll.html |   2 +-
 .../billboard/_partials/_applet-my-buds.html  |   2 +-
 .../billboard/_partials/_applet-my-posts.html |  12 +-
 .../_partials/_applet-my-scrolls.html         |  10 +-
 .../billboard/_partials/_applet-notes.html    |   3 +-
 .../_partials/_my_buds_applet_item.html       |   7 +
 .../billboard/_partials/_my_notes_item.html   |   4 +
 .../_partials/_my_posts_applet_item.html      |   4 +
 .../billboard/_partials/_my_scrolls_item.html |   4 +
 .../apps/billboard/_partials/_post_gear.html  |   4 +
 .../gameboard/_partials/_applet-my-games.html |  10 +-
 .../gameboard/_partials/_my_games_item.html   |   4 +
 18 files changed, 256 insertions(+), 146 deletions(-)
 create mode 100644 src/templates/apps/applets/_partials/_applet-grid-list.html
 create mode 100644 src/templates/apps/billboard/_partials/_my_buds_applet_item.html
 create mode 100644 src/templates/apps/billboard/_partials/_my_notes_item.html
 create mode 100644 src/templates/apps/billboard/_partials/_my_posts_applet_item.html
 create mode 100644 src/templates/apps/billboard/_partials/_my_scrolls_item.html
 create mode 100644 src/templates/apps/gameboard/_partials/_my_games_item.html

diff --git a/src/apps/billboard/tests/integrated/test_views.py b/src/apps/billboard/tests/integrated/test_views.py
index f59ff06..8d12776 100644
--- a/src/apps/billboard/tests/integrated/test_views.py
+++ b/src/apps/billboard/tests/integrated/test_views.py
@@ -85,6 +85,73 @@ class BillboardViewTest(TestCase):
         self.assertIsNone(response.context["recent_room"])
         self.assertEqual(list(response.context["recent_events"]), [])
 
+    # ── recent_buds + recent_notes (applet feed) ──────────────────────
+    # Mirrors the recent_posts pattern: each in-grid applet now lists
+    # its own most-recent items (capped at 3) plus an empty-state row.
+
+    def test_passes_recent_buds_context(self):
+        first = User.objects.create(email="first-bud@test.io")
+        second = User.objects.create(email="second-bud@test.io")
+        self.user.buds.add(first)
+        self.user.buds.add(second)
+        response = self.client.get("/billboard/")
+        # Most-recently-added bud is first
+        self.assertEqual(list(response.context["recent_buds"]), [second, first])
+
+    def test_recent_buds_capped_at_3(self):
+        added = [
+            User.objects.create(email=f"bud{i}@test.io") for i in range(5)
+        ]
+        for u in added:
+            self.user.buds.add(u)
+        response = self.client.get("/billboard/")
+        recent = list(response.context["recent_buds"])
+        self.assertEqual(len(recent), 3)
+        # Newest three in newest-first order
+        self.assertEqual(recent, list(reversed(added))[:3])
+
+    def test_recent_buds_empty_when_no_buds(self):
+        response = self.client.get("/billboard/")
+        self.assertEqual(list(response.context["recent_buds"]), [])
+
+    def test_passes_recent_notes_context(self):
+        Note.objects.create(
+            user=self.user, slug="stargazer",
+            earned_at=timezone.now() - timezone.timedelta(days=2),
+        )
+        Note.objects.create(
+            user=self.user, slug="super-schizo",
+            earned_at=timezone.now(),
+        )
+        response = self.client.get("/billboard/")
+        slugs = [n.slug for n in response.context["recent_notes"]]
+        # Most-recently-earned first
+        self.assertEqual(slugs, ["super-schizo", "stargazer"])
+
+    def test_recent_notes_capped_at_3(self):
+        slugs = ["stargazer", "super-schizo", "super-nomad", "ladidah", "doodah"]
+        base = timezone.now()
+        for i, slug in enumerate(slugs):
+            Note.objects.create(
+                user=self.user, slug=slug,
+                earned_at=base - timezone.timedelta(hours=i),
+            )
+        response = self.client.get("/billboard/")
+        names = [n.slug for n in response.context["recent_notes"]]
+        self.assertEqual(len(names), 3)
+        # Newest-first; oldest two trimmed
+        self.assertEqual(names, slugs[:3])
+
+    def test_recent_notes_excludes_other_users(self):
+        other = User.objects.create(email="other-note@test.io")
+        Note.objects.create(user=other, slug="stargazer", earned_at=timezone.now())
+        response = self.client.get("/billboard/")
+        self.assertEqual(list(response.context["recent_notes"]), [])
+
+    def test_recent_notes_empty_when_no_notes(self):
+        response = self.client.get("/billboard/")
+        self.assertEqual(list(response.context["recent_notes"]), [])
+
 
 class SaveScrollPositionViewTest(TestCase):
     def setUp(self):
@@ -602,3 +669,31 @@ class AbandonPostViewTest(TestCase):
         self.client.post(reverse("billboard:abandon_post", args=[admin_post.id]))
         admin_post.refresh_from_db()
         self.assertIn(self.invitee, admin_post.shared_with.all())
+
+
+class AnonymousPostViewerTest(TestCase):
+    """view_post has no @login_required (Percival ch.18 anonymous-post lab —
+    ownerless Posts are viewable by anyone). The gear menu's NVM target
+    reverses `my_posts user_id=request.user.id`, which previously exploded
+    w. NoReverseMatch when request.user.id was None (anonymous user).
+    Gear menu must be gated on is_authenticated; the post body still renders
+    for anonymous viewers of ownerless posts."""
+
+    def setUp(self):
+        from apps.billboard.models import Post
+        # Ownerless Post — matches the Percival anonymous-share contract
+        # exercised by apps.dashboard.tests.integrated.test_views.SharePostTest.
+        # No Line needed; the empty post still exercises the template render.
+        self.post = Post.objects.create(title="Public-ish")
+
+    def test_anonymous_can_view_ownerless_post_without_500(self):
+        response = self.client.get(
+            reverse("billboard:view_post", args=[self.post.id])
+        )
+        self.assertEqual(response.status_code, 200)
+
+    def test_anonymous_gets_no_gear_menu(self):
+        response = self.client.get(
+            reverse("billboard:view_post", args=[self.post.id])
+        )
+        self.assertNotIn(b"id_post_menu", response.content)
diff --git a/src/apps/billboard/views.py b/src/apps/billboard/views.py
index b0ee6d5..8d3ed14 100644
--- a/src/apps/billboard/views.py
+++ b/src/apps/billboard/views.py
@@ -31,6 +31,23 @@ def _recent_posts(user, limit=3):
     )
 
 
+def _recent_buds(user, limit=3):
+    """Most-recently-added buds, newest first. M2M has no explicit through
+    model, so we sort the auto-through table by its monotonic `id`."""
+    through = User.buds.through  # type: ignore[attr-defined]
+    rows = (
+        through.objects
+            .filter(from_user=user)
+            .select_related("to_user")
+            .order_by("-id")[:limit]
+    )
+    return [r.to_user for r in rows]
+
+
+def _recent_notes(user, limit=3):
+    return user.notes.order_by("-earned_at")[:limit]
+
+
 def _billboard_context(user):
     my_rooms = rooms_for_user(user).order_by("-created_at")
 
@@ -73,6 +90,8 @@ def _billboard_context(user):
         "applets": applet_context(user, "billboard"),
         "form": LineForm(),
         "recent_posts": _recent_posts(user),
+        "recent_buds":  _recent_buds(user),
+        "recent_notes": _recent_notes(user),
     }
 
 
@@ -251,6 +270,8 @@ def new_post(request):
         if request.user.is_authenticated:
             context["applets"] = applet_context(request.user, "billboard")
             context["recent_posts"] = _recent_posts(request.user)
+            context["recent_buds"]  = _recent_buds(request.user)
+            context["recent_notes"] = _recent_notes(request.user)
         return render(request, "apps/billboard/billboard.html", context)
 
 
diff --git a/src/static_src/scss/_billboard.scss b/src/static_src/scss/_billboard.scss
index 6fcbe49..f2d3058 100644
--- a/src/static_src/scss/_billboard.scss
+++ b/src/static_src/scss/_billboard.scss
@@ -1,25 +1,80 @@
-// ── My Posts applet ────────────────────────────────────────────────────────
+// ── Shared scrollable applet list (.applet-list) ───────────────────────────
+// In-grid applet partials (My Posts, My Buds, My Notes, My Scrolls, My Games)
+// + the dedicated applet-list pages (billbuds, billposts) all wrap items in a
+// `<ul class="applet-list">`. The list rules live at top level so the same
+// item-entry styling applies in both surfaces; per-context wrappers below
+// handle flex sizing so the list scrolls inside its parent's aperture.
 
-#id_applet_my_posts {
+.applet-list {
+    list-style: none;
+    margin: 0;
+    padding: 0 0.75rem 0 0;
+    min-height: 0;
+    overflow-y: auto;
+
+    // Flex-column lets the empty-state entry fill the aperture so it can
+    // centre vertically. Fires only when the list is entirely empty —
+    // as soon as a real .applet-list-entry lands, layout reverts to the
+    // default left-aligned vertical stack.
+    &:has(> .applet-list-entry--empty) {
+        display: flex;
+        flex-direction: column;
+    }
+}
+
+// Empty-state filler (`No <X> yet.` rows). Centres in any flex-column
+// parent — the .applet-list above OR a `display: flex; flex-direction:
+// column` applet section directly (e.g. #id_applet_most_recent_scroll
+// when no Room has events yet).
+.applet-list-entry--empty {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    opacity: 0.6;
+    font-style: italic;
+    margin: 0;
+}
+
+.applet-list-entry {
+    padding: 0.4rem 0;
+
+    .bud-name { font-weight: bold; opacity: 0.85; }
+
+    a {
+        color: rgba(var(--terUser), 1);
+        text-decoration: none;
+        font-weight: bold;
+        transition: text-shadow 0.15s ease;
+
+        &:hover,
+        &:active {
+            color: rgba(var(--ninUser), 1);
+            text-shadow: 0 0 0.55rem rgba(var(--terUser), 0.7);
+        }
+    }
+}
+
+.applet-list-buffer {
+    flex-shrink: 0;
+    height: 0.5rem;
+}
+
+// In-grid applet sections: flex-column so the .applet-list can flex:1
+// and scroll within the applet box. Left-aligned items across the
+// board (My Games used to centre — symmetrised w. the rest 2026-05-12).
+
+#id_applet_my_posts,
+#id_applet_my_buds,
+#id_applet_my_scrolls,
+#id_applet_notes {
     display: flex;
     flex-direction: column;
 
-    .my-posts-container {
+    .applet-list {
         flex: 1;
-        min-height: 0;
-        overflow-y: auto;
-        -webkit-overflow-scrolling: touch;
-        scrollbar-width: none;
-        &::-webkit-scrollbar { display: none; }
-        mask-origin: padding-box;
-        mask-clip: padding-box;
-        mask-image: linear-gradient(
-            to bottom,
-            transparent 0%,
-            black 5%,
-            black 85%,
-            transparent 100%
-        );
+        padding-top: 0.25rem;
     }
 }
 
@@ -235,40 +290,9 @@ body.page-billposts {
         display: flex;
         flex-direction: column;
 
-        .applet-list {
-            list-style: none;
-            margin: 0;
-            padding: 0 0.75rem 0 0;
-            flex: 1;
-            min-height: 0;
-            overflow-y: auto;
-        }
-
-        .applet-list-entry {
-            padding: 0.4rem 0;
-
-            .bud-name { font-weight: bold; opacity: 0.85; }
-
-            &--empty { opacity: 0.6; font-style: italic; }
-
-            a {
-                color: rgba(var(--terUser), 1);
-                text-decoration: none;
-                font-weight: bold;
-                transition: text-shadow 0.15s ease;
-                
-                &:hover,
-                &:active {
-                    color: rgba(var(--ninUser), 1);
-                    text-shadow: 0 0 0.55rem rgba(var(--terUser), 0.7);
-                }
-            }
-        }
-
-        .applet-list-buffer {
-            flex-shrink: 0;
-            height: 0.5rem;
-        }
+        // .applet-list / .applet-list-entry / .applet-list-buffer rules
+        // live at top level (above) so they apply to in-grid applets too.
+        .applet-list { flex: 1; }
     }
 
     // Side-by-side in landscape; stacked in portrait (default).
@@ -302,20 +326,6 @@ body.page-billposts {
     }
 }
 
-// ── Notes applet — vertical title ─────────────────────────────────────────
-
-#id_applet_notes {
-    h2 {
-        writing-mode: vertical-rl;
-        transform: rotate(180deg);
-        margin: 0;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-}
-
 // ── Most Recent Scroll applet — scrollable drama feed ─────────────────────
 
 #id_applet_most_recent_scroll {
@@ -365,22 +375,5 @@ body.page-billposts {
     }
 }
 
-// ── My Scrolls list ────────────────────────────────────────────────────────
-
-#id_applet_my_scrolls {
-    .scroll-list {
-        list-style: none;
-        padding: 0;
-        margin: 0;
-        overflow-y: auto;
-
-        li {
-            padding: 0.25rem 0;
-            border-bottom: 1px solid rgba(var(--priUser), 0.15);
-
-            &:last-child { border-bottom: none; }
-
-            a { text-decoration: none; }
-        }
-    }
-}
+// My Scrolls now rides the shared `.applet-list` rule above (lifted out of
+// `.applet-list-page .applet-scroll`). Old `.scroll-list` styling removed.
diff --git a/src/static_src/scss/_gameboard.scss b/src/static_src/scss/_gameboard.scss
index 3085f69..d9b4e4e 100644
--- a/src/static_src/scss/_gameboard.scss
+++ b/src/static_src/scss/_gameboard.scss
@@ -83,33 +83,18 @@ body.page-gameboard {
     }
 }
 
-#id_applet_new_game,
+#id_applet_new_game {
+    display: flex;
+    flex-direction: column;
+}
+
 #id_applet_my_games {
     display: flex;
     flex-direction: column;
 
-    ul {
+    .applet-list {
         flex: 1;
-        list-style: none;
-        padding: 0;
-        margin: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        small {
-            opacity: 0.5;
-            font-style: italic;
-        }
-    }
-}
-
-#id_applet_my_games {
-
-    ul {
-        display: flex;
-        flex-direction: column;
-        
+        padding-top: 0.25rem;
     }
 }
 
diff --git a/src/templates/apps/applets/_partials/_applet-grid-list.html b/src/templates/apps/applets/_partials/_applet-grid-list.html
new file mode 100644
index 0000000..fa2e87a
--- /dev/null
+++ b/src/templates/apps/applets/_partials/_applet-grid-list.html
@@ -0,0 +1,17 @@
+{# Scrollable <ul> shared by in-grid applet partials (My Buds / My Notes /  #}
+{# My Posts / My Scrolls / My Games) AND by the dedicated billposts /        #}
+{# billbuds pages that wrap it in _applet-list-shell.html.                   #}
+{#                                                                           #}
+{# Parameters:                                                               #}
+{#   list_items         — iterable rendered into the list                    #}
+{#   list_item_template — partial rendering each <li>; receives `item`       #}
+{#   list_empty         — fallback string for the empty-state row            #}
+{#   list_id            — optional `id=` for the <ul> (e.g. "id_buds_list")  #}
+<ul {% if list_id %}id="{{ list_id }}"{% endif %} class="applet-list">
+    {% for item in list_items %}
+        {% include list_item_template %}
+    {% empty %}
+        <li class="applet-list-entry applet-list-entry--empty">{{ list_empty|default:"Nothing here yet." }}</li>
+    {% endfor %}
+    <li class="applet-list-buffer" aria-hidden="true"></li>
+</ul>
diff --git a/src/templates/apps/applets/_partials/_applet-list-shell.html b/src/templates/apps/applets/_partials/_applet-list-shell.html
index 354c532..a4d88a0 100644
--- a/src/templates/apps/applets/_partials/_applet-list-shell.html
+++ b/src/templates/apps/applets/_partials/_applet-list-shell.html
@@ -1,7 +1,9 @@
 {# Shared applet-scroll-style list section — vertical-title <h2> on the   #}
 {# left + scrollable <ul> aperture. Inclusion shell (NOT a base template) #}
 {# so a single page can invoke it more than once (e.g. my_posts.html     #}
-{# stacks "My Posts" + "Posts shared with me").                          #}
+{# stacks "My Posts" + "Posts shared with me"). The inner <ul> is in the #}
+{# shared `_applet-grid-list.html` partial so the in-grid applet         #}
+{# partials can reuse it without the .applet-scroll <section> wrapper.   #}
 {#                                                                       #}
 {# Parameters:                                                           #}
 {#   shell_title         — vertical-rotated heading text (string)        #}
@@ -12,12 +14,5 @@
 {#   shell_empty         — text for the {% empty %} fallback row         #}
 <section class="applet-scroll">
     <h2>{{ shell_title }}</h2>
-    <ul {% if shell_list_id %}id="{{ shell_list_id }}"{% endif %} class="applet-list">
-        {% for item in shell_items %}
-            {% include shell_item_template %}
-        {% empty %}
-            <li class="applet-list-entry applet-list-entry--empty">{{ shell_empty|default:"Nothing here yet." }}</li>
-        {% endfor %}
-        <li class="applet-list-buffer" aria-hidden="true"></li>
-    </ul>
+    {% include "apps/applets/_partials/_applet-grid-list.html" with list_items=shell_items list_item_template=shell_item_template list_empty=shell_empty list_id=shell_list_id %}
 </section>
diff --git a/src/templates/apps/billboard/_partials/_applet-most-recent-scroll.html b/src/templates/apps/billboard/_partials/_applet-most-recent-scroll.html
index 2d194b6..dc6a719 100644
--- a/src/templates/apps/billboard/_partials/_applet-most-recent-scroll.html
+++ b/src/templates/apps/billboard/_partials/_applet-most-recent-scroll.html
@@ -23,7 +23,7 @@
             {% endfor %}
         </section>
     {% else %}
-        <p><small>No recent activity.</small></p>
+        <p class="applet-list-entry applet-list-entry--empty">No recent activity.</p>
     {% endif %}
 </section>
 <script>
diff --git a/src/templates/apps/billboard/_partials/_applet-my-buds.html b/src/templates/apps/billboard/_partials/_applet-my-buds.html
index 02955b7..1807e26 100644
--- a/src/templates/apps/billboard/_partials/_applet-my-buds.html
+++ b/src/templates/apps/billboard/_partials/_applet-my-buds.html
@@ -3,5 +3,5 @@
     style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
 >
     <h2><a href="{% url 'billboard:my_buds' %}" class="my-buds-main">My Buds</a></h2>
-    {% include "core/_partials/_forthcoming.html" %}
+    {% include "apps/applets/_partials/_applet-grid-list.html" with list_items=recent_buds list_item_template="apps/billboard/_partials/_my_buds_applet_item.html" list_empty="No buds yet." %}
 </section>
diff --git a/src/templates/apps/billboard/_partials/_applet-my-posts.html b/src/templates/apps/billboard/_partials/_applet-my-posts.html
index 366f1df..c7f656d 100644
--- a/src/templates/apps/billboard/_partials/_applet-my-posts.html
+++ b/src/templates/apps/billboard/_partials/_applet-my-posts.html
@@ -3,15 +3,5 @@
     style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
 >
     <h2><a href="{% url 'billboard:my_posts' user.id %}" class="my-posts-main">My Posts</a></h2>
-    <div class="my-posts-container">
-        <ul>
-            {% for post in recent_posts %}
-                <li>
-                    <a href="{{ post.get_absolute_url }}">{{ post.title }}</a>
-                </li>
-            {% empty %}
-                <li>No posts yet.</li>
-            {% endfor %}
-        </ul>
-    </div>
+    {% include "apps/applets/_partials/_applet-grid-list.html" with list_items=recent_posts list_item_template="apps/billboard/_partials/_my_posts_applet_item.html" list_empty="No posts yet." %}
 </section>
diff --git a/src/templates/apps/billboard/_partials/_applet-my-scrolls.html b/src/templates/apps/billboard/_partials/_applet-my-scrolls.html
index 4c988d9..6adb927 100644
--- a/src/templates/apps/billboard/_partials/_applet-my-scrolls.html
+++ b/src/templates/apps/billboard/_partials/_applet-my-scrolls.html
@@ -3,13 +3,5 @@
     style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
 >
     <h2>My Scrolls</h2>
-    <ul class="scroll-list">
-        {% for room in my_rooms %}
-            <li>
-                <a href="{% url 'billboard:scroll' room.id %}">{{ room.name }}</a>
-            </li>
-        {% empty %}
-            <li><small>No scrolls yet.</small></li>
-        {% endfor %}
-    </ul>
+    {% include "apps/applets/_partials/_applet-grid-list.html" with list_items=my_rooms list_item_template="apps/billboard/_partials/_my_scrolls_item.html" list_empty="No scrolls yet." %}
 </section>
diff --git a/src/templates/apps/billboard/_partials/_applet-notes.html b/src/templates/apps/billboard/_partials/_applet-notes.html
index 10bd7b8..5e2b219 100644
--- a/src/templates/apps/billboard/_partials/_applet-notes.html
+++ b/src/templates/apps/billboard/_partials/_applet-notes.html
@@ -2,5 +2,6 @@
     id="id_applet_notes"
     style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
 >
-    <h2><a href="/billboard/my-notes/">My Notes</a></h2>
+    <h2><a href="{% url 'billboard:my_notes' %}">My Notes</a></h2>
+    {% include "apps/applets/_partials/_applet-grid-list.html" with list_items=recent_notes list_item_template="apps/billboard/_partials/_my_notes_item.html" list_empty="No notes yet." %}
 </section>
diff --git a/src/templates/apps/billboard/_partials/_my_buds_applet_item.html b/src/templates/apps/billboard/_partials/_my_buds_applet_item.html
new file mode 100644
index 0000000..35718ee
--- /dev/null
+++ b/src/templates/apps/billboard/_partials/_my_buds_applet_item.html
@@ -0,0 +1,7 @@
+{% load lyric_extras %}
+{# Recent-bud row for the My Buds in-grid applet. `item` is a User.     #}
+{# Mirrors the dedicated billbuds page item: just a name chip, no link  #}
+{# (per-bud surface doesn't exist yet — coming in the 3-col sprint).    #}
+<li class="applet-list-entry bud-entry" data-bud-id="{{ item.id }}">
+    <span class="bud-name">{{ item|display_name }}</span>
+</li>
diff --git a/src/templates/apps/billboard/_partials/_my_notes_item.html b/src/templates/apps/billboard/_partials/_my_notes_item.html
new file mode 100644
index 0000000..e005e68
--- /dev/null
+++ b/src/templates/apps/billboard/_partials/_my_notes_item.html
@@ -0,0 +1,4 @@
+{# Recent-note row for the My Notes in-grid applet. `item` is a Note.  #}
+<li class="applet-list-entry">
+    <a href="{% url 'billboard:my_notes' %}">{{ item.display_name }}</a>
+</li>
diff --git a/src/templates/apps/billboard/_partials/_my_posts_applet_item.html b/src/templates/apps/billboard/_partials/_my_posts_applet_item.html
new file mode 100644
index 0000000..89326ef
--- /dev/null
+++ b/src/templates/apps/billboard/_partials/_my_posts_applet_item.html
@@ -0,0 +1,4 @@
+{# Recent-posts row for the My Posts in-grid applet. `item` is a Post. #}
+<li class="applet-list-entry">
+    <a href="{{ item.get_absolute_url }}">{{ item.title }}</a>
+</li>
diff --git a/src/templates/apps/billboard/_partials/_my_scrolls_item.html b/src/templates/apps/billboard/_partials/_my_scrolls_item.html
new file mode 100644
index 0000000..c870ee5
--- /dev/null
+++ b/src/templates/apps/billboard/_partials/_my_scrolls_item.html
@@ -0,0 +1,4 @@
+{# Recent-scroll row for the My Scrolls in-grid applet. `item` is a Room. #}
+<li class="applet-list-entry">
+    <a href="{% url 'billboard:scroll' item.id %}">{{ item.name }}</a>
+</li>
diff --git a/src/templates/apps/billboard/_partials/_post_gear.html b/src/templates/apps/billboard/_partials/_post_gear.html
index f4a9de1..e3f7db4 100644
--- a/src/templates/apps/billboard/_partials/_post_gear.html
+++ b/src/templates/apps/billboard/_partials/_post_gear.html
@@ -3,6 +3,9 @@
 {# User-Posts add DEL (owner) or BYE (invitee).                               #}
 {# Admin-Posts (kind=NOTE_UNLOCK) intentionally have NVM only — DEL + BYE     #}
 {# don't apply to system-authored threads.                                    #}
+{# Anonymous viewers (Percival ch.18 anonymous-post lab) get no gear at all   #}
+{# — they can't DEL/BYE and the my_posts NVM target needs request.user.id.   #}
+{% if request.user.is_authenticated %}
 <div id="id_post_menu" style="display:none">
     <a href="{% url 'billboard:my_posts' user_id=request.user.id %}" class="btn btn-cancel">NVM</a>
     {% if post.kind != 'note_unlock' %}
@@ -20,3 +23,4 @@
     {% endif %}
 </div>
 {% include "apps/applets/_partials/_gear.html" with menu_id="id_post_menu" %}
+{% endif %}
diff --git a/src/templates/apps/gameboard/_partials/_applet-my-games.html b/src/templates/apps/gameboard/_partials/_applet-my-games.html
index ae4edc1..a417665 100644
--- a/src/templates/apps/gameboard/_partials/_applet-my-games.html
+++ b/src/templates/apps/gameboard/_partials/_applet-my-games.html
@@ -3,11 +3,5 @@
     style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
 >
     <h2>My Games</h2>
-    <ul class="game-list">
-        {% for room in my_games %}
-            <li><a href="{% url 'epic:gatekeeper' room.id %}">{{ room.name }}</a></li>
-        {% empty %}
-            <li class="game-list-item"><small>No games yet</small></li>
-        {% endfor %}
-    </ul>
-</section>
\ No newline at end of file
+    {% include "apps/applets/_partials/_applet-grid-list.html" with list_items=my_games list_item_template="apps/gameboard/_partials/_my_games_item.html" list_empty="No games yet." %}
+</section>
diff --git a/src/templates/apps/gameboard/_partials/_my_games_item.html b/src/templates/apps/gameboard/_partials/_my_games_item.html
new file mode 100644
index 0000000..d8db5a4
--- /dev/null
+++ b/src/templates/apps/gameboard/_partials/_my_games_item.html
@@ -0,0 +1,4 @@
+{# Recent-game row for the My Games in-grid applet. `item` is a Room. #}
+<li class="applet-list-entry">
+    <a href="{% url 'epic:gatekeeper' item.id %}">{{ item.name }}</a>
+</li>