post aperture refactor (May-8b): Post.title field; Line.author PROTECT FK + created_at; Note.grant_if_new admin-vs-Look! format dispatch w. note-ref anchor; bottom-anchored aperture w. shared-between header + per-Line user/timestamp; dotted-? Brief square; reserved adman seed — TDD

- schema: billboard/0004 adds Post.title (CharField 35) + Line.author (PROTECT FK, related_name=authored_lines) + Line.created_at (auto_now_add); RunPython backfill stamps existing rows (note_unlock → "Notes & recognitions" + author=adman; user_post → first-line glean + author=Post.owner).
  - lyric/0003 seeds adman User (system author for note unlock + share invite Lines); apps.lyric.models gains RESERVED_USERNAMES = {"adman"}, is_reserved_username() guard in dashboard.set_profile, get_or_create_adman() lazy fetch (TransactionTestCase flushes the seed).
  - drama: Note.grant_if_new dispatches via _ADMIN_NOTE_SLUGS = {"super-schizo","super-nomad"} — admin slugs use "The administration recognizes…" prose; everyone else uses "Look!—new Note unlocked." Both wrap Note name in `<a class="note-ref">`. Header Line dropped (test_two_different_grants_share_one_post asserts 2 lines, not 3). Note.display_name property added (slug.title() default — "super-schizo" → "Super-Schizo"). User.active_title_display returns donned recognition title or "Earthman" default.
  - billboard models: Post.name property removed → my_posts.html, _applet-my-posts.html, PostSerializer switched to Post.title. LineForm.save(for_post, author) + ExistingPostLineForm.save(author) signature + all callers (api.views, billboard.views.new_post + view_post + share_post). billboard.views.share_post authors via get_or_create_adman; new_post truncates first line for Post.title via _truncate_post_title.
  - post.html: <h3> post title heading; .post-shared-recipients (commas only) + .post-shared-self lines ("just me, X the Earthman" / "& me, X the Y" 0/≥1 split); #id_post_table is now a <ul> w. justify-content: flex-end + per-Line 3-col grid (author/text/time); adman Lines render |safe + .post-line--system italic; #id_text → #id_post_line_text rename (post.html only — /billboard/ new-post applet keeps #id_text); page_class page-billpost (joins billboard+billscroll body-class trio).
  - SCSS _billboard.scss: .post-page extends %billboard-page-base, adds bottom-anchored flex-column scroll + 3-col .post-line grid + .post-line-form pinned at bottom. _note.scss: a.note-banner__image picks up .note-item__image-box dashed-? styling for the Brief square.
  - _buddy_panel.html JS rewired for new layout: _appendLine builds <li class="post-line post-line--system"> w. adman+timestamp; _appendRecipientChip handles 0→1+ transition (rewrites "just me," → "& me,", inserts .post-shared-recipients line above self).
  - FT post_page.py: get_table_rows queries .post-line; wait_for_row_in_post_table matches by text containment (line_number arg ignored — kept for backwards compat); get_line_input_box probes #id_post_line_text first, falls back to #id_text; get_post_owner reads textContent (hidden span). test_applet_new_post_line_validation switched to input[name="text"]:invalid/:valid for cross-page selectors.
  - rootvars.scss: minor plutonium + fuschia tweaks (pre-existing).
  - 818 ITs + 35 FTs (buddy/new-post/sharing/validation/layout/jasmine/my-notes/my-posts) green.

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/static_src/scss/_billboard.scss

@@ -34,12 +34,14 @@
 }
 
 html:has(body.page-billboard),
-html:has(body.page-billscroll) {
+html:has(body.page-billscroll),
+html:has(body.page-billpost) {
     overflow: hidden;
 }
 
 body.page-billboard,
-body.page-billscroll {
+body.page-billscroll,
+body.page-billpost {
     overflow: hidden;
 
     .container {
@@ -112,6 +114,99 @@ body.page-billscroll {
     }
 }
 
+// ── Dashpost page (bottom-anchored thread + composer) ─────────────────────
+// Mirrors billscroll's flex-column / overflow-y / scroll-buffer pattern,
+// with the composer pinned at the bottom (flex-shrink: 0) so the thread
+// breathes against the viewport bottom and the input stays in reach.
+
+.post-page {
+    @extend %billboard-page-base;
+    display: flex;
+    flex-direction: column;
+    padding: 0.75rem;
+    gap: 0.5rem;
+
+    .post-header {
+        flex-shrink: 0;
+
+        .post-title {
+            margin: 0 0 0.25rem;
+            font-weight: bold;
+        }
+
+        .post-shared-recipients,
+        .post-shared-self {
+            margin: 0;
+            font-size: 0.85rem;
+            opacity: 0.75;
+        }
+    }
+
+    #id_post_table {
+        list-style: none;
+        margin: 0;
+        padding: 0 0.75rem 0 0;
+        flex: 1;
+        min-height: 0;
+        overflow-y: auto;
+        display: flex;
+        flex-direction: column;
+        // Bottom-anchor: scroll buffer above the lines pushes them down
+        // until they fill from the bottom; once content exceeds the
+        // aperture, normal scrolling kicks in.
+        justify-content: flex-end;
+
+        .post-line {
+            display: grid;
+            grid-template-columns: minmax(4rem, auto) 1fr minmax(3rem, auto);
+            align-items: baseline;
+            gap: 0.5rem;
+            padding: 0.25rem 0;
+
+            .post-line-author {
+                font-weight: bold;
+                opacity: 0.75;
+                white-space: nowrap;
+                font-size: 0.85rem;
+            }
+
+            .post-line-text {
+                min-width: 0;
+                overflow-wrap: anywhere;
+            }
+
+            .post-line-time {
+                font-size: 0.75rem;
+                opacity: 0.5;
+                text-align: right;
+                white-space: nowrap;
+            }
+
+            // System-authored Lines (adman) get a subtler typographic key
+            // — the inline `<a class="note-ref">` carries the emphasis.
+            &.post-line--system .post-line-text {
+                font-style: italic;
+                opacity: 0.85;
+            }
+        }
+
+        .post-line-buffer {
+            flex-shrink: 0;
+            height: 0.25rem;
+        }
+    }
+
+    .post-line-form {
+        flex-shrink: 0;
+        margin: 0;
+        padding-top: 0.25rem;
+
+        input.form-control {
+            width: 100%;
+        }
+    }
+}
+
 // ── Billboard applet placement ─────────────────────────────────────────────
 // Left column (4-wide): My Scrolls → Contacts → Notes stacked.
 // Right column (8-wide): Most Recent Scroll spans full height.