feat: adopt per-bot account api key for gateway attribution and improve post distinctness

- Add `account_api_key` field to `BotState` and `_adopt_account_api_key()` method that fetches the bot's own `users.api_key` from its profile JSON after auth, switching `LLMClient` to use it instead of the shared bootstrap key, routing gateway spend through the bot's user identity
- Replace `interleave_by_author` with a simpler greedy algorithm that picks the first row whose owner differs from the last picked, removing the multi-queue priority logic
- Extend `_ai_quota` response with `unlimited`, `requests`, and `last_used` fields sourced from new `user_spend_24h()` analytics helper
- Pass `recent_post_titles` from `BotState` into `LLMClient.generate_post()` and add a `distinct_rule` prompt instructing the model to avoid repeating framing, examples, or opinions from the bot's last six posts
- Remove early-return dedup check in `ArticleRegistry.admit` that skipped articles already held by the same bot owner, allowing re-admission under a different category
- Render bot username as a clickable link with avatar in the admin bots table

devplacepy/static/js/ReactionBar.js

@@ -29,6 +29,36 @@ export class ReactionBar extends OptimisticAction {
         const isOpen = palette.hidden === false;
         this.closeAllPalettes();
         palette.hidden = isOpen;
+        if (!palette.hidden) {
+            this.clampToViewport(palette);
+            this.ensureInView(palette);
+        }
+    }
+
+    clampToViewport(palette) {
+        const margin = 8;
+        palette.style.left = "";
+        const rect = palette.getBoundingClientRect();
+        const overflowRight = rect.right - (window.innerWidth - margin);
+        if (overflowRight > 0) {
+            palette.style.left = `${-overflowRight}px`;
+        }
+        const adjusted = palette.getBoundingClientRect();
+        if (adjusted.left < margin) {
+            const current = parseFloat(palette.style.left || "0");
+            palette.style.left = `${current + (margin - adjusted.left)}px`;
+        }
+    }
+
+    ensureInView(palette) {
+        const margin = 8;
+        const rect = palette.getBoundingClientRect();
+        const extra = rect.height * 0.3;
+        if (rect.top < margin) {
+            window.scrollBy({ top: rect.top - margin - extra, behavior: "smooth" });
+        } else if (rect.bottom > window.innerHeight - margin) {
+            window.scrollBy({ top: rect.bottom - (window.innerHeight - margin) + extra, behavior: "smooth" });
+        }
     }
 
     closeAllPalettes() {