Changeset e91849c in Klonkt for src/views/pages/post.ejs

Timestamp:

06/25/2026 10:21:29 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

67fe576

Parents:

2902320

Message:

ux(fedi): owner replies to a fediverse comment directly (no 'your server' detour)

On your own site, the reply button under an inbound fediverse comment showed
the visitor flow (asks for 'your server' and bounces to authorize_interaction).
For the site owner that is pointless — you ARE the server. Owners now get an
inline reply box that posts straight to /posts/:slug/fedi-reply (deliverReply as
the site); visitors keep the remote-interaction popover. Exposes the interaction
id on inbound nodes + threads postSlug through fedi-node.

Co-Authored-By: Claude <noreply@…>

File:

• src/views/pages/post.ejs (modified) (2 diffs)

src/views/pages/post.ejs

@@ -90 +90 @@
         <ol class="comments-list">
           <% _fedi.thread.forEach(function(n){ %>
-            <li class="comment"><%- include('../partials/fedi-node', { n: n, t: t, canManageSite: (typeof canManageSite !== 'undefined' ? canManageSite : false), _base: _base, siteAvatar: (typeof siteAvatar !== 'undefined' ? siteAvatar : null), formatDateTime: formatDateTime }) %></li>
+            <li class="comment"><%- include('../partials/fedi-node', { n: n, t: t, canManageSite: (typeof canManageSite !== 'undefined' ? canManageSite : false), _base: _base, siteAvatar: (typeof siteAvatar !== 'undefined' ? siteAvatar : null), formatDateTime: formatDateTime, postSlug: post.slug }) %></li>
           <% }); %>
         </ol>
@@ -360 +360 @@
    otherwise override the [hidden] attribute → form was always open. */
 .comment-reply-form[hidden] { display: none; }
+.fedi-owner-reply summary { list-style: none; cursor: pointer; }
+.fedi-owner-reply summary::-webkit-details-marker { display: none; }
+.fedi-owner-reply[open] summary { margin-bottom: .45rem; }
 /* DELETE button is inside a <form>; display:contents makes it a direct flex-sibling
    of REPLY → pixel-perfect alignment + equal gap. */