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/templates/apps/billboard/_partials/_applet-my-posts.html

@@ -7,7 +7,7 @@
         <ul>
             {% for post in recent_posts %}
                 <li>
-                    <a href="{{ post.get_absolute_url }}">{{ post.name }}</a>
+                    <a href="{{ post.get_absolute_url }}">{{ post.title }}</a>
                 </li>
             {% empty %}
                 <li>No posts yet.</li>

src/templates/apps/billboard/_partials/_buddy_panel.html

@@ -74,26 +74,70 @@
     });
 
     // OK → POST share-post async; reuses the C3.b response handling so the
-    // recipient chip + brief banner + post-table line append all light up.
+    // recipient chip + brief banner + post-line append all light up.
+    // Post-May08b layout: #id_post_table is a <ul> of <li class="post-line">
+    // rows; share-invite Lines are adman-authored (system prose, italic).
     function _appendLine(text) {
-        var table = document.getElementById('id_post_table');
-        if (!table) return;
-        var n = table.querySelectorAll('tr').length + 1;
-        var tr = document.createElement('tr');
-        var td = document.createElement('td');
-        td.textContent = n + '. ' + text;
-        tr.appendChild(td);
-        table.appendChild(tr);
+        var list = document.getElementById('id_post_table');
+        if (!list) return;
+        var li = document.createElement('li');
+        li.className = 'post-line post-line--system';
+        var author = document.createElement('span');
+        author.className = 'post-line-author';
+        author.textContent = 'adman';
+        var body = document.createElement('span');
+        body.className = 'post-line-text';
+        body.textContent = text;
+        var time = document.createElement('time');
+        time.className = 'post-line-time';
+        var now = new Date();
+        time.dateTime = now.toISOString();
+        time.textContent = now.toLocaleTimeString([], {hour: 'numeric', minute: '2-digit'});
+        li.appendChild(author);
+        li.appendChild(body);
+        li.appendChild(time);
+        // Insert before the trailing buffer if present
+        var buffer = list.querySelector('.post-line-buffer');
+        if (buffer) list.insertBefore(li, buffer);
+        else list.appendChild(li);
     }
 
+    // The shared-with header lives outside #id_buddy_panel — it's two <p>
+    // siblings under .post-header. State transitions:
+    //   0 → 1+ recipients : "just me, X" turns into
+    //                        "shared between {chip}" + "& me, X"
+    //   ≥1 → +1 recipients: append chip + ", " separator before existing
+    //                        recipient(s).
     function _appendRecipientChip(displayName) {
-        var box = document.getElementById('id_post_recipients');
-        if (!box || !displayName) return;
-        var span = document.createElement('span');
-        span.className = 'post-recipient';
-        span.textContent = displayName;
-        box.appendChild(document.createTextNode(' '));
-        box.appendChild(span);
+        if (!displayName) return;
+        var header = document.querySelector('.post-page .post-header');
+        if (!header) return;
+        var existingRecipients = header.querySelector('.post-shared-recipients');
+        var selfLine = header.querySelector('.post-shared-self');
+
+        var chip = document.createElement('span');
+        chip.className = 'post-recipient';
+        chip.textContent = displayName;
+
+        if (existingRecipients) {
+            existingRecipients.appendChild(document.createTextNode(', '));
+            existingRecipients.appendChild(chip);
+            return;
+        }
+
+        // 0 → 1+ transition: build the recipients line, rewrite the self
+        // line from "just me, …" to "& me, …".
+        var recipientsLine = document.createElement('p');
+        recipientsLine.className = 'post-shared-recipients';
+        recipientsLine.appendChild(document.createTextNode('shared between '));
+        recipientsLine.appendChild(chip);
+        if (selfLine) {
+            header.insertBefore(recipientsLine, selfLine);
+            // Replace "just me," prefix with "& me,"
+            selfLine.textContent = selfLine.textContent.replace(/^just me,/, '& me,');
+        } else {
+            header.appendChild(recipientsLine);
+        }
     }
 
     ok.addEventListener('click', function () {

src/templates/apps/billboard/my_posts.html

@@ -8,13 +8,13 @@
     <h3>{{ owner|display_name }}'s posts</h3>
     <ul>
         {% for post in owner.posts.all %}
-            <li><a href="{{ post.get_absolute_url }}">{{ post.name }}</a></li>
+            <li><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></li>
         {% endfor %}
     </ul>
     <h3>Posts shared with me</h3>
     <ul>
         {% for post in owner.shared_posts.all %}
-            <li><a href="{{ post.get_absolute_url }}">{{ post.name }}</a></li>
+            <li><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></li>
         {% endfor %}
     </ul>
 {% endblock content %}

src/templates/apps/billboard/post.html

@@ -5,37 +5,57 @@
 {% block header_text %}<span>Dash</span>post{% endblock header_text %}
 
 
-{% block extra_header %}
-    {% url "billboard:view_post" post.id as form_action %}
-    {% include "apps/dashboard/_partials/_form.html" with form=form form_action=form_action %}
-{% endblock extra_header %}
-
 {% block content %}
-    <div class="row justify-content-center">
-        <div class="col-lg-6">
-            <small>Post created by: <span id="id_post_owner">{{ post.owner|display_name }}</span></small>
-            <table id="id_post_table" class="table">
-                {% for line in post.lines.all %}
-                    <tr><td>{{ forloop.counter }}. {{ line.text }}</td></tr>
-                {% endfor %}
-            </table>
-        </div>
-    </div>
+{# Hidden owner span — preserves the existing FT contract that reads the    #}
+{# post owner via #id_post_owner. Visible owner attribution moved into the  #}
+{# self line ("just me, …" / "& me, …") below.                              #}
+<span id="id_post_owner" hidden>{{ post.owner|display_name }}</span>
 
-    <div class="row justify-content-center">
-        <div class="col-lg-6">
-            <small>Post shared with:
-                <span id="id_post_recipients">
-                    {% for user in post.shared_with.all %}
-                        <span class="post-recipient">{{ user|display_name }}</span>
-                    {% endfor %}
-                </span>
-            </small>
-        </div>
-    </div>
+<div class="post-page">
+    <header class="post-header">
+        <h3 class="post-title">{{ post.title }}</h3>
+        {% with recipients=post.shared_with.all %}
+            {% if recipients %}
+                <p class="post-shared-recipients">shared between {% for r in recipients %}<span class="post-recipient">{{ r|display_name }}</span>{% if not forloop.last %}, {% endif %}{% endfor %}</p>
+                <p class="post-shared-self">&amp; me, {{ post.owner|display_name }} the {{ post.owner.active_title_display }}</p>
+            {% else %}
+                <p class="post-shared-self">just me, {{ post.owner|display_name }} the {{ post.owner.active_title_display }}</p>
+            {% endif %}
+        {% endwith %}
+    </header>
+
+    <ul id="id_post_table" class="post-lines">
+        {% for line in post.lines.all %}
+            <li class="post-line {% if line.author.username == 'adman' %}post-line--system{% endif %}">
+                <span class="post-line-author">{{ line.author|display_name }}</span>
+                <span class="post-line-text">{# adman-authored Lines (note unlock + share invite system prose) carry an `<a class="note-ref">` anchor that needs to render as HTML. User-typed Lines stay escaped. #}{% if line.author.username == 'adman' %}{{ line.text|safe }}{% else %}{{ line.text }}{% endif %}</span>
+                <time class="post-line-time" datetime="{{ line.created_at|date:'c' }}">{{ line.created_at|date:'g:i A' }}</time>
+            </li>
+        {% endfor %}
+        <li class="post-line-buffer" aria-hidden="true"></li>
+    </ul>
+
+    <form id="id_post_line_form" method="POST" action="{% url 'billboard:view_post' post.id %}" class="post-line-form">
+        {% csrf_token %}
+        <input
+            id="id_post_line_text"
+            name="text"
+            class="form-control{% if form.errors.text %} is-invalid{% endif %}"
+            placeholder="Enter a post line"
+            value="{{ form.text.value|default:'' }}"
+            aria-describedby="id_post_line_feedback"
+            required
+        />
+        {% if form.errors %}
+            <div id="id_post_line_feedback" class="invalid-feedback">
+                {{ form.errors.text.0 }}
+            </div>
+        {% endif %}
+    </form>
 
     {# Buddy btn (bottom-left) + slide-out recipient field — async share. #}
     {% include "apps/billboard/_partials/_buddy_panel.html" %}
+</div>
 {% endblock content %}
 
 {% block scripts %}

src/templates/apps/dashboard/_partials/_scripts.html

@@ -3,7 +3,10 @@
 <script src="{% static "apps/dashboard/note.js" %}"></script>
 <script>
     window.onload = () => {
+        // #id_text — new-post applet on billboard.html;
+        // #id_post_line_text — post.html bottom-anchored aperture.
         initialize("#id_text");
+        initialize("#id_post_line_text");
         bindPaletteSwatches();
         bindPaletteWheel();
     };